@import '/upload/fonts/fonts2_20/stylesheet.css'; @import '/upload/fonts/fonts2_19/stylesheet.css'; @import '/upload/fonts/fonts2_20/stylesheet.css'; @import '/upload/fonts/fonts2_19/stylesheet.css'; @import '/upload/fonts/fonts2_20/stylesheet.css'; @import '/upload/fonts/fonts2_19/stylesheet.css'; @import '/upload/fonts/fonts2_20/stylesheet.css'; @import '/upload/fonts/fonts2_19/stylesheet.css'; .btnLoading > span { position: relative; } .btnLoading > span:before, .btnLoading > span:after { content: ''; position: absolute; width: 10px; border-radius: 200px; height: 10px; background: rgba(255, 255, 255, 0.5); left: 50%; top: 50%; margin-top: -5px; } .btnLoading > span:before { -webkit-animation: leftRight 1s ease-in-out infinite; -moz-animation: leftRight 1s ease-in-out infinite; -ms-animation: leftRight 1s ease-in-out infinite; -o-animation: leftRight 1s ease-in-out infinite; animation: leftRight 1s ease-in-out infinite; } .btnLoading > span:after { -webkit-animation: leftRight 1s ease-in-out infinite; -moz-animation: leftRight 1s ease-in-out infinite; -ms-animation: leftRight 1s ease-in-out infinite; -o-animation: leftRight 1s ease-in-out infinite; animation: leftRight 1s ease-in-out infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; opacity: 0; } @-webkit-keyframes leftRight { 0% { margin-left: -55px; opacity: 0; } 70% { opacity: 0.5; } 99% { margin-left: 45px; opacity: 0; } 100% { margin-left: -55px; opacity: 0; } } @-moz-keyframes leftRight { 0% { margin-left: -55px; opacity: 0; } 70% { opacity: 0.5; } 99% { margin-left: 45px; opacity: 0; } 100% { margin-left: -55px; opacity: 0; } } @-ms-keyframes leftRight { 0% { margin-left: -55px; opacity: 0; } 70% { opacity: 0.5; } 99% { margin-left: 45px; opacity: 0; } 100% { margin-left: -55px; opacity: 0; } } @-o-keyframes leftRight { 0% { margin-left: -55px; opacity: 0; } 70% { opacity: 0.5; } 99% { margin-left: 45px; opacity: 0; } 100% { margin-left: -55px; opacity: 0; } } @keyframes leftRight { 0% { margin-left: -55px; opacity: 0; } 70% { opacity: 0.5; } 99% { margin-left: 45px; opacity: 0; } 100% { margin-left: -55px; opacity: 0; } } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF55F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF55F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF55F.svg#PTF55F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF56F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF56F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF56F.svg#PTF56F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF75F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF75F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF75F.svg#PTF75F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF76F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF76F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF76F.svg#PTF76F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF55F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF55F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF55F.svg#PTF55F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF56F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF56F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF56F.svg#PTF56F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF75F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF75F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF75F.svg#PTF75F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF76F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF76F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF76F.svg#PTF76F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF55F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF55F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF55F.svg#PTF55F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF56F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF56F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF56F.svg#PTF56F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF75F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF75F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF75F.svg#PTF75F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF76F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF76F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF76F.svg#PTF76F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF55F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF55F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF55F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF55F.svg#PTF55F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 400; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF56F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF56F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF56F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF56F.svg#PTF56F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: normal; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF75F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF75F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF75F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF75F.svg#PTF75F') format('svg'); } @font-face { font-family: 'PTSerif-standart'; font-weight: 700; font-style: italic; font-display: fallback; src: url(/upload/fonts/fonts2_7/hinted-PTF76F.eot?) format('eot'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff2) format('woff2'), url(/upload/fonts/fonts2_7/hinted-PTF76F.woff) format('woff'), url(/upload/fonts/fonts2_7/hinted-PTF76F.ttf) format('truetype'), url('/upload/fonts/fonts2_7/hinted-PTF76F.svg#PTF76F') format('svg'); } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /*@import "../../../autogenerated/tpl/mas2.scss";*/ /* Icon Font: mas */ @font-face { font-family: "mas-deb"; src: url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "mas"; src: url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.eot?v=1"); src: local('☺'), url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.eot?#iefix&v=1") format("embedded-opentype"), url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.woff?v=1") format("woff"), url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.ttf?v=1") format("truetype"), url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.svg#mas&v=1") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "mas"; src: url("/eva2/site_templates/default/css/fcustom/mas_038e6e51786c8063aedababcdf2c031a.svg#mas") format("svg"); } } [data-icon]:before { content: attr(data-icon); } [data-icon]:before, .mas-cute-cat:before, .mas-evil-cat:before { display: inline-block; font-family: "mas"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .mas-cute-cat:before { content: "\f100"; } .mas-evil-cat:before { content: "\f101"; } .rdt { position: relative; } .rdtPicker { display: none; position: absolute; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); border: 1px solid #f9f9f9; } .rdtOpen .rdtPicker { display: block; } .rdtStatic .rdtPicker { box-shadow: none; position: static; } .rdtPicker .rdtTimeToggle { text-align: center; } .rdtPicker table { width: 100%; margin: 0; } .rdtPicker td, .rdtPicker th { text-align: center; height: 28px; } .rdtPicker td { cursor: pointer; } .rdtPicker td.rdtDay:hover, .rdtPicker td.rdtHour:hover, .rdtPicker td.rdtMinute:hover, .rdtPicker td.rdtSecond:hover, .rdtPicker .rdtTimeToggle:hover { background: #eee; cursor: pointer; } .rdtPicker td.rdtOld, .rdtPicker td.rdtNew { color: #999; } .rdtPicker td.rdtToday { position: relative; } .rdtPicker td.rdtToday:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .rdtPicker td.rdtActive, .rdtPicker td.rdtActive:hover { background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .rdtPicker td.rdtActive.rdtToday:before { border-bottom-color: #fff; } .rdtPicker td.rdtDisabled, .rdtPicker td.rdtDisabled:hover { background: none; color: #999; cursor: not-allowed; } .rdtPicker td span.rdtOld { color: #999; } .rdtPicker td span.rdtDisabled, .rdtPicker td span.rdtDisabled:hover { background: none; color: #999; cursor: not-allowed; } .rdtPicker th { border-bottom: 1px solid #f9f9f9; } .rdtPicker .dow { width: 14.2857%; border-bottom: none; } .rdtPicker th.rdtSwitch { width: 100px; } .rdtPicker th.rdtNext, .rdtPicker th.rdtPrev { font-size: 21px; vertical-align: top; } .rdtPrev span, .rdtNext span { display: block; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .rdtPicker th.rdtDisabled, .rdtPicker th.rdtDisabled:hover { background: none; color: #999; cursor: not-allowed; } .rdtPicker thead tr:first-child th { cursor: pointer; } .rdtPicker thead tr:first-child th:hover { background: #eee; } .rdtPicker tfoot { border-top: 1px solid #f9f9f9; } .rdtPicker button { border: none; background: none; cursor: pointer; } .rdtPicker button:hover { background-color: #eee; } .rdtPicker thead button { width: 100%; height: 100%; } td.rdtMonth, td.rdtYear { height: 50px; width: 25%; cursor: pointer; } td.rdtMonth:hover, td.rdtYear:hover { background: #eee; } .rdtCounters { display: inline-block; } .rdtCounters > div { float: left; } .rdtCounter { height: 100px; } .rdtCounter { width: 40px; } .rdtCounterSeparator { line-height: 100px; } .rdtCounter .rdtBtn { height: 40%; line-height: 40px; cursor: pointer; display: block; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .rdtCounter .rdtBtn:hover { background: #eee; } .rdtCounter .rdtCount { height: 20%; font-size: 1.2em; } .rdtMilli { vertical-align: middle; padding-left: 8px; width: 48px; } .rdtMilli input { width: 100%; font-size: 1.2em; margin-top: 37px; } /* @include up12-dynamic(); */ /*20*/ .mas-smilesSelector .tox-collection__item-icon { height: 56px; width: auto; } .mas2 { /* HTML5 display-role reset for older browsers */ /** magic **/ /** magic **/ /** some micro 24 **/ /** all **/ /** chat **/ /** comments **/ /** photos **/ /* @include respond-to(s) { .photoItem { height: 100px; } } @include respond-to(m) { .photoItem { height: 150px; } } @include respond-to(h) { .photoItem { height: 200px; } } */ /** images **/ /** templates **/ /** loading **/ /** input modifiers **/ /** grid gallery **/ /** buttons **/ /** main action button **/ /** figure **/ /** blog **/ /** sorter **/ /** popup **/ /** menu **/ /* .menuHeight { height: 55px; } .toggleMenu { height: 55px; width: 55px; padding-top:20px; } .menuBars { position: relative; cursor: pointer; top:0; margin: 0 auto; } .menuBars, .menuBars:before, .menuBars:after { content: ''; background: $w1; height: 2px; width: 25px; display: block; @include transition(all 0.3s); } .menuBars:before { position: absolute; top: 7px; } .menuBars:after { position: absolute; top: 14px; } .menuBars.cross { @include transform(rotate(45deg)); top: 7px; } .menuBars.cross:before { @include transform(rotate(-90deg)); left:0; top: 0px; opacity: 0; } .menuBars.cross:after { @include transform(rotate(-90deg)); left:0; top: 0px; } */ /* @include keyframes(blinking) { 0% { background: $const3-op80; } 100% { background: $w1; } } */ /** max **/ } .mas2 html, .mas2 body, .mas2 div, .mas2 span, .mas2 applet, .mas2 object, .mas2 iframe, .mas2 h1, .mas2 h2, .mas2 h3, .mas2 h4, .mas2 h5, .mas2 h6, .mas2 p, .mas2 blockquote, .mas2 pre, .mas2 a, .mas2 abbr, .mas2 acronym, .mas2 address, .mas2 big, .mas2 cite, .mas2 code, .mas2 del, .mas2 dfn, .mas2 em, .mas2 img, .mas2 ins, .mas2 kbd, .mas2 q, .mas2 s, .mas2 samp, .mas2 small, .mas2 strike, .mas2 strong, .mas2 sub, .mas2 sup, .mas2 tt, .mas2 var, .mas2 b, .mas2 u, .mas2 i, .mas2 center, .mas2 dl, .mas2 dt, .mas2 dd, .mas2 ol, .mas2 ul, .mas2 li, .mas2 fieldset, .mas2 form, .mas2 label, .mas2 legend, .mas2 table, .mas2 caption, .mas2 tbody, .mas2 tfoot, .mas2 thead, .mas2 tr, .mas2 th, .mas2 td, .mas2 article, .mas2 aside, .mas2 canvas, .mas2 details, .mas2 embed, .mas2 figure, .mas2 figcaption, .mas2 footer, .mas2 header, .mas2 hgroup, .mas2 menu, .mas2 nav, .mas2 output, .mas2 ruby, .mas2 section, .mas2 summary, .mas2 time, .mas2 mark, .mas2 audio, .mas2 video, .mas2 hr, .mas2 button, .mas2 input[type="radio"], .mas2 input[type="checkbox"], .mas2 input[type="text"], .mas2 input[type] + span, .mas2 input[type]:checked + span, .mas2 input[type]:focus + span, .mas2 input[type]:checked + span:before, .mas2 input[type], .mas2 input[type], .mas2 input[type] { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline; background: none; box-sizing: border-box; -moz-box-sizing: border-box; left: auto; top: auto; right: auto; bottom: auto; box-shadow: none; /*text-transform: none;*/ outline: none; } .mas2 article, .mas2 aside, .mas2 details, .mas2 figcaption, .mas2 figure, .mas2 footer, .mas2 header, .mas2 hgroup, .mas2 menu, .mas2 nav, .mas2 section { display: block; } .mas2 body { line-height: 1; } .mas2 ol, .mas2 ul { list-style: none; } .mas2 blockquote, .mas2 q { quotes: none; } .mas2 blockquote:before, .mas2 blockquote:after, .mas2 q:before, .mas2 q:after { content: ''; content: none; } .mas2 table { border-collapse: collapse; border-spacing: 0; } .mas2 button::-moz-focus-inner { padding: 0; border: 0; } .mas2 .pc1, .mas2 .pc1-hover:hover { color: #438db2; } .mas2 .bg-pc1, .mas2 .bg-pc1-hover:hover { background-color: #438db2; } .mas2 .bo-pc1 { border-color: #438db2; } .mas2 .pc1-op10, .mas2 .pc1-op10-hover:hover { color: rgba(67, 141, 178, 0.9); } .mas2 .bg-pc1-op10, .mas2 .bg-pc1-op10-hover:hover { background-color: rgba(67, 141, 178, 0.9); } .mas2 .bo-pc1-op10 { border-color: rgba(67, 141, 178, 0.9); } .mas2 .pc1-op20, .mas2 .pc1-op20-hover:hover { color: rgba(67, 141, 178, 0.8); } .mas2 .bg-pc1-op20, .mas2 .bg-pc1-op20-hover:hover { background-color: rgba(67, 141, 178, 0.8); } .mas2 .bo-pc1-op20 { border-color: rgba(67, 141, 178, 0.8); } .mas2 .pc1-op30, .mas2 .pc1-op30-hover:hover { color: rgba(67, 141, 178, 0.7); } .mas2 .bg-pc1-op30, .mas2 .bg-pc1-op30-hover:hover { background-color: rgba(67, 141, 178, 0.7); } .mas2 .bo-pc1-op30 { border-color: rgba(67, 141, 178, 0.7); } .mas2 .pc1-op40, .mas2 .pc1-op40-hover:hover { color: rgba(67, 141, 178, 0.6); } .mas2 .bg-pc1-op40, .mas2 .bg-pc1-op40-hover:hover { background-color: rgba(67, 141, 178, 0.6); } .mas2 .bo-pc1-op40 { border-color: rgba(67, 141, 178, 0.6); } .mas2 .pc1-op50, .mas2 .pc1-op50-hover:hover { color: rgba(67, 141, 178, 0.5); } .mas2 .bg-pc1-op50, .mas2 .bg-pc1-op50-hover:hover { background-color: rgba(67, 141, 178, 0.5); } .mas2 .bo-pc1-op50 { border-color: rgba(67, 141, 178, 0.5); } .mas2 .pc1-op60, .mas2 .pc1-op60-hover:hover { color: rgba(67, 141, 178, 0.4); } .mas2 .bg-pc1-op60, .mas2 .bg-pc1-op60-hover:hover { background-color: rgba(67, 141, 178, 0.4); } .mas2 .bo-pc1-op60 { border-color: rgba(67, 141, 178, 0.4); } .mas2 .pc1-op70, .mas2 .pc1-op70-hover:hover { color: rgba(67, 141, 178, 0.3); } .mas2 .bg-pc1-op70, .mas2 .bg-pc1-op70-hover:hover { background-color: rgba(67, 141, 178, 0.3); } .mas2 .bo-pc1-op70 { border-color: rgba(67, 141, 178, 0.3); } .mas2 .pc1-op80, .mas2 .pc1-op80-hover:hover { color: rgba(67, 141, 178, 0.2); } .mas2 .bg-pc1-op80, .mas2 .bg-pc1-op80-hover:hover { background-color: rgba(67, 141, 178, 0.2); } .mas2 .bo-pc1-op80 { border-color: rgba(67, 141, 178, 0.2); } .mas2 .pc1-op90, .mas2 .pc1-op90-hover:hover { color: rgba(67, 141, 178, 0.1); } .mas2 .bg-pc1-op90, .mas2 .bg-pc1-op90-hover:hover { background-color: rgba(67, 141, 178, 0.1); } .mas2 .bo-pc1-op90 { border-color: rgba(67, 141, 178, 0.1); } .mas2 .pc2, .mas2 .pc2-hover:hover { color: #a1c6d9; } .mas2 .bg-pc2, .mas2 .bg-pc2-hover:hover { background-color: #a1c6d9; } .mas2 .bo-pc2 { border-color: #a1c6d9; } .mas2 .pc2-op10, .mas2 .pc2-op10-hover:hover { color: rgba(161, 198, 217, 0.9); } .mas2 .bg-pc2-op10, .mas2 .bg-pc2-op10-hover:hover { background-color: rgba(161, 198, 217, 0.9); } .mas2 .bo-pc2-op10 { border-color: rgba(161, 198, 217, 0.9); } .mas2 .pc2-op20, .mas2 .pc2-op20-hover:hover { color: rgba(161, 198, 217, 0.8); } .mas2 .bg-pc2-op20, .mas2 .bg-pc2-op20-hover:hover { background-color: rgba(161, 198, 217, 0.8); } .mas2 .bo-pc2-op20 { border-color: rgba(161, 198, 217, 0.8); } .mas2 .pc2-op30, .mas2 .pc2-op30-hover:hover { color: rgba(161, 198, 217, 0.7); } .mas2 .bg-pc2-op30, .mas2 .bg-pc2-op30-hover:hover { background-color: rgba(161, 198, 217, 0.7); } .mas2 .bo-pc2-op30 { border-color: rgba(161, 198, 217, 0.7); } .mas2 .pc2-op40, .mas2 .pc2-op40-hover:hover { color: rgba(161, 198, 217, 0.6); } .mas2 .bg-pc2-op40, .mas2 .bg-pc2-op40-hover:hover { background-color: rgba(161, 198, 217, 0.6); } .mas2 .bo-pc2-op40 { border-color: rgba(161, 198, 217, 0.6); } .mas2 .pc2-op50, .mas2 .pc2-op50-hover:hover { color: rgba(161, 198, 217, 0.5); } .mas2 .bg-pc2-op50, .mas2 .bg-pc2-op50-hover:hover { background-color: rgba(161, 198, 217, 0.5); } .mas2 .bo-pc2-op50 { border-color: rgba(161, 198, 217, 0.5); } .mas2 .pc2-op60, .mas2 .pc2-op60-hover:hover { color: rgba(161, 198, 217, 0.4); } .mas2 .bg-pc2-op60, .mas2 .bg-pc2-op60-hover:hover { background-color: rgba(161, 198, 217, 0.4); } .mas2 .bo-pc2-op60 { border-color: rgba(161, 198, 217, 0.4); } .mas2 .pc2-op70, .mas2 .pc2-op70-hover:hover { color: rgba(161, 198, 217, 0.3); } .mas2 .bg-pc2-op70, .mas2 .bg-pc2-op70-hover:hover { background-color: rgba(161, 198, 217, 0.3); } .mas2 .bo-pc2-op70 { border-color: rgba(161, 198, 217, 0.3); } .mas2 .pc2-op80, .mas2 .pc2-op80-hover:hover { color: rgba(161, 198, 217, 0.2); } .mas2 .bg-pc2-op80, .mas2 .bg-pc2-op80-hover:hover { background-color: rgba(161, 198, 217, 0.2); } .mas2 .bo-pc2-op80 { border-color: rgba(161, 198, 217, 0.2); } .mas2 .pc2-op90, .mas2 .pc2-op90-hover:hover { color: rgba(161, 198, 217, 0.1); } .mas2 .bg-pc2-op90, .mas2 .bg-pc2-op90-hover:hover { background-color: rgba(161, 198, 217, 0.1); } .mas2 .bo-pc2-op90 { border-color: rgba(161, 198, 217, 0.1); } .mas2 .pc3, .mas2 .pc3-hover:hover { color: #d0e3ec; } .mas2 .bg-pc3, .mas2 .bg-pc3-hover:hover { background-color: #d0e3ec; } .mas2 .bo-pc3 { border-color: #d0e3ec; } .mas2 .pc3-op10, .mas2 .pc3-op10-hover:hover { color: rgba(208, 227, 236, 0.9); } .mas2 .bg-pc3-op10, .mas2 .bg-pc3-op10-hover:hover { background-color: rgba(208, 227, 236, 0.9); } .mas2 .bo-pc3-op10 { border-color: rgba(208, 227, 236, 0.9); } .mas2 .pc3-op20, .mas2 .pc3-op20-hover:hover { color: rgba(208, 227, 236, 0.8); } .mas2 .bg-pc3-op20, .mas2 .bg-pc3-op20-hover:hover { background-color: rgba(208, 227, 236, 0.8); } .mas2 .bo-pc3-op20 { border-color: rgba(208, 227, 236, 0.8); } .mas2 .pc3-op30, .mas2 .pc3-op30-hover:hover { color: rgba(208, 227, 236, 0.7); } .mas2 .bg-pc3-op30, .mas2 .bg-pc3-op30-hover:hover { background-color: rgba(208, 227, 236, 0.7); } .mas2 .bo-pc3-op30 { border-color: rgba(208, 227, 236, 0.7); } .mas2 .pc3-op40, .mas2 .pc3-op40-hover:hover { color: rgba(208, 227, 236, 0.6); } .mas2 .bg-pc3-op40, .mas2 .bg-pc3-op40-hover:hover { background-color: rgba(208, 227, 236, 0.6); } .mas2 .bo-pc3-op40 { border-color: rgba(208, 227, 236, 0.6); } .mas2 .pc3-op50, .mas2 .pc3-op50-hover:hover { color: rgba(208, 227, 236, 0.5); } .mas2 .bg-pc3-op50, .mas2 .bg-pc3-op50-hover:hover { background-color: rgba(208, 227, 236, 0.5); } .mas2 .bo-pc3-op50 { border-color: rgba(208, 227, 236, 0.5); } .mas2 .pc3-op60, .mas2 .pc3-op60-hover:hover { color: rgba(208, 227, 236, 0.4); } .mas2 .bg-pc3-op60, .mas2 .bg-pc3-op60-hover:hover { background-color: rgba(208, 227, 236, 0.4); } .mas2 .bo-pc3-op60 { border-color: rgba(208, 227, 236, 0.4); } .mas2 .pc3-op70, .mas2 .pc3-op70-hover:hover { color: rgba(208, 227, 236, 0.3); } .mas2 .bg-pc3-op70, .mas2 .bg-pc3-op70-hover:hover { background-color: rgba(208, 227, 236, 0.3); } .mas2 .bo-pc3-op70 { border-color: rgba(208, 227, 236, 0.3); } .mas2 .pc3-op80, .mas2 .pc3-op80-hover:hover { color: rgba(208, 227, 236, 0.2); } .mas2 .bg-pc3-op80, .mas2 .bg-pc3-op80-hover:hover { background-color: rgba(208, 227, 236, 0.2); } .mas2 .bo-pc3-op80 { border-color: rgba(208, 227, 236, 0.2); } .mas2 .pc3-op90, .mas2 .pc3-op90-hover:hover { color: rgba(208, 227, 236, 0.1); } .mas2 .bg-pc3-op90, .mas2 .bg-pc3-op90-hover:hover { background-color: rgba(208, 227, 236, 0.1); } .mas2 .bo-pc3-op90 { border-color: rgba(208, 227, 236, 0.1); } .mas2 .pc4, .mas2 .pc4-hover:hover { color: #e8f1f6; } .mas2 .bg-pc4, .mas2 .bg-pc4-hover:hover { background-color: #e8f1f6; } .mas2 .bo-pc4 { border-color: #e8f1f6; } .mas2 .pc4-op10, .mas2 .pc4-op10-hover:hover { color: rgba(232, 241, 246, 0.9); } .mas2 .bg-pc4-op10, .mas2 .bg-pc4-op10-hover:hover { background-color: rgba(232, 241, 246, 0.9); } .mas2 .bo-pc4-op10 { border-color: rgba(232, 241, 246, 0.9); } .mas2 .pc4-op20, .mas2 .pc4-op20-hover:hover { color: rgba(232, 241, 246, 0.8); } .mas2 .bg-pc4-op20, .mas2 .bg-pc4-op20-hover:hover { background-color: rgba(232, 241, 246, 0.8); } .mas2 .bo-pc4-op20 { border-color: rgba(232, 241, 246, 0.8); } .mas2 .pc4-op30, .mas2 .pc4-op30-hover:hover { color: rgba(232, 241, 246, 0.7); } .mas2 .bg-pc4-op30, .mas2 .bg-pc4-op30-hover:hover { background-color: rgba(232, 241, 246, 0.7); } .mas2 .bo-pc4-op30 { border-color: rgba(232, 241, 246, 0.7); } .mas2 .pc4-op40, .mas2 .pc4-op40-hover:hover { color: rgba(232, 241, 246, 0.6); } .mas2 .bg-pc4-op40, .mas2 .bg-pc4-op40-hover:hover { background-color: rgba(232, 241, 246, 0.6); } .mas2 .bo-pc4-op40 { border-color: rgba(232, 241, 246, 0.6); } .mas2 .pc4-op50, .mas2 .pc4-op50-hover:hover { color: rgba(232, 241, 246, 0.5); } .mas2 .bg-pc4-op50, .mas2 .bg-pc4-op50-hover:hover { background-color: rgba(232, 241, 246, 0.5); } .mas2 .bo-pc4-op50 { border-color: rgba(232, 241, 246, 0.5); } .mas2 .pc4-op60, .mas2 .pc4-op60-hover:hover { color: rgba(232, 241, 246, 0.4); } .mas2 .bg-pc4-op60, .mas2 .bg-pc4-op60-hover:hover { background-color: rgba(232, 241, 246, 0.4); } .mas2 .bo-pc4-op60 { border-color: rgba(232, 241, 246, 0.4); } .mas2 .pc4-op70, .mas2 .pc4-op70-hover:hover { color: rgba(232, 241, 246, 0.3); } .mas2 .bg-pc4-op70, .mas2 .bg-pc4-op70-hover:hover { background-color: rgba(232, 241, 246, 0.3); } .mas2 .bo-pc4-op70 { border-color: rgba(232, 241, 246, 0.3); } .mas2 .pc4-op80, .mas2 .pc4-op80-hover:hover { color: rgba(232, 241, 246, 0.2); } .mas2 .bg-pc4-op80, .mas2 .bg-pc4-op80-hover:hover { background-color: rgba(232, 241, 246, 0.2); } .mas2 .bo-pc4-op80 { border-color: rgba(232, 241, 246, 0.2); } .mas2 .pc4-op90, .mas2 .pc4-op90-hover:hover { color: rgba(232, 241, 246, 0.1); } .mas2 .bg-pc4-op90, .mas2 .bg-pc4-op90-hover:hover { background-color: rgba(232, 241, 246, 0.1); } .mas2 .bo-pc4-op90 { border-color: rgba(232, 241, 246, 0.1); } .mas2 .pc5, .mas2 .pc5-hover:hover { color: #f4f8fb; } .mas2 .bg-pc5, .mas2 .bg-pc5-hover:hover { background-color: #f4f8fb; } .mas2 .bo-pc5 { border-color: #f4f8fb; } .mas2 .pc5-op10, .mas2 .pc5-op10-hover:hover { color: rgba(244, 248, 251, 0.9); } .mas2 .bg-pc5-op10, .mas2 .bg-pc5-op10-hover:hover { background-color: rgba(244, 248, 251, 0.9); } .mas2 .bo-pc5-op10 { border-color: rgba(244, 248, 251, 0.9); } .mas2 .pc5-op20, .mas2 .pc5-op20-hover:hover { color: rgba(244, 248, 251, 0.8); } .mas2 .bg-pc5-op20, .mas2 .bg-pc5-op20-hover:hover { background-color: rgba(244, 248, 251, 0.8); } .mas2 .bo-pc5-op20 { border-color: rgba(244, 248, 251, 0.8); } .mas2 .pc5-op30, .mas2 .pc5-op30-hover:hover { color: rgba(244, 248, 251, 0.7); } .mas2 .bg-pc5-op30, .mas2 .bg-pc5-op30-hover:hover { background-color: rgba(244, 248, 251, 0.7); } .mas2 .bo-pc5-op30 { border-color: rgba(244, 248, 251, 0.7); } .mas2 .pc5-op40, .mas2 .pc5-op40-hover:hover { color: rgba(244, 248, 251, 0.6); } .mas2 .bg-pc5-op40, .mas2 .bg-pc5-op40-hover:hover { background-color: rgba(244, 248, 251, 0.6); } .mas2 .bo-pc5-op40 { border-color: rgba(244, 248, 251, 0.6); } .mas2 .pc5-op50, .mas2 .pc5-op50-hover:hover { color: rgba(244, 248, 251, 0.5); } .mas2 .bg-pc5-op50, .mas2 .bg-pc5-op50-hover:hover { background-color: rgba(244, 248, 251, 0.5); } .mas2 .bo-pc5-op50 { border-color: rgba(244, 248, 251, 0.5); } .mas2 .pc5-op60, .mas2 .pc5-op60-hover:hover { color: rgba(244, 248, 251, 0.4); } .mas2 .bg-pc5-op60, .mas2 .bg-pc5-op60-hover:hover { background-color: rgba(244, 248, 251, 0.4); } .mas2 .bo-pc5-op60 { border-color: rgba(244, 248, 251, 0.4); } .mas2 .pc5-op70, .mas2 .pc5-op70-hover:hover { color: rgba(244, 248, 251, 0.3); } .mas2 .bg-pc5-op70, .mas2 .bg-pc5-op70-hover:hover { background-color: rgba(244, 248, 251, 0.3); } .mas2 .bo-pc5-op70 { border-color: rgba(244, 248, 251, 0.3); } .mas2 .pc5-op80, .mas2 .pc5-op80-hover:hover { color: rgba(244, 248, 251, 0.2); } .mas2 .bg-pc5-op80, .mas2 .bg-pc5-op80-hover:hover { background-color: rgba(244, 248, 251, 0.2); } .mas2 .bo-pc5-op80 { border-color: rgba(244, 248, 251, 0.2); } .mas2 .pc5-op90, .mas2 .pc5-op90-hover:hover { color: rgba(244, 248, 251, 0.1); } .mas2 .bg-pc5-op90, .mas2 .bg-pc5-op90-hover:hover { background-color: rgba(244, 248, 251, 0.1); } .mas2 .bo-pc5-op90 { border-color: rgba(244, 248, 251, 0.1); } .mas2 .sc1, .mas2 .sc1-hover:hover { color: #b26504; } .mas2 .bg-sc1, .mas2 .bg-sc1-hover:hover { background-color: #b26504; } .mas2 .bo-sc1 { border-color: #b26504; } .mas2 .sc1-op10, .mas2 .sc1-op10-hover:hover { color: rgba(178, 101, 4, 0.9); } .mas2 .bg-sc1-op10, .mas2 .bg-sc1-op10-hover:hover { background-color: rgba(178, 101, 4, 0.9); } .mas2 .bo-sc1-op10 { border-color: rgba(178, 101, 4, 0.9); } .mas2 .sc1-op20, .mas2 .sc1-op20-hover:hover { color: rgba(178, 101, 4, 0.8); } .mas2 .bg-sc1-op20, .mas2 .bg-sc1-op20-hover:hover { background-color: rgba(178, 101, 4, 0.8); } .mas2 .bo-sc1-op20 { border-color: rgba(178, 101, 4, 0.8); } .mas2 .sc1-op30, .mas2 .sc1-op30-hover:hover { color: rgba(178, 101, 4, 0.7); } .mas2 .bg-sc1-op30, .mas2 .bg-sc1-op30-hover:hover { background-color: rgba(178, 101, 4, 0.7); } .mas2 .bo-sc1-op30 { border-color: rgba(178, 101, 4, 0.7); } .mas2 .sc1-op40, .mas2 .sc1-op40-hover:hover { color: rgba(178, 101, 4, 0.6); } .mas2 .bg-sc1-op40, .mas2 .bg-sc1-op40-hover:hover { background-color: rgba(178, 101, 4, 0.6); } .mas2 .bo-sc1-op40 { border-color: rgba(178, 101, 4, 0.6); } .mas2 .sc1-op50, .mas2 .sc1-op50-hover:hover { color: rgba(178, 101, 4, 0.5); } .mas2 .bg-sc1-op50, .mas2 .bg-sc1-op50-hover:hover { background-color: rgba(178, 101, 4, 0.5); } .mas2 .bo-sc1-op50 { border-color: rgba(178, 101, 4, 0.5); } .mas2 .sc1-op60, .mas2 .sc1-op60-hover:hover { color: rgba(178, 101, 4, 0.4); } .mas2 .bg-sc1-op60, .mas2 .bg-sc1-op60-hover:hover { background-color: rgba(178, 101, 4, 0.4); } .mas2 .bo-sc1-op60 { border-color: rgba(178, 101, 4, 0.4); } .mas2 .sc1-op70, .mas2 .sc1-op70-hover:hover { color: rgba(178, 101, 4, 0.3); } .mas2 .bg-sc1-op70, .mas2 .bg-sc1-op70-hover:hover { background-color: rgba(178, 101, 4, 0.3); } .mas2 .bo-sc1-op70 { border-color: rgba(178, 101, 4, 0.3); } .mas2 .sc1-op80, .mas2 .sc1-op80-hover:hover { color: rgba(178, 101, 4, 0.2); } .mas2 .bg-sc1-op80, .mas2 .bg-sc1-op80-hover:hover { background-color: rgba(178, 101, 4, 0.2); } .mas2 .bo-sc1-op80 { border-color: rgba(178, 101, 4, 0.2); } .mas2 .sc1-op90, .mas2 .sc1-op90-hover:hover { color: rgba(178, 101, 4, 0.1); } .mas2 .bg-sc1-op90, .mas2 .bg-sc1-op90-hover:hover { background-color: rgba(178, 101, 4, 0.1); } .mas2 .bo-sc1-op90 { border-color: rgba(178, 101, 4, 0.1); } .mas2 .sc2, .mas2 .sc2-hover:hover { color: #d9b282; } .mas2 .bg-sc2, .mas2 .bg-sc2-hover:hover { background-color: #d9b282; } .mas2 .bo-sc2 { border-color: #d9b282; } .mas2 .sc2-op10, .mas2 .sc2-op10-hover:hover { color: rgba(217, 178, 130, 0.9); } .mas2 .bg-sc2-op10, .mas2 .bg-sc2-op10-hover:hover { background-color: rgba(217, 178, 130, 0.9); } .mas2 .bo-sc2-op10 { border-color: rgba(217, 178, 130, 0.9); } .mas2 .sc2-op20, .mas2 .sc2-op20-hover:hover { color: rgba(217, 178, 130, 0.8); } .mas2 .bg-sc2-op20, .mas2 .bg-sc2-op20-hover:hover { background-color: rgba(217, 178, 130, 0.8); } .mas2 .bo-sc2-op20 { border-color: rgba(217, 178, 130, 0.8); } .mas2 .sc2-op30, .mas2 .sc2-op30-hover:hover { color: rgba(217, 178, 130, 0.7); } .mas2 .bg-sc2-op30, .mas2 .bg-sc2-op30-hover:hover { background-color: rgba(217, 178, 130, 0.7); } .mas2 .bo-sc2-op30 { border-color: rgba(217, 178, 130, 0.7); } .mas2 .sc2-op40, .mas2 .sc2-op40-hover:hover { color: rgba(217, 178, 130, 0.6); } .mas2 .bg-sc2-op40, .mas2 .bg-sc2-op40-hover:hover { background-color: rgba(217, 178, 130, 0.6); } .mas2 .bo-sc2-op40 { border-color: rgba(217, 178, 130, 0.6); } .mas2 .sc2-op50, .mas2 .sc2-op50-hover:hover { color: rgba(217, 178, 130, 0.5); } .mas2 .bg-sc2-op50, .mas2 .bg-sc2-op50-hover:hover { background-color: rgba(217, 178, 130, 0.5); } .mas2 .bo-sc2-op50 { border-color: rgba(217, 178, 130, 0.5); } .mas2 .sc2-op60, .mas2 .sc2-op60-hover:hover { color: rgba(217, 178, 130, 0.4); } .mas2 .bg-sc2-op60, .mas2 .bg-sc2-op60-hover:hover { background-color: rgba(217, 178, 130, 0.4); } .mas2 .bo-sc2-op60 { border-color: rgba(217, 178, 130, 0.4); } .mas2 .sc2-op70, .mas2 .sc2-op70-hover:hover { color: rgba(217, 178, 130, 0.3); } .mas2 .bg-sc2-op70, .mas2 .bg-sc2-op70-hover:hover { background-color: rgba(217, 178, 130, 0.3); } .mas2 .bo-sc2-op70 { border-color: rgba(217, 178, 130, 0.3); } .mas2 .sc2-op80, .mas2 .sc2-op80-hover:hover { color: rgba(217, 178, 130, 0.2); } .mas2 .bg-sc2-op80, .mas2 .bg-sc2-op80-hover:hover { background-color: rgba(217, 178, 130, 0.2); } .mas2 .bo-sc2-op80 { border-color: rgba(217, 178, 130, 0.2); } .mas2 .sc2-op90, .mas2 .sc2-op90-hover:hover { color: rgba(217, 178, 130, 0.1); } .mas2 .bg-sc2-op90, .mas2 .bg-sc2-op90-hover:hover { background-color: rgba(217, 178, 130, 0.1); } .mas2 .bo-sc2-op90 { border-color: rgba(217, 178, 130, 0.1); } .mas2 .sc3, .mas2 .sc3-hover:hover { color: #ecd9c1; } .mas2 .bg-sc3, .mas2 .bg-sc3-hover:hover { background-color: #ecd9c1; } .mas2 .bo-sc3 { border-color: #ecd9c1; } .mas2 .sc3-op10, .mas2 .sc3-op10-hover:hover { color: rgba(236, 217, 193, 0.9); } .mas2 .bg-sc3-op10, .mas2 .bg-sc3-op10-hover:hover { background-color: rgba(236, 217, 193, 0.9); } .mas2 .bo-sc3-op10 { border-color: rgba(236, 217, 193, 0.9); } .mas2 .sc3-op20, .mas2 .sc3-op20-hover:hover { color: rgba(236, 217, 193, 0.8); } .mas2 .bg-sc3-op20, .mas2 .bg-sc3-op20-hover:hover { background-color: rgba(236, 217, 193, 0.8); } .mas2 .bo-sc3-op20 { border-color: rgba(236, 217, 193, 0.8); } .mas2 .sc3-op30, .mas2 .sc3-op30-hover:hover { color: rgba(236, 217, 193, 0.7); } .mas2 .bg-sc3-op30, .mas2 .bg-sc3-op30-hover:hover { background-color: rgba(236, 217, 193, 0.7); } .mas2 .bo-sc3-op30 { border-color: rgba(236, 217, 193, 0.7); } .mas2 .sc3-op40, .mas2 .sc3-op40-hover:hover { color: rgba(236, 217, 193, 0.6); } .mas2 .bg-sc3-op40, .mas2 .bg-sc3-op40-hover:hover { background-color: rgba(236, 217, 193, 0.6); } .mas2 .bo-sc3-op40 { border-color: rgba(236, 217, 193, 0.6); } .mas2 .sc3-op50, .mas2 .sc3-op50-hover:hover { color: rgba(236, 217, 193, 0.5); } .mas2 .bg-sc3-op50, .mas2 .bg-sc3-op50-hover:hover { background-color: rgba(236, 217, 193, 0.5); } .mas2 .bo-sc3-op50 { border-color: rgba(236, 217, 193, 0.5); } .mas2 .sc3-op60, .mas2 .sc3-op60-hover:hover { color: rgba(236, 217, 193, 0.4); } .mas2 .bg-sc3-op60, .mas2 .bg-sc3-op60-hover:hover { background-color: rgba(236, 217, 193, 0.4); } .mas2 .bo-sc3-op60 { border-color: rgba(236, 217, 193, 0.4); } .mas2 .sc3-op70, .mas2 .sc3-op70-hover:hover { color: rgba(236, 217, 193, 0.3); } .mas2 .bg-sc3-op70, .mas2 .bg-sc3-op70-hover:hover { background-color: rgba(236, 217, 193, 0.3); } .mas2 .bo-sc3-op70 { border-color: rgba(236, 217, 193, 0.3); } .mas2 .sc3-op80, .mas2 .sc3-op80-hover:hover { color: rgba(236, 217, 193, 0.2); } .mas2 .bg-sc3-op80, .mas2 .bg-sc3-op80-hover:hover { background-color: rgba(236, 217, 193, 0.2); } .mas2 .bo-sc3-op80 { border-color: rgba(236, 217, 193, 0.2); } .mas2 .sc3-op90, .mas2 .sc3-op90-hover:hover { color: rgba(236, 217, 193, 0.1); } .mas2 .bg-sc3-op90, .mas2 .bg-sc3-op90-hover:hover { background-color: rgba(236, 217, 193, 0.1); } .mas2 .bo-sc3-op90 { border-color: rgba(236, 217, 193, 0.1); } .mas2 .sc4, .mas2 .sc4-hover:hover { color: #f6ece0; } .mas2 .bg-sc4, .mas2 .bg-sc4-hover:hover { background-color: #f6ece0; } .mas2 .bo-sc4 { border-color: #f6ece0; } .mas2 .sc4-op10, .mas2 .sc4-op10-hover:hover { color: rgba(246, 236, 224, 0.9); } .mas2 .bg-sc4-op10, .mas2 .bg-sc4-op10-hover:hover { background-color: rgba(246, 236, 224, 0.9); } .mas2 .bo-sc4-op10 { border-color: rgba(246, 236, 224, 0.9); } .mas2 .sc4-op20, .mas2 .sc4-op20-hover:hover { color: rgba(246, 236, 224, 0.8); } .mas2 .bg-sc4-op20, .mas2 .bg-sc4-op20-hover:hover { background-color: rgba(246, 236, 224, 0.8); } .mas2 .bo-sc4-op20 { border-color: rgba(246, 236, 224, 0.8); } .mas2 .sc4-op30, .mas2 .sc4-op30-hover:hover { color: rgba(246, 236, 224, 0.7); } .mas2 .bg-sc4-op30, .mas2 .bg-sc4-op30-hover:hover { background-color: rgba(246, 236, 224, 0.7); } .mas2 .bo-sc4-op30 { border-color: rgba(246, 236, 224, 0.7); } .mas2 .sc4-op40, .mas2 .sc4-op40-hover:hover { color: rgba(246, 236, 224, 0.6); } .mas2 .bg-sc4-op40, .mas2 .bg-sc4-op40-hover:hover { background-color: rgba(246, 236, 224, 0.6); } .mas2 .bo-sc4-op40 { border-color: rgba(246, 236, 224, 0.6); } .mas2 .sc4-op50, .mas2 .sc4-op50-hover:hover { color: rgba(246, 236, 224, 0.5); } .mas2 .bg-sc4-op50, .mas2 .bg-sc4-op50-hover:hover { background-color: rgba(246, 236, 224, 0.5); } .mas2 .bo-sc4-op50 { border-color: rgba(246, 236, 224, 0.5); } .mas2 .sc4-op60, .mas2 .sc4-op60-hover:hover { color: rgba(246, 236, 224, 0.4); } .mas2 .bg-sc4-op60, .mas2 .bg-sc4-op60-hover:hover { background-color: rgba(246, 236, 224, 0.4); } .mas2 .bo-sc4-op60 { border-color: rgba(246, 236, 224, 0.4); } .mas2 .sc4-op70, .mas2 .sc4-op70-hover:hover { color: rgba(246, 236, 224, 0.3); } .mas2 .bg-sc4-op70, .mas2 .bg-sc4-op70-hover:hover { background-color: rgba(246, 236, 224, 0.3); } .mas2 .bo-sc4-op70 { border-color: rgba(246, 236, 224, 0.3); } .mas2 .sc4-op80, .mas2 .sc4-op80-hover:hover { color: rgba(246, 236, 224, 0.2); } .mas2 .bg-sc4-op80, .mas2 .bg-sc4-op80-hover:hover { background-color: rgba(246, 236, 224, 0.2); } .mas2 .bo-sc4-op80 { border-color: rgba(246, 236, 224, 0.2); } .mas2 .sc4-op90, .mas2 .sc4-op90-hover:hover { color: rgba(246, 236, 224, 0.1); } .mas2 .bg-sc4-op90, .mas2 .bg-sc4-op90-hover:hover { background-color: rgba(246, 236, 224, 0.1); } .mas2 .bo-sc4-op90 { border-color: rgba(246, 236, 224, 0.1); } .mas2 .sc5, .mas2 .sc5-hover:hover { color: #fbf6f0; } .mas2 .bg-sc5, .mas2 .bg-sc5-hover:hover { background-color: #fbf6f0; } .mas2 .bo-sc5 { border-color: #fbf6f0; } .mas2 .sc5-op10, .mas2 .sc5-op10-hover:hover { color: rgba(251, 246, 240, 0.9); } .mas2 .bg-sc5-op10, .mas2 .bg-sc5-op10-hover:hover { background-color: rgba(251, 246, 240, 0.9); } .mas2 .bo-sc5-op10 { border-color: rgba(251, 246, 240, 0.9); } .mas2 .sc5-op20, .mas2 .sc5-op20-hover:hover { color: rgba(251, 246, 240, 0.8); } .mas2 .bg-sc5-op20, .mas2 .bg-sc5-op20-hover:hover { background-color: rgba(251, 246, 240, 0.8); } .mas2 .bo-sc5-op20 { border-color: rgba(251, 246, 240, 0.8); } .mas2 .sc5-op30, .mas2 .sc5-op30-hover:hover { color: rgba(251, 246, 240, 0.7); } .mas2 .bg-sc5-op30, .mas2 .bg-sc5-op30-hover:hover { background-color: rgba(251, 246, 240, 0.7); } .mas2 .bo-sc5-op30 { border-color: rgba(251, 246, 240, 0.7); } .mas2 .sc5-op40, .mas2 .sc5-op40-hover:hover { color: rgba(251, 246, 240, 0.6); } .mas2 .bg-sc5-op40, .mas2 .bg-sc5-op40-hover:hover { background-color: rgba(251, 246, 240, 0.6); } .mas2 .bo-sc5-op40 { border-color: rgba(251, 246, 240, 0.6); } .mas2 .sc5-op50, .mas2 .sc5-op50-hover:hover { color: rgba(251, 246, 240, 0.5); } .mas2 .bg-sc5-op50, .mas2 .bg-sc5-op50-hover:hover { background-color: rgba(251, 246, 240, 0.5); } .mas2 .bo-sc5-op50 { border-color: rgba(251, 246, 240, 0.5); } .mas2 .sc5-op60, .mas2 .sc5-op60-hover:hover { color: rgba(251, 246, 240, 0.4); } .mas2 .bg-sc5-op60, .mas2 .bg-sc5-op60-hover:hover { background-color: rgba(251, 246, 240, 0.4); } .mas2 .bo-sc5-op60 { border-color: rgba(251, 246, 240, 0.4); } .mas2 .sc5-op70, .mas2 .sc5-op70-hover:hover { color: rgba(251, 246, 240, 0.3); } .mas2 .bg-sc5-op70, .mas2 .bg-sc5-op70-hover:hover { background-color: rgba(251, 246, 240, 0.3); } .mas2 .bo-sc5-op70 { border-color: rgba(251, 246, 240, 0.3); } .mas2 .sc5-op80, .mas2 .sc5-op80-hover:hover { color: rgba(251, 246, 240, 0.2); } .mas2 .bg-sc5-op80, .mas2 .bg-sc5-op80-hover:hover { background-color: rgba(251, 246, 240, 0.2); } .mas2 .bo-sc5-op80 { border-color: rgba(251, 246, 240, 0.2); } .mas2 .sc5-op90, .mas2 .sc5-op90-hover:hover { color: rgba(251, 246, 240, 0.1); } .mas2 .bg-sc5-op90, .mas2 .bg-sc5-op90-hover:hover { background-color: rgba(251, 246, 240, 0.1); } .mas2 .bo-sc5-op90 { border-color: rgba(251, 246, 240, 0.1); } .mas2 .b1, .mas2 .b1-hover:hover { color: #000; } .mas2 .bg-b1, .mas2 .bg-b1-hover:hover { background-color: #000; } .mas2 .bo-b1 { border-color: #000; } .mas2 .b1-op10, .mas2 .b1-op10-hover:hover { color: rgba(0, 0, 0, 0.9); } .mas2 .bg-b1-op10, .mas2 .bg-b1-op10-hover:hover { background-color: rgba(0, 0, 0, 0.9); } .mas2 .bo-b1-op10 { border-color: rgba(0, 0, 0, 0.9); } .mas2 .b1-op20, .mas2 .b1-op20-hover:hover { color: rgba(0, 0, 0, 0.8); } .mas2 .bg-b1-op20, .mas2 .bg-b1-op20-hover:hover { background-color: rgba(0, 0, 0, 0.8); } .mas2 .bo-b1-op20 { border-color: rgba(0, 0, 0, 0.8); } .mas2 .b1-op30, .mas2 .b1-op30-hover:hover { color: rgba(0, 0, 0, 0.7); } .mas2 .bg-b1-op30, .mas2 .bg-b1-op30-hover:hover { background-color: rgba(0, 0, 0, 0.7); } .mas2 .bo-b1-op30 { border-color: rgba(0, 0, 0, 0.7); } .mas2 .b1-op40, .mas2 .b1-op40-hover:hover { color: rgba(0, 0, 0, 0.6); } .mas2 .bg-b1-op40, .mas2 .bg-b1-op40-hover:hover { background-color: rgba(0, 0, 0, 0.6); } .mas2 .bo-b1-op40 { border-color: rgba(0, 0, 0, 0.6); } .mas2 .b1-op50, .mas2 .b1-op50-hover:hover { color: rgba(0, 0, 0, 0.5); } .mas2 .bg-b1-op50, .mas2 .bg-b1-op50-hover:hover { background-color: rgba(0, 0, 0, 0.5); } .mas2 .bo-b1-op50 { border-color: rgba(0, 0, 0, 0.5); } .mas2 .b1-op60, .mas2 .b1-op60-hover:hover { color: rgba(0, 0, 0, 0.4); } .mas2 .bg-b1-op60, .mas2 .bg-b1-op60-hover:hover { background-color: rgba(0, 0, 0, 0.4); } .mas2 .bo-b1-op60 { border-color: rgba(0, 0, 0, 0.4); } .mas2 .b1-op70, .mas2 .b1-op70-hover:hover { color: rgba(0, 0, 0, 0.3); } .mas2 .bg-b1-op70, .mas2 .bg-b1-op70-hover:hover { background-color: rgba(0, 0, 0, 0.3); } .mas2 .bo-b1-op70 { border-color: rgba(0, 0, 0, 0.3); } .mas2 .b1-op80, .mas2 .b1-op80-hover:hover { color: rgba(0, 0, 0, 0.2); } .mas2 .bg-b1-op80, .mas2 .bg-b1-op80-hover:hover { background-color: rgba(0, 0, 0, 0.2); } .mas2 .bo-b1-op80 { border-color: rgba(0, 0, 0, 0.2); } .mas2 .b1-op90, .mas2 .b1-op90-hover:hover { color: rgba(0, 0, 0, 0.1); } .mas2 .bg-b1-op90, .mas2 .bg-b1-op90-hover:hover { background-color: rgba(0, 0, 0, 0.1); } .mas2 .bo-b1-op90 { border-color: rgba(0, 0, 0, 0.1); } .mas2 .b2, .mas2 .b2-hover:hover { color: #333; } .mas2 .bg-b2, .mas2 .bg-b2-hover:hover { background-color: #333; } .mas2 .bo-b2 { border-color: #333; } .mas2 .b2-op10, .mas2 .b2-op10-hover:hover { color: rgba(51, 51, 51, 0.9); } .mas2 .bg-b2-op10, .mas2 .bg-b2-op10-hover:hover { background-color: rgba(51, 51, 51, 0.9); } .mas2 .bo-b2-op10 { border-color: rgba(51, 51, 51, 0.9); } .mas2 .b2-op20, .mas2 .b2-op20-hover:hover { color: rgba(51, 51, 51, 0.8); } .mas2 .bg-b2-op20, .mas2 .bg-b2-op20-hover:hover { background-color: rgba(51, 51, 51, 0.8); } .mas2 .bo-b2-op20 { border-color: rgba(51, 51, 51, 0.8); } .mas2 .b2-op30, .mas2 .b2-op30-hover:hover { color: rgba(51, 51, 51, 0.7); } .mas2 .bg-b2-op30, .mas2 .bg-b2-op30-hover:hover { background-color: rgba(51, 51, 51, 0.7); } .mas2 .bo-b2-op30 { border-color: rgba(51, 51, 51, 0.7); } .mas2 .b2-op40, .mas2 .b2-op40-hover:hover { color: rgba(51, 51, 51, 0.6); } .mas2 .bg-b2-op40, .mas2 .bg-b2-op40-hover:hover { background-color: rgba(51, 51, 51, 0.6); } .mas2 .bo-b2-op40 { border-color: rgba(51, 51, 51, 0.6); } .mas2 .b2-op50, .mas2 .b2-op50-hover:hover { color: rgba(51, 51, 51, 0.5); } .mas2 .bg-b2-op50, .mas2 .bg-b2-op50-hover:hover { background-color: rgba(51, 51, 51, 0.5); } .mas2 .bo-b2-op50 { border-color: rgba(51, 51, 51, 0.5); } .mas2 .b2-op60, .mas2 .b2-op60-hover:hover { color: rgba(51, 51, 51, 0.4); } .mas2 .bg-b2-op60, .mas2 .bg-b2-op60-hover:hover { background-color: rgba(51, 51, 51, 0.4); } .mas2 .bo-b2-op60 { border-color: rgba(51, 51, 51, 0.4); } .mas2 .b2-op70, .mas2 .b2-op70-hover:hover { color: rgba(51, 51, 51, 0.3); } .mas2 .bg-b2-op70, .mas2 .bg-b2-op70-hover:hover { background-color: rgba(51, 51, 51, 0.3); } .mas2 .bo-b2-op70 { border-color: rgba(51, 51, 51, 0.3); } .mas2 .b2-op80, .mas2 .b2-op80-hover:hover { color: rgba(51, 51, 51, 0.2); } .mas2 .bg-b2-op80, .mas2 .bg-b2-op80-hover:hover { background-color: rgba(51, 51, 51, 0.2); } .mas2 .bo-b2-op80 { border-color: rgba(51, 51, 51, 0.2); } .mas2 .b2-op90, .mas2 .b2-op90-hover:hover { color: rgba(51, 51, 51, 0.1); } .mas2 .bg-b2-op90, .mas2 .bg-b2-op90-hover:hover { background-color: rgba(51, 51, 51, 0.1); } .mas2 .bo-b2-op90 { border-color: rgba(51, 51, 51, 0.1); } .mas2 .b3, .mas2 .b3-hover:hover { color: #4d4d4d; } .mas2 .bg-b3, .mas2 .bg-b3-hover:hover { background-color: #4d4d4d; } .mas2 .bo-b3 { border-color: #4d4d4d; } .mas2 .b3-op10, .mas2 .b3-op10-hover:hover { color: rgba(77, 77, 77, 0.9); } .mas2 .bg-b3-op10, .mas2 .bg-b3-op10-hover:hover { background-color: rgba(77, 77, 77, 0.9); } .mas2 .bo-b3-op10 { border-color: rgba(77, 77, 77, 0.9); } .mas2 .b3-op20, .mas2 .b3-op20-hover:hover { color: rgba(77, 77, 77, 0.8); } .mas2 .bg-b3-op20, .mas2 .bg-b3-op20-hover:hover { background-color: rgba(77, 77, 77, 0.8); } .mas2 .bo-b3-op20 { border-color: rgba(77, 77, 77, 0.8); } .mas2 .b3-op30, .mas2 .b3-op30-hover:hover { color: rgba(77, 77, 77, 0.7); } .mas2 .bg-b3-op30, .mas2 .bg-b3-op30-hover:hover { background-color: rgba(77, 77, 77, 0.7); } .mas2 .bo-b3-op30 { border-color: rgba(77, 77, 77, 0.7); } .mas2 .b3-op40, .mas2 .b3-op40-hover:hover { color: rgba(77, 77, 77, 0.6); } .mas2 .bg-b3-op40, .mas2 .bg-b3-op40-hover:hover { background-color: rgba(77, 77, 77, 0.6); } .mas2 .bo-b3-op40 { border-color: rgba(77, 77, 77, 0.6); } .mas2 .b3-op50, .mas2 .b3-op50-hover:hover { color: rgba(77, 77, 77, 0.5); } .mas2 .bg-b3-op50, .mas2 .bg-b3-op50-hover:hover { background-color: rgba(77, 77, 77, 0.5); } .mas2 .bo-b3-op50 { border-color: rgba(77, 77, 77, 0.5); } .mas2 .b3-op60, .mas2 .b3-op60-hover:hover { color: rgba(77, 77, 77, 0.4); } .mas2 .bg-b3-op60, .mas2 .bg-b3-op60-hover:hover { background-color: rgba(77, 77, 77, 0.4); } .mas2 .bo-b3-op60 { border-color: rgba(77, 77, 77, 0.4); } .mas2 .b3-op70, .mas2 .b3-op70-hover:hover { color: rgba(77, 77, 77, 0.3); } .mas2 .bg-b3-op70, .mas2 .bg-b3-op70-hover:hover { background-color: rgba(77, 77, 77, 0.3); } .mas2 .bo-b3-op70 { border-color: rgba(77, 77, 77, 0.3); } .mas2 .b3-op80, .mas2 .b3-op80-hover:hover { color: rgba(77, 77, 77, 0.2); } .mas2 .bg-b3-op80, .mas2 .bg-b3-op80-hover:hover { background-color: rgba(77, 77, 77, 0.2); } .mas2 .bo-b3-op80 { border-color: rgba(77, 77, 77, 0.2); } .mas2 .b3-op90, .mas2 .b3-op90-hover:hover { color: rgba(77, 77, 77, 0.1); } .mas2 .bg-b3-op90, .mas2 .bg-b3-op90-hover:hover { background-color: rgba(77, 77, 77, 0.1); } .mas2 .bo-b3-op90 { border-color: rgba(77, 77, 77, 0.1); } .mas2 .b4, .mas2 .b4-hover:hover { color: #5e5e5e; } .mas2 .bg-b4, .mas2 .bg-b4-hover:hover { background-color: #5e5e5e; } .mas2 .bo-b4 { border-color: #5e5e5e; } .mas2 .b4-op10, .mas2 .b4-op10-hover:hover { color: rgba(94, 94, 94, 0.9); } .mas2 .bg-b4-op10, .mas2 .bg-b4-op10-hover:hover { background-color: rgba(94, 94, 94, 0.9); } .mas2 .bo-b4-op10 { border-color: rgba(94, 94, 94, 0.9); } .mas2 .b4-op20, .mas2 .b4-op20-hover:hover { color: rgba(94, 94, 94, 0.8); } .mas2 .bg-b4-op20, .mas2 .bg-b4-op20-hover:hover { background-color: rgba(94, 94, 94, 0.8); } .mas2 .bo-b4-op20 { border-color: rgba(94, 94, 94, 0.8); } .mas2 .b4-op30, .mas2 .b4-op30-hover:hover { color: rgba(94, 94, 94, 0.7); } .mas2 .bg-b4-op30, .mas2 .bg-b4-op30-hover:hover { background-color: rgba(94, 94, 94, 0.7); } .mas2 .bo-b4-op30 { border-color: rgba(94, 94, 94, 0.7); } .mas2 .b4-op40, .mas2 .b4-op40-hover:hover { color: rgba(94, 94, 94, 0.6); } .mas2 .bg-b4-op40, .mas2 .bg-b4-op40-hover:hover { background-color: rgba(94, 94, 94, 0.6); } .mas2 .bo-b4-op40 { border-color: rgba(94, 94, 94, 0.6); } .mas2 .b4-op50, .mas2 .b4-op50-hover:hover { color: rgba(94, 94, 94, 0.5); } .mas2 .bg-b4-op50, .mas2 .bg-b4-op50-hover:hover { background-color: rgba(94, 94, 94, 0.5); } .mas2 .bo-b4-op50 { border-color: rgba(94, 94, 94, 0.5); } .mas2 .b4-op60, .mas2 .b4-op60-hover:hover { color: rgba(94, 94, 94, 0.4); } .mas2 .bg-b4-op60, .mas2 .bg-b4-op60-hover:hover { background-color: rgba(94, 94, 94, 0.4); } .mas2 .bo-b4-op60 { border-color: rgba(94, 94, 94, 0.4); } .mas2 .b4-op70, .mas2 .b4-op70-hover:hover { color: rgba(94, 94, 94, 0.3); } .mas2 .bg-b4-op70, .mas2 .bg-b4-op70-hover:hover { background-color: rgba(94, 94, 94, 0.3); } .mas2 .bo-b4-op70 { border-color: rgba(94, 94, 94, 0.3); } .mas2 .b4-op80, .mas2 .b4-op80-hover:hover { color: rgba(94, 94, 94, 0.2); } .mas2 .bg-b4-op80, .mas2 .bg-b4-op80-hover:hover { background-color: rgba(94, 94, 94, 0.2); } .mas2 .bo-b4-op80 { border-color: rgba(94, 94, 94, 0.2); } .mas2 .b4-op90, .mas2 .b4-op90-hover:hover { color: rgba(94, 94, 94, 0.1); } .mas2 .bg-b4-op90, .mas2 .bg-b4-op90-hover:hover { background-color: rgba(94, 94, 94, 0.1); } .mas2 .bo-b4-op90 { border-color: rgba(94, 94, 94, 0.1); } .mas2 .b5, .mas2 .b5-hover:hover { color: #6a6a6a; } .mas2 .bg-b5, .mas2 .bg-b5-hover:hover { background-color: #6a6a6a; } .mas2 .bo-b5 { border-color: #6a6a6a; } .mas2 .b5-op10, .mas2 .b5-op10-hover:hover { color: rgba(106, 106, 106, 0.9); } .mas2 .bg-b5-op10, .mas2 .bg-b5-op10-hover:hover { background-color: rgba(106, 106, 106, 0.9); } .mas2 .bo-b5-op10 { border-color: rgba(106, 106, 106, 0.9); } .mas2 .b5-op20, .mas2 .b5-op20-hover:hover { color: rgba(106, 106, 106, 0.8); } .mas2 .bg-b5-op20, .mas2 .bg-b5-op20-hover:hover { background-color: rgba(106, 106, 106, 0.8); } .mas2 .bo-b5-op20 { border-color: rgba(106, 106, 106, 0.8); } .mas2 .b5-op30, .mas2 .b5-op30-hover:hover { color: rgba(106, 106, 106, 0.7); } .mas2 .bg-b5-op30, .mas2 .bg-b5-op30-hover:hover { background-color: rgba(106, 106, 106, 0.7); } .mas2 .bo-b5-op30 { border-color: rgba(106, 106, 106, 0.7); } .mas2 .b5-op40, .mas2 .b5-op40-hover:hover { color: rgba(106, 106, 106, 0.6); } .mas2 .bg-b5-op40, .mas2 .bg-b5-op40-hover:hover { background-color: rgba(106, 106, 106, 0.6); } .mas2 .bo-b5-op40 { border-color: rgba(106, 106, 106, 0.6); } .mas2 .b5-op50, .mas2 .b5-op50-hover:hover { color: rgba(106, 106, 106, 0.5); } .mas2 .bg-b5-op50, .mas2 .bg-b5-op50-hover:hover { background-color: rgba(106, 106, 106, 0.5); } .mas2 .bo-b5-op50 { border-color: rgba(106, 106, 106, 0.5); } .mas2 .b5-op60, .mas2 .b5-op60-hover:hover { color: rgba(106, 106, 106, 0.4); } .mas2 .bg-b5-op60, .mas2 .bg-b5-op60-hover:hover { background-color: rgba(106, 106, 106, 0.4); } .mas2 .bo-b5-op60 { border-color: rgba(106, 106, 106, 0.4); } .mas2 .b5-op70, .mas2 .b5-op70-hover:hover { color: rgba(106, 106, 106, 0.3); } .mas2 .bg-b5-op70, .mas2 .bg-b5-op70-hover:hover { background-color: rgba(106, 106, 106, 0.3); } .mas2 .bo-b5-op70 { border-color: rgba(106, 106, 106, 0.3); } .mas2 .b5-op80, .mas2 .b5-op80-hover:hover { color: rgba(106, 106, 106, 0.2); } .mas2 .bg-b5-op80, .mas2 .bg-b5-op80-hover:hover { background-color: rgba(106, 106, 106, 0.2); } .mas2 .bo-b5-op80 { border-color: rgba(106, 106, 106, 0.2); } .mas2 .b5-op90, .mas2 .b5-op90-hover:hover { color: rgba(106, 106, 106, 0.1); } .mas2 .bg-b5-op90, .mas2 .bg-b5-op90-hover:hover { background-color: rgba(106, 106, 106, 0.1); } .mas2 .bo-b5-op90 { border-color: rgba(106, 106, 106, 0.1); } .mas2 .w1, .mas2 .w1-hover:hover { color: #fff; } .mas2 .bg-w1, .mas2 .bg-w1-hover:hover { background-color: #fff; } .mas2 .bo-w1 { border-color: #fff; } .mas2 .w1-op10, .mas2 .w1-op10-hover:hover { color: rgba(255, 255, 255, 0.9); } .mas2 .bg-w1-op10, .mas2 .bg-w1-op10-hover:hover { background-color: rgba(255, 255, 255, 0.9); } .mas2 .bo-w1-op10 { border-color: rgba(255, 255, 255, 0.9); } .mas2 .w1-op20, .mas2 .w1-op20-hover:hover { color: rgba(255, 255, 255, 0.8); } .mas2 .bg-w1-op20, .mas2 .bg-w1-op20-hover:hover { background-color: rgba(255, 255, 255, 0.8); } .mas2 .bo-w1-op20 { border-color: rgba(255, 255, 255, 0.8); } .mas2 .w1-op30, .mas2 .w1-op30-hover:hover { color: rgba(255, 255, 255, 0.7); } .mas2 .bg-w1-op30, .mas2 .bg-w1-op30-hover:hover { background-color: rgba(255, 255, 255, 0.7); } .mas2 .bo-w1-op30 { border-color: rgba(255, 255, 255, 0.7); } .mas2 .w1-op40, .mas2 .w1-op40-hover:hover { color: rgba(255, 255, 255, 0.6); } .mas2 .bg-w1-op40, .mas2 .bg-w1-op40-hover:hover { background-color: rgba(255, 255, 255, 0.6); } .mas2 .bo-w1-op40 { border-color: rgba(255, 255, 255, 0.6); } .mas2 .w1-op50, .mas2 .w1-op50-hover:hover { color: rgba(255, 255, 255, 0.5); } .mas2 .bg-w1-op50, .mas2 .bg-w1-op50-hover:hover { background-color: rgba(255, 255, 255, 0.5); } .mas2 .bo-w1-op50 { border-color: rgba(255, 255, 255, 0.5); } .mas2 .w1-op60, .mas2 .w1-op60-hover:hover { color: rgba(255, 255, 255, 0.4); } .mas2 .bg-w1-op60, .mas2 .bg-w1-op60-hover:hover { background-color: rgba(255, 255, 255, 0.4); } .mas2 .bo-w1-op60 { border-color: rgba(255, 255, 255, 0.4); } .mas2 .w1-op70, .mas2 .w1-op70-hover:hover { color: rgba(255, 255, 255, 0.3); } .mas2 .bg-w1-op70, .mas2 .bg-w1-op70-hover:hover { background-color: rgba(255, 255, 255, 0.3); } .mas2 .bo-w1-op70 { border-color: rgba(255, 255, 255, 0.3); } .mas2 .w1-op80, .mas2 .w1-op80-hover:hover { color: rgba(255, 255, 255, 0.2); } .mas2 .bg-w1-op80, .mas2 .bg-w1-op80-hover:hover { background-color: rgba(255, 255, 255, 0.2); } .mas2 .bo-w1-op80 { border-color: rgba(255, 255, 255, 0.2); } .mas2 .w1-op90, .mas2 .w1-op90-hover:hover { color: rgba(255, 255, 255, 0.1); } .mas2 .bg-w1-op90, .mas2 .bg-w1-op90-hover:hover { background-color: rgba(255, 255, 255, 0.1); } .mas2 .bo-w1-op90 { border-color: rgba(255, 255, 255, 0.1); } .mas2 .w2, .mas2 .w2-hover:hover { color: #ececec; } .mas2 .bg-w2, .mas2 .bg-w2-hover:hover { background-color: #ececec; } .mas2 .bo-w2 { border-color: #ececec; } .mas2 .w2-op10, .mas2 .w2-op10-hover:hover { color: rgba(236, 236, 236, 0.9); } .mas2 .bg-w2-op10, .mas2 .bg-w2-op10-hover:hover { background-color: rgba(236, 236, 236, 0.9); } .mas2 .bo-w2-op10 { border-color: rgba(236, 236, 236, 0.9); } .mas2 .w2-op20, .mas2 .w2-op20-hover:hover { color: rgba(236, 236, 236, 0.8); } .mas2 .bg-w2-op20, .mas2 .bg-w2-op20-hover:hover { background-color: rgba(236, 236, 236, 0.8); } .mas2 .bo-w2-op20 { border-color: rgba(236, 236, 236, 0.8); } .mas2 .w2-op30, .mas2 .w2-op30-hover:hover { color: rgba(236, 236, 236, 0.7); } .mas2 .bg-w2-op30, .mas2 .bg-w2-op30-hover:hover { background-color: rgba(236, 236, 236, 0.7); } .mas2 .bo-w2-op30 { border-color: rgba(236, 236, 236, 0.7); } .mas2 .w2-op40, .mas2 .w2-op40-hover:hover { color: rgba(236, 236, 236, 0.6); } .mas2 .bg-w2-op40, .mas2 .bg-w2-op40-hover:hover { background-color: rgba(236, 236, 236, 0.6); } .mas2 .bo-w2-op40 { border-color: rgba(236, 236, 236, 0.6); } .mas2 .w2-op50, .mas2 .w2-op50-hover:hover { color: rgba(236, 236, 236, 0.5); } .mas2 .bg-w2-op50, .mas2 .bg-w2-op50-hover:hover { background-color: rgba(236, 236, 236, 0.5); } .mas2 .bo-w2-op50 { border-color: rgba(236, 236, 236, 0.5); } .mas2 .w2-op60, .mas2 .w2-op60-hover:hover { color: rgba(236, 236, 236, 0.4); } .mas2 .bg-w2-op60, .mas2 .bg-w2-op60-hover:hover { background-color: rgba(236, 236, 236, 0.4); } .mas2 .bo-w2-op60 { border-color: rgba(236, 236, 236, 0.4); } .mas2 .w2-op70, .mas2 .w2-op70-hover:hover { color: rgba(236, 236, 236, 0.3); } .mas2 .bg-w2-op70, .mas2 .bg-w2-op70-hover:hover { background-color: rgba(236, 236, 236, 0.3); } .mas2 .bo-w2-op70 { border-color: rgba(236, 236, 236, 0.3); } .mas2 .w2-op80, .mas2 .w2-op80-hover:hover { color: rgba(236, 236, 236, 0.2); } .mas2 .bg-w2-op80, .mas2 .bg-w2-op80-hover:hover { background-color: rgba(236, 236, 236, 0.2); } .mas2 .bo-w2-op80 { border-color: rgba(236, 236, 236, 0.2); } .mas2 .w2-op90, .mas2 .w2-op90-hover:hover { color: rgba(236, 236, 236, 0.1); } .mas2 .bg-w2-op90, .mas2 .bg-w2-op90-hover:hover { background-color: rgba(236, 236, 236, 0.1); } .mas2 .bo-w2-op90 { border-color: rgba(236, 236, 236, 0.1); } .mas2 .w3, .mas2 .w3-hover:hover { color: #b3b3b3; } .mas2 .bg-w3, .mas2 .bg-w3-hover:hover { background-color: #b3b3b3; } .mas2 .bo-w3 { border-color: #b3b3b3; } .mas2 .w3-op10, .mas2 .w3-op10-hover:hover { color: rgba(179, 179, 179, 0.9); } .mas2 .bg-w3-op10, .mas2 .bg-w3-op10-hover:hover { background-color: rgba(179, 179, 179, 0.9); } .mas2 .bo-w3-op10 { border-color: rgba(179, 179, 179, 0.9); } .mas2 .w3-op20, .mas2 .w3-op20-hover:hover { color: rgba(179, 179, 179, 0.8); } .mas2 .bg-w3-op20, .mas2 .bg-w3-op20-hover:hover { background-color: rgba(179, 179, 179, 0.8); } .mas2 .bo-w3-op20 { border-color: rgba(179, 179, 179, 0.8); } .mas2 .w3-op30, .mas2 .w3-op30-hover:hover { color: rgba(179, 179, 179, 0.7); } .mas2 .bg-w3-op30, .mas2 .bg-w3-op30-hover:hover { background-color: rgba(179, 179, 179, 0.7); } .mas2 .bo-w3-op30 { border-color: rgba(179, 179, 179, 0.7); } .mas2 .w3-op40, .mas2 .w3-op40-hover:hover { color: rgba(179, 179, 179, 0.6); } .mas2 .bg-w3-op40, .mas2 .bg-w3-op40-hover:hover { background-color: rgba(179, 179, 179, 0.6); } .mas2 .bo-w3-op40 { border-color: rgba(179, 179, 179, 0.6); } .mas2 .w3-op50, .mas2 .w3-op50-hover:hover { color: rgba(179, 179, 179, 0.5); } .mas2 .bg-w3-op50, .mas2 .bg-w3-op50-hover:hover { background-color: rgba(179, 179, 179, 0.5); } .mas2 .bo-w3-op50 { border-color: rgba(179, 179, 179, 0.5); } .mas2 .w3-op60, .mas2 .w3-op60-hover:hover { color: rgba(179, 179, 179, 0.4); } .mas2 .bg-w3-op60, .mas2 .bg-w3-op60-hover:hover { background-color: rgba(179, 179, 179, 0.4); } .mas2 .bo-w3-op60 { border-color: rgba(179, 179, 179, 0.4); } .mas2 .w3-op70, .mas2 .w3-op70-hover:hover { color: rgba(179, 179, 179, 0.3); } .mas2 .bg-w3-op70, .mas2 .bg-w3-op70-hover:hover { background-color: rgba(179, 179, 179, 0.3); } .mas2 .bo-w3-op70 { border-color: rgba(179, 179, 179, 0.3); } .mas2 .w3-op80, .mas2 .w3-op80-hover:hover { color: rgba(179, 179, 179, 0.2); } .mas2 .bg-w3-op80, .mas2 .bg-w3-op80-hover:hover { background-color: rgba(179, 179, 179, 0.2); } .mas2 .bo-w3-op80 { border-color: rgba(179, 179, 179, 0.2); } .mas2 .w3-op90, .mas2 .w3-op90-hover:hover { color: rgba(179, 179, 179, 0.1); } .mas2 .bg-w3-op90, .mas2 .bg-w3-op90-hover:hover { background-color: rgba(179, 179, 179, 0.1); } .mas2 .bo-w3-op90 { border-color: rgba(179, 179, 179, 0.1); } .mas2 .w4, .mas2 .w4-hover:hover { color: #a2a2a2; } .mas2 .bg-w4, .mas2 .bg-w4-hover:hover { background-color: #a2a2a2; } .mas2 .bo-w4 { border-color: #a2a2a2; } .mas2 .w4-op10, .mas2 .w4-op10-hover:hover { color: rgba(162, 162, 162, 0.9); } .mas2 .bg-w4-op10, .mas2 .bg-w4-op10-hover:hover { background-color: rgba(162, 162, 162, 0.9); } .mas2 .bo-w4-op10 { border-color: rgba(162, 162, 162, 0.9); } .mas2 .w4-op20, .mas2 .w4-op20-hover:hover { color: rgba(162, 162, 162, 0.8); } .mas2 .bg-w4-op20, .mas2 .bg-w4-op20-hover:hover { background-color: rgba(162, 162, 162, 0.8); } .mas2 .bo-w4-op20 { border-color: rgba(162, 162, 162, 0.8); } .mas2 .w4-op30, .mas2 .w4-op30-hover:hover { color: rgba(162, 162, 162, 0.7); } .mas2 .bg-w4-op30, .mas2 .bg-w4-op30-hover:hover { background-color: rgba(162, 162, 162, 0.7); } .mas2 .bo-w4-op30 { border-color: rgba(162, 162, 162, 0.7); } .mas2 .w4-op40, .mas2 .w4-op40-hover:hover { color: rgba(162, 162, 162, 0.6); } .mas2 .bg-w4-op40, .mas2 .bg-w4-op40-hover:hover { background-color: rgba(162, 162, 162, 0.6); } .mas2 .bo-w4-op40 { border-color: rgba(162, 162, 162, 0.6); } .mas2 .w4-op50, .mas2 .w4-op50-hover:hover { color: rgba(162, 162, 162, 0.5); } .mas2 .bg-w4-op50, .mas2 .bg-w4-op50-hover:hover { background-color: rgba(162, 162, 162, 0.5); } .mas2 .bo-w4-op50 { border-color: rgba(162, 162, 162, 0.5); } .mas2 .w4-op60, .mas2 .w4-op60-hover:hover { color: rgba(162, 162, 162, 0.4); } .mas2 .bg-w4-op60, .mas2 .bg-w4-op60-hover:hover { background-color: rgba(162, 162, 162, 0.4); } .mas2 .bo-w4-op60 { border-color: rgba(162, 162, 162, 0.4); } .mas2 .w4-op70, .mas2 .w4-op70-hover:hover { color: rgba(162, 162, 162, 0.3); } .mas2 .bg-w4-op70, .mas2 .bg-w4-op70-hover:hover { background-color: rgba(162, 162, 162, 0.3); } .mas2 .bo-w4-op70 { border-color: rgba(162, 162, 162, 0.3); } .mas2 .w4-op80, .mas2 .w4-op80-hover:hover { color: rgba(162, 162, 162, 0.2); } .mas2 .bg-w4-op80, .mas2 .bg-w4-op80-hover:hover { background-color: rgba(162, 162, 162, 0.2); } .mas2 .bo-w4-op80 { border-color: rgba(162, 162, 162, 0.2); } .mas2 .w4-op90, .mas2 .w4-op90-hover:hover { color: rgba(162, 162, 162, 0.1); } .mas2 .bg-w4-op90, .mas2 .bg-w4-op90-hover:hover { background-color: rgba(162, 162, 162, 0.1); } .mas2 .bo-w4-op90 { border-color: rgba(162, 162, 162, 0.1); } .mas2 .w5, .mas2 .w5-hover:hover { color: #959595; } .mas2 .bg-w5, .mas2 .bg-w5-hover:hover { background-color: #959595; } .mas2 .bo-w5 { border-color: #959595; } .mas2 .w5-op10, .mas2 .w5-op10-hover:hover { color: rgba(149, 149, 149, 0.9); } .mas2 .bg-w5-op10, .mas2 .bg-w5-op10-hover:hover { background-color: rgba(149, 149, 149, 0.9); } .mas2 .bo-w5-op10 { border-color: rgba(149, 149, 149, 0.9); } .mas2 .w5-op20, .mas2 .w5-op20-hover:hover { color: rgba(149, 149, 149, 0.8); } .mas2 .bg-w5-op20, .mas2 .bg-w5-op20-hover:hover { background-color: rgba(149, 149, 149, 0.8); } .mas2 .bo-w5-op20 { border-color: rgba(149, 149, 149, 0.8); } .mas2 .w5-op30, .mas2 .w5-op30-hover:hover { color: rgba(149, 149, 149, 0.7); } .mas2 .bg-w5-op30, .mas2 .bg-w5-op30-hover:hover { background-color: rgba(149, 149, 149, 0.7); } .mas2 .bo-w5-op30 { border-color: rgba(149, 149, 149, 0.7); } .mas2 .w5-op40, .mas2 .w5-op40-hover:hover { color: rgba(149, 149, 149, 0.6); } .mas2 .bg-w5-op40, .mas2 .bg-w5-op40-hover:hover { background-color: rgba(149, 149, 149, 0.6); } .mas2 .bo-w5-op40 { border-color: rgba(149, 149, 149, 0.6); } .mas2 .w5-op50, .mas2 .w5-op50-hover:hover { color: rgba(149, 149, 149, 0.5); } .mas2 .bg-w5-op50, .mas2 .bg-w5-op50-hover:hover { background-color: rgba(149, 149, 149, 0.5); } .mas2 .bo-w5-op50 { border-color: rgba(149, 149, 149, 0.5); } .mas2 .w5-op60, .mas2 .w5-op60-hover:hover { color: rgba(149, 149, 149, 0.4); } .mas2 .bg-w5-op60, .mas2 .bg-w5-op60-hover:hover { background-color: rgba(149, 149, 149, 0.4); } .mas2 .bo-w5-op60 { border-color: rgba(149, 149, 149, 0.4); } .mas2 .w5-op70, .mas2 .w5-op70-hover:hover { color: rgba(149, 149, 149, 0.3); } .mas2 .bg-w5-op70, .mas2 .bg-w5-op70-hover:hover { background-color: rgba(149, 149, 149, 0.3); } .mas2 .bo-w5-op70 { border-color: rgba(149, 149, 149, 0.3); } .mas2 .w5-op80, .mas2 .w5-op80-hover:hover { color: rgba(149, 149, 149, 0.2); } .mas2 .bg-w5-op80, .mas2 .bg-w5-op80-hover:hover { background-color: rgba(149, 149, 149, 0.2); } .mas2 .bo-w5-op80 { border-color: rgba(149, 149, 149, 0.2); } .mas2 .w5-op90, .mas2 .w5-op90-hover:hover { color: rgba(149, 149, 149, 0.1); } .mas2 .bg-w5-op90, .mas2 .bg-w5-op90-hover:hover { background-color: rgba(149, 149, 149, 0.1); } .mas2 .bo-w5-op90 { border-color: rgba(149, 149, 149, 0.1); } .mas2 .const1, .mas2 .const1-hover:hover { color: #008000; } .mas2 .bg-const1, .mas2 .bg-const1-hover:hover { background-color: #008000; } .mas2 .bo-const1 { border-color: #008000; } .mas2 .const1-op10, .mas2 .const1-op10-hover:hover { color: rgba(0, 128, 0, 0.9); } .mas2 .bg-const1-op10, .mas2 .bg-const1-op10-hover:hover { background-color: rgba(0, 128, 0, 0.9); } .mas2 .bo-const1-op10 { border-color: rgba(0, 128, 0, 0.9); } .mas2 .const1-op20, .mas2 .const1-op20-hover:hover { color: rgba(0, 128, 0, 0.8); } .mas2 .bg-const1-op20, .mas2 .bg-const1-op20-hover:hover { background-color: rgba(0, 128, 0, 0.8); } .mas2 .bo-const1-op20 { border-color: rgba(0, 128, 0, 0.8); } .mas2 .const1-op30, .mas2 .const1-op30-hover:hover { color: rgba(0, 128, 0, 0.7); } .mas2 .bg-const1-op30, .mas2 .bg-const1-op30-hover:hover { background-color: rgba(0, 128, 0, 0.7); } .mas2 .bo-const1-op30 { border-color: rgba(0, 128, 0, 0.7); } .mas2 .const1-op40, .mas2 .const1-op40-hover:hover { color: rgba(0, 128, 0, 0.6); } .mas2 .bg-const1-op40, .mas2 .bg-const1-op40-hover:hover { background-color: rgba(0, 128, 0, 0.6); } .mas2 .bo-const1-op40 { border-color: rgba(0, 128, 0, 0.6); } .mas2 .const1-op50, .mas2 .const1-op50-hover:hover { color: rgba(0, 128, 0, 0.5); } .mas2 .bg-const1-op50, .mas2 .bg-const1-op50-hover:hover { background-color: rgba(0, 128, 0, 0.5); } .mas2 .bo-const1-op50 { border-color: rgba(0, 128, 0, 0.5); } .mas2 .const1-op60, .mas2 .const1-op60-hover:hover { color: rgba(0, 128, 0, 0.4); } .mas2 .bg-const1-op60, .mas2 .bg-const1-op60-hover:hover { background-color: rgba(0, 128, 0, 0.4); } .mas2 .bo-const1-op60 { border-color: rgba(0, 128, 0, 0.4); } .mas2 .const1-op70, .mas2 .const1-op70-hover:hover { color: rgba(0, 128, 0, 0.3); } .mas2 .bg-const1-op70, .mas2 .bg-const1-op70-hover:hover { background-color: rgba(0, 128, 0, 0.3); } .mas2 .bo-const1-op70 { border-color: rgba(0, 128, 0, 0.3); } .mas2 .const1-op80, .mas2 .const1-op80-hover:hover { color: rgba(0, 128, 0, 0.2); } .mas2 .bg-const1-op80, .mas2 .bg-const1-op80-hover:hover { background-color: rgba(0, 128, 0, 0.2); } .mas2 .bo-const1-op80 { border-color: rgba(0, 128, 0, 0.2); } .mas2 .const1-op90, .mas2 .const1-op90-hover:hover { color: rgba(0, 128, 0, 0.1); } .mas2 .bg-const1-op90, .mas2 .bg-const1-op90-hover:hover { background-color: rgba(0, 128, 0, 0.1); } .mas2 .bo-const1-op90 { border-color: rgba(0, 128, 0, 0.1); } .mas2 .const2, .mas2 .const2-hover:hover { color: #800000; } .mas2 .bg-const2, .mas2 .bg-const2-hover:hover { background-color: #800000; } .mas2 .bo-const2 { border-color: #800000; } .mas2 .const2-op10, .mas2 .const2-op10-hover:hover { color: rgba(128, 0, 0, 0.9); } .mas2 .bg-const2-op10, .mas2 .bg-const2-op10-hover:hover { background-color: rgba(128, 0, 0, 0.9); } .mas2 .bo-const2-op10 { border-color: rgba(128, 0, 0, 0.9); } .mas2 .const2-op20, .mas2 .const2-op20-hover:hover { color: rgba(128, 0, 0, 0.8); } .mas2 .bg-const2-op20, .mas2 .bg-const2-op20-hover:hover { background-color: rgba(128, 0, 0, 0.8); } .mas2 .bo-const2-op20 { border-color: rgba(128, 0, 0, 0.8); } .mas2 .const2-op30, .mas2 .const2-op30-hover:hover { color: rgba(128, 0, 0, 0.7); } .mas2 .bg-const2-op30, .mas2 .bg-const2-op30-hover:hover { background-color: rgba(128, 0, 0, 0.7); } .mas2 .bo-const2-op30 { border-color: rgba(128, 0, 0, 0.7); } .mas2 .const2-op40, .mas2 .const2-op40-hover:hover { color: rgba(128, 0, 0, 0.6); } .mas2 .bg-const2-op40, .mas2 .bg-const2-op40-hover:hover { background-color: rgba(128, 0, 0, 0.6); } .mas2 .bo-const2-op40 { border-color: rgba(128, 0, 0, 0.6); } .mas2 .const2-op50, .mas2 .const2-op50-hover:hover { color: rgba(128, 0, 0, 0.5); } .mas2 .bg-const2-op50, .mas2 .bg-const2-op50-hover:hover { background-color: rgba(128, 0, 0, 0.5); } .mas2 .bo-const2-op50 { border-color: rgba(128, 0, 0, 0.5); } .mas2 .const2-op60, .mas2 .const2-op60-hover:hover { color: rgba(128, 0, 0, 0.4); } .mas2 .bg-const2-op60, .mas2 .bg-const2-op60-hover:hover { background-color: rgba(128, 0, 0, 0.4); } .mas2 .bo-const2-op60 { border-color: rgba(128, 0, 0, 0.4); } .mas2 .const2-op70, .mas2 .const2-op70-hover:hover { color: rgba(128, 0, 0, 0.3); } .mas2 .bg-const2-op70, .mas2 .bg-const2-op70-hover:hover { background-color: rgba(128, 0, 0, 0.3); } .mas2 .bo-const2-op70 { border-color: rgba(128, 0, 0, 0.3); } .mas2 .const2-op80, .mas2 .const2-op80-hover:hover { color: rgba(128, 0, 0, 0.2); } .mas2 .bg-const2-op80, .mas2 .bg-const2-op80-hover:hover { background-color: rgba(128, 0, 0, 0.2); } .mas2 .bo-const2-op80 { border-color: rgba(128, 0, 0, 0.2); } .mas2 .const2-op90, .mas2 .const2-op90-hover:hover { color: rgba(128, 0, 0, 0.1); } .mas2 .bg-const2-op90, .mas2 .bg-const2-op90-hover:hover { background-color: rgba(128, 0, 0, 0.1); } .mas2 .bo-const2-op90 { border-color: rgba(128, 0, 0, 0.1); } .mas2 .const3, .mas2 .const3-hover:hover { color: #f3e48c; } .mas2 .bg-const3, .mas2 .bg-const3-hover:hover { background-color: #f3e48c; } .mas2 .bo-const3 { border-color: #f3e48c; } .mas2 .const3-op10, .mas2 .const3-op10-hover:hover { color: rgba(243, 228, 140, 0.9); } .mas2 .bg-const3-op10, .mas2 .bg-const3-op10-hover:hover { background-color: rgba(243, 228, 140, 0.9); } .mas2 .bo-const3-op10 { border-color: rgba(243, 228, 140, 0.9); } .mas2 .const3-op20, .mas2 .const3-op20-hover:hover { color: rgba(243, 228, 140, 0.8); } .mas2 .bg-const3-op20, .mas2 .bg-const3-op20-hover:hover { background-color: rgba(243, 228, 140, 0.8); } .mas2 .bo-const3-op20 { border-color: rgba(243, 228, 140, 0.8); } .mas2 .const3-op30, .mas2 .const3-op30-hover:hover { color: rgba(243, 228, 140, 0.7); } .mas2 .bg-const3-op30, .mas2 .bg-const3-op30-hover:hover { background-color: rgba(243, 228, 140, 0.7); } .mas2 .bo-const3-op30 { border-color: rgba(243, 228, 140, 0.7); } .mas2 .const3-op40, .mas2 .const3-op40-hover:hover { color: rgba(243, 228, 140, 0.6); } .mas2 .bg-const3-op40, .mas2 .bg-const3-op40-hover:hover { background-color: rgba(243, 228, 140, 0.6); } .mas2 .bo-const3-op40 { border-color: rgba(243, 228, 140, 0.6); } .mas2 .const3-op50, .mas2 .const3-op50-hover:hover { color: rgba(243, 228, 140, 0.5); } .mas2 .bg-const3-op50, .mas2 .bg-const3-op50-hover:hover { background-color: rgba(243, 228, 140, 0.5); } .mas2 .bo-const3-op50 { border-color: rgba(243, 228, 140, 0.5); } .mas2 .const3-op60, .mas2 .const3-op60-hover:hover { color: rgba(243, 228, 140, 0.4); } .mas2 .bg-const3-op60, .mas2 .bg-const3-op60-hover:hover { background-color: rgba(243, 228, 140, 0.4); } .mas2 .bo-const3-op60 { border-color: rgba(243, 228, 140, 0.4); } .mas2 .const3-op70, .mas2 .const3-op70-hover:hover { color: rgba(243, 228, 140, 0.3); } .mas2 .bg-const3-op70, .mas2 .bg-const3-op70-hover:hover { background-color: rgba(243, 228, 140, 0.3); } .mas2 .bo-const3-op70 { border-color: rgba(243, 228, 140, 0.3); } .mas2 .const3-op80, .mas2 .const3-op80-hover:hover { color: rgba(243, 228, 140, 0.2); } .mas2 .bg-const3-op80, .mas2 .bg-const3-op80-hover:hover { background-color: rgba(243, 228, 140, 0.2); } .mas2 .bo-const3-op80 { border-color: rgba(243, 228, 140, 0.2); } .mas2 .const3-op90, .mas2 .const3-op90-hover:hover { color: rgba(243, 228, 140, 0.1); } .mas2 .bg-const3-op90, .mas2 .bg-const3-op90-hover:hover { background-color: rgba(243, 228, 140, 0.1); } .mas2 .bo-const3-op90 { border-color: rgba(243, 228, 140, 0.1); } .mas2 .const4, .mas2 .const4-hover:hover { color: #1e2527; } .mas2 .bg-const4, .mas2 .bg-const4-hover:hover { background-color: #1e2527; } .mas2 .bo-const4 { border-color: #1e2527; } .mas2 .const4-op10, .mas2 .const4-op10-hover:hover { color: rgba(30, 37, 39, 0.9); } .mas2 .bg-const4-op10, .mas2 .bg-const4-op10-hover:hover { background-color: rgba(30, 37, 39, 0.9); } .mas2 .bo-const4-op10 { border-color: rgba(30, 37, 39, 0.9); } .mas2 .const4-op20, .mas2 .const4-op20-hover:hover { color: rgba(30, 37, 39, 0.8); } .mas2 .bg-const4-op20, .mas2 .bg-const4-op20-hover:hover { background-color: rgba(30, 37, 39, 0.8); } .mas2 .bo-const4-op20 { border-color: rgba(30, 37, 39, 0.8); } .mas2 .const4-op30, .mas2 .const4-op30-hover:hover { color: rgba(30, 37, 39, 0.7); } .mas2 .bg-const4-op30, .mas2 .bg-const4-op30-hover:hover { background-color: rgba(30, 37, 39, 0.7); } .mas2 .bo-const4-op30 { border-color: rgba(30, 37, 39, 0.7); } .mas2 .const4-op40, .mas2 .const4-op40-hover:hover { color: rgba(30, 37, 39, 0.6); } .mas2 .bg-const4-op40, .mas2 .bg-const4-op40-hover:hover { background-color: rgba(30, 37, 39, 0.6); } .mas2 .bo-const4-op40 { border-color: rgba(30, 37, 39, 0.6); } .mas2 .const4-op50, .mas2 .const4-op50-hover:hover { color: rgba(30, 37, 39, 0.5); } .mas2 .bg-const4-op50, .mas2 .bg-const4-op50-hover:hover { background-color: rgba(30, 37, 39, 0.5); } .mas2 .bo-const4-op50 { border-color: rgba(30, 37, 39, 0.5); } .mas2 .const4-op60, .mas2 .const4-op60-hover:hover { color: rgba(30, 37, 39, 0.4); } .mas2 .bg-const4-op60, .mas2 .bg-const4-op60-hover:hover { background-color: rgba(30, 37, 39, 0.4); } .mas2 .bo-const4-op60 { border-color: rgba(30, 37, 39, 0.4); } .mas2 .const4-op70, .mas2 .const4-op70-hover:hover { color: rgba(30, 37, 39, 0.3); } .mas2 .bg-const4-op70, .mas2 .bg-const4-op70-hover:hover { background-color: rgba(30, 37, 39, 0.3); } .mas2 .bo-const4-op70 { border-color: rgba(30, 37, 39, 0.3); } .mas2 .const4-op80, .mas2 .const4-op80-hover:hover { color: rgba(30, 37, 39, 0.2); } .mas2 .bg-const4-op80, .mas2 .bg-const4-op80-hover:hover { background-color: rgba(30, 37, 39, 0.2); } .mas2 .bo-const4-op80 { border-color: rgba(30, 37, 39, 0.2); } .mas2 .const4-op90, .mas2 .const4-op90-hover:hover { color: rgba(30, 37, 39, 0.1); } .mas2 .bg-const4-op90, .mas2 .bg-const4-op90-hover:hover { background-color: rgba(30, 37, 39, 0.1); } .mas2 .bo-const4-op90 { border-color: rgba(30, 37, 39, 0.1); } .mas2 .const5, .mas2 .const5-hover:hover { color: #cc6501; } .mas2 .bg-const5, .mas2 .bg-const5-hover:hover { background-color: #cc6501; } .mas2 .bo-const5 { border-color: #cc6501; } .mas2 .const5-op10, .mas2 .const5-op10-hover:hover { color: rgba(204, 101, 1, 0.9); } .mas2 .bg-const5-op10, .mas2 .bg-const5-op10-hover:hover { background-color: rgba(204, 101, 1, 0.9); } .mas2 .bo-const5-op10 { border-color: rgba(204, 101, 1, 0.9); } .mas2 .const5-op20, .mas2 .const5-op20-hover:hover { color: rgba(204, 101, 1, 0.8); } .mas2 .bg-const5-op20, .mas2 .bg-const5-op20-hover:hover { background-color: rgba(204, 101, 1, 0.8); } .mas2 .bo-const5-op20 { border-color: rgba(204, 101, 1, 0.8); } .mas2 .const5-op30, .mas2 .const5-op30-hover:hover { color: rgba(204, 101, 1, 0.7); } .mas2 .bg-const5-op30, .mas2 .bg-const5-op30-hover:hover { background-color: rgba(204, 101, 1, 0.7); } .mas2 .bo-const5-op30 { border-color: rgba(204, 101, 1, 0.7); } .mas2 .const5-op40, .mas2 .const5-op40-hover:hover { color: rgba(204, 101, 1, 0.6); } .mas2 .bg-const5-op40, .mas2 .bg-const5-op40-hover:hover { background-color: rgba(204, 101, 1, 0.6); } .mas2 .bo-const5-op40 { border-color: rgba(204, 101, 1, 0.6); } .mas2 .const5-op50, .mas2 .const5-op50-hover:hover { color: rgba(204, 101, 1, 0.5); } .mas2 .bg-const5-op50, .mas2 .bg-const5-op50-hover:hover { background-color: rgba(204, 101, 1, 0.5); } .mas2 .bo-const5-op50 { border-color: rgba(204, 101, 1, 0.5); } .mas2 .const5-op60, .mas2 .const5-op60-hover:hover { color: rgba(204, 101, 1, 0.4); } .mas2 .bg-const5-op60, .mas2 .bg-const5-op60-hover:hover { background-color: rgba(204, 101, 1, 0.4); } .mas2 .bo-const5-op60 { border-color: rgba(204, 101, 1, 0.4); } .mas2 .const5-op70, .mas2 .const5-op70-hover:hover { color: rgba(204, 101, 1, 0.3); } .mas2 .bg-const5-op70, .mas2 .bg-const5-op70-hover:hover { background-color: rgba(204, 101, 1, 0.3); } .mas2 .bo-const5-op70 { border-color: rgba(204, 101, 1, 0.3); } .mas2 .const5-op80, .mas2 .const5-op80-hover:hover { color: rgba(204, 101, 1, 0.2); } .mas2 .bg-const5-op80, .mas2 .bg-const5-op80-hover:hover { background-color: rgba(204, 101, 1, 0.2); } .mas2 .bo-const5-op80 { border-color: rgba(204, 101, 1, 0.2); } .mas2 .const5-op90, .mas2 .const5-op90-hover:hover { color: rgba(204, 101, 1, 0.1); } .mas2 .bg-const5-op90, .mas2 .bg-const5-op90-hover:hover { background-color: rgba(204, 101, 1, 0.1); } .mas2 .bo-const5-op90 { border-color: rgba(204, 101, 1, 0.1); } .mas2 { font-family: Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 16px; line-height: 1.4em; background-color: rgba(236, 236, 236, 1); } .mas2 h1, .mas2 h2, .mas2 h3, .mas2 h4, .mas2 h5, .mas2 .likeH1, .mas2 .likeH2, .mas2 .likeH3, .mas2 .likeH4, .mas2 .likeH5 { font-weight: normal; font-family: Futura, Helvetica, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); line-height: 1.1em; padding-bottom: 10px; } .mas2 p, .mas2 table:not(.clear), .mas2 ul:not(.clear), .mas2 ol:not(.clear), .mas2 blockquote { padding-bottom: 15px; } .mas2 .font1 { font-family: Futura, Helvetica, Arial, sans-serif; } .mas2 .font2 { font-family: PTSerif-standart, serif; } .mas2 h1, .mas2 .likeH1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 30px; line-height: 1.1em; padding-top: 20px; padding-bottom: 10px; } .mas2 h2, .mas2 .likeH2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 26px; line-height: 1.1em; padding-top: 10px; padding-bottom: 5px; } .mas2 h3, .mas2 .likeH3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 22px; line-height: 1.3em; padding-top: 10px; padding-bottom: 5px; } .mas2 h4, .mas2 .likeH4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 18px; line-height: 1.4em; } .mas2 h5, .mas2 .likeH5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1.4em; } .mas2 p { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 16px; line-height: 1.6em; } .mas2 a:hover:not(.clear), .mas2 a:hover:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 a:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 a:active:not(.clear), .mas2 a:active:hover:not(.clear), .mas2 .hoverAInside:hover a { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(217, 178, 130, 1); } .mas2 a:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 p.lead { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(30, 37, 39, 1); font-size: 20px; line-height: 1.4em; } .mas2 p.caption { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(106, 106, 106, 1); font-size: 14px; } .mas2 table:not(.clear) thead > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { border-bottom-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { padding: 10px 20px 10px 20px; background-color: rgba(232, 241, 246, 1); font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 15px; line-height: 1.2em; text-align: left; vertical-align: middle; } .mas2 table:not(.clear) tbody > tr:nth-child(odd) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr:nth-child(even) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr > td { text-align: left; vertical-align: top; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 15px; padding: 13px 20px 11px 20px; } .mas2 table:not(.clear) tbody > tr:last-child > td { border-bottom-style: solid; } .mas2 table:not(.clear) tbody > tr > td:first-child { border-left-style: solid; } .mas2 table:not(.clear) tbody > tr > td:last-child { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr:not(:last-child) > td { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(236, 236, 236, 1); } .mas2 table:not(.clear) { margin-top: 10px; margin-bottom: 10px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-color: rgba(236, 236, 236, 1); border-left-color: rgba(236, 236, 236, 1); border-bottom-color: rgba(236, 236, 236, 1); } .mas2 ul:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ul:not(.clear) > li:last-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear), .mas2 ul:not(.clear) { padding-bottom: 20px; padding-left: 20px; } .mas2 ul:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: '\2022 '; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); font-size: 18px; } .mas2 ol:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; counter-increment: num; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ol:not(.clear) > li:last-child { padding-bottom: 5px; padding-left: 20px; } .mas2 ol:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ol:not(.clear), .mas2 ol:not(.clear) { padding-bottom: 15px; padding-left: 20px; } .mas2 ol:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: counter(num) '.'; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 blockquote { font-family: PTSerif-standart, serif; font-weight: normal; font-style: italic; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 22px; line-height: 1.3em; padding-bottom: 0px; padding-left: 45px; padding-right: 45px; margin-top: 20px; margin-bottom: 40px; } .mas2 pre { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn1:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(67, 141, 178, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn1:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.9); } .mas2 .btn1:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn2 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn2:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn2:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.1); } .mas2 .btn2:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn3 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn3:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: rgba(179, 179, 179, 1); background-color: rgba(255, 255, 255, 1); } .mas2 .btn3:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.1); } .mas2 .btn3:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn4 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn4:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(178, 101, 4, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn4:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.9); } .mas2 .btn4:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn5 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn5:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn5:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn5:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn6:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(128, 0, 0, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn6:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.9); } .mas2 .btn6:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn7 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 14px; line-height: 1em; padding: 5px; background-color: rgba(0, 0, 0, 0.1); } .mas2 .btn7:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; background-color: rgba(0, 0, 0, 0.2); } .mas2 .btn7:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 0.0); background-color: rgba(0, 0, 0, 1); } .mas2 .btn8 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn8:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 10px 0px 10px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); height: 36px; } .mas2 .btn8:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn8:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 input[type='text']:focus, .mas2 input[type='password']:focus, .mas2 select:focus, .mas2 input[type='file']:focus, .mas2 input[type='number']:focus, .mas2 input[type='email']:focus, .mas2 span.select.focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid solid solid solid; border-bottom-width: 1px; border-color: rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.6); } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="text"], .mas2 input[type="password"], .mas2 select, .mas2 input[type="file"], .mas2 input[type="number"], .mas2 input[type="email"], .mas2 span.select { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 13px; padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); background-color: rgba(255, 255, 255, 1); height: 25px; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="checkbox"]:checked + span:before { display: block; width: 100%; height: 100%; position: absolute; content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WicgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwxKScgLz48L3N2Zz4=") center center no-repeat; } .mas2 input[type="checkbox"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); border-radius: 3px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="checkbox"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); } .mas2 input[type="checkbox"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); background-color: rgba(67, 141, 178, 1); check_color: rgba(255, 255, 255, 1); } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 input[type="radio"]:checked + span:before { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; margin-top: 2px; margin-left: 2px; border-radius: 200px 200px 200px 200px; background-color: rgba(161, 198, 217, 1); width: 10px; height: 10px; left: 0px; top: 0px; } .mas2 input[type="radio"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-radius: 200px 200px 200px 200px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="radio"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 input[type="radio"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 textarea:focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid; border-width: 1px; border-color: rgba(178, 101, 4, 1); background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.5); } .mas2 textarea { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; padding: 5px 5px 5px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); } .mas2 .uploadDragField.dragOver { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadDragField { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadBrowseButton { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } @media only screen and (min-width: 768px) { .mas2 { font-family: Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 16px; line-height: 1.4em; background-color: rgba(236, 236, 236, 1); } .mas2 h1, .mas2 h2, .mas2 h3, .mas2 h4, .mas2 h5, .mas2 .likeH1, .mas2 .likeH2, .mas2 .likeH3, .mas2 .likeH4, .mas2 .likeH5 { font-weight: normal; font-family: Futura, Helvetica, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); line-height: 1.1em; padding-bottom: 10px; } .mas2 p, .mas2 table:not(.clear), .mas2 ul:not(.clear), .mas2 ol:not(.clear), .mas2 blockquote { padding-bottom: 15px; } .mas2 .font1 { font-family: Futura, Helvetica, Arial, sans-serif; } .mas2 .font2 { font-family: PTSerif-standart, serif; } .mas2 h1, .mas2 .likeH1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 30px; line-height: 1.1em; padding-top: 20px; padding-bottom: 10px; } .mas2 h2, .mas2 .likeH2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 26px; line-height: 1.1em; padding-top: 10px; padding-bottom: 5px; } .mas2 h3, .mas2 .likeH3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 22px; line-height: 1.3em; padding-top: 10px; padding-bottom: 5px; } .mas2 h4, .mas2 .likeH4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 18px; line-height: 1.4em; } .mas2 h5, .mas2 .likeH5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1.4em; } .mas2 p { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 16px; line-height: 1.6em; } .mas2 a:hover:not(.clear), .mas2 a:hover:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 a:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 a:active:not(.clear), .mas2 a:active:hover:not(.clear), .mas2 .hoverAInside:hover a { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(217, 178, 130, 1); } .mas2 a:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 p.lead { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(30, 37, 39, 1); font-size: 20px; line-height: 1.4em; } .mas2 p.caption { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(106, 106, 106, 1); font-size: 14px; } .mas2 table:not(.clear) thead > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { border-bottom-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { padding: 10px 20px 10px 20px; background-color: rgba(232, 241, 246, 1); font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 15px; line-height: 1.2em; text-align: left; vertical-align: middle; } .mas2 table:not(.clear) tbody > tr:nth-child(odd) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr:nth-child(even) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr > td { text-align: left; vertical-align: top; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 15px; padding: 13px 20px 11px 20px; } .mas2 table:not(.clear) tbody > tr:last-child > td { border-bottom-style: solid; } .mas2 table:not(.clear) tbody > tr > td:first-child { border-left-style: solid; } .mas2 table:not(.clear) tbody > tr > td:last-child { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr:not(:last-child) > td { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(236, 236, 236, 1); } .mas2 table:not(.clear) { margin-top: 10px; margin-bottom: 10px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-color: rgba(236, 236, 236, 1); border-left-color: rgba(236, 236, 236, 1); border-bottom-color: rgba(236, 236, 236, 1); } .mas2 ul:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ul:not(.clear) > li:last-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear), .mas2 ul:not(.clear) { padding-bottom: 20px; padding-left: 20px; } .mas2 ul:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: '\2022 '; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); font-size: 18px; } .mas2 ol:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; counter-increment: num; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ol:not(.clear) > li:last-child { padding-bottom: 5px; padding-left: 20px; } .mas2 ol:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ol:not(.clear), .mas2 ol:not(.clear) { padding-bottom: 15px; padding-left: 20px; } .mas2 ol:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: counter(num) '.'; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 blockquote { font-family: PTSerif-standart, serif; font-weight: normal; font-style: italic; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 22px; line-height: 1.3em; padding-bottom: 0px; padding-left: 45px; padding-right: 45px; margin-top: 20px; margin-bottom: 40px; } .mas2 pre { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn1:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(67, 141, 178, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn1:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.9); } .mas2 .btn1:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn2 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn2:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn2:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.1); } .mas2 .btn2:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn3 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn3:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: rgba(179, 179, 179, 1); background-color: rgba(255, 255, 255, 1); } .mas2 .btn3:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.1); } .mas2 .btn3:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn4 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn4:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(178, 101, 4, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn4:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.9); } .mas2 .btn4:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn5 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn5:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn5:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn5:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn6:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(128, 0, 0, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn6:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.9); } .mas2 .btn6:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn7 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 14px; line-height: 1em; padding: 5px; background-color: rgba(0, 0, 0, 0.1); } .mas2 .btn7:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; background-color: rgba(0, 0, 0, 0.2); } .mas2 .btn7:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 0.0); background-color: rgba(0, 0, 0, 1); } .mas2 .btn8 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn8:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 10px 0px 10px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); height: 36px; } .mas2 .btn8:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn8:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 input[type='text']:focus, .mas2 input[type='password']:focus, .mas2 select:focus, .mas2 input[type='file']:focus, .mas2 input[type='number']:focus, .mas2 input[type='email']:focus, .mas2 span.select.focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid solid solid solid; border-bottom-width: 1px; border-color: rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.6); } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="text"], .mas2 input[type="password"], .mas2 select, .mas2 input[type="file"], .mas2 input[type="number"], .mas2 input[type="email"], .mas2 span.select { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 13px; padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); background-color: rgba(255, 255, 255, 1); height: 25px; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="checkbox"]:checked + span:before { display: block; width: 100%; height: 100%; position: absolute; content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WicgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwxKScgLz48L3N2Zz4=") center center no-repeat; } .mas2 input[type="checkbox"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); border-radius: 3px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="checkbox"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); } .mas2 input[type="checkbox"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); background-color: rgba(67, 141, 178, 1); check_color: rgba(255, 255, 255, 1); } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 input[type="radio"]:checked + span:before { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; margin-top: 2px; margin-left: 2px; border-radius: 200px 200px 200px 200px; background-color: rgba(161, 198, 217, 1); width: 10px; height: 10px; left: 0px; top: 0px; } .mas2 input[type="radio"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-radius: 200px 200px 200px 200px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="radio"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 input[type="radio"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 textarea:focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid; border-width: 1px; border-color: rgba(178, 101, 4, 1); background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.5); } .mas2 textarea { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; padding: 5px 5px 5px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); } .mas2 .uploadDragField.dragOver { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadDragField { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadBrowseButton { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } } @media only screen and (min-width: 1024px) { .mas2 { font-family: Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 16px; line-height: 1.4em; background-color: rgba(236, 236, 236, 1); } .mas2 h1, .mas2 h2, .mas2 h3, .mas2 h4, .mas2 h5, .mas2 .likeH1, .mas2 .likeH2, .mas2 .likeH3, .mas2 .likeH4, .mas2 .likeH5 { font-weight: normal; font-family: Futura, Helvetica, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); line-height: 1.1em; padding-bottom: 10px; } .mas2 p, .mas2 table:not(.clear), .mas2 ul:not(.clear), .mas2 ol:not(.clear), .mas2 blockquote { padding-bottom: 15px; } .mas2 .font1 { font-family: Futura, Helvetica, Arial, sans-serif; } .mas2 .font2 { font-family: PTSerif-standart, serif; } .mas2 h1, .mas2 .likeH1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 30px; line-height: 1.1em; padding-top: 20px; padding-bottom: 10px; } .mas2 h2, .mas2 .likeH2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 26px; line-height: 1.1em; padding-top: 10px; padding-bottom: 5px; } .mas2 h3, .mas2 .likeH3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 22px; line-height: 1.3em; padding-top: 10px; padding-bottom: 5px; } .mas2 h4, .mas2 .likeH4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 18px; line-height: 1.4em; } .mas2 h5, .mas2 .likeH5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1.4em; } .mas2 p { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 16px; line-height: 1.6em; } .mas2 a:hover:not(.clear), .mas2 a:hover:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 a:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 a:active:not(.clear), .mas2 a:active:hover:not(.clear), .mas2 .hoverAInside:hover a { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(217, 178, 130, 1); } .mas2 a:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 p.lead { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(30, 37, 39, 1); font-size: 20px; line-height: 1.4em; } .mas2 p.caption { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(106, 106, 106, 1); font-size: 14px; } .mas2 table:not(.clear) thead > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { border-bottom-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { padding: 10px 20px 10px 20px; background-color: rgba(232, 241, 246, 1); font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 15px; line-height: 1.2em; text-align: left; vertical-align: middle; } .mas2 table:not(.clear) tbody > tr:nth-child(odd) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr:nth-child(even) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr > td { text-align: left; vertical-align: top; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 15px; padding: 13px 20px 11px 20px; } .mas2 table:not(.clear) tbody > tr:last-child > td { border-bottom-style: solid; } .mas2 table:not(.clear) tbody > tr > td:first-child { border-left-style: solid; } .mas2 table:not(.clear) tbody > tr > td:last-child { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr:not(:last-child) > td { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(236, 236, 236, 1); } .mas2 table:not(.clear) { margin-top: 10px; margin-bottom: 10px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-color: rgba(236, 236, 236, 1); border-left-color: rgba(236, 236, 236, 1); border-bottom-color: rgba(236, 236, 236, 1); } .mas2 ul:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ul:not(.clear) > li:last-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear), .mas2 ul:not(.clear) { padding-bottom: 20px; padding-left: 20px; } .mas2 ul:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: '\2022 '; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); font-size: 18px; } .mas2 ol:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; counter-increment: num; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ol:not(.clear) > li:last-child { padding-bottom: 5px; padding-left: 20px; } .mas2 ol:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ol:not(.clear), .mas2 ol:not(.clear) { padding-bottom: 15px; padding-left: 20px; } .mas2 ol:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: counter(num) '.'; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 blockquote { font-family: PTSerif-standart, serif; font-weight: normal; font-style: italic; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 22px; line-height: 1.3em; padding-bottom: 0px; padding-left: 45px; padding-right: 45px; margin-top: 20px; margin-bottom: 40px; } .mas2 pre { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn1:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(67, 141, 178, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn1:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.9); } .mas2 .btn1:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn2 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn2:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn2:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.1); } .mas2 .btn2:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn3 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn3:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: rgba(179, 179, 179, 1); background-color: rgba(255, 255, 255, 1); } .mas2 .btn3:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.1); } .mas2 .btn3:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn4 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn4:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(178, 101, 4, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn4:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.9); } .mas2 .btn4:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn5 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn5:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn5:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn5:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn6:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(128, 0, 0, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn6:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.9); } .mas2 .btn6:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn7 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 14px; line-height: 1em; padding: 5px; background-color: rgba(0, 0, 0, 0.1); } .mas2 .btn7:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; background-color: rgba(0, 0, 0, 0.2); } .mas2 .btn7:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 0.0); background-color: rgba(0, 0, 0, 1); } .mas2 .btn8 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn8:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 10px 0px 10px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); height: 36px; } .mas2 .btn8:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn8:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 input[type='text']:focus, .mas2 input[type='password']:focus, .mas2 select:focus, .mas2 input[type='file']:focus, .mas2 input[type='number']:focus, .mas2 input[type='email']:focus, .mas2 span.select.focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid solid solid solid; border-bottom-width: 1px; border-color: rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.6); } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="text"], .mas2 input[type="password"], .mas2 select, .mas2 input[type="file"], .mas2 input[type="number"], .mas2 input[type="email"], .mas2 span.select { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 13px; padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); background-color: rgba(255, 255, 255, 1); height: 25px; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="checkbox"]:checked + span:before { display: block; width: 100%; height: 100%; position: absolute; content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WicgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwxKScgLz48L3N2Zz4=") center center no-repeat; } .mas2 input[type="checkbox"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); border-radius: 3px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="checkbox"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); } .mas2 input[type="checkbox"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); background-color: rgba(67, 141, 178, 1); check_color: rgba(255, 255, 255, 1); } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 input[type="radio"]:checked + span:before { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; margin-top: 2px; margin-left: 2px; border-radius: 200px 200px 200px 200px; background-color: rgba(161, 198, 217, 1); width: 10px; height: 10px; left: 0px; top: 0px; } .mas2 input[type="radio"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-radius: 200px 200px 200px 200px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="radio"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 input[type="radio"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 textarea:focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid; border-width: 1px; border-color: rgba(178, 101, 4, 1); background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.5); } .mas2 textarea { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; padding: 5px 5px 5px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); } .mas2 .uploadDragField.dragOver { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadDragField { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadBrowseButton { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } } @media only screen and (min-width: 1024px) { .mas2 { font-family: Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 16px; line-height: 1.4em; background-color: rgba(236, 236, 236, 1); } .mas2 h1, .mas2 h2, .mas2 h3, .mas2 h4, .mas2 h5, .mas2 .likeH1, .mas2 .likeH2, .mas2 .likeH3, .mas2 .likeH4, .mas2 .likeH5 { font-weight: normal; font-family: Futura, Helvetica, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); line-height: 1.1em; padding-bottom: 10px; } .mas2 p, .mas2 table:not(.clear), .mas2 ul:not(.clear), .mas2 ol:not(.clear), .mas2 blockquote { padding-bottom: 15px; } .mas2 .font1 { font-family: Futura, Helvetica, Arial, sans-serif; } .mas2 .font2 { font-family: PTSerif-standart, serif; } .mas2 h1, .mas2 .likeH1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 30px; line-height: 1.1em; padding-top: 20px; padding-bottom: 10px; } .mas2 h2, .mas2 .likeH2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 26px; line-height: 1.1em; padding-top: 10px; padding-bottom: 5px; } .mas2 h3, .mas2 .likeH3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 22px; line-height: 1.3em; padding-top: 10px; padding-bottom: 5px; } .mas2 h4, .mas2 .likeH4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 18px; line-height: 1.4em; } .mas2 h5, .mas2 .likeH5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1.4em; } .mas2 p { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 16px; line-height: 1.6em; } .mas2 a:hover:not(.clear), .mas2 a:hover:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 a:visited:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 a:active:not(.clear), .mas2 a:active:hover:not(.clear), .mas2 .hoverAInside:hover a { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(217, 178, 130, 1); } .mas2 a:not(.clear) { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(67, 141, 178, 1); } .mas2 p.lead { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(30, 37, 39, 1); font-size: 20px; line-height: 1.4em; } .mas2 p.caption { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(106, 106, 106, 1); font-size: 14px; } .mas2 table:not(.clear) thead > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { border-bottom-style: solid; } .mas2 table:not(.clear) thead > tr > td, .mas2 table:not(.clear) thead > tr > th { padding: 10px 20px 10px 20px; background-color: rgba(232, 241, 246, 1); font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 15px; line-height: 1.2em; text-align: left; vertical-align: middle; } .mas2 table:not(.clear) tbody > tr:nth-child(odd) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr:nth-child(even) > td { background-color: rgba(255, 255, 255, 1); } .mas2 table:not(.clear) tbody > tr > td { text-align: left; vertical-align: top; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 15px; padding: 13px 20px 11px 20px; } .mas2 table:not(.clear) tbody > tr:last-child > td { border-bottom-style: solid; } .mas2 table:not(.clear) tbody > tr > td:first-child { border-left-style: solid; } .mas2 table:not(.clear) tbody > tr > td:last-child { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr > td:not(:last-child) { border-right-style: solid; } .mas2 table:not(.clear) tbody > tr:not(:last-child) > td { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(236, 236, 236, 1); } .mas2 table:not(.clear) { margin-top: 10px; margin-bottom: 10px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-color: rgba(236, 236, 236, 1); border-left-color: rgba(236, 236, 236, 1); border-bottom-color: rgba(236, 236, 236, 1); } .mas2 ul:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ul:not(.clear) > li:last-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ul:not(.clear), .mas2 ul:not(.clear) { padding-bottom: 20px; padding-left: 20px; } .mas2 ul:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: '\2022 '; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); font-size: 18px; } .mas2 ol:not(.clear) > li { position: relative; padding-bottom: 10px; padding-left: 20px; counter-increment: num; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 15px; line-height: 1.6em; } .mas2 ol:not(.clear) > li:last-child { padding-bottom: 5px; padding-left: 20px; } .mas2 ol:not(.clear) > li:first-child { padding-bottom: 10px; padding-left: 20px; } .mas2 ol:not(.clear), .mas2 ol:not(.clear) { padding-bottom: 15px; padding-left: 20px; } .mas2 ol:not(.clear) > li:before { position: absolute; left: 0px; top: 0px; content: counter(num) '.'; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(178, 101, 4, 1); } .mas2 blockquote { font-family: PTSerif-standart, serif; font-weight: normal; font-style: italic; text-decoration: none; text-transform: none; color: rgba(51, 51, 51, 1); font-size: 22px; line-height: 1.3em; padding-bottom: 0px; padding-left: 45px; padding-right: 45px; margin-top: 20px; margin-bottom: 40px; } .mas2 pre { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn1:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn1 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(67, 141, 178, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn1:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.9); } .mas2 .btn1:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn1.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn1.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(67, 141, 178, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn2 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn2:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn2 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn2:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(67, 141, 178, 0.1); } .mas2 .btn2:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn2.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn2.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(161, 198, 217, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn3 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn3:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn3 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(67, 141, 178, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: rgba(179, 179, 179, 1); background-color: rgba(255, 255, 255, 1); } .mas2 .btn3:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.1); } .mas2 .btn3:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn3.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn3.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(179, 179, 179, 0.2); } .mas2 .btn4 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn4:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn4 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(178, 101, 4, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn4:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.9); } .mas2 .btn4:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn4.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn4.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn5 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn5:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn5 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn5:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn5:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn5.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn5.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn6:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn6 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 36px; padding: 0px 15px 0px 15px; border-radius: 4px; border-style: solid; background-color: rgba(128, 0, 0, 1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .btn6:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.9); } .mas2 .btn6:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn6.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn6.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(128, 0, 0, 0.7); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 .btn7 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn7 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7 > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(0, 0, 0, 1); font-size: 14px; line-height: 1em; padding: 5px; background-color: rgba(0, 0, 0, 0.1); } .mas2 .btn7:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:hover > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; background-color: rgba(0, 0, 0, 0.2); } .mas2 .btn7:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7:active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.active > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 1); } .mas2 .btn7.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn7.btnLoading > span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 0.0); background-color: rgba(0, 0, 0, 1); } .mas2 .btn8 { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: none; } .mas2 .btn8:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8:active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.active { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8.btnLoading { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .btn8 > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8 > span { font-weight: bold; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(178, 101, 4, 1); font-size: 14px; line-height: 36px; padding: 0px 10px 0px 10px; border-radius: 4px; border-top-style: solid; background-color: rgba(255, 255, 255, 1); height: 36px; } .mas2 .btn8:hover > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:hover > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); } .mas2 .btn8:active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8:active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.active > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.active > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(30, 37, 39, 1); } .mas2 .btn8.btnLoading > span { display: inline-block; vertical-align: middle; cursor: pointer; } .mas2 .btn8.btnLoading > span { font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.0); background-color: rgba(178, 101, 4, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1); } .mas2 input[type='text']:focus, .mas2 input[type='password']:focus, .mas2 select:focus, .mas2 input[type='file']:focus, .mas2 input[type='number']:focus, .mas2 input[type='email']:focus, .mas2 span.select.focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid solid solid solid; border-bottom-width: 1px; border-color: rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1) rgba(178, 101, 4, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.6); } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="text"], .mas2 input[type="password"], .mas2 select, .mas2 input[type="file"], .mas2 input[type="number"], .mas2 input[type="email"], .mas2 span.select { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); font-size: 13px; padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); background-color: rgba(255, 255, 255, 1); height: 25px; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="checkbox"]:checked + span:before { display: block; width: 100%; height: 100%; position: absolute; content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WicgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwxKScgLz48L3N2Zz4=") center center no-repeat; } .mas2 input[type="checkbox"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; color: rgba(77, 77, 77, 1); border-radius: 3px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="checkbox"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); } .mas2 input[type="checkbox"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid; border-width: 2px; border-color: rgba(67, 141, 178, 1); background-color: rgba(67, 141, 178, 1); check_color: rgba(255, 255, 255, 1); } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 input[type="radio"]:checked + span:before { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; margin-top: 2px; margin-left: 2px; border-radius: 200px 200px 200px 200px; background-color: rgba(161, 198, 217, 1); width: 10px; height: 10px; left: 0px; top: 0px; } .mas2 input[type="radio"] + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-radius: 200px 200px 200px 200px; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1) rgba(77, 77, 77, 1); width: 18px; height: 18px; } .mas2 input[type="radio"]:focus + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 input[type="radio"]:checked + span { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; border-style: solid solid solid solid; border-width: 2px 2px 2px 2px; border-color: rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1) rgba(161, 198, 217, 1); } .mas2 textarea:focus { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; border-style: solid; border-width: 1px; border-color: rgba(178, 101, 4, 1); background-color: rgba(255, 255, 255, 1); box-shadow: 0px 0px 5px 0px rgba(178, 101, 4, 0.5); } .mas2 textarea { font-weight: normal; font-family: Roboto, Arial, sans-serif; font-style: normal; text-decoration: none; text-transform: none; font-size: 13px; padding: 5px 5px 5px 5px; border-style: solid; border-width: 1px; border-color: rgba(236, 236, 236, 1); } .mas2 .uploadDragField.dragOver { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadDragField { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 .uploadBrowseButton { font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type='text']:focus select, .mas2 input[type='password']:focus select, .mas2 select:focus select, .mas2 input[type='file']:focus select, .mas2 input[type='number']:focus select, .mas2 input[type='email']:focus select, .mas2 span.select.focus select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 span.select:before { content: '▾'; position: absolute; right: 0; top: 50%; height: 100px; margin-top: -50px; line-height: 100px; padding-left: 5px; padding-right: 5px; pointer-events: none; background-color: transparent; z-index: 2; } .mas2 span.select { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .mas2 span.select select, .mas2 input[type="text"] select, .mas2 input[type="password"] select, .mas2 select select, .mas2 input[type="file"] select, .mas2 input[type="number"] select, .mas2 input[type="email"] select, .mas2 span.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; box-shadow: none; opacity: 1; width: 100%; height: 100%; border: none; padding-right: 20px; background: transparent; } .mas2 input[type="checkbox"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="checkbox"] { display: block; width: 0px; height: 0px; opacity: 0; position: absolute; } .mas2 input[type="radio"] + span { display: inline-block; position: relative; cursor: pointer; } .mas2 input[type="radio"] { display: block; width: 0px; height: 0px; opacity: 0; } .mas2 input[type="radio"]:checked + span:before { display: block; position: absolute; content: ''; } } .mas2 .tippy-touch { cursor: pointer !important; } .mas2 .tippy-notransition { transition: none !important; } .mas2 .tippy-popper { max-width: 400px; -webkit-perspective: 800px; perspective: 800px; z-index: 9999; outline: 0; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; } .mas2 .tippy-popper.html-template { max-width: 96%; max-width: calc(100% - 20px); } .mas2 .tippy-popper[x-placement^=top] [x-arrow] { border-top: 7px solid #333; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -7px; margin: 0 9px; } .mas2 .tippy-popper[x-placement^=top] [x-arrow].arrow-small { border-top: 5px solid #333; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -5px; } .mas2 .tippy-popper[x-placement^=top] [x-arrow].arrow-big { border-top: 10px solid #333; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; } .mas2 .tippy-popper[x-placement^=top] [x-circle] { -webkit-transform-origin: 0 33%; transform-origin: 0 33%; } .mas2 .tippy-popper[x-placement^=top] [x-circle].enter { -webkit-transform: scale(1) translate(-50%, -55%); transform: scale(1) translate(-50%, -55%); opacity: 1; } .mas2 .tippy-popper[x-placement^=top] [x-circle].leave { -webkit-transform: scale(0.15) translate(-50%, -50%); transform: scale(0.15) translate(-50%, -50%); opacity: 0; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] { background-color: #fff; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] { border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small { border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big { border-top: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] { background-color: rgba(0, 0, 0, .7); } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] { border-top: 7px solid rgba(0, 0, 0, .7); border-right: 7px solid transparent; border-left: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small { border-top: 5px solid rgba(0, 0, 0, .7); border-right: 5px solid transparent; border-left: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big { border-top: 10px solid rgba(0, 0, 0, .7); border-right: 10px solid transparent; border-left: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=top] [data-animation=perspective] { -webkit-transform-origin: bottom; transform-origin: bottom; } .mas2 .tippy-popper[x-placement^=top] [data-animation=perspective].enter { opacity: 1; -webkit-transform: translateY(-10px) rotateX(0); transform: translateY(-10px) rotateX(0); } .mas2 .tippy-popper[x-placement^=top] [data-animation=perspective].leave { opacity: 0; -webkit-transform: translateY(0) rotateX(90deg); transform: translateY(0) rotateX(90deg); } .mas2 .tippy-popper[x-placement^=top] [data-animation=fade].enter { opacity: 1; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .mas2 .tippy-popper[x-placement^=top] [data-animation=fade].leave { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .mas2 .tippy-popper[x-placement^=top] [data-animation=shift].enter { opacity: 1; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .mas2 .tippy-popper[x-placement^=top] [data-animation=shift].leave { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } .mas2 .tippy-popper[x-placement^=top] [data-animation=scale].enter { opacity: 1; -webkit-transform: translateY(-10px) scale(1); transform: translateY(-10px) scale(1); } .mas2 .tippy-popper[x-placement^=top] [data-animation=scale].leave { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } .mas2 .tippy-popper[x-placement^=bottom] [x-arrow] { border-bottom: 7px solid #333; border-right: 7px solid transparent; border-left: 7px solid transparent; top: -7px; margin: 0 9px; } .mas2 .tippy-popper[x-placement^=bottom] [x-arrow].arrow-small { border-bottom: 5px solid #333; border-right: 5px solid transparent; border-left: 5px solid transparent; top: -5px; } .mas2 .tippy-popper[x-placement^=bottom] [x-arrow].arrow-big { border-bottom: 10px solid #333; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -10px; } .mas2 .tippy-popper[x-placement^=bottom] [x-circle] { -webkit-transform-origin: 0 -50%; transform-origin: 0 -50%; } .mas2 .tippy-popper[x-placement^=bottom] [x-circle].enter { -webkit-transform: scale(1) translate(-50%, -45%); transform: scale(1) translate(-50%, -45%); opacity: 1; } .mas2 .tippy-popper[x-placement^=bottom] [x-circle].leave { -webkit-transform: scale(0.15) translate(-50%, -5%); transform: scale(0.15) translate(-50%, -5%); opacity: 0; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] { background-color: #fff; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] { border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small { border-bottom: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big { border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] { background-color: rgba(0, 0, 0, .7); } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] { border-bottom: 7px solid rgba(0, 0, 0, .7); border-right: 7px solid transparent; border-left: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small { border-bottom: 5px solid rgba(0, 0, 0, .7); border-right: 5px solid transparent; border-left: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big { border-bottom: 10px solid rgba(0, 0, 0, .7); border-right: 10px solid transparent; border-left: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=perspective] { -webkit-transform-origin: top; transform-origin: top; } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=perspective].enter { opacity: 1; -webkit-transform: translateY(10px) rotateX(0); transform: translateY(10px) rotateX(0); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=perspective].leave { opacity: 0; -webkit-transform: translateY(0) rotateX(-90deg); transform: translateY(0) rotateX(-90deg); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=fade].enter { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=fade].leave { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=shift].enter { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=shift].leave { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=scale].enter { opacity: 1; -webkit-transform: translateY(10px) scale(1); transform: translateY(10px) scale(1); } .mas2 .tippy-popper[x-placement^=bottom] [data-animation=scale].leave { opacity: 0; -webkit-transform: translateY(0) scale(0); transform: translateY(0) scale(0); } .mas2 .tippy-popper[x-placement^=left] [x-arrow] { border-left: 7px solid #333; border-top: 7px solid transparent; border-bottom: 7px solid transparent; right: -7px; margin: 6px 0; } .mas2 .tippy-popper[x-placement^=left] [x-arrow].arrow-small { border-left: 5px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent; right: -5px; } .mas2 .tippy-popper[x-placement^=left] [x-arrow].arrow-big { border-left: 10px solid #333; border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: -10px; } .mas2 .tippy-popper[x-placement^=left] [x-circle] { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .mas2 .tippy-popper[x-placement^=left] [x-circle].enter { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); opacity: 1; } .mas2 .tippy-popper[x-placement^=left] [x-circle].leave { -webkit-transform: scale(0.15) translate(-50%, -50%); transform: scale(0.15) translate(-50%, -50%); opacity: 0; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] { background-color: #fff; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] { border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small { border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big { border-left: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] { background-color: rgba(0, 0, 0, .7); } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] { border-left: 7px solid rgba(0, 0, 0, .7); border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small { border-left: 5px solid rgba(0, 0, 0, .7); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big { border-left: 10px solid rgba(0, 0, 0, .7); border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=left] [data-animation=perspective] { -webkit-transform-origin: right; transform-origin: right; } .mas2 .tippy-popper[x-placement^=left] [data-animation=perspective].enter { opacity: 1; -webkit-transform: translateX(-10px) rotateY(0); transform: translateX(-10px) rotateY(0); } .mas2 .tippy-popper[x-placement^=left] [data-animation=perspective].leave { opacity: 0; -webkit-transform: translateX(0) rotateY(-90deg); transform: translateX(0) rotateY(-90deg); } .mas2 .tippy-popper[x-placement^=left] [data-animation=fade].enter { opacity: 1; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .mas2 .tippy-popper[x-placement^=left] [data-animation=fade].leave { opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .mas2 .tippy-popper[x-placement^=left] [data-animation=shift].enter { opacity: 1; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .mas2 .tippy-popper[x-placement^=left] [data-animation=shift].leave { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); } .mas2 .tippy-popper[x-placement^=left] [data-animation=scale].enter { opacity: 1; -webkit-transform: translateX(-10px) scale(1); transform: translateX(-10px) scale(1); } .mas2 .tippy-popper[x-placement^=left] [data-animation=scale].leave { opacity: 0; -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); } .mas2 .tippy-popper[x-placement^=right] [x-arrow] { border-right: 7px solid #333; border-top: 7px solid transparent; border-bottom: 7px solid transparent; left: -7px; margin: 6px 0; } .mas2 .tippy-popper[x-placement^=right] [x-arrow].arrow-small { border-right: 5px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: -5px; } .mas2 .tippy-popper[x-placement^=right] [x-arrow].arrow-big { border-right: 10px solid #333; border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: -10px; } .mas2 .tippy-popper[x-placement^=right] [x-circle] { -webkit-transform-origin: -50% 0; transform-origin: -50% 0; } .mas2 .tippy-popper[x-placement^=right] [x-circle].enter { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); opacity: 1; } .mas2 .tippy-popper[x-placement^=right] [x-circle].leave { -webkit-transform: scale(0.15) translate(-50%, -50%); transform: scale(0.15) translate(-50%, -50%); opacity: 0; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] { background-color: #fff; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] { border-right: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small { border-right: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big { border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] { background-color: rgba(0, 0, 0, .7); } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] { border-right: 7px solid rgba(0, 0, 0, .7); border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small { border-right: 5px solid rgba(0, 0, 0, .7); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .mas2 .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big { border-right: 10px solid rgba(0, 0, 0, .7); border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .mas2 .tippy-popper[x-placement^=right] [data-animation=perspective] { -webkit-transform-origin: left; transform-origin: left; } .mas2 .tippy-popper[x-placement^=right] [data-animation=perspective].enter { opacity: 1; -webkit-transform: translateX(10px) rotateY(0); transform: translateX(10px) rotateY(0); } .mas2 .tippy-popper[x-placement^=right] [data-animation=perspective].leave { opacity: 0; -webkit-transform: translateX(0) rotateY(90deg); transform: translateX(0) rotateY(90deg); } .mas2 .tippy-popper[x-placement^=right] [data-animation=fade].enter { opacity: 1; -webkit-transform: translateX(10px); transform: translateX(10px); } .mas2 .tippy-popper[x-placement^=right] [data-animation=fade].leave { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } .mas2 .tippy-popper[x-placement^=right] [data-animation=shift].enter { opacity: 1; -webkit-transform: translateX(10px); transform: translateX(10px); } .mas2 .tippy-popper[x-placement^=right] [data-animation=shift].leave { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); } .mas2 .tippy-popper[x-placement^=right] [data-animation=scale].enter { opacity: 1; -webkit-transform: translateX(10px) scale(1); transform: translateX(10px) scale(1); } .mas2 .tippy-popper[x-placement^=right] [data-animation=scale].leave { opacity: 0; -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); } .mas2 .tippy-popper .tippy-tooltip.transparent-theme { background-color: rgba(0, 0, 0, .7); } .mas2 .tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] { background-color: transparent; } .mas2 .tippy-popper .tippy-tooltip.light-theme { color: #26323d; box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2); background-color: #fff; } .mas2 .tippy-popper .tippy-tooltip.light-theme[data-animatefill] { background-color: transparent; } .mas2 .tippy-tooltip { position: relative; color: #fff; border-radius: 4px; font-size: 0.95rem; padding: 0.4rem 0.8rem; text-align: center; will-change: transform; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #333; } .mas2 .tippy-tooltip--small { padding: 0.25rem 0.5rem; font-size: 0.8rem; } .mas2 .tippy-tooltip--big { padding: 0.6rem 1.2rem; font-size: 1.2rem; } .mas2 .tippy-tooltip[data-animatefill] { overflow: hidden; background-color: transparent; } .mas2 .tippy-tooltip[data-interactive] { pointer-events: auto; } .mas2 .tippy-tooltip[data-inertia] { transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); } .mas2 .tippy-tooltip [x-arrow] { position: absolute; width: 0; height: 0; } .mas2 .tippy-tooltip [x-circle] { position: absolute; will-change: transform; background-color: #333; border-radius: 50%; width: 130%; width: calc(110% + 2rem); left: 50%; top: 50%; z-index: -1; overflow: hidden; transition: all ease; } .mas2 .tippy-tooltip [x-circle]:before { content: ""; padding-top: 90%; float: left; } @media (max-width: 450px) { .mas2 .tippy-popper { max-width: 96%; max-width: calc(100% - 20px); } } .mas2.mce-content-body .text_size1, .mas2 .commentBody .text_size1 { font-size: 11px; line-height: 1.4em; padding-bottom: 10px; } .mas2.mce-content-body .text_size2, .mas2 .commentBody .text_size2 { font-size: 16px; line-height: 1.4em; padding-bottom: 10px; } .mas2.mce-content-body .text_size3, .mas2 .commentBody .text_size3 { font-size: 18px; line-height: 1.2em; padding-bottom: 10px; } .mas2.mce-content-body .text_size4, .mas2 .commentBody .text_size4 { font-size: 20px; line-height: 1.2em; padding-bottom: 10px; } .mas2.mce-content-body .text_size5, .mas2 .commentBody .text_size5 { font-size: 22px; line-height: 1.2em; padding-bottom: 10px; } .mas2.mce-content-body .text_size6, .mas2 .commentBody .text_size6 { font-size: 24px; line-height: 1.2em; padding-bottom: 10px; } .mas2.mce-content-body .text_size7, .mas2 .commentBody .text_size7 { font-size: 28px; line-height: 1.2em; padding-bottom: 10px; } .mas2.mce-content-body .text_size8, .mas2 .commentBody .text_size8 { font-size: 32px; line-height: 1.2em; padding-bottom: 10px; } .mas2.mce-content-body a.spoiler, .mas2 .commentBody a.spoiler { border-bottom: 1px dashed #673c19; } .mas2 .emo-smile { display: inline-block; width: 50px; height: 50px; font-size: 0 !important; line-height: 0 !important; vertical-align: bottom; } .mas2 .emo-smile[data-smile="1"] { background: url("/images/smiles/emo/1.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="2"] { background: url("/images/smiles/emo/2.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="3"] { background: url("/images/smiles/emo/3.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="4"] { background: url("/images/smiles/emo/4.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="5"] { background: url("/images/smiles/emo/5.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="6"] { background: url("/images/smiles/emo/6.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="7"] { background: url("/images/smiles/emo/7.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="8"] { background: url("/images/smiles/emo/8.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="9"] { background: url("/images/smiles/emo/9.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="10"] { background: url("/images/smiles/emo/10.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="11"] { background: url("/images/smiles/emo/11.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="12"] { background: url("/images/smiles/emo/12.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="13"] { background: url("/images/smiles/emo/13.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="14"] { background: url("/images/smiles/emo/14.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="15"] { background: url("/images/smiles/emo/15.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="16"] { background: url("/images/smiles/emo/16.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="17"] { background: url("/images/smiles/emo/17.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="18"] { background: url("/images/smiles/emo/18.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="19"] { background: url("/images/smiles/emo/19.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="20"] { background: url("/images/smiles/emo/20.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="21"] { background: url("/images/smiles/emo/21.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="22"] { background: url("/images/smiles/emo/22.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="23"] { background: url("/images/smiles/emo/23.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="24"] { background: url("/images/smiles/emo/24.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="25"] { background: url("/images/smiles/emo/25.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="26"] { background: url("/images/smiles/emo/26.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="27"] { background: url("/images/smiles/emo/27.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="28"] { background: url("/images/smiles/emo/28.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="29"] { background: url("/images/smiles/emo/29.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="30"] { background: url("/images/smiles/emo/30.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="31"] { background: url("/images/smiles/emo/31.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="32"] { background: url("/images/smiles/emo/32.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="33"] { background: url("/images/smiles/emo/33.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="34"] { background: url("/images/smiles/emo/34.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="35"] { background: url("/images/smiles/emo/35.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="36"] { background: url("/images/smiles/emo/36.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="37"] { background: url("/images/smiles/emo/37.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="38"] { background: url("/images/smiles/emo/38.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="39"] { background: url("/images/smiles/emo/39.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="40"] { background: url("/images/smiles/emo/40.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="41"] { background: url("/images/smiles/emo/41.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="42"] { background: url("/images/smiles/emo/42.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="43"] { background: url("/images/smiles/emo/43.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="44"] { background: url("/images/smiles/emo/44.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="45"] { background: url("/images/smiles/emo/45.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="46"] { background: url("/images/smiles/emo/46.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="47"] { background: url("/images/smiles/emo/47.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="48"] { background: url("/images/smiles/emo/48.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="49"] { background: url("/images/smiles/emo/49.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="50"] { background: url("/images/smiles/emo/50.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="51"] { background: url("/images/smiles/emo/51.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="52"] { background: url("/images/smiles/emo/52.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="53"] { background: url("/images/smiles/emo/53.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="54"] { background: url("/images/smiles/emo/54.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="55"] { background: url("/images/smiles/emo/55.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="56"] { background: url("/images/smiles/emo/56.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="57"] { background: url("/images/smiles/emo/57.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="58"] { background: url("/images/smiles/emo/58.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="59"] { background: url("/images/smiles/emo/59.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="60"] { background: url("/images/smiles/emo/60.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="61"] { background: url("/images/smiles/emo/61.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="62"] { background: url("/images/smiles/emo/62.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="63"] { background: url("/images/smiles/emo/63.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="64"] { background: url("/images/smiles/emo/64.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="65"] { background: url("/images/smiles/emo/65.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="66"] { background: url("/images/smiles/emo/66.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="67"] { background: url("/images/smiles/emo/67.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="68"] { background: url("/images/smiles/emo/68.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="69"] { background: url("/images/smiles/emo/69.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="70"] { background: url("/images/smiles/emo/70.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="71"] { background: url("/images/smiles/emo/71.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="72"] { background: url("/images/smiles/emo/72.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="73"] { background: url("/images/smiles/emo/73.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="74"] { background: url("/images/smiles/emo/74.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="75"] { background: url("/images/smiles/emo/75.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="76"] { background: url("/images/smiles/emo/76.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="77"] { background: url("/images/smiles/emo/77.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="78"] { background: url("/images/smiles/emo/78.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="79"] { background: url("/images/smiles/emo/79.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="80"] { background: url("/images/smiles/emo/80.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="81"] { background: url("/images/smiles/emo/81.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="82"] { background: url("/images/smiles/emo/82.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="83"] { background: url("/images/smiles/emo/83.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="84"] { background: url("/images/smiles/emo/84.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="85"] { background: url("/images/smiles/emo/85.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="86"] { background: url("/images/smiles/emo/86.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="87"] { background: url("/images/smiles/emo/87.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="88"] { background: url("/images/smiles/emo/88.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="89"] { background: url("/images/smiles/emo/89.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="90"] { background: url("/images/smiles/emo/90.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="91"] { background: url("/images/smiles/emo/91.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="92"] { background: url("/images/smiles/emo/92.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="93"] { background: url("/images/smiles/emo/93.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="94"] { background: url("/images/smiles/emo/94.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="95"] { background: url("/images/smiles/emo/95.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="96"] { background: url("/images/smiles/emo/96.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="97"] { background: url("/images/smiles/emo/97.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="98"] { background: url("/images/smiles/emo/98.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="99"] { background: url("/images/smiles/emo/99.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="100"] { background: url("/images/smiles/emo/100.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="101"] { background: url("/images/smiles/emo/101.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="102"] { background: url("/images/smiles/emo/102.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="103"] { background: url("/images/smiles/emo/103.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="104"] { background: url("/images/smiles/emo/104.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="105"] { background: url("/images/smiles/emo/105.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="106"] { background: url("/images/smiles/emo/106.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="107"] { background: url("/images/smiles/emo/107.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="108"] { background: url("/images/smiles/emo/108.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="109"] { background: url("/images/smiles/emo/109.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="110"] { background: url("/images/smiles/emo/110.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="111"] { background: url("/images/smiles/emo/111.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="112"] { background: url("/images/smiles/emo/112.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="113"] { background: url("/images/smiles/emo/113.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="114"] { background: url("/images/smiles/emo/114.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="115"] { background: url("/images/smiles/emo/115.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="116"] { background: url("/images/smiles/emo/116.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="117"] { background: url("/images/smiles/emo/117.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="118"] { background: url("/images/smiles/emo/118.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="119"] { background: url("/images/smiles/emo/119.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="120"] { background: url("/images/smiles/emo/120.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="121"] { background: url("/images/smiles/emo/121.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="122"] { background: url("/images/smiles/emo/122.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="123"] { background: url("/images/smiles/emo/123.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="124"] { background: url("/images/smiles/emo/124.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="125"] { background: url("/images/smiles/emo/125.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="126"] { background: url("/images/smiles/emo/126.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="127"] { background: url("/images/smiles/emo/127.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="128"] { background: url("/images/smiles/emo/128.gif") left top no-repeat; } .mas2 .emo-smile[data-smile="129"] { background: url("/images/smiles/emo/129.gif") left top no-repeat; } .mas2 .emo-smile[data-smile='44'], .mas2 .emo-smile[data-smile='17'] { width: 100px; } .mas2 .emo-smile[data-smile='84'] { width: 60px; height: 55px; } .mas2 .emo-smile[data-smile='78'] { height: 70px; } .mas2.mce-content-body, .mas2 .commentBody { background: none !important; } .mas2.mce-content-body p, .mas2 .commentBody p, .mas2.mce-content-body div, .mas2 .commentBody div { padding-bottom: 10px; font-size: 14px; } .mas2.mce-content-body [contentEditable=false], .mas2 .commentBody [contentEditable=false], .mas2.mce-content-body [contentEditable=true], .mas2 .commentBody [contentEditable=true] { outline: none !important; } .mas2 a.mas-mentoin { border-radius: 4px; background: #ececec !important; padding: 2px 5px; border: 1px solid rgba(179, 179, 179, 0.5) !important; color: #000 !important; } .mas2 a.mas-mentoin:hover { background-color: #a2a2a2 !important; border-color: #a2a2a2 !important; color: #000 !important; } .mas2 .mas-spoiler { background: #fff; border: 1px solid #ececec; border-radius: 4px; padding-bottom: 0 !important; margin-bottom: 10px; } .mas2 .mas-spoiler .mas-spoiler-title { cursor: pointer; font-size: 13px; font-weight: bold; color: #959595; padding: 10px; background: #ececec; position: relative; } .mas2 .mas-spoiler .mas-spoiler-title:after { content: '\F0140'; position: absolute; right: 0; top: 0; padding: 10px; color: #959595; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; } .mas2 .mas-spoiler .mas-spoiler-body { padding: 10px; } .mas2 .mas-spoiler.mas-spoiler-opened .mas-spoiler-body { display: block !important; } .mas2.mce-content-body .mas-spoiler-title:after { display: none !important; } .mas2 .commentBody .mas-spoiler .mas-spoiler-body { display: none; } .mas2 .up12 { justify-content: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .mas2 .up12.s-start { justify-content: flex-start; } .mas2 .up12.s-end { justify-content: flex-end; } .mas2 .up12.s-center { justify-content: center; } .mas2 .up12.s-between { justify-content: space-between; } .mas2 .up12.s-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } @media only screen and (min-width: 768px) { .mas2 .up12.m-start { justify-content: flex-start; } .mas2 .up12.m-end { justify-content: flex-end; } .mas2 .up12.m-center { justify-content: center; } .mas2 .up12.m-between { justify-content: space-between; } .mas2 .up12.m-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12.h-start { justify-content: flex-start; } .mas2 .up12.h-end { justify-content: flex-end; } .mas2 .up12.h-center { justify-content: center; } .mas2 .up12.h-between { justify-content: space-between; } .mas2 .up12.h-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12.l-start { justify-content: flex-start; } .mas2 .up12.l-end { justify-content: flex-end; } .mas2 .up12.l-center { justify-content: center; } .mas2 .up12.l-between { justify-content: space-between; } .mas2 .up12.l-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } @media only screen and (min-width: 1350px) { .mas2 .up12.xl-start { justify-content: flex-start; } .mas2 .up12.xl-end { justify-content: flex-end; } .mas2 .up12.xl-center { justify-content: center; } .mas2 .up12.xl-between { justify-content: space-between; } .mas2 .up12.xl-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } .mas2 .up12 .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12 > .cell.s-order-0 { order: 0; } .mas2 .up12 > .cell.s-order-1 { order: 1; } .mas2 .up12 > .cell.s-order-2 { order: 2; } .mas2 .up12 > .cell.s-order-3 { order: 3; } .mas2 .up12 > .cell.s-order-4 { order: 4; } .mas2 .up12 > .cell.s-order-5 { order: 5; } .mas2 .up12 > .cell.s-order-6 { order: 6; } .mas2 .up12 > .cell.s-order-7 { order: 7; } .mas2 .up12 > .cell.s-order-8 { order: 8; } .mas2 .up12 > .cell.s-order-9 { order: 9; } .mas2 .up12 > .cell.s-order-10 { order: 10; } .mas2 .up12 > .cell.s-order-11 { order: 11; } .mas2 .up12 > .cell.s-order-12 { order: 12; } .mas2 .up12 > .cell.s-order-13 { order: 13; } .mas2 .up12 > .cell.s-order-14 { order: 14; } .mas2 .up12 > .cell.s-order-15 { order: 15; } .mas2 .up12 > .cell.s-order-16 { order: 16; } .mas2 .up12 > .cell.s-order-17 { order: 17; } .mas2 .up12 > .cell.s-order-18 { order: 18; } .mas2 .up12 > .cell.s-order-19 { order: 19; } .mas2 .up12 > .cell.s-order-20 { order: 20; } .mas2 .up12 > .cell.s-grow-0 { flex-grow: 0 !important; } .mas2 .up12 > .cell.s-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12 > .cell.s-grow-1 { flex-grow: 1 !important; } .mas2 .up12 > .cell.s-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12 > .cell.s-grow-2 { flex-grow: 2 !important; } .mas2 .up12 > .cell.s-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12 > .cell.s-grow-3 { flex-grow: 3 !important; } .mas2 .up12 > .cell.s-shrink-3 { flex-shrink: 3 !important; } @media only screen and (min-width: 768px) { .mas2 .up12 > .cell.m-order-0 { order: 0; } .mas2 .up12 > .cell.m-order-1 { order: 1; } .mas2 .up12 > .cell.m-order-2 { order: 2; } .mas2 .up12 > .cell.m-order-3 { order: 3; } .mas2 .up12 > .cell.m-order-4 { order: 4; } .mas2 .up12 > .cell.m-order-5 { order: 5; } .mas2 .up12 > .cell.m-order-6 { order: 6; } .mas2 .up12 > .cell.m-order-7 { order: 7; } .mas2 .up12 > .cell.m-order-8 { order: 8; } .mas2 .up12 > .cell.m-order-9 { order: 9; } .mas2 .up12 > .cell.m-order-10 { order: 10; } .mas2 .up12 > .cell.m-order-11 { order: 11; } .mas2 .up12 > .cell.m-order-12 { order: 12; } .mas2 .up12 > .cell.m-order-13 { order: 13; } .mas2 .up12 > .cell.m-order-14 { order: 14; } .mas2 .up12 > .cell.m-order-15 { order: 15; } .mas2 .up12 > .cell.m-order-16 { order: 16; } .mas2 .up12 > .cell.m-order-17 { order: 17; } .mas2 .up12 > .cell.m-order-18 { order: 18; } .mas2 .up12 > .cell.m-order-19 { order: 19; } .mas2 .up12 > .cell.m-order-20 { order: 20; } .mas2 .up12 > .cell.m-grow-0 { flex-grow: 0 !important; } .mas2 .up12 > .cell.m-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12 > .cell.m-grow-1 { flex-grow: 1 !important; } .mas2 .up12 > .cell.m-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12 > .cell.m-grow-2 { flex-grow: 2 !important; } .mas2 .up12 > .cell.m-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12 > .cell.m-grow-3 { flex-grow: 3 !important; } .mas2 .up12 > .cell.m-shrink-3 { flex-shrink: 3 !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12 > .cell.h-order-0 { order: 0; } .mas2 .up12 > .cell.h-order-1 { order: 1; } .mas2 .up12 > .cell.h-order-2 { order: 2; } .mas2 .up12 > .cell.h-order-3 { order: 3; } .mas2 .up12 > .cell.h-order-4 { order: 4; } .mas2 .up12 > .cell.h-order-5 { order: 5; } .mas2 .up12 > .cell.h-order-6 { order: 6; } .mas2 .up12 > .cell.h-order-7 { order: 7; } .mas2 .up12 > .cell.h-order-8 { order: 8; } .mas2 .up12 > .cell.h-order-9 { order: 9; } .mas2 .up12 > .cell.h-order-10 { order: 10; } .mas2 .up12 > .cell.h-order-11 { order: 11; } .mas2 .up12 > .cell.h-order-12 { order: 12; } .mas2 .up12 > .cell.h-order-13 { order: 13; } .mas2 .up12 > .cell.h-order-14 { order: 14; } .mas2 .up12 > .cell.h-order-15 { order: 15; } .mas2 .up12 > .cell.h-order-16 { order: 16; } .mas2 .up12 > .cell.h-order-17 { order: 17; } .mas2 .up12 > .cell.h-order-18 { order: 18; } .mas2 .up12 > .cell.h-order-19 { order: 19; } .mas2 .up12 > .cell.h-order-20 { order: 20; } .mas2 .up12 > .cell.h-grow-0 { flex-grow: 0 !important; } .mas2 .up12 > .cell.h-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12 > .cell.h-grow-1 { flex-grow: 1 !important; } .mas2 .up12 > .cell.h-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12 > .cell.h-grow-2 { flex-grow: 2 !important; } .mas2 .up12 > .cell.h-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12 > .cell.h-grow-3 { flex-grow: 3 !important; } .mas2 .up12 > .cell.h-shrink-3 { flex-shrink: 3 !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12 > .cell.l-order-0 { order: 0; } .mas2 .up12 > .cell.l-order-1 { order: 1; } .mas2 .up12 > .cell.l-order-2 { order: 2; } .mas2 .up12 > .cell.l-order-3 { order: 3; } .mas2 .up12 > .cell.l-order-4 { order: 4; } .mas2 .up12 > .cell.l-order-5 { order: 5; } .mas2 .up12 > .cell.l-order-6 { order: 6; } .mas2 .up12 > .cell.l-order-7 { order: 7; } .mas2 .up12 > .cell.l-order-8 { order: 8; } .mas2 .up12 > .cell.l-order-9 { order: 9; } .mas2 .up12 > .cell.l-order-10 { order: 10; } .mas2 .up12 > .cell.l-order-11 { order: 11; } .mas2 .up12 > .cell.l-order-12 { order: 12; } .mas2 .up12 > .cell.l-order-13 { order: 13; } .mas2 .up12 > .cell.l-order-14 { order: 14; } .mas2 .up12 > .cell.l-order-15 { order: 15; } .mas2 .up12 > .cell.l-order-16 { order: 16; } .mas2 .up12 > .cell.l-order-17 { order: 17; } .mas2 .up12 > .cell.l-order-18 { order: 18; } .mas2 .up12 > .cell.l-order-19 { order: 19; } .mas2 .up12 > .cell.l-order-20 { order: 20; } .mas2 .up12 > .cell.l-grow-0 { flex-grow: 0 !important; } .mas2 .up12 > .cell.l-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12 > .cell.l-grow-1 { flex-grow: 1 !important; } .mas2 .up12 > .cell.l-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12 > .cell.l-grow-2 { flex-grow: 2 !important; } .mas2 .up12 > .cell.l-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12 > .cell.l-grow-3 { flex-grow: 3 !important; } .mas2 .up12 > .cell.l-shrink-3 { flex-shrink: 3 !important; } } @media only screen and (min-width: 1350px) { .mas2 .up12 > .cell.xl-order-0 { order: 0; } .mas2 .up12 > .cell.xl-order-1 { order: 1; } .mas2 .up12 > .cell.xl-order-2 { order: 2; } .mas2 .up12 > .cell.xl-order-3 { order: 3; } .mas2 .up12 > .cell.xl-order-4 { order: 4; } .mas2 .up12 > .cell.xl-order-5 { order: 5; } .mas2 .up12 > .cell.xl-order-6 { order: 6; } .mas2 .up12 > .cell.xl-order-7 { order: 7; } .mas2 .up12 > .cell.xl-order-8 { order: 8; } .mas2 .up12 > .cell.xl-order-9 { order: 9; } .mas2 .up12 > .cell.xl-order-10 { order: 10; } .mas2 .up12 > .cell.xl-order-11 { order: 11; } .mas2 .up12 > .cell.xl-order-12 { order: 12; } .mas2 .up12 > .cell.xl-order-13 { order: 13; } .mas2 .up12 > .cell.xl-order-14 { order: 14; } .mas2 .up12 > .cell.xl-order-15 { order: 15; } .mas2 .up12 > .cell.xl-order-16 { order: 16; } .mas2 .up12 > .cell.xl-order-17 { order: 17; } .mas2 .up12 > .cell.xl-order-18 { order: 18; } .mas2 .up12 > .cell.xl-order-19 { order: 19; } .mas2 .up12 > .cell.xl-order-20 { order: 20; } .mas2 .up12 > .cell.xl-grow-0 { flex-grow: 0 !important; } .mas2 .up12 > .cell.xl-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12 > .cell.xl-grow-1 { flex-grow: 1 !important; } .mas2 .up12 > .cell.xl-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12 > .cell.xl-grow-2 { flex-grow: 2 !important; } .mas2 .up12 > .cell.xl-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12 > .cell.xl-grow-3 { flex-grow: 3 !important; } .mas2 .up12 > .cell.xl-shrink-3 { flex-shrink: 3 !important; } } .mas2 .up12.s-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.s-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.s-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.s-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.s-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.s-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.s-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.s-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.s-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.s-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.s-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.s-size-12 > .cell { width: calc(100% / 12); } @media only screen and (min-width: 768px) { .mas2 .up12.m-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.m-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.m-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.m-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.m-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.m-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.m-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.m-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.m-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.m-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.m-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.m-size-12 > .cell { width: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12.h-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.h-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.h-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.h-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.h-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.h-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.h-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.h-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.h-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.h-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.h-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.h-size-12 > .cell { width: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12.l-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.l-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.l-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.l-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.l-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.l-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.l-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.l-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.l-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.l-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.l-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.l-size-12 > .cell { width: calc(100% / 12); } } @media only screen and (min-width: 1350px) { .mas2 .up12.xl-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.xl-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.xl-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.xl-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.xl-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.xl-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.xl-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.xl-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.xl-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.xl-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.xl-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.xl-size-12 > .cell { width: calc(100% / 12); } } .mas2 .up12.splice { width: 100%; /*.#{$size}-end { justify-self: flex-end; }*/ } @media only screen and (max-width: 767px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.only-s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.only-s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .only-s-hide { display: none; } .mas2 .up12.splice > .cell.only-s-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.only-s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.only-s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.only-s-start { align-self: flex-start; } .mas2 .up12.splice .cell.only-s-end { align-self: flex-end; } .mas2 .up12.splice .cell.only-s-middle { align-self: center; } .mas2 .up12.splice .cell.only-s-full { align-self: auto; } .mas2 .up12.splice.only-s-start { align-items: flex-start; } .mas2 .up12.splice.only-s-end { align-items: flex-end; } .mas2 .up12.splice.only-s-middle { align-items: center; } .mas2 .up12.splice.only-s-full { align-items: auto; } .mas2 .up12.splice.only-s-baseline { align-items: baseline; } } .mas2 .up12.splice.s-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.splice.s-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.splice.s-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.splice.s-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.splice.s-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.splice.s-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.splice.s-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.splice.s-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.splice.s-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.splice.s-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.splice.s-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.splice.s-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.splice.s-size-auto > .cell { width: auto; } .mas2 .up12.splice.s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .s-hide { display: none; } .mas2 .up12.splice > .cell.s-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.s-start { align-self: flex-start; } .mas2 .up12.splice .cell.s-end { align-self: flex-end; } .mas2 .up12.splice .cell.s-middle { align-self: center; } .mas2 .up12.splice .cell.s-full { align-self: auto; } .mas2 .up12.splice.s-start { align-items: flex-start; } .mas2 .up12.splice.s-end { align-items: flex-end; } .mas2 .up12.splice.s-middle { align-items: center; } .mas2 .up12.splice.s-full { align-items: auto; } .mas2 .up12.splice.s-baseline { align-items: baseline; } .mas2 .up12.splice > .cell.s-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.s-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.s-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.s-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.s-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.s-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.s-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.s-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.s-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.s-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.s-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.s-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.s-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.s-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.s-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.s-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.s-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.s-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.s-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.s-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.s-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.s-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.s-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.s-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.s-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.s-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.s-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.s-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.s-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.s-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.s-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.s-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.s-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.s-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.s-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.s-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.s-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.s-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.s-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.s-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.s-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.s-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.s-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.s-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.s-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.s-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.s-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.s-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.s-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.s-push-0 { margin-left: 0; } .mas2 .up12.splice > .cell.s-pull-0 { margin-right: 0; } .mas2 .up12.splice > .cell.s-mleft-0 { margin-left: 0; } .mas2 .up12.splice > .cell.s-mright-0 { margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.only-m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.only-m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .only-m-hide { display: none; } .mas2 .up12.splice > .cell.only-m-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.only-m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.only-m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.only-m-start { align-self: flex-start; } .mas2 .up12.splice .cell.only-m-end { align-self: flex-end; } .mas2 .up12.splice .cell.only-m-middle { align-self: center; } .mas2 .up12.splice .cell.only-m-full { align-self: auto; } .mas2 .up12.splice.only-m-start { align-items: flex-start; } .mas2 .up12.splice.only-m-end { align-items: flex-end; } .mas2 .up12.splice.only-m-middle { align-items: center; } .mas2 .up12.splice.only-m-full { align-items: auto; } .mas2 .up12.splice.only-m-baseline { align-items: baseline; } } @media only screen and (min-width: 768px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.m-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.splice.m-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.splice.m-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.splice.m-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.splice.m-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.splice.m-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.splice.m-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.splice.m-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.splice.m-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.splice.m-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.splice.m-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.splice.m-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.splice.m-size-auto > .cell { width: auto; } .mas2 .up12.splice.m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .m-hide { display: none; } .mas2 .up12.splice > .cell.m-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.m-start { align-self: flex-start; } .mas2 .up12.splice .cell.m-end { align-self: flex-end; } .mas2 .up12.splice .cell.m-middle { align-self: center; } .mas2 .up12.splice .cell.m-full { align-self: auto; } .mas2 .up12.splice.m-start { align-items: flex-start; } .mas2 .up12.splice.m-end { align-items: flex-end; } .mas2 .up12.splice.m-middle { align-items: center; } .mas2 .up12.splice.m-full { align-items: auto; } .mas2 .up12.splice.m-baseline { align-items: baseline; } .mas2 .up12.splice > .cell.m-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.m-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.m-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.m-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.m-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.m-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.m-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.m-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.m-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.m-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.m-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.m-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.m-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.m-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.m-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.m-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.m-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.m-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.m-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.m-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.m-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.m-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.m-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.m-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.m-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.m-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.m-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.m-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.m-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.m-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.m-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.m-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.m-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.m-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.m-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.m-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.m-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.m-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.m-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.m-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.m-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.m-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.m-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.m-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.m-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.m-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.m-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.m-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.m-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.m-push-0 { margin-left: 0; } .mas2 .up12.splice > .cell.m-pull-0 { margin-right: 0; } .mas2 .up12.splice > .cell.m-mleft-0 { margin-left: 0; } .mas2 .up12.splice > .cell.m-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.only-h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.only-h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .only-h-hide { display: none; } .mas2 .up12.splice > .cell.only-h-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.only-h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.only-h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.only-h-start { align-self: flex-start; } .mas2 .up12.splice .cell.only-h-end { align-self: flex-end; } .mas2 .up12.splice .cell.only-h-middle { align-self: center; } .mas2 .up12.splice .cell.only-h-full { align-self: auto; } .mas2 .up12.splice.only-h-start { align-items: flex-start; } .mas2 .up12.splice.only-h-end { align-items: flex-end; } .mas2 .up12.splice.only-h-middle { align-items: center; } .mas2 .up12.splice.only-h-full { align-items: auto; } .mas2 .up12.splice.only-h-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.h-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.splice.h-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.splice.h-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.splice.h-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.splice.h-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.splice.h-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.splice.h-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.splice.h-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.splice.h-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.splice.h-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.splice.h-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.splice.h-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.splice.h-size-auto > .cell { width: auto; } .mas2 .up12.splice.h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .h-hide { display: none; } .mas2 .up12.splice > .cell.h-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.h-start { align-self: flex-start; } .mas2 .up12.splice .cell.h-end { align-self: flex-end; } .mas2 .up12.splice .cell.h-middle { align-self: center; } .mas2 .up12.splice .cell.h-full { align-self: auto; } .mas2 .up12.splice.h-start { align-items: flex-start; } .mas2 .up12.splice.h-end { align-items: flex-end; } .mas2 .up12.splice.h-middle { align-items: center; } .mas2 .up12.splice.h-full { align-items: auto; } .mas2 .up12.splice.h-baseline { align-items: baseline; } .mas2 .up12.splice > .cell.h-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.h-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.h-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.h-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.h-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.h-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.h-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.h-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.h-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.h-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.h-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.h-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.h-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.h-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.h-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.h-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.h-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.h-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.h-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.h-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.h-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.h-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.h-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.h-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.h-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.h-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.h-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.h-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.h-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.h-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.h-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.h-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.h-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.h-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.h-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.h-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.h-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.h-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.h-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.h-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.h-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.h-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.h-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.h-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.h-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.h-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.h-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.h-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.h-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.h-push-0 { margin-left: 0; } .mas2 .up12.splice > .cell.h-pull-0 { margin-right: 0; } .mas2 .up12.splice > .cell.h-mleft-0 { margin-left: 0; } .mas2 .up12.splice > .cell.h-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.only-l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.only-l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .only-l-hide { display: none; } .mas2 .up12.splice > .cell.only-l-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.only-l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.only-l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.only-l-start { align-self: flex-start; } .mas2 .up12.splice .cell.only-l-end { align-self: flex-end; } .mas2 .up12.splice .cell.only-l-middle { align-self: center; } .mas2 .up12.splice .cell.only-l-full { align-self: auto; } .mas2 .up12.splice.only-l-start { align-items: flex-start; } .mas2 .up12.splice.only-l-end { align-items: flex-end; } .mas2 .up12.splice.only-l-middle { align-items: center; } .mas2 .up12.splice.only-l-full { align-items: auto; } .mas2 .up12.splice.only-l-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.l-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.splice.l-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.splice.l-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.splice.l-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.splice.l-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.splice.l-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.splice.l-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.splice.l-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.splice.l-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.splice.l-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.splice.l-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.splice.l-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.splice.l-size-auto > .cell { width: auto; } .mas2 .up12.splice.l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .l-hide { display: none; } .mas2 .up12.splice > .cell.l-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.l-start { align-self: flex-start; } .mas2 .up12.splice .cell.l-end { align-self: flex-end; } .mas2 .up12.splice .cell.l-middle { align-self: center; } .mas2 .up12.splice .cell.l-full { align-self: auto; } .mas2 .up12.splice.l-start { align-items: flex-start; } .mas2 .up12.splice.l-end { align-items: flex-end; } .mas2 .up12.splice.l-middle { align-items: center; } .mas2 .up12.splice.l-full { align-items: auto; } .mas2 .up12.splice.l-baseline { align-items: baseline; } .mas2 .up12.splice > .cell.l-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.l-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.l-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.l-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.l-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.l-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.l-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.l-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.l-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.l-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.l-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.l-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.l-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.l-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.l-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.l-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.l-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.l-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.l-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.l-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.l-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.l-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.l-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.l-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.l-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.l-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.l-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.l-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.l-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.l-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.l-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.l-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.l-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.l-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.l-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.l-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.l-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.l-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.l-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.l-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.l-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.l-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.l-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.l-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.l-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.l-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.l-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.l-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.l-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.l-push-0 { margin-left: 0; } .mas2 .up12.splice > .cell.l-pull-0 { margin-right: 0; } .mas2 .up12.splice > .cell.l-mleft-0 { margin-left: 0; } .mas2 .up12.splice > .cell.l-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1350px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.only-xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.only-xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .only-xl-hide { display: none; } .mas2 .up12.splice > .cell.only-xl-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.only-xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.only-xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.only-xl-start { align-self: flex-start; } .mas2 .up12.splice .cell.only-xl-end { align-self: flex-end; } .mas2 .up12.splice .cell.only-xl-middle { align-self: center; } .mas2 .up12.splice .cell.only-xl-full { align-self: auto; } .mas2 .up12.splice.only-xl-start { align-items: flex-start; } .mas2 .up12.splice.only-xl-end { align-items: flex-end; } .mas2 .up12.splice.only-xl-middle { align-items: center; } .mas2 .up12.splice.only-xl-full { align-items: auto; } .mas2 .up12.splice.only-xl-baseline { align-items: baseline; } } @media only screen and (min-width: 1350px) { .mas2 .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.splice.xl-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.splice.xl-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.splice.xl-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.splice.xl-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.splice.xl-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.splice.xl-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.splice.xl-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.splice.xl-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.splice.xl-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.splice.xl-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.splice.xl-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.splice.xl-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.splice.xl-size-auto > .cell { width: auto; } .mas2 .up12.splice.xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.splice.xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.splice .xl-hide { display: none; } .mas2 .up12.splice > .cell.xl-normal { flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.splice > .cell.xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.splice .cell.xl-start { align-self: flex-start; } .mas2 .up12.splice .cell.xl-end { align-self: flex-end; } .mas2 .up12.splice .cell.xl-middle { align-self: center; } .mas2 .up12.splice .cell.xl-full { align-self: auto; } .mas2 .up12.splice.xl-start { align-items: flex-start; } .mas2 .up12.splice.xl-end { align-items: flex-end; } .mas2 .up12.splice.xl-middle { align-items: center; } .mas2 .up12.splice.xl-full { align-items: auto; } .mas2 .up12.splice.xl-baseline { align-items: baseline; } .mas2 .up12.splice > .cell.xl-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.xl-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.xl-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.xl-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.splice > .cell.xl-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.xl-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.xl-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.xl-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.splice > .cell.xl-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.xl-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.xl-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.xl-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.splice > .cell.xl-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.xl-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.xl-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.xl-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.splice > .cell.xl-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.xl-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.xl-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.xl-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.splice > .cell.xl-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.xl-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.xl-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.xl-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.splice > .cell.xl-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.xl-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.xl-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.xl-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.splice > .cell.xl-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.xl-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.xl-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.xl-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.splice > .cell.xl-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.xl-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.xl-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.xl-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.splice > .cell.xl-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.xl-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.xl-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.xl-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.splice > .cell.xl-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.xl-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.xl-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.xl-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.splice > .cell.xl-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.splice > .cell.xl-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.xl-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.xl-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.xl-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.splice > .cell.xl-push-0 { margin-left: 0; } .mas2 .up12.splice > .cell.xl-pull-0 { margin-right: 0; } .mas2 .up12.splice > .cell.xl-mleft-0 { margin-left: 0; } .mas2 .up12.splice > .cell.xl-mright-0 { margin-right: 0; } } .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-1rem / 2); width: calc(100% + 1rem); } @media only screen and (max-width: 767px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.margin.only-s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.only-s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .only-s-hide { display: none; } .mas2 .up12.margin > .cell.only-s-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.only-s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.only-s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.only-s-start { align-self: flex-start; } .mas2 .up12.margin .cell.only-s-end { align-self: flex-end; } .mas2 .up12.margin .cell.only-s-middle { align-self: center; } .mas2 .up12.margin .cell.only-s-full { align-self: auto; } .mas2 .up12.margin.only-s-start { align-items: flex-start; } .mas2 .up12.margin.only-s-end { align-items: flex-end; } .mas2 .up12.margin.only-s-middle { align-items: center; } .mas2 .up12.margin.only-s-full { align-items: auto; } .mas2 .up12.margin.only-s-baseline { align-items: baseline; } } .mas2 .up12.margin.s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .s-hide { display: none; } .mas2 .up12.margin > .cell.s-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.s-start { align-self: flex-start; } .mas2 .up12.margin .cell.s-end { align-self: flex-end; } .mas2 .up12.margin .cell.s-middle { align-self: center; } .mas2 .up12.margin .cell.s-full { align-self: auto; } .mas2 .up12.margin.s-start { align-items: flex-start; } .mas2 .up12.margin.s-end { align-items: flex-end; } .mas2 .up12.margin.s-middle { align-items: center; } .mas2 .up12.margin.s-full { align-items: auto; } .mas2 .up12.margin.s-baseline { align-items: baseline; } .mas2 .up12.margin > .cell { margin-left: calc(1rem / 2); margin-right: calc(1rem / 2); } .mas2 .up12.margin.s-size-1 > .cell { width: calc(100% / 1 - 1rem); } .mas2 .up12.margin.s-size-2 > .cell { width: calc(100% / 2 - 1rem); } .mas2 .up12.margin.s-size-3 > .cell { width: calc(100% / 3 - 1rem); } .mas2 .up12.margin.s-size-4 > .cell { width: calc(100% / 4 - 1rem); } .mas2 .up12.margin.s-size-5 > .cell { width: calc(100% / 5 - 1rem); } .mas2 .up12.margin.s-size-6 > .cell { width: calc(100% / 6 - 1rem); } .mas2 .up12.margin.s-size-7 > .cell { width: calc(100% / 7 - 1rem); } .mas2 .up12.margin.s-size-8 > .cell { width: calc(100% / 8 - 1rem); } .mas2 .up12.margin.s-size-9 > .cell { width: calc(100% / 9 - 1rem); } .mas2 .up12.margin.s-size-10 > .cell { width: calc(100% / 10 - 1rem); } .mas2 .up12.margin.s-size-11 > .cell { width: calc(100% / 11 - 1rem); } .mas2 .up12.margin.s-size-12 > .cell { width: calc(100% / 12 - 1rem); } .mas2 .up12.margin.s-size-auto > .cell { width: auto; } .mas2 .up12.margin > .cell.s-1 { width: calc(100% / 12 * 1 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.s-2 { width: calc(100% / 12 * 2 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.s-3 { width: calc(100% / 12 * 3 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.s-4 { width: calc(100% / 12 * 4 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.s-5 { width: calc(100% / 12 * 5 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.s-6 { width: calc(100% / 12 * 6 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.s-7 { width: calc(100% / 12 * 7 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.s-8 { width: calc(100% / 12 * 8 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.s-9 { width: calc(100% / 12 * 9 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.s-10 { width: calc(100% / 12 * 10 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.s-11 { width: calc(100% / 12 * 11 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.s-12 { width: calc(100% / 12 * 12 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.s-push-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.s-pull-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.s-mright-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.s-push-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.s-pull-0 { margin-right: calc(1rem / 2); } .mas2 .up12.margin > .cell.s-mleft-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.s-mright-0 { margin-right: calc(1rem / 2); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.margin.only-m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.only-m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .only-m-hide { display: none; } .mas2 .up12.margin > .cell.only-m-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.only-m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.only-m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.only-m-start { align-self: flex-start; } .mas2 .up12.margin .cell.only-m-end { align-self: flex-end; } .mas2 .up12.margin .cell.only-m-middle { align-self: center; } .mas2 .up12.margin .cell.only-m-full { align-self: auto; } .mas2 .up12.margin.only-m-start { align-items: flex-start; } .mas2 .up12.margin.only-m-end { align-items: flex-end; } .mas2 .up12.margin.only-m-middle { align-items: center; } .mas2 .up12.margin.only-m-full { align-items: auto; } .mas2 .up12.margin.only-m-baseline { align-items: baseline; } } @media only screen and (min-width: 768px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-1rem / 2); width: calc(100% + 1rem); } .mas2 .up12.margin.m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .m-hide { display: none; } .mas2 .up12.margin > .cell.m-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.m-start { align-self: flex-start; } .mas2 .up12.margin .cell.m-end { align-self: flex-end; } .mas2 .up12.margin .cell.m-middle { align-self: center; } .mas2 .up12.margin .cell.m-full { align-self: auto; } .mas2 .up12.margin.m-start { align-items: flex-start; } .mas2 .up12.margin.m-end { align-items: flex-end; } .mas2 .up12.margin.m-middle { align-items: center; } .mas2 .up12.margin.m-full { align-items: auto; } .mas2 .up12.margin.m-baseline { align-items: baseline; } .mas2 .up12.margin > .cell { margin-left: calc(1rem / 2); margin-right: calc(1rem / 2); } .mas2 .up12.margin.m-size-1 > .cell { width: calc(100% / 1 - 1rem); } .mas2 .up12.margin.m-size-2 > .cell { width: calc(100% / 2 - 1rem); } .mas2 .up12.margin.m-size-3 > .cell { width: calc(100% / 3 - 1rem); } .mas2 .up12.margin.m-size-4 > .cell { width: calc(100% / 4 - 1rem); } .mas2 .up12.margin.m-size-5 > .cell { width: calc(100% / 5 - 1rem); } .mas2 .up12.margin.m-size-6 > .cell { width: calc(100% / 6 - 1rem); } .mas2 .up12.margin.m-size-7 > .cell { width: calc(100% / 7 - 1rem); } .mas2 .up12.margin.m-size-8 > .cell { width: calc(100% / 8 - 1rem); } .mas2 .up12.margin.m-size-9 > .cell { width: calc(100% / 9 - 1rem); } .mas2 .up12.margin.m-size-10 > .cell { width: calc(100% / 10 - 1rem); } .mas2 .up12.margin.m-size-11 > .cell { width: calc(100% / 11 - 1rem); } .mas2 .up12.margin.m-size-12 > .cell { width: calc(100% / 12 - 1rem); } .mas2 .up12.margin.m-size-auto > .cell { width: auto; } .mas2 .up12.margin > .cell.m-1 { width: calc(100% / 12 * 1 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.m-2 { width: calc(100% / 12 * 2 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.m-3 { width: calc(100% / 12 * 3 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.m-4 { width: calc(100% / 12 * 4 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.m-5 { width: calc(100% / 12 * 5 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.m-6 { width: calc(100% / 12 * 6 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.m-7 { width: calc(100% / 12 * 7 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.m-8 { width: calc(100% / 12 * 8 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.m-9 { width: calc(100% / 12 * 9 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.m-10 { width: calc(100% / 12 * 10 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.m-11 { width: calc(100% / 12 * 11 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.m-12 { width: calc(100% / 12 * 12 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.m-push-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.m-pull-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.m-mright-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.m-push-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.m-pull-0 { margin-right: calc(1rem / 2); } .mas2 .up12.margin > .cell.m-mleft-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.m-mright-0 { margin-right: calc(1rem / 2); } } @media only screen and (min-width: 1024px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.margin.only-h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.only-h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .only-h-hide { display: none; } .mas2 .up12.margin > .cell.only-h-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.only-h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.only-h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.only-h-start { align-self: flex-start; } .mas2 .up12.margin .cell.only-h-end { align-self: flex-end; } .mas2 .up12.margin .cell.only-h-middle { align-self: center; } .mas2 .up12.margin .cell.only-h-full { align-self: auto; } .mas2 .up12.margin.only-h-start { align-items: flex-start; } .mas2 .up12.margin.only-h-end { align-items: flex-end; } .mas2 .up12.margin.only-h-middle { align-items: center; } .mas2 .up12.margin.only-h-full { align-items: auto; } .mas2 .up12.margin.only-h-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-1rem / 2); width: calc(100% + 1rem); } .mas2 .up12.margin.h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .h-hide { display: none; } .mas2 .up12.margin > .cell.h-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.h-start { align-self: flex-start; } .mas2 .up12.margin .cell.h-end { align-self: flex-end; } .mas2 .up12.margin .cell.h-middle { align-self: center; } .mas2 .up12.margin .cell.h-full { align-self: auto; } .mas2 .up12.margin.h-start { align-items: flex-start; } .mas2 .up12.margin.h-end { align-items: flex-end; } .mas2 .up12.margin.h-middle { align-items: center; } .mas2 .up12.margin.h-full { align-items: auto; } .mas2 .up12.margin.h-baseline { align-items: baseline; } .mas2 .up12.margin > .cell { margin-left: calc(1rem / 2); margin-right: calc(1rem / 2); } .mas2 .up12.margin.h-size-1 > .cell { width: calc(100% / 1 - 1rem); } .mas2 .up12.margin.h-size-2 > .cell { width: calc(100% / 2 - 1rem); } .mas2 .up12.margin.h-size-3 > .cell { width: calc(100% / 3 - 1rem); } .mas2 .up12.margin.h-size-4 > .cell { width: calc(100% / 4 - 1rem); } .mas2 .up12.margin.h-size-5 > .cell { width: calc(100% / 5 - 1rem); } .mas2 .up12.margin.h-size-6 > .cell { width: calc(100% / 6 - 1rem); } .mas2 .up12.margin.h-size-7 > .cell { width: calc(100% / 7 - 1rem); } .mas2 .up12.margin.h-size-8 > .cell { width: calc(100% / 8 - 1rem); } .mas2 .up12.margin.h-size-9 > .cell { width: calc(100% / 9 - 1rem); } .mas2 .up12.margin.h-size-10 > .cell { width: calc(100% / 10 - 1rem); } .mas2 .up12.margin.h-size-11 > .cell { width: calc(100% / 11 - 1rem); } .mas2 .up12.margin.h-size-12 > .cell { width: calc(100% / 12 - 1rem); } .mas2 .up12.margin.h-size-auto > .cell { width: auto; } .mas2 .up12.margin > .cell.h-1 { width: calc(100% / 12 * 1 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.h-2 { width: calc(100% / 12 * 2 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.h-3 { width: calc(100% / 12 * 3 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.h-4 { width: calc(100% / 12 * 4 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.h-5 { width: calc(100% / 12 * 5 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.h-6 { width: calc(100% / 12 * 6 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.h-7 { width: calc(100% / 12 * 7 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.h-8 { width: calc(100% / 12 * 8 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.h-9 { width: calc(100% / 12 * 9 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.h-10 { width: calc(100% / 12 * 10 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.h-11 { width: calc(100% / 12 * 11 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.h-12 { width: calc(100% / 12 * 12 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.h-push-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.h-pull-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.h-mright-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.h-push-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.h-pull-0 { margin-right: calc(1rem / 2); } .mas2 .up12.margin > .cell.h-mleft-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.h-mright-0 { margin-right: calc(1rem / 2); } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.margin.only-l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.only-l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .only-l-hide { display: none; } .mas2 .up12.margin > .cell.only-l-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.only-l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.only-l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.only-l-start { align-self: flex-start; } .mas2 .up12.margin .cell.only-l-end { align-self: flex-end; } .mas2 .up12.margin .cell.only-l-middle { align-self: center; } .mas2 .up12.margin .cell.only-l-full { align-self: auto; } .mas2 .up12.margin.only-l-start { align-items: flex-start; } .mas2 .up12.margin.only-l-end { align-items: flex-end; } .mas2 .up12.margin.only-l-middle { align-items: center; } .mas2 .up12.margin.only-l-full { align-items: auto; } .mas2 .up12.margin.only-l-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-1rem / 2); width: calc(100% + 1rem); } .mas2 .up12.margin.l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .l-hide { display: none; } .mas2 .up12.margin > .cell.l-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.l-start { align-self: flex-start; } .mas2 .up12.margin .cell.l-end { align-self: flex-end; } .mas2 .up12.margin .cell.l-middle { align-self: center; } .mas2 .up12.margin .cell.l-full { align-self: auto; } .mas2 .up12.margin.l-start { align-items: flex-start; } .mas2 .up12.margin.l-end { align-items: flex-end; } .mas2 .up12.margin.l-middle { align-items: center; } .mas2 .up12.margin.l-full { align-items: auto; } .mas2 .up12.margin.l-baseline { align-items: baseline; } .mas2 .up12.margin > .cell { margin-left: calc(1rem / 2); margin-right: calc(1rem / 2); } .mas2 .up12.margin.l-size-1 > .cell { width: calc(100% / 1 - 1rem); } .mas2 .up12.margin.l-size-2 > .cell { width: calc(100% / 2 - 1rem); } .mas2 .up12.margin.l-size-3 > .cell { width: calc(100% / 3 - 1rem); } .mas2 .up12.margin.l-size-4 > .cell { width: calc(100% / 4 - 1rem); } .mas2 .up12.margin.l-size-5 > .cell { width: calc(100% / 5 - 1rem); } .mas2 .up12.margin.l-size-6 > .cell { width: calc(100% / 6 - 1rem); } .mas2 .up12.margin.l-size-7 > .cell { width: calc(100% / 7 - 1rem); } .mas2 .up12.margin.l-size-8 > .cell { width: calc(100% / 8 - 1rem); } .mas2 .up12.margin.l-size-9 > .cell { width: calc(100% / 9 - 1rem); } .mas2 .up12.margin.l-size-10 > .cell { width: calc(100% / 10 - 1rem); } .mas2 .up12.margin.l-size-11 > .cell { width: calc(100% / 11 - 1rem); } .mas2 .up12.margin.l-size-12 > .cell { width: calc(100% / 12 - 1rem); } .mas2 .up12.margin.l-size-auto > .cell { width: auto; } .mas2 .up12.margin > .cell.l-1 { width: calc(100% / 12 * 1 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.l-2 { width: calc(100% / 12 * 2 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.l-3 { width: calc(100% / 12 * 3 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.l-4 { width: calc(100% / 12 * 4 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.l-5 { width: calc(100% / 12 * 5 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.l-6 { width: calc(100% / 12 * 6 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.l-7 { width: calc(100% / 12 * 7 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.l-8 { width: calc(100% / 12 * 8 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.l-9 { width: calc(100% / 12 * 9 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.l-10 { width: calc(100% / 12 * 10 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.l-11 { width: calc(100% / 12 * 11 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.l-12 { width: calc(100% / 12 * 12 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.l-push-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.l-pull-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.l-mright-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.l-push-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.l-pull-0 { margin-right: calc(1rem / 2); } .mas2 .up12.margin > .cell.l-mleft-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.l-mright-0 { margin-right: calc(1rem / 2); } } @media only screen and (min-width: 1350px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.margin.only-xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.only-xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .only-xl-hide { display: none; } .mas2 .up12.margin > .cell.only-xl-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.only-xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.only-xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.only-xl-start { align-self: flex-start; } .mas2 .up12.margin .cell.only-xl-end { align-self: flex-end; } .mas2 .up12.margin .cell.only-xl-middle { align-self: center; } .mas2 .up12.margin .cell.only-xl-full { align-self: auto; } .mas2 .up12.margin.only-xl-start { align-items: flex-start; } .mas2 .up12.margin.only-xl-end { align-items: flex-end; } .mas2 .up12.margin.only-xl-middle { align-items: center; } .mas2 .up12.margin.only-xl-full { align-items: auto; } .mas2 .up12.margin.only-xl-baseline { align-items: baseline; } } @media only screen and (min-width: 1350px) { .mas2 .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-1rem / 2); width: calc(100% + 1rem); } .mas2 .up12.margin.xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.margin.xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.margin .xl-hide { display: none; } .mas2 .up12.margin > .cell.xl-normal { flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.margin > .cell.xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.margin .cell.xl-start { align-self: flex-start; } .mas2 .up12.margin .cell.xl-end { align-self: flex-end; } .mas2 .up12.margin .cell.xl-middle { align-self: center; } .mas2 .up12.margin .cell.xl-full { align-self: auto; } .mas2 .up12.margin.xl-start { align-items: flex-start; } .mas2 .up12.margin.xl-end { align-items: flex-end; } .mas2 .up12.margin.xl-middle { align-items: center; } .mas2 .up12.margin.xl-full { align-items: auto; } .mas2 .up12.margin.xl-baseline { align-items: baseline; } .mas2 .up12.margin > .cell { margin-left: calc(1rem / 2); margin-right: calc(1rem / 2); } .mas2 .up12.margin.xl-size-1 > .cell { width: calc(100% / 1 - 1rem); } .mas2 .up12.margin.xl-size-2 > .cell { width: calc(100% / 2 - 1rem); } .mas2 .up12.margin.xl-size-3 > .cell { width: calc(100% / 3 - 1rem); } .mas2 .up12.margin.xl-size-4 > .cell { width: calc(100% / 4 - 1rem); } .mas2 .up12.margin.xl-size-5 > .cell { width: calc(100% / 5 - 1rem); } .mas2 .up12.margin.xl-size-6 > .cell { width: calc(100% / 6 - 1rem); } .mas2 .up12.margin.xl-size-7 > .cell { width: calc(100% / 7 - 1rem); } .mas2 .up12.margin.xl-size-8 > .cell { width: calc(100% / 8 - 1rem); } .mas2 .up12.margin.xl-size-9 > .cell { width: calc(100% / 9 - 1rem); } .mas2 .up12.margin.xl-size-10 > .cell { width: calc(100% / 10 - 1rem); } .mas2 .up12.margin.xl-size-11 > .cell { width: calc(100% / 11 - 1rem); } .mas2 .up12.margin.xl-size-12 > .cell { width: calc(100% / 12 - 1rem); } .mas2 .up12.margin.xl-size-auto > .cell { width: auto; } .mas2 .up12.margin > .cell.xl-1 { width: calc(100% / 12 * 1 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-1 { margin-left: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-1 { margin-right: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-2 { width: calc(100% / 12 * 2 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-2 { margin-left: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-2 { margin-right: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-3 { width: calc(100% / 12 * 3 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-3 { margin-left: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-3 { margin-right: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-4 { width: calc(100% / 12 * 4 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-4 { margin-left: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-4 { margin-right: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-5 { width: calc(100% / 12 * 5 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-5 { margin-left: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-5 { margin-right: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-6 { width: calc(100% / 12 * 6 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-6 { margin-left: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-6 { margin-right: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-7 { width: calc(100% / 12 * 7 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-7 { margin-left: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-7 { margin-right: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-8 { width: calc(100% / 12 * 8 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-8 { margin-left: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-8 { margin-right: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-9 { width: calc(100% / 12 * 9 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-9 { margin-left: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-9 { margin-right: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-10 { width: calc(100% / 12 * 10 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-10 { margin-left: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-10 { margin-right: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-11 { width: calc(100% / 12 * 11 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-11 { margin-left: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-11 { margin-right: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-12 { width: calc(100% / 12 * 12 - 1rem); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.margin > .cell.xl-push-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-12 { margin-left: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-12 { margin-right: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12.margin > .cell.xl-push-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.xl-pull-0 { margin-right: calc(1rem / 2); } .mas2 .up12.margin > .cell.xl-mleft-0 { margin-left: calc(1rem / 2); } .mas2 .up12.margin > .cell.xl-mright-0 { margin-right: calc(1rem / 2); } } .mas2 .up12.padding { width: 100%; /*.#{$size}-end { justify-self: flex-end; }*/ } @media only screen and (max-width: 767px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding.only-s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.only-s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .only-s-hide { display: none; } .mas2 .up12.padding > .cell.only-s-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.only-s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.only-s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.only-s-start { align-self: flex-start; } .mas2 .up12.padding .cell.only-s-end { align-self: flex-end; } .mas2 .up12.padding .cell.only-s-middle { align-self: center; } .mas2 .up12.padding .cell.only-s-full { align-self: auto; } .mas2 .up12.padding.only-s-start { align-items: flex-start; } .mas2 .up12.padding.only-s-end { align-items: flex-end; } .mas2 .up12.padding.only-s-middle { align-items: center; } .mas2 .up12.padding.only-s-full { align-items: auto; } .mas2 .up12.padding.only-s-baseline { align-items: baseline; } } .mas2 .up12.padding > .cell { padding-left: calc(1rem / 2); padding-right: calc(1rem / 2); } .mas2 .up12.padding.s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .s-hide { display: none; } .mas2 .up12.padding > .cell.s-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.s-start { align-self: flex-start; } .mas2 .up12.padding .cell.s-end { align-self: flex-end; } .mas2 .up12.padding .cell.s-middle { align-self: center; } .mas2 .up12.padding .cell.s-full { align-self: auto; } .mas2 .up12.padding.s-start { align-items: flex-start; } .mas2 .up12.padding.s-end { align-items: flex-end; } .mas2 .up12.padding.s-middle { align-items: center; } .mas2 .up12.padding.s-full { align-items: auto; } .mas2 .up12.padding.s-baseline { align-items: baseline; } .mas2 .up12.padding.s-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.padding.s-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.padding.s-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.padding.s-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.padding.s-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.padding.s-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.padding.s-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.padding.s-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.padding.s-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.padding.s-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.padding.s-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.padding.s-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.padding.s-size-auto > .cell { width: auto; } .mas2 .up12.padding > .cell.s-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.s-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.s-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.s-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.s-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.s-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.s-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.s-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.s-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.s-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.s-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.s-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.s-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.s-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.s-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.s-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.s-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.s-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.s-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.s-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.s-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.s-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.s-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.s-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.s-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.s-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.s-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.s-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.s-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.s-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.s-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.s-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.s-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.s-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.s-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.s-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.s-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.s-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.s-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.s-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.s-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.s-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.s-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.s-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.s-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.s-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.s-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.s-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.s-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.s-push-0 { margin-left: 0; } .mas2 .up12.padding > .cell.s-pull-0 { margin-right: 0; } .mas2 .up12.padding > .cell.s-mleft-0 { margin-left: 0; } .mas2 .up12.padding > .cell.s-mright-0 { margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding.only-m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.only-m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .only-m-hide { display: none; } .mas2 .up12.padding > .cell.only-m-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.only-m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.only-m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.only-m-start { align-self: flex-start; } .mas2 .up12.padding .cell.only-m-end { align-self: flex-end; } .mas2 .up12.padding .cell.only-m-middle { align-self: center; } .mas2 .up12.padding .cell.only-m-full { align-self: auto; } .mas2 .up12.padding.only-m-start { align-items: flex-start; } .mas2 .up12.padding.only-m-end { align-items: flex-end; } .mas2 .up12.padding.only-m-middle { align-items: center; } .mas2 .up12.padding.only-m-full { align-items: auto; } .mas2 .up12.padding.only-m-baseline { align-items: baseline; } } @media only screen and (min-width: 768px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding > .cell { padding-left: calc(1rem / 2); padding-right: calc(1rem / 2); } .mas2 .up12.padding.m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .m-hide { display: none; } .mas2 .up12.padding > .cell.m-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.m-start { align-self: flex-start; } .mas2 .up12.padding .cell.m-end { align-self: flex-end; } .mas2 .up12.padding .cell.m-middle { align-self: center; } .mas2 .up12.padding .cell.m-full { align-self: auto; } .mas2 .up12.padding.m-start { align-items: flex-start; } .mas2 .up12.padding.m-end { align-items: flex-end; } .mas2 .up12.padding.m-middle { align-items: center; } .mas2 .up12.padding.m-full { align-items: auto; } .mas2 .up12.padding.m-baseline { align-items: baseline; } .mas2 .up12.padding.m-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.padding.m-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.padding.m-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.padding.m-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.padding.m-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.padding.m-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.padding.m-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.padding.m-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.padding.m-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.padding.m-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.padding.m-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.padding.m-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.padding.m-size-auto > .cell { width: auto; } .mas2 .up12.padding > .cell.m-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.m-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.m-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.m-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.m-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.m-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.m-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.m-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.m-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.m-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.m-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.m-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.m-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.m-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.m-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.m-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.m-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.m-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.m-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.m-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.m-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.m-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.m-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.m-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.m-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.m-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.m-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.m-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.m-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.m-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.m-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.m-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.m-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.m-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.m-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.m-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.m-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.m-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.m-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.m-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.m-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.m-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.m-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.m-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.m-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.m-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.m-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.m-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.m-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.m-push-0 { margin-left: 0; } .mas2 .up12.padding > .cell.m-pull-0 { margin-right: 0; } .mas2 .up12.padding > .cell.m-mleft-0 { margin-left: 0; } .mas2 .up12.padding > .cell.m-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding.only-h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.only-h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .only-h-hide { display: none; } .mas2 .up12.padding > .cell.only-h-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.only-h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.only-h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.only-h-start { align-self: flex-start; } .mas2 .up12.padding .cell.only-h-end { align-self: flex-end; } .mas2 .up12.padding .cell.only-h-middle { align-self: center; } .mas2 .up12.padding .cell.only-h-full { align-self: auto; } .mas2 .up12.padding.only-h-start { align-items: flex-start; } .mas2 .up12.padding.only-h-end { align-items: flex-end; } .mas2 .up12.padding.only-h-middle { align-items: center; } .mas2 .up12.padding.only-h-full { align-items: auto; } .mas2 .up12.padding.only-h-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding > .cell { padding-left: calc(1rem / 2); padding-right: calc(1rem / 2); } .mas2 .up12.padding.h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .h-hide { display: none; } .mas2 .up12.padding > .cell.h-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.h-start { align-self: flex-start; } .mas2 .up12.padding .cell.h-end { align-self: flex-end; } .mas2 .up12.padding .cell.h-middle { align-self: center; } .mas2 .up12.padding .cell.h-full { align-self: auto; } .mas2 .up12.padding.h-start { align-items: flex-start; } .mas2 .up12.padding.h-end { align-items: flex-end; } .mas2 .up12.padding.h-middle { align-items: center; } .mas2 .up12.padding.h-full { align-items: auto; } .mas2 .up12.padding.h-baseline { align-items: baseline; } .mas2 .up12.padding.h-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.padding.h-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.padding.h-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.padding.h-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.padding.h-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.padding.h-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.padding.h-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.padding.h-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.padding.h-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.padding.h-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.padding.h-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.padding.h-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.padding.h-size-auto > .cell { width: auto; } .mas2 .up12.padding > .cell.h-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.h-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.h-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.h-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.h-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.h-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.h-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.h-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.h-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.h-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.h-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.h-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.h-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.h-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.h-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.h-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.h-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.h-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.h-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.h-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.h-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.h-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.h-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.h-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.h-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.h-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.h-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.h-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.h-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.h-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.h-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.h-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.h-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.h-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.h-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.h-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.h-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.h-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.h-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.h-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.h-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.h-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.h-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.h-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.h-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.h-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.h-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.h-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.h-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.h-push-0 { margin-left: 0; } .mas2 .up12.padding > .cell.h-pull-0 { margin-right: 0; } .mas2 .up12.padding > .cell.h-mleft-0 { margin-left: 0; } .mas2 .up12.padding > .cell.h-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding.only-l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.only-l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .only-l-hide { display: none; } .mas2 .up12.padding > .cell.only-l-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.only-l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.only-l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.only-l-start { align-self: flex-start; } .mas2 .up12.padding .cell.only-l-end { align-self: flex-end; } .mas2 .up12.padding .cell.only-l-middle { align-self: center; } .mas2 .up12.padding .cell.only-l-full { align-self: auto; } .mas2 .up12.padding.only-l-start { align-items: flex-start; } .mas2 .up12.padding.only-l-end { align-items: flex-end; } .mas2 .up12.padding.only-l-middle { align-items: center; } .mas2 .up12.padding.only-l-full { align-items: auto; } .mas2 .up12.padding.only-l-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding > .cell { padding-left: calc(1rem / 2); padding-right: calc(1rem / 2); } .mas2 .up12.padding.l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .l-hide { display: none; } .mas2 .up12.padding > .cell.l-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.l-start { align-self: flex-start; } .mas2 .up12.padding .cell.l-end { align-self: flex-end; } .mas2 .up12.padding .cell.l-middle { align-self: center; } .mas2 .up12.padding .cell.l-full { align-self: auto; } .mas2 .up12.padding.l-start { align-items: flex-start; } .mas2 .up12.padding.l-end { align-items: flex-end; } .mas2 .up12.padding.l-middle { align-items: center; } .mas2 .up12.padding.l-full { align-items: auto; } .mas2 .up12.padding.l-baseline { align-items: baseline; } .mas2 .up12.padding.l-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.padding.l-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.padding.l-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.padding.l-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.padding.l-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.padding.l-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.padding.l-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.padding.l-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.padding.l-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.padding.l-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.padding.l-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.padding.l-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.padding.l-size-auto > .cell { width: auto; } .mas2 .up12.padding > .cell.l-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.l-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.l-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.l-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.l-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.l-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.l-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.l-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.l-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.l-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.l-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.l-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.l-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.l-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.l-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.l-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.l-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.l-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.l-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.l-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.l-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.l-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.l-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.l-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.l-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.l-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.l-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.l-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.l-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.l-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.l-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.l-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.l-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.l-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.l-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.l-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.l-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.l-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.l-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.l-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.l-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.l-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.l-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.l-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.l-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.l-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.l-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.l-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.l-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.l-push-0 { margin-left: 0; } .mas2 .up12.padding > .cell.l-pull-0 { margin-right: 0; } .mas2 .up12.padding > .cell.l-mleft-0 { margin-left: 0; } .mas2 .up12.padding > .cell.l-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1350px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding.only-xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.only-xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .only-xl-hide { display: none; } .mas2 .up12.padding > .cell.only-xl-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.only-xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.only-xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.only-xl-start { align-self: flex-start; } .mas2 .up12.padding .cell.only-xl-end { align-self: flex-end; } .mas2 .up12.padding .cell.only-xl-middle { align-self: center; } .mas2 .up12.padding .cell.only-xl-full { align-self: auto; } .mas2 .up12.padding.only-xl-start { align-items: flex-start; } .mas2 .up12.padding.only-xl-end { align-items: flex-end; } .mas2 .up12.padding.only-xl-middle { align-items: center; } .mas2 .up12.padding.only-xl-full { align-items: auto; } .mas2 .up12.padding.only-xl-baseline { align-items: baseline; } } @media only screen and (min-width: 1350px) { .mas2 .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12.padding > .cell { padding-left: calc(1rem / 2); padding-right: calc(1rem / 2); } .mas2 .up12.padding.xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12.padding.xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12.padding .xl-hide { display: none; } .mas2 .up12.padding > .cell.xl-normal { flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12.padding > .cell.xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12.padding .cell.xl-start { align-self: flex-start; } .mas2 .up12.padding .cell.xl-end { align-self: flex-end; } .mas2 .up12.padding .cell.xl-middle { align-self: center; } .mas2 .up12.padding .cell.xl-full { align-self: auto; } .mas2 .up12.padding.xl-start { align-items: flex-start; } .mas2 .up12.padding.xl-end { align-items: flex-end; } .mas2 .up12.padding.xl-middle { align-items: center; } .mas2 .up12.padding.xl-full { align-items: auto; } .mas2 .up12.padding.xl-baseline { align-items: baseline; } .mas2 .up12.padding.xl-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12.padding.xl-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12.padding.xl-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12.padding.xl-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12.padding.xl-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12.padding.xl-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12.padding.xl-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12.padding.xl-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12.padding.xl-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12.padding.xl-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12.padding.xl-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12.padding.xl-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12.padding.xl-size-auto > .cell { width: auto; } .mas2 .up12.padding > .cell.xl-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.xl-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.xl-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.xl-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12.padding > .cell.xl-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.xl-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.xl-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.xl-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12.padding > .cell.xl-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.xl-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.xl-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.xl-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12.padding > .cell.xl-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.xl-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.xl-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.xl-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12.padding > .cell.xl-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.xl-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.xl-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.xl-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12.padding > .cell.xl-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.xl-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.xl-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.xl-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12.padding > .cell.xl-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.xl-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.xl-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.xl-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12.padding > .cell.xl-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.xl-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.xl-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.xl-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12.padding > .cell.xl-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.xl-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.xl-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.xl-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12.padding > .cell.xl-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.xl-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.xl-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.xl-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12.padding > .cell.xl-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.xl-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.xl-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.xl-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12.padding > .cell.xl-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12.padding > .cell.xl-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.xl-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.xl-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.xl-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12.padding > .cell.xl-push-0 { margin-left: 0; } .mas2 .up12.padding > .cell.xl-pull-0 { margin-right: 0; } .mas2 .up12.padding > .cell.xl-mleft-0 { margin-left: 0; } .mas2 .up12.padding > .cell.xl-mright-0 { margin-right: 0; } } .mas2 .up12-v { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; /*width: 100%;*/ flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; } .mas2 .up12-v .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-v.s-v-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-v.s-v-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-v .s-v-hide { display: none; } .mas2 .up12-v > .v-cell.s-v-normal { flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-v > .v-cell.s-v-shrink { height: auto !important; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-v > .v-cell.s-v-auto { height: 1px; min-height: auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-v .v-cell.s-v-start { align-self: flex-start; } .mas2 .up12-v .v-cell.s-v-end { align-self: flex-end; } .mas2 .up12-v .v-cell.s-v-middle { align-self: center; } .mas2 .up12-v .v-cell.s-v-full { align-self: auto; } .mas2 .up12-v.s-v-start { align-items: flex-start; } .mas2 .up12-v.s-v-end { align-items: flex-end; } .mas2 .up12-v.s-v-middle { align-items: center; } .mas2 .up12-v.s-v-full { align-items: auto; } @media only screen and (min-width: 768px) { .mas2 .up12-v.m-v-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-v.m-v-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-v .m-v-hide { display: none; } .mas2 .up12-v > .v-cell.m-v-normal { flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-v > .v-cell.m-v-shrink { height: auto !important; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-v > .v-cell.m-v-auto { height: 1px; min-height: auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-v .v-cell.m-v-start { align-self: flex-start; } .mas2 .up12-v .v-cell.m-v-end { align-self: flex-end; } .mas2 .up12-v .v-cell.m-v-middle { align-self: center; } .mas2 .up12-v .v-cell.m-v-full { align-self: auto; } .mas2 .up12-v.m-v-start { align-items: flex-start; } .mas2 .up12-v.m-v-end { align-items: flex-end; } .mas2 .up12-v.m-v-middle { align-items: center; } .mas2 .up12-v.m-v-full { align-items: auto; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.h-v-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-v.h-v-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-v .h-v-hide { display: none; } .mas2 .up12-v > .v-cell.h-v-normal { flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-v > .v-cell.h-v-shrink { height: auto !important; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-v > .v-cell.h-v-auto { height: 1px; min-height: auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-v .v-cell.h-v-start { align-self: flex-start; } .mas2 .up12-v .v-cell.h-v-end { align-self: flex-end; } .mas2 .up12-v .v-cell.h-v-middle { align-self: center; } .mas2 .up12-v .v-cell.h-v-full { align-self: auto; } .mas2 .up12-v.h-v-start { align-items: flex-start; } .mas2 .up12-v.h-v-end { align-items: flex-end; } .mas2 .up12-v.h-v-middle { align-items: center; } .mas2 .up12-v.h-v-full { align-items: auto; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.l-v-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-v.l-v-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-v .l-v-hide { display: none; } .mas2 .up12-v > .v-cell.l-v-normal { flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-v > .v-cell.l-v-shrink { height: auto !important; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-v > .v-cell.l-v-auto { height: 1px; min-height: auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-v .v-cell.l-v-start { align-self: flex-start; } .mas2 .up12-v .v-cell.l-v-end { align-self: flex-end; } .mas2 .up12-v .v-cell.l-v-middle { align-self: center; } .mas2 .up12-v .v-cell.l-v-full { align-self: auto; } .mas2 .up12-v.l-v-start { align-items: flex-start; } .mas2 .up12-v.l-v-end { align-items: flex-end; } .mas2 .up12-v.l-v-middle { align-items: center; } .mas2 .up12-v.l-v-full { align-items: auto; } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.xl-v-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-v.xl-v-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-v .xl-v-hide { display: none; } .mas2 .up12-v > .v-cell.xl-v-normal { flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-v > .v-cell.xl-v-shrink { height: auto !important; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-v > .v-cell.xl-v-auto { height: 1px; min-height: auto; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-v .v-cell.xl-v-start { align-self: flex-start; } .mas2 .up12-v .v-cell.xl-v-end { align-self: flex-end; } .mas2 .up12-v .v-cell.xl-v-middle { align-self: center; } .mas2 .up12-v .v-cell.xl-v-full { align-self: auto; } .mas2 .up12-v.xl-v-start { align-items: flex-start; } .mas2 .up12-v.xl-v-end { align-items: flex-end; } .mas2 .up12-v.xl-v-middle { align-items: center; } .mas2 .up12-v.xl-v-full { align-items: auto; } } .mas2 .up12-v.v-auto > .v-cell.s-v-auto { height: auto; } @media only screen and (min-width: 768px) { .mas2 .up12-v.v-auto > .v-cell.m-v-auto { height: auto; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.v-auto > .v-cell.h-v-auto { height: auto; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.v-auto > .v-cell.l-v-auto { height: auto; } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.v-auto > .v-cell.xl-v-auto { height: auto; } } .mas2 .up12-v > .v-cell.s-order-0 { order: 0; } .mas2 .up12-v > .v-cell.s-order-1 { order: 1; } .mas2 .up12-v > .v-cell.s-order-2 { order: 2; } .mas2 .up12-v > .v-cell.s-order-3 { order: 3; } .mas2 .up12-v > .v-cell.s-order-4 { order: 4; } .mas2 .up12-v > .v-cell.s-order-5 { order: 5; } .mas2 .up12-v > .v-cell.s-order-6 { order: 6; } .mas2 .up12-v > .v-cell.s-order-7 { order: 7; } .mas2 .up12-v > .v-cell.s-order-8 { order: 8; } .mas2 .up12-v > .v-cell.s-order-9 { order: 9; } .mas2 .up12-v > .v-cell.s-order-10 { order: 10; } .mas2 .up12-v > .v-cell.s-order-11 { order: 11; } .mas2 .up12-v > .v-cell.s-order-12 { order: 12; } .mas2 .up12-v > .v-cell.s-order-13 { order: 13; } .mas2 .up12-v > .v-cell.s-order-14 { order: 14; } .mas2 .up12-v > .v-cell.s-order-15 { order: 15; } .mas2 .up12-v > .v-cell.s-order-16 { order: 16; } .mas2 .up12-v > .v-cell.s-order-17 { order: 17; } .mas2 .up12-v > .v-cell.s-order-18 { order: 18; } .mas2 .up12-v > .v-cell.s-order-19 { order: 19; } .mas2 .up12-v > .v-cell.s-order-20 { order: 20; } @media only screen and (min-width: 768px) { .mas2 .up12-v > .v-cell.m-order-0 { order: 0; } .mas2 .up12-v > .v-cell.m-order-1 { order: 1; } .mas2 .up12-v > .v-cell.m-order-2 { order: 2; } .mas2 .up12-v > .v-cell.m-order-3 { order: 3; } .mas2 .up12-v > .v-cell.m-order-4 { order: 4; } .mas2 .up12-v > .v-cell.m-order-5 { order: 5; } .mas2 .up12-v > .v-cell.m-order-6 { order: 6; } .mas2 .up12-v > .v-cell.m-order-7 { order: 7; } .mas2 .up12-v > .v-cell.m-order-8 { order: 8; } .mas2 .up12-v > .v-cell.m-order-9 { order: 9; } .mas2 .up12-v > .v-cell.m-order-10 { order: 10; } .mas2 .up12-v > .v-cell.m-order-11 { order: 11; } .mas2 .up12-v > .v-cell.m-order-12 { order: 12; } .mas2 .up12-v > .v-cell.m-order-13 { order: 13; } .mas2 .up12-v > .v-cell.m-order-14 { order: 14; } .mas2 .up12-v > .v-cell.m-order-15 { order: 15; } .mas2 .up12-v > .v-cell.m-order-16 { order: 16; } .mas2 .up12-v > .v-cell.m-order-17 { order: 17; } .mas2 .up12-v > .v-cell.m-order-18 { order: 18; } .mas2 .up12-v > .v-cell.m-order-19 { order: 19; } .mas2 .up12-v > .v-cell.m-order-20 { order: 20; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v > .v-cell.h-order-0 { order: 0; } .mas2 .up12-v > .v-cell.h-order-1 { order: 1; } .mas2 .up12-v > .v-cell.h-order-2 { order: 2; } .mas2 .up12-v > .v-cell.h-order-3 { order: 3; } .mas2 .up12-v > .v-cell.h-order-4 { order: 4; } .mas2 .up12-v > .v-cell.h-order-5 { order: 5; } .mas2 .up12-v > .v-cell.h-order-6 { order: 6; } .mas2 .up12-v > .v-cell.h-order-7 { order: 7; } .mas2 .up12-v > .v-cell.h-order-8 { order: 8; } .mas2 .up12-v > .v-cell.h-order-9 { order: 9; } .mas2 .up12-v > .v-cell.h-order-10 { order: 10; } .mas2 .up12-v > .v-cell.h-order-11 { order: 11; } .mas2 .up12-v > .v-cell.h-order-12 { order: 12; } .mas2 .up12-v > .v-cell.h-order-13 { order: 13; } .mas2 .up12-v > .v-cell.h-order-14 { order: 14; } .mas2 .up12-v > .v-cell.h-order-15 { order: 15; } .mas2 .up12-v > .v-cell.h-order-16 { order: 16; } .mas2 .up12-v > .v-cell.h-order-17 { order: 17; } .mas2 .up12-v > .v-cell.h-order-18 { order: 18; } .mas2 .up12-v > .v-cell.h-order-19 { order: 19; } .mas2 .up12-v > .v-cell.h-order-20 { order: 20; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v > .v-cell.l-order-0 { order: 0; } .mas2 .up12-v > .v-cell.l-order-1 { order: 1; } .mas2 .up12-v > .v-cell.l-order-2 { order: 2; } .mas2 .up12-v > .v-cell.l-order-3 { order: 3; } .mas2 .up12-v > .v-cell.l-order-4 { order: 4; } .mas2 .up12-v > .v-cell.l-order-5 { order: 5; } .mas2 .up12-v > .v-cell.l-order-6 { order: 6; } .mas2 .up12-v > .v-cell.l-order-7 { order: 7; } .mas2 .up12-v > .v-cell.l-order-8 { order: 8; } .mas2 .up12-v > .v-cell.l-order-9 { order: 9; } .mas2 .up12-v > .v-cell.l-order-10 { order: 10; } .mas2 .up12-v > .v-cell.l-order-11 { order: 11; } .mas2 .up12-v > .v-cell.l-order-12 { order: 12; } .mas2 .up12-v > .v-cell.l-order-13 { order: 13; } .mas2 .up12-v > .v-cell.l-order-14 { order: 14; } .mas2 .up12-v > .v-cell.l-order-15 { order: 15; } .mas2 .up12-v > .v-cell.l-order-16 { order: 16; } .mas2 .up12-v > .v-cell.l-order-17 { order: 17; } .mas2 .up12-v > .v-cell.l-order-18 { order: 18; } .mas2 .up12-v > .v-cell.l-order-19 { order: 19; } .mas2 .up12-v > .v-cell.l-order-20 { order: 20; } } @media only screen and (min-width: 1350px) { .mas2 .up12-v > .v-cell.xl-order-0 { order: 0; } .mas2 .up12-v > .v-cell.xl-order-1 { order: 1; } .mas2 .up12-v > .v-cell.xl-order-2 { order: 2; } .mas2 .up12-v > .v-cell.xl-order-3 { order: 3; } .mas2 .up12-v > .v-cell.xl-order-4 { order: 4; } .mas2 .up12-v > .v-cell.xl-order-5 { order: 5; } .mas2 .up12-v > .v-cell.xl-order-6 { order: 6; } .mas2 .up12-v > .v-cell.xl-order-7 { order: 7; } .mas2 .up12-v > .v-cell.xl-order-8 { order: 8; } .mas2 .up12-v > .v-cell.xl-order-9 { order: 9; } .mas2 .up12-v > .v-cell.xl-order-10 { order: 10; } .mas2 .up12-v > .v-cell.xl-order-11 { order: 11; } .mas2 .up12-v > .v-cell.xl-order-12 { order: 12; } .mas2 .up12-v > .v-cell.xl-order-13 { order: 13; } .mas2 .up12-v > .v-cell.xl-order-14 { order: 14; } .mas2 .up12-v > .v-cell.xl-order-15 { order: 15; } .mas2 .up12-v > .v-cell.xl-order-16 { order: 16; } .mas2 .up12-v > .v-cell.xl-order-17 { order: 17; } .mas2 .up12-v > .v-cell.xl-order-18 { order: 18; } .mas2 .up12-v > .v-cell.xl-order-19 { order: 19; } .mas2 .up12-v > .v-cell.xl-order-20 { order: 20; } } .mas2 .up12-v.s-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.s-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.s-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.s-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.s-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.s-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.s-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.s-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.s-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.s-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.s-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.s-v-size-12 > .v-cell { height: calc(100% / 12); } @media only screen and (min-width: 768px) { .mas2 .up12-v.m-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.m-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.m-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.m-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.m-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.m-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.m-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.m-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.m-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.m-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.m-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.m-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.h-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.h-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.h-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.h-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.h-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.h-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.h-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.h-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.h-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.h-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.h-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.h-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.l-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.l-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.l-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.l-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.l-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.l-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.l-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.l-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.l-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.l-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.l-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.l-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.xl-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.xl-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.xl-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.xl-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.xl-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.xl-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.xl-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.xl-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.xl-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.xl-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.xl-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.xl-v-size-12 > .v-cell { height: calc(100% / 12); } } .mas2 .up12-v.splice.s-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.splice.s-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.splice.s-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.splice.s-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.splice.s-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.splice.s-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.splice.s-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.splice.s-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.splice.s-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.splice.s-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.splice.s-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.splice.s-v-size-12 > .v-cell { height: calc(100% / 12); } @media only screen and (min-width: 768px) { .mas2 .up12-v.splice.m-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.splice.m-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.splice.m-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.splice.m-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.splice.m-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.splice.m-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.splice.m-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.splice.m-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.splice.m-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.splice.m-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.splice.m-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.splice.m-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.splice.h-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.splice.h-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.splice.h-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.splice.h-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.splice.h-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.splice.h-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.splice.h-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.splice.h-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.splice.h-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.splice.h-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.splice.h-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.splice.h-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.splice.l-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.splice.l-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.splice.l-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.splice.l-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.splice.l-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.splice.l-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.splice.l-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.splice.l-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.splice.l-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.splice.l-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.splice.l-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.splice.l-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.splice.xl-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.splice.xl-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.splice.xl-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.splice.xl-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.splice.xl-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.splice.xl-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.splice.xl-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.splice.xl-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.splice.xl-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.splice.xl-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.splice.xl-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.splice.xl-v-size-12 > .v-cell { height: calc(100% / 12); } } .mas2 .up12-v.splice > .v-cell.s-v-1 { height: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.s-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.s-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.s-v-2 { height: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.s-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.s-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.s-v-3 { height: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.s-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.s-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.s-v-4 { height: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.s-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.s-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.s-v-5 { height: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.s-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.s-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.s-v-6 { height: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.s-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.s-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.s-v-7 { height: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.s-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.s-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.s-v-8 { height: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.s-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.s-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.s-v-9 { height: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.s-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.s-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.s-v-10 { height: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.s-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.s-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.s-v-11 { height: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.s-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.s-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.s-v-12 { height: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.s-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.s-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.s-v-push-0 { margin-top: 0; } .mas2 .up12-v.splice > .v-cell.s-v-pull-0 { margin-bottom: 0; } @media only screen and (min-width: 768px) { .mas2 .up12-v.splice > .v-cell.m-v-1 { height: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.m-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.m-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.m-v-2 { height: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.m-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.m-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.m-v-3 { height: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.m-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.m-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.m-v-4 { height: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.m-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.m-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.m-v-5 { height: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.m-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.m-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.m-v-6 { height: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.m-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.m-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.m-v-7 { height: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.m-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.m-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.m-v-8 { height: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.m-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.m-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.m-v-9 { height: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.m-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.m-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.m-v-10 { height: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.m-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.m-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.m-v-11 { height: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.m-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.m-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.m-v-12 { height: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.m-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.m-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.m-v-push-0 { margin-top: 0; } .mas2 .up12-v.splice > .v-cell.m-v-pull-0 { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.splice > .v-cell.h-v-1 { height: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.h-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.h-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.h-v-2 { height: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.h-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.h-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.h-v-3 { height: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.h-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.h-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.h-v-4 { height: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.h-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.h-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.h-v-5 { height: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.h-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.h-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.h-v-6 { height: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.h-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.h-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.h-v-7 { height: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.h-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.h-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.h-v-8 { height: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.h-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.h-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.h-v-9 { height: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.h-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.h-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.h-v-10 { height: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.h-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.h-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.h-v-11 { height: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.h-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.h-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.h-v-12 { height: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.h-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.h-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.h-v-push-0 { margin-top: 0; } .mas2 .up12-v.splice > .v-cell.h-v-pull-0 { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.splice > .v-cell.l-v-1 { height: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.l-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.l-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.l-v-2 { height: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.l-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.l-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.l-v-3 { height: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.l-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.l-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.l-v-4 { height: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.l-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.l-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.l-v-5 { height: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.l-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.l-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.l-v-6 { height: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.l-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.l-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.l-v-7 { height: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.l-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.l-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.l-v-8 { height: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.l-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.l-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.l-v-9 { height: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.l-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.l-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.l-v-10 { height: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.l-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.l-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.l-v-11 { height: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.l-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.l-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.l-v-12 { height: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.l-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.l-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.l-v-push-0 { margin-top: 0; } .mas2 .up12-v.splice > .v-cell.l-v-pull-0 { margin-bottom: 0; } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.splice > .v-cell.xl-v-1 { height: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.xl-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.splice > .v-cell.xl-v-2 { height: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.xl-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.splice > .v-cell.xl-v-3 { height: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.xl-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.splice > .v-cell.xl-v-4 { height: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.xl-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.splice > .v-cell.xl-v-5 { height: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.xl-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.splice > .v-cell.xl-v-6 { height: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.xl-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.splice > .v-cell.xl-v-7 { height: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.xl-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.splice > .v-cell.xl-v-8 { height: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.xl-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.splice > .v-cell.xl-v-9 { height: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.xl-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.splice > .v-cell.xl-v-10 { height: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.xl-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.splice > .v-cell.xl-v-11 { height: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.xl-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.splice > .v-cell.xl-v-12 { height: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.xl-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.xl-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.splice > .v-cell.xl-v-push-0 { margin-top: 0; } .mas2 .up12-v.splice > .v-cell.xl-v-pull-0 { margin-bottom: 0; } } .mas2 .up12-v.margin { margin-top: calc(-1rem / 2); height: calc(100% + 1rem); } .mas2 .up12-v.margin > .v-cell { margin-top: calc(1rem / 2); margin-bottom: calc(1rem / 2); } .mas2 .up12-v.margin.s-v-size-1 > .v-cell { height: calc(100% / 1 - 1rem); } .mas2 .up12-v.margin.s-v-size-2 > .v-cell { height: calc(100% / 2 - 1rem); } .mas2 .up12-v.margin.s-v-size-3 > .v-cell { height: calc(100% / 3 - 1rem); } .mas2 .up12-v.margin.s-v-size-4 > .v-cell { height: calc(100% / 4 - 1rem); } .mas2 .up12-v.margin.s-v-size-5 > .v-cell { height: calc(100% / 5 - 1rem); } .mas2 .up12-v.margin.s-v-size-6 > .v-cell { height: calc(100% / 6 - 1rem); } .mas2 .up12-v.margin.s-v-size-7 > .v-cell { height: calc(100% / 7 - 1rem); } .mas2 .up12-v.margin.s-v-size-8 > .v-cell { height: calc(100% / 8 - 1rem); } .mas2 .up12-v.margin.s-v-size-9 > .v-cell { height: calc(100% / 9 - 1rem); } .mas2 .up12-v.margin.s-v-size-10 > .v-cell { height: calc(100% / 10 - 1rem); } .mas2 .up12-v.margin.s-v-size-11 > .v-cell { height: calc(100% / 11 - 1rem); } .mas2 .up12-v.margin.s-v-size-12 > .v-cell { height: calc(100% / 12 - 1rem); } @media only screen and (min-width: 768px) { .mas2 .up12-v.margin { margin-top: calc(-1rem / 2); height: calc(100% + 1rem); } .mas2 .up12-v.margin > .v-cell { margin-top: calc(1rem / 2); margin-bottom: calc(1rem / 2); } .mas2 .up12-v.margin.m-v-size-1 > .v-cell { height: calc(100% / 1 - 1rem); } .mas2 .up12-v.margin.m-v-size-2 > .v-cell { height: calc(100% / 2 - 1rem); } .mas2 .up12-v.margin.m-v-size-3 > .v-cell { height: calc(100% / 3 - 1rem); } .mas2 .up12-v.margin.m-v-size-4 > .v-cell { height: calc(100% / 4 - 1rem); } .mas2 .up12-v.margin.m-v-size-5 > .v-cell { height: calc(100% / 5 - 1rem); } .mas2 .up12-v.margin.m-v-size-6 > .v-cell { height: calc(100% / 6 - 1rem); } .mas2 .up12-v.margin.m-v-size-7 > .v-cell { height: calc(100% / 7 - 1rem); } .mas2 .up12-v.margin.m-v-size-8 > .v-cell { height: calc(100% / 8 - 1rem); } .mas2 .up12-v.margin.m-v-size-9 > .v-cell { height: calc(100% / 9 - 1rem); } .mas2 .up12-v.margin.m-v-size-10 > .v-cell { height: calc(100% / 10 - 1rem); } .mas2 .up12-v.margin.m-v-size-11 > .v-cell { height: calc(100% / 11 - 1rem); } .mas2 .up12-v.margin.m-v-size-12 > .v-cell { height: calc(100% / 12 - 1rem); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.margin { margin-top: calc(-1rem / 2); height: calc(100% + 1rem); } .mas2 .up12-v.margin > .v-cell { margin-top: calc(1rem / 2); margin-bottom: calc(1rem / 2); } .mas2 .up12-v.margin.h-v-size-1 > .v-cell { height: calc(100% / 1 - 1rem); } .mas2 .up12-v.margin.h-v-size-2 > .v-cell { height: calc(100% / 2 - 1rem); } .mas2 .up12-v.margin.h-v-size-3 > .v-cell { height: calc(100% / 3 - 1rem); } .mas2 .up12-v.margin.h-v-size-4 > .v-cell { height: calc(100% / 4 - 1rem); } .mas2 .up12-v.margin.h-v-size-5 > .v-cell { height: calc(100% / 5 - 1rem); } .mas2 .up12-v.margin.h-v-size-6 > .v-cell { height: calc(100% / 6 - 1rem); } .mas2 .up12-v.margin.h-v-size-7 > .v-cell { height: calc(100% / 7 - 1rem); } .mas2 .up12-v.margin.h-v-size-8 > .v-cell { height: calc(100% / 8 - 1rem); } .mas2 .up12-v.margin.h-v-size-9 > .v-cell { height: calc(100% / 9 - 1rem); } .mas2 .up12-v.margin.h-v-size-10 > .v-cell { height: calc(100% / 10 - 1rem); } .mas2 .up12-v.margin.h-v-size-11 > .v-cell { height: calc(100% / 11 - 1rem); } .mas2 .up12-v.margin.h-v-size-12 > .v-cell { height: calc(100% / 12 - 1rem); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.margin { margin-top: calc(-1rem / 2); height: calc(100% + 1rem); } .mas2 .up12-v.margin > .v-cell { margin-top: calc(1rem / 2); margin-bottom: calc(1rem / 2); } .mas2 .up12-v.margin.l-v-size-1 > .v-cell { height: calc(100% / 1 - 1rem); } .mas2 .up12-v.margin.l-v-size-2 > .v-cell { height: calc(100% / 2 - 1rem); } .mas2 .up12-v.margin.l-v-size-3 > .v-cell { height: calc(100% / 3 - 1rem); } .mas2 .up12-v.margin.l-v-size-4 > .v-cell { height: calc(100% / 4 - 1rem); } .mas2 .up12-v.margin.l-v-size-5 > .v-cell { height: calc(100% / 5 - 1rem); } .mas2 .up12-v.margin.l-v-size-6 > .v-cell { height: calc(100% / 6 - 1rem); } .mas2 .up12-v.margin.l-v-size-7 > .v-cell { height: calc(100% / 7 - 1rem); } .mas2 .up12-v.margin.l-v-size-8 > .v-cell { height: calc(100% / 8 - 1rem); } .mas2 .up12-v.margin.l-v-size-9 > .v-cell { height: calc(100% / 9 - 1rem); } .mas2 .up12-v.margin.l-v-size-10 > .v-cell { height: calc(100% / 10 - 1rem); } .mas2 .up12-v.margin.l-v-size-11 > .v-cell { height: calc(100% / 11 - 1rem); } .mas2 .up12-v.margin.l-v-size-12 > .v-cell { height: calc(100% / 12 - 1rem); } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.margin { margin-top: calc(-1rem / 2); height: calc(100% + 1rem); } .mas2 .up12-v.margin > .v-cell { margin-top: calc(1rem / 2); margin-bottom: calc(1rem / 2); } .mas2 .up12-v.margin.xl-v-size-1 > .v-cell { height: calc(100% / 1 - 1rem); } .mas2 .up12-v.margin.xl-v-size-2 > .v-cell { height: calc(100% / 2 - 1rem); } .mas2 .up12-v.margin.xl-v-size-3 > .v-cell { height: calc(100% / 3 - 1rem); } .mas2 .up12-v.margin.xl-v-size-4 > .v-cell { height: calc(100% / 4 - 1rem); } .mas2 .up12-v.margin.xl-v-size-5 > .v-cell { height: calc(100% / 5 - 1rem); } .mas2 .up12-v.margin.xl-v-size-6 > .v-cell { height: calc(100% / 6 - 1rem); } .mas2 .up12-v.margin.xl-v-size-7 > .v-cell { height: calc(100% / 7 - 1rem); } .mas2 .up12-v.margin.xl-v-size-8 > .v-cell { height: calc(100% / 8 - 1rem); } .mas2 .up12-v.margin.xl-v-size-9 > .v-cell { height: calc(100% / 9 - 1rem); } .mas2 .up12-v.margin.xl-v-size-10 > .v-cell { height: calc(100% / 10 - 1rem); } .mas2 .up12-v.margin.xl-v-size-11 > .v-cell { height: calc(100% / 11 - 1rem); } .mas2 .up12-v.margin.xl-v-size-12 > .v-cell { height: calc(100% / 12 - 1rem); } } .mas2 .up12-v.margin > .v-cell.s-v-1 { height: calc(100% / 12 * 1 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-1 { margin-top: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-1 { margin-bottom: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-2 { height: calc(100% / 12 * 2 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-2 { margin-top: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-2 { margin-bottom: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-3 { height: calc(100% / 12 * 3 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-3 { margin-top: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-3 { margin-bottom: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-4 { height: calc(100% / 12 * 4 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-4 { margin-top: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-4 { margin-bottom: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-5 { height: calc(100% / 12 * 5 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-5 { margin-top: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-5 { margin-bottom: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-6 { height: calc(100% / 12 * 6 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-6 { margin-top: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-6 { margin-bottom: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-7 { height: calc(100% / 12 * 7 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-7 { margin-top: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-7 { margin-bottom: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-8 { height: calc(100% / 12 * 8 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-8 { margin-top: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-8 { margin-bottom: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-9 { height: calc(100% / 12 * 9 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-9 { margin-top: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-9 { margin-bottom: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-10 { height: calc(100% / 12 * 10 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-10 { margin-top: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-10 { margin-bottom: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-11 { height: calc(100% / 12 * 11 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-11 { margin-top: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-11 { margin-bottom: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-12 { height: calc(100% / 12 * 12 - 1rem); } .mas2 .up12-v.margin > .v-cell.s-v-push-12 { margin-top: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-12 { margin-bottom: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-push-0 { margin-top: calc(1rem / 2); } .mas2 .up12-v.margin > .v-cell.s-v-pull-0 { margin-bottom: calc(1rem / 2); } @media only screen and (min-width: 768px) { .mas2 .up12-v.margin > .v-cell.m-v-1 { height: calc(100% / 12 * 1 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-1 { margin-top: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-1 { margin-bottom: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-2 { height: calc(100% / 12 * 2 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-2 { margin-top: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-2 { margin-bottom: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-3 { height: calc(100% / 12 * 3 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-3 { margin-top: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-3 { margin-bottom: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-4 { height: calc(100% / 12 * 4 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-4 { margin-top: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-4 { margin-bottom: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-5 { height: calc(100% / 12 * 5 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-5 { margin-top: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-5 { margin-bottom: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-6 { height: calc(100% / 12 * 6 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-6 { margin-top: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-6 { margin-bottom: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-7 { height: calc(100% / 12 * 7 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-7 { margin-top: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-7 { margin-bottom: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-8 { height: calc(100% / 12 * 8 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-8 { margin-top: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-8 { margin-bottom: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-9 { height: calc(100% / 12 * 9 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-9 { margin-top: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-9 { margin-bottom: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-10 { height: calc(100% / 12 * 10 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-10 { margin-top: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-10 { margin-bottom: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-11 { height: calc(100% / 12 * 11 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-11 { margin-top: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-11 { margin-bottom: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-12 { height: calc(100% / 12 * 12 - 1rem); } .mas2 .up12-v.margin > .v-cell.m-v-push-12 { margin-top: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-12 { margin-bottom: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-push-0 { margin-top: calc(1rem / 2); } .mas2 .up12-v.margin > .v-cell.m-v-pull-0 { margin-bottom: calc(1rem / 2); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.margin > .v-cell.h-v-1 { height: calc(100% / 12 * 1 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-1 { margin-top: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-1 { margin-bottom: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-2 { height: calc(100% / 12 * 2 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-2 { margin-top: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-2 { margin-bottom: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-3 { height: calc(100% / 12 * 3 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-3 { margin-top: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-3 { margin-bottom: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-4 { height: calc(100% / 12 * 4 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-4 { margin-top: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-4 { margin-bottom: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-5 { height: calc(100% / 12 * 5 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-5 { margin-top: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-5 { margin-bottom: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-6 { height: calc(100% / 12 * 6 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-6 { margin-top: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-6 { margin-bottom: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-7 { height: calc(100% / 12 * 7 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-7 { margin-top: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-7 { margin-bottom: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-8 { height: calc(100% / 12 * 8 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-8 { margin-top: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-8 { margin-bottom: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-9 { height: calc(100% / 12 * 9 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-9 { margin-top: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-9 { margin-bottom: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-10 { height: calc(100% / 12 * 10 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-10 { margin-top: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-10 { margin-bottom: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-11 { height: calc(100% / 12 * 11 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-11 { margin-top: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-11 { margin-bottom: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-12 { height: calc(100% / 12 * 12 - 1rem); } .mas2 .up12-v.margin > .v-cell.h-v-push-12 { margin-top: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-12 { margin-bottom: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-push-0 { margin-top: calc(1rem / 2); } .mas2 .up12-v.margin > .v-cell.h-v-pull-0 { margin-bottom: calc(1rem / 2); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.margin > .v-cell.l-v-1 { height: calc(100% / 12 * 1 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-1 { margin-top: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-1 { margin-bottom: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-2 { height: calc(100% / 12 * 2 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-2 { margin-top: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-2 { margin-bottom: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-3 { height: calc(100% / 12 * 3 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-3 { margin-top: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-3 { margin-bottom: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-4 { height: calc(100% / 12 * 4 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-4 { margin-top: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-4 { margin-bottom: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-5 { height: calc(100% / 12 * 5 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-5 { margin-top: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-5 { margin-bottom: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-6 { height: calc(100% / 12 * 6 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-6 { margin-top: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-6 { margin-bottom: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-7 { height: calc(100% / 12 * 7 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-7 { margin-top: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-7 { margin-bottom: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-8 { height: calc(100% / 12 * 8 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-8 { margin-top: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-8 { margin-bottom: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-9 { height: calc(100% / 12 * 9 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-9 { margin-top: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-9 { margin-bottom: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-10 { height: calc(100% / 12 * 10 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-10 { margin-top: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-10 { margin-bottom: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-11 { height: calc(100% / 12 * 11 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-11 { margin-top: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-11 { margin-bottom: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-12 { height: calc(100% / 12 * 12 - 1rem); } .mas2 .up12-v.margin > .v-cell.l-v-push-12 { margin-top: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-12 { margin-bottom: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-push-0 { margin-top: calc(1rem / 2); } .mas2 .up12-v.margin > .v-cell.l-v-pull-0 { margin-bottom: calc(1rem / 2); } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.margin > .v-cell.xl-v-1 { height: calc(100% / 12 * 1 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-1 { margin-top: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-1 { margin-bottom: calc(100% / 12 * 1 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-2 { height: calc(100% / 12 * 2 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-2 { margin-top: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-2 { margin-bottom: calc(100% / 12 * 2 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-3 { height: calc(100% / 12 * 3 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-3 { margin-top: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-3 { margin-bottom: calc(100% / 12 * 3 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-4 { height: calc(100% / 12 * 4 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-4 { margin-top: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-4 { margin-bottom: calc(100% / 12 * 4 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-5 { height: calc(100% / 12 * 5 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-5 { margin-top: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-5 { margin-bottom: calc(100% / 12 * 5 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-6 { height: calc(100% / 12 * 6 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-6 { margin-top: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-6 { margin-bottom: calc(100% / 12 * 6 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-7 { height: calc(100% / 12 * 7 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-7 { margin-top: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-7 { margin-bottom: calc(100% / 12 * 7 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-8 { height: calc(100% / 12 * 8 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-8 { margin-top: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-8 { margin-bottom: calc(100% / 12 * 8 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-9 { height: calc(100% / 12 * 9 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-9 { margin-top: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-9 { margin-bottom: calc(100% / 12 * 9 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-10 { height: calc(100% / 12 * 10 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-10 { margin-top: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-10 { margin-bottom: calc(100% / 12 * 10 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-11 { height: calc(100% / 12 * 11 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-11 { margin-top: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-11 { margin-bottom: calc(100% / 12 * 11 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-12 { height: calc(100% / 12 * 12 - 1rem); } .mas2 .up12-v.margin > .v-cell.xl-v-push-12 { margin-top: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-12 { margin-bottom: calc(100% / 12 * 12 + 1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-push-0 { margin-top: calc(1rem / 2); } .mas2 .up12-v.margin > .v-cell.xl-v-pull-0 { margin-bottom: calc(1rem / 2); } } .mas2 .up12-v.padding { /*width: 100%;*/ } .mas2 .up12-v.padding > .v-cell { padding-top: calc(1rem / 2); padding-bottom: calc(1rem / 2); } .mas2 .up12-v.padding.s-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.padding.s-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.padding.s-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.padding.s-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.padding.s-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.padding.s-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.padding.s-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.padding.s-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.padding.s-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.padding.s-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.padding.s-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.padding.s-v-size-12 > .v-cell { height: calc(100% / 12); } @media only screen and (min-width: 768px) { .mas2 .up12-v.padding > .v-cell { padding-top: calc(1rem / 2); padding-bottom: calc(1rem / 2); } .mas2 .up12-v.padding.m-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.padding.m-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.padding.m-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.padding.m-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.padding.m-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.padding.m-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.padding.m-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.padding.m-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.padding.m-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.padding.m-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.padding.m-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.padding.m-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.padding > .v-cell { padding-top: calc(1rem / 2); padding-bottom: calc(1rem / 2); } .mas2 .up12-v.padding.h-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.padding.h-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.padding.h-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.padding.h-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.padding.h-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.padding.h-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.padding.h-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.padding.h-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.padding.h-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.padding.h-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.padding.h-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.padding.h-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.padding > .v-cell { padding-top: calc(1rem / 2); padding-bottom: calc(1rem / 2); } .mas2 .up12-v.padding.l-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.padding.l-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.padding.l-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.padding.l-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.padding.l-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.padding.l-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.padding.l-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.padding.l-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.padding.l-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.padding.l-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.padding.l-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.padding.l-v-size-12 > .v-cell { height: calc(100% / 12); } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.padding > .v-cell { padding-top: calc(1rem / 2); padding-bottom: calc(1rem / 2); } .mas2 .up12-v.padding.xl-v-size-1 > .v-cell { height: calc(100% / 1); } .mas2 .up12-v.padding.xl-v-size-2 > .v-cell { height: calc(100% / 2); } .mas2 .up12-v.padding.xl-v-size-3 > .v-cell { height: calc(100% / 3); } .mas2 .up12-v.padding.xl-v-size-4 > .v-cell { height: calc(100% / 4); } .mas2 .up12-v.padding.xl-v-size-5 > .v-cell { height: calc(100% / 5); } .mas2 .up12-v.padding.xl-v-size-6 > .v-cell { height: calc(100% / 6); } .mas2 .up12-v.padding.xl-v-size-7 > .v-cell { height: calc(100% / 7); } .mas2 .up12-v.padding.xl-v-size-8 > .v-cell { height: calc(100% / 8); } .mas2 .up12-v.padding.xl-v-size-9 > .v-cell { height: calc(100% / 9); } .mas2 .up12-v.padding.xl-v-size-10 > .v-cell { height: calc(100% / 10); } .mas2 .up12-v.padding.xl-v-size-11 > .v-cell { height: calc(100% / 11); } .mas2 .up12-v.padding.xl-v-size-12 > .v-cell { height: calc(100% / 12); } } .mas2 .up12-v.padding > .v-cell.s-v-1 { height: calc(100% / 12 * 1) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.s-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.s-v-2 { height: calc(100% / 12 * 2) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.s-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.s-v-3 { height: calc(100% / 12 * 3) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.s-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.s-v-4 { height: calc(100% / 12 * 4) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.s-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.s-v-5 { height: calc(100% / 12 * 5) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.s-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.s-v-6 { height: calc(100% / 12 * 6) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.s-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.s-v-7 { height: calc(100% / 12 * 7) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.s-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.s-v-8 { height: calc(100% / 12 * 8) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.s-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.s-v-9 { height: calc(100% / 12 * 9) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.s-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.s-v-10 { height: calc(100% / 12 * 10) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.s-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.s-v-11 { height: calc(100% / 12 * 11) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.s-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.s-v-12 { height: calc(100% / 12 * 12) !important; } .mas2 .up12-v.padding > .v-cell.s-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.s-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.s-v-push-0 { margin-top: 0; } .mas2 .up12-v.padding > .v-cell.s-v-pull-0 { margin-bottom: 0; } @media only screen and (min-width: 768px) { .mas2 .up12-v.padding > .v-cell.m-v-1 { height: calc(100% / 12 * 1) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.m-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.m-v-2 { height: calc(100% / 12 * 2) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.m-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.m-v-3 { height: calc(100% / 12 * 3) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.m-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.m-v-4 { height: calc(100% / 12 * 4) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.m-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.m-v-5 { height: calc(100% / 12 * 5) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.m-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.m-v-6 { height: calc(100% / 12 * 6) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.m-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.m-v-7 { height: calc(100% / 12 * 7) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.m-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.m-v-8 { height: calc(100% / 12 * 8) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.m-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.m-v-9 { height: calc(100% / 12 * 9) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.m-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.m-v-10 { height: calc(100% / 12 * 10) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.m-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.m-v-11 { height: calc(100% / 12 * 11) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.m-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.m-v-12 { height: calc(100% / 12 * 12) !important; } .mas2 .up12-v.padding > .v-cell.m-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.m-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.m-v-push-0 { margin-top: 0; } .mas2 .up12-v.padding > .v-cell.m-v-pull-0 { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.padding > .v-cell.h-v-1 { height: calc(100% / 12 * 1) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.h-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.h-v-2 { height: calc(100% / 12 * 2) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.h-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.h-v-3 { height: calc(100% / 12 * 3) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.h-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.h-v-4 { height: calc(100% / 12 * 4) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.h-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.h-v-5 { height: calc(100% / 12 * 5) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.h-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.h-v-6 { height: calc(100% / 12 * 6) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.h-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.h-v-7 { height: calc(100% / 12 * 7) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.h-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.h-v-8 { height: calc(100% / 12 * 8) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.h-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.h-v-9 { height: calc(100% / 12 * 9) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.h-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.h-v-10 { height: calc(100% / 12 * 10) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.h-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.h-v-11 { height: calc(100% / 12 * 11) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.h-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.h-v-12 { height: calc(100% / 12 * 12) !important; } .mas2 .up12-v.padding > .v-cell.h-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.h-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.h-v-push-0 { margin-top: 0; } .mas2 .up12-v.padding > .v-cell.h-v-pull-0 { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v.padding > .v-cell.l-v-1 { height: calc(100% / 12 * 1) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.l-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.l-v-2 { height: calc(100% / 12 * 2) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.l-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.l-v-3 { height: calc(100% / 12 * 3) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.l-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.l-v-4 { height: calc(100% / 12 * 4) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.l-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.l-v-5 { height: calc(100% / 12 * 5) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.l-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.l-v-6 { height: calc(100% / 12 * 6) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.l-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.l-v-7 { height: calc(100% / 12 * 7) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.l-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.l-v-8 { height: calc(100% / 12 * 8) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.l-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.l-v-9 { height: calc(100% / 12 * 9) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.l-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.l-v-10 { height: calc(100% / 12 * 10) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.l-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.l-v-11 { height: calc(100% / 12 * 11) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.l-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.l-v-12 { height: calc(100% / 12 * 12) !important; } .mas2 .up12-v.padding > .v-cell.l-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.l-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.l-v-push-0 { margin-top: 0; } .mas2 .up12-v.padding > .v-cell.l-v-pull-0 { margin-bottom: 0; } } @media only screen and (min-width: 1350px) { .mas2 .up12-v.padding > .v-cell.xl-v-1 { height: calc(100% / 12 * 1) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-1 { margin-top: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-1 { margin-bottom: calc(100% / 12 * 1); } .mas2 .up12-v.padding > .v-cell.xl-v-2 { height: calc(100% / 12 * 2) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-2 { margin-top: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-2 { margin-bottom: calc(100% / 12 * 2); } .mas2 .up12-v.padding > .v-cell.xl-v-3 { height: calc(100% / 12 * 3) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-3 { margin-top: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-3 { margin-bottom: calc(100% / 12 * 3); } .mas2 .up12-v.padding > .v-cell.xl-v-4 { height: calc(100% / 12 * 4) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-4 { margin-top: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-4 { margin-bottom: calc(100% / 12 * 4); } .mas2 .up12-v.padding > .v-cell.xl-v-5 { height: calc(100% / 12 * 5) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-5 { margin-top: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-5 { margin-bottom: calc(100% / 12 * 5); } .mas2 .up12-v.padding > .v-cell.xl-v-6 { height: calc(100% / 12 * 6) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-6 { margin-top: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-6 { margin-bottom: calc(100% / 12 * 6); } .mas2 .up12-v.padding > .v-cell.xl-v-7 { height: calc(100% / 12 * 7) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-7 { margin-top: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-7 { margin-bottom: calc(100% / 12 * 7); } .mas2 .up12-v.padding > .v-cell.xl-v-8 { height: calc(100% / 12 * 8) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-8 { margin-top: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-8 { margin-bottom: calc(100% / 12 * 8); } .mas2 .up12-v.padding > .v-cell.xl-v-9 { height: calc(100% / 12 * 9) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-9 { margin-top: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-9 { margin-bottom: calc(100% / 12 * 9); } .mas2 .up12-v.padding > .v-cell.xl-v-10 { height: calc(100% / 12 * 10) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-10 { margin-top: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-10 { margin-bottom: calc(100% / 12 * 10); } .mas2 .up12-v.padding > .v-cell.xl-v-11 { height: calc(100% / 12 * 11) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-11 { margin-top: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-11 { margin-bottom: calc(100% / 12 * 11); } .mas2 .up12-v.padding > .v-cell.xl-v-12 { height: calc(100% / 12 * 12) !important; } .mas2 .up12-v.padding > .v-cell.xl-v-push-12 { margin-top: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.xl-v-pull-12 { margin-bottom: calc(100% / 12 * 12); } .mas2 .up12-v.padding > .v-cell.xl-v-push-0 { margin-top: 0; } .mas2 .up12-v.padding > .v-cell.xl-v-pull-0 { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .mas2 .up12-v .only-s-v-hide { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12-v .only-m-v-hide { display: none; } } @media only screen and (min-width: 1024px) { .mas2 .up12-v .only-h-v-hide { display: none; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12-v .only-l-v-hide { display: none; } } @media only screen and (min-width: 1350px) { .mas2 .up12-v .only-xl-v-hide { display: none; } } .mas2 .pointer { cursor: pointer; } .mas2 .padd0 { padding: 0px; } .mas2 .vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .ptop0 { padding-top: 0px; } .mas2 .pleft0 { padding-left: 0px; } .mas2 .pright0 { padding-right: 0px; } .mas2 .pbottom0 { padding-bottom: 0px; } .mas2 .marg0 { margin: 0px; } .mas2 .vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .mtop0 { margin-top: 0px; } .mas2 .mleft0 { margin-left: 0px; } .mas2 .mright0 { margin-right: 0px; } .mas2 .mbottom0 { margin-bottom: 0px; } .mas2 .padd2 { padding: 2px; } .mas2 .vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .ptop2 { padding-top: 2px; } .mas2 .pleft2 { padding-left: 2px; } .mas2 .pright2 { padding-right: 2px; } .mas2 .pbottom2 { padding-bottom: 2px; } .mas2 .marg2 { margin: 2px; } .mas2 .vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .mtop2 { margin-top: 2px; } .mas2 .mleft2 { margin-left: 2px; } .mas2 .mright2 { margin-right: 2px; } .mas2 .mbottom2 { margin-bottom: 2px; } .mas2 .padd3 { padding: 3px; } .mas2 .vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .ptop3 { padding-top: 3px; } .mas2 .pleft3 { padding-left: 3px; } .mas2 .pright3 { padding-right: 3px; } .mas2 .pbottom3 { padding-bottom: 3px; } .mas2 .marg3 { margin: 3px; } .mas2 .vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .mtop3 { margin-top: 3px; } .mas2 .mleft3 { margin-left: 3px; } .mas2 .mright3 { margin-right: 3px; } .mas2 .mbottom3 { margin-bottom: 3px; } .mas2 .padd4 { padding: 4px; } .mas2 .vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .ptop4 { padding-top: 4px; } .mas2 .pleft4 { padding-left: 4px; } .mas2 .pright4 { padding-right: 4px; } .mas2 .pbottom4 { padding-bottom: 4px; } .mas2 .marg4 { margin: 4px; } .mas2 .vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .mtop4 { margin-top: 4px; } .mas2 .mleft4 { margin-left: 4px; } .mas2 .mright4 { margin-right: 4px; } .mas2 .mbottom4 { margin-bottom: 4px; } .mas2 .padd5 { padding: 5px; } .mas2 .vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .ptop5 { padding-top: 5px; } .mas2 .pleft5 { padding-left: 5px; } .mas2 .pright5 { padding-right: 5px; } .mas2 .pbottom5 { padding-bottom: 5px; } .mas2 .marg5 { margin: 5px; } .mas2 .vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .mtop5 { margin-top: 5px; } .mas2 .mleft5 { margin-left: 5px; } .mas2 .mright5 { margin-right: 5px; } .mas2 .mbottom5 { margin-bottom: 5px; } .mas2 .padd10 { padding: 10px; } .mas2 .vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .ptop10 { padding-top: 10px; } .mas2 .pleft10 { padding-left: 10px; } .mas2 .pright10 { padding-right: 10px; } .mas2 .pbottom10 { padding-bottom: 10px; } .mas2 .marg10 { margin: 10px; } .mas2 .vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .mtop10 { margin-top: 10px; } .mas2 .mleft10 { margin-left: 10px; } .mas2 .mright10 { margin-right: 10px; } .mas2 .mbottom10 { margin-bottom: 10px; } .mas2 .padd15 { padding: 15px; } .mas2 .vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .ptop15 { padding-top: 15px; } .mas2 .pleft15 { padding-left: 15px; } .mas2 .pright15 { padding-right: 15px; } .mas2 .pbottom15 { padding-bottom: 15px; } .mas2 .marg15 { margin: 15px; } .mas2 .vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .mtop15 { margin-top: 15px; } .mas2 .mleft15 { margin-left: 15px; } .mas2 .mright15 { margin-right: 15px; } .mas2 .mbottom15 { margin-bottom: 15px; } .mas2 .padd20 { padding: 20px; } .mas2 .vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .ptop20 { padding-top: 20px; } .mas2 .pleft20 { padding-left: 20px; } .mas2 .pright20 { padding-right: 20px; } .mas2 .pbottom20 { padding-bottom: 20px; } .mas2 .marg20 { margin: 20px; } .mas2 .vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .mtop20 { margin-top: 20px; } .mas2 .mleft20 { margin-left: 20px; } .mas2 .mright20 { margin-right: 20px; } .mas2 .mbottom20 { margin-bottom: 20px; } .mas2 .padd25 { padding: 25px; } .mas2 .vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .ptop25 { padding-top: 25px; } .mas2 .pleft25 { padding-left: 25px; } .mas2 .pright25 { padding-right: 25px; } .mas2 .pbottom25 { padding-bottom: 25px; } .mas2 .marg25 { margin: 25px; } .mas2 .vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .mtop25 { margin-top: 25px; } .mas2 .mleft25 { margin-left: 25px; } .mas2 .mright25 { margin-right: 25px; } .mas2 .mbottom25 { margin-bottom: 25px; } .mas2 .padd30 { padding: 30px; } .mas2 .vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .ptop30 { padding-top: 30px; } .mas2 .pleft30 { padding-left: 30px; } .mas2 .pright30 { padding-right: 30px; } .mas2 .pbottom30 { padding-bottom: 30px; } .mas2 .marg30 { margin: 30px; } .mas2 .vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .mtop30 { margin-top: 30px; } .mas2 .mleft30 { margin-left: 30px; } .mas2 .mright30 { margin-right: 30px; } .mas2 .mbottom30 { margin-bottom: 30px; } .mas2 .padd40 { padding: 40px; } .mas2 .vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .ptop40 { padding-top: 40px; } .mas2 .pleft40 { padding-left: 40px; } .mas2 .pright40 { padding-right: 40px; } .mas2 .pbottom40 { padding-bottom: 40px; } .mas2 .marg40 { margin: 40px; } .mas2 .vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .mtop40 { margin-top: 40px; } .mas2 .mleft40 { margin-left: 40px; } .mas2 .mright40 { margin-right: 40px; } .mas2 .mbottom40 { margin-bottom: 40px; } .mas2 .rem-padd10 { padding: 1rem; } .mas2 .rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .rem-ptop10 { padding-top: 1rem; } .mas2 .rem-pleft10 { padding-left: 1rem; } .mas2 .rem-pright10 { padding-right: 1rem; } .mas2 .rem-pbottom10 { padding-bottom: 1rem; } .mas2 .rem-marg10 { margin: 1rem; } .mas2 .rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .rem-mtop10 { margin-top: 1rem; } .mas2 .rem-mleft10 { margin-left: 1rem; } .mas2 .rem-mright10 { margin-right: 1rem; } .mas2 .rem-mbottom10 { margin-bottom: 1rem; } .mas2 .rem-padd11 { padding: 1.1rem; } .mas2 .rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .rem-ptop11 { padding-top: 1.1rem; } .mas2 .rem-pleft11 { padding-left: 1.1rem; } .mas2 .rem-pright11 { padding-right: 1.1rem; } .mas2 .rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .rem-marg11 { margin: 1.1rem; } .mas2 .rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .rem-mtop11 { margin-top: 1.1rem; } .mas2 .rem-mleft11 { margin-left: 1.1rem; } .mas2 .rem-mright11 { margin-right: 1.1rem; } .mas2 .rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .rem-padd12 { padding: 1.2rem; } .mas2 .rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .rem-ptop12 { padding-top: 1.2rem; } .mas2 .rem-pleft12 { padding-left: 1.2rem; } .mas2 .rem-pright12 { padding-right: 1.2rem; } .mas2 .rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .rem-marg12 { margin: 1.2rem; } .mas2 .rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .rem-mtop12 { margin-top: 1.2rem; } .mas2 .rem-mleft12 { margin-left: 1.2rem; } .mas2 .rem-mright12 { margin-right: 1.2rem; } .mas2 .rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .rem-padd13 { padding: 1.3rem; } .mas2 .rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .rem-ptop13 { padding-top: 1.3rem; } .mas2 .rem-pleft13 { padding-left: 1.3rem; } .mas2 .rem-pright13 { padding-right: 1.3rem; } .mas2 .rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .rem-marg13 { margin: 1.3rem; } .mas2 .rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .rem-mtop13 { margin-top: 1.3rem; } .mas2 .rem-mleft13 { margin-left: 1.3rem; } .mas2 .rem-mright13 { margin-right: 1.3rem; } .mas2 .rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .rem-padd14 { padding: 1.4rem; } .mas2 .rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .rem-ptop14 { padding-top: 1.4rem; } .mas2 .rem-pleft14 { padding-left: 1.4rem; } .mas2 .rem-pright14 { padding-right: 1.4rem; } .mas2 .rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .rem-marg14 { margin: 1.4rem; } .mas2 .rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .rem-mtop14 { margin-top: 1.4rem; } .mas2 .rem-mleft14 { margin-left: 1.4rem; } .mas2 .rem-mright14 { margin-right: 1.4rem; } .mas2 .rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .rem-padd15 { padding: 1.5rem; } .mas2 .rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .rem-ptop15 { padding-top: 1.5rem; } .mas2 .rem-pleft15 { padding-left: 1.5rem; } .mas2 .rem-pright15 { padding-right: 1.5rem; } .mas2 .rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .rem-marg15 { margin: 1.5rem; } .mas2 .rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .rem-mtop15 { margin-top: 1.5rem; } .mas2 .rem-mleft15 { margin-left: 1.5rem; } .mas2 .rem-mright15 { margin-right: 1.5rem; } .mas2 .rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .rem-padd16 { padding: 1.6rem; } .mas2 .rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .rem-ptop16 { padding-top: 1.6rem; } .mas2 .rem-pleft16 { padding-left: 1.6rem; } .mas2 .rem-pright16 { padding-right: 1.6rem; } .mas2 .rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .rem-marg16 { margin: 1.6rem; } .mas2 .rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .rem-mtop16 { margin-top: 1.6rem; } .mas2 .rem-mleft16 { margin-left: 1.6rem; } .mas2 .rem-mright16 { margin-right: 1.6rem; } .mas2 .rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .rem-padd17 { padding: 1.7rem; } .mas2 .rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .rem-ptop17 { padding-top: 1.7rem; } .mas2 .rem-pleft17 { padding-left: 1.7rem; } .mas2 .rem-pright17 { padding-right: 1.7rem; } .mas2 .rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .rem-marg17 { margin: 1.7rem; } .mas2 .rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .rem-mtop17 { margin-top: 1.7rem; } .mas2 .rem-mleft17 { margin-left: 1.7rem; } .mas2 .rem-mright17 { margin-right: 1.7rem; } .mas2 .rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .rem-padd18 { padding: 1.8rem; } .mas2 .rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .rem-ptop18 { padding-top: 1.8rem; } .mas2 .rem-pleft18 { padding-left: 1.8rem; } .mas2 .rem-pright18 { padding-right: 1.8rem; } .mas2 .rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .rem-marg18 { margin: 1.8rem; } .mas2 .rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .rem-mtop18 { margin-top: 1.8rem; } .mas2 .rem-mleft18 { margin-left: 1.8rem; } .mas2 .rem-mright18 { margin-right: 1.8rem; } .mas2 .rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .rem-padd19 { padding: 1.9rem; } .mas2 .rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .rem-ptop19 { padding-top: 1.9rem; } .mas2 .rem-pleft19 { padding-left: 1.9rem; } .mas2 .rem-pright19 { padding-right: 1.9rem; } .mas2 .rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .rem-marg19 { margin: 1.9rem; } .mas2 .rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .rem-mtop19 { margin-top: 1.9rem; } .mas2 .rem-mleft19 { margin-left: 1.9rem; } .mas2 .rem-mright19 { margin-right: 1.9rem; } .mas2 .rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .rem-padd20 { padding: 2rem; } .mas2 .rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .rem-ptop20 { padding-top: 2rem; } .mas2 .rem-pleft20 { padding-left: 2rem; } .mas2 .rem-pright20 { padding-right: 2rem; } .mas2 .rem-pbottom20 { padding-bottom: 2rem; } .mas2 .rem-marg20 { margin: 2rem; } .mas2 .rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .rem-mtop20 { margin-top: 2rem; } .mas2 .rem-mleft20 { margin-left: 2rem; } .mas2 .rem-mright20 { margin-right: 2rem; } .mas2 .rem-mbottom20 { margin-bottom: 2rem; } .mas2 .rem-padd21 { padding: 2.1rem; } .mas2 .rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .rem-ptop21 { padding-top: 2.1rem; } .mas2 .rem-pleft21 { padding-left: 2.1rem; } .mas2 .rem-pright21 { padding-right: 2.1rem; } .mas2 .rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .rem-marg21 { margin: 2.1rem; } .mas2 .rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .rem-mtop21 { margin-top: 2.1rem; } .mas2 .rem-mleft21 { margin-left: 2.1rem; } .mas2 .rem-mright21 { margin-right: 2.1rem; } .mas2 .rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .rem-padd22 { padding: 2.2rem; } .mas2 .rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .rem-ptop22 { padding-top: 2.2rem; } .mas2 .rem-pleft22 { padding-left: 2.2rem; } .mas2 .rem-pright22 { padding-right: 2.2rem; } .mas2 .rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .rem-marg22 { margin: 2.2rem; } .mas2 .rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .rem-mtop22 { margin-top: 2.2rem; } .mas2 .rem-mleft22 { margin-left: 2.2rem; } .mas2 .rem-mright22 { margin-right: 2.2rem; } .mas2 .rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .rem-padd23 { padding: 2.3rem; } .mas2 .rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .rem-ptop23 { padding-top: 2.3rem; } .mas2 .rem-pleft23 { padding-left: 2.3rem; } .mas2 .rem-pright23 { padding-right: 2.3rem; } .mas2 .rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .rem-marg23 { margin: 2.3rem; } .mas2 .rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .rem-mtop23 { margin-top: 2.3rem; } .mas2 .rem-mleft23 { margin-left: 2.3rem; } .mas2 .rem-mright23 { margin-right: 2.3rem; } .mas2 .rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .rem-padd24 { padding: 2.4rem; } .mas2 .rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .rem-ptop24 { padding-top: 2.4rem; } .mas2 .rem-pleft24 { padding-left: 2.4rem; } .mas2 .rem-pright24 { padding-right: 2.4rem; } .mas2 .rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .rem-marg24 { margin: 2.4rem; } .mas2 .rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .rem-mtop24 { margin-top: 2.4rem; } .mas2 .rem-mleft24 { margin-left: 2.4rem; } .mas2 .rem-mright24 { margin-right: 2.4rem; } .mas2 .rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .rem-padd25 { padding: 2.5rem; } .mas2 .rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .rem-ptop25 { padding-top: 2.5rem; } .mas2 .rem-pleft25 { padding-left: 2.5rem; } .mas2 .rem-pright25 { padding-right: 2.5rem; } .mas2 .rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .rem-marg25 { margin: 2.5rem; } .mas2 .rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .rem-mtop25 { margin-top: 2.5rem; } .mas2 .rem-mleft25 { margin-left: 2.5rem; } .mas2 .rem-mright25 { margin-right: 2.5rem; } .mas2 .rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .rem-padd26 { padding: 2.6rem; } .mas2 .rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .rem-ptop26 { padding-top: 2.6rem; } .mas2 .rem-pleft26 { padding-left: 2.6rem; } .mas2 .rem-pright26 { padding-right: 2.6rem; } .mas2 .rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .rem-marg26 { margin: 2.6rem; } .mas2 .rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .rem-mtop26 { margin-top: 2.6rem; } .mas2 .rem-mleft26 { margin-left: 2.6rem; } .mas2 .rem-mright26 { margin-right: 2.6rem; } .mas2 .rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .rem-padd27 { padding: 2.7rem; } .mas2 .rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .rem-ptop27 { padding-top: 2.7rem; } .mas2 .rem-pleft27 { padding-left: 2.7rem; } .mas2 .rem-pright27 { padding-right: 2.7rem; } .mas2 .rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .rem-marg27 { margin: 2.7rem; } .mas2 .rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .rem-mtop27 { margin-top: 2.7rem; } .mas2 .rem-mleft27 { margin-left: 2.7rem; } .mas2 .rem-mright27 { margin-right: 2.7rem; } .mas2 .rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .rem-padd28 { padding: 2.8rem; } .mas2 .rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .rem-ptop28 { padding-top: 2.8rem; } .mas2 .rem-pleft28 { padding-left: 2.8rem; } .mas2 .rem-pright28 { padding-right: 2.8rem; } .mas2 .rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .rem-marg28 { margin: 2.8rem; } .mas2 .rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .rem-mtop28 { margin-top: 2.8rem; } .mas2 .rem-mleft28 { margin-left: 2.8rem; } .mas2 .rem-mright28 { margin-right: 2.8rem; } .mas2 .rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .rem-padd29 { padding: 2.9rem; } .mas2 .rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .rem-ptop29 { padding-top: 2.9rem; } .mas2 .rem-pleft29 { padding-left: 2.9rem; } .mas2 .rem-pright29 { padding-right: 2.9rem; } .mas2 .rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .rem-marg29 { margin: 2.9rem; } .mas2 .rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .rem-mtop29 { margin-top: 2.9rem; } .mas2 .rem-mleft29 { margin-left: 2.9rem; } .mas2 .rem-mright29 { margin-right: 2.9rem; } .mas2 .rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .rem-padd30 { padding: 3rem; } .mas2 .rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .rem-ptop30 { padding-top: 3rem; } .mas2 .rem-pleft30 { padding-left: 3rem; } .mas2 .rem-pright30 { padding-right: 3rem; } .mas2 .rem-pbottom30 { padding-bottom: 3rem; } .mas2 .rem-marg30 { margin: 3rem; } .mas2 .rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .rem-mtop30 { margin-top: 3rem; } .mas2 .rem-mleft30 { margin-left: 3rem; } .mas2 .rem-mright30 { margin-right: 3rem; } .mas2 .rem-mbottom30 { margin-bottom: 3rem; } .mas2 .fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .lh10 { line-height: 1em; } .mas2 .lh11 { line-height: 1.1em; } .mas2 .lh12 { line-height: 1.2em; } .mas2 .lh13 { line-height: 1.3em; } .mas2 .lh14 { line-height: 1.4em; } .mas2 .lh15 { line-height: 1.5em; } .mas2 .lh16 { line-height: 1.6em; } .mas2 .lh17 { line-height: 1.7em; } .mas2 .lh18 { line-height: 1.8em; } .mas2 .lh19 { line-height: 1.9em; } .mas2 .lh20 { line-height: 2em; } .mas2 .italic { font-style: italic; } .mas2 .bold { font-weight: bold; } .mas2 .underline { text-decoration: underline; } .mas2 .fw100 { font-weight: 100; } .mas2 .fw200 { font-weight: 200; } .mas2 .fw300 { font-weight: 300; } .mas2 .fw400 { font-weight: 400; } .mas2 .fw500 { font-weight: 500; } .mas2 .fw600 { font-weight: 600; } .mas2 .fw700 { font-weight: 700; } .mas2 .fw800 { font-weight: 800; } .mas2 .fw900 { font-weight: 900; } .mas2 .tal { text-align: left; } .mas2 .tar { text-align: right; } .mas2 .tac { text-align: center; } .mas2 .vat { vertical-align: top; } .mas2 .vam { vertical-align: middle; } .mas2 .vab { vertical-align: bottom; } .mas2 .fl { float: left; } .mas2 .fr { float: right; } .mas2 .cb { clear: both; } .mas2 .dn { display: none; } .mas2 .z1 { z-index: 1; } .mas2 .z2 { z-index: 2; } .mas2 .z3 { z-index: 3; } .mas2 .z4 { z-index: 4; } .mas2 .z5 { z-index: 5; } .mas2 .z6 { z-index: 6; } .mas2 .z7 { z-index: 7; } .mas2 .z8 { z-index: 8; } .mas2 .op0 { opacity: 0; } .mas2 .transp0 { opacity: 1; } .mas2 .op10 { opacity: 0.1; } .mas2 .transp10 { opacity: 0.9; } .mas2 .op20 { opacity: 0.2; } .mas2 .transp20 { opacity: 0.8; } .mas2 .op30 { opacity: 0.3; } .mas2 .transp30 { opacity: 0.7; } .mas2 .op40 { opacity: 0.4; } .mas2 .transp40 { opacity: 0.6; } .mas2 .op50 { opacity: 0.5; } .mas2 .transp50 { opacity: 0.5; } .mas2 .op60 { opacity: 0.6; } .mas2 .transp60 { opacity: 0.4; } .mas2 .op70 { opacity: 0.7; } .mas2 .transp70 { opacity: 0.3; } .mas2 .op80 { opacity: 0.8; } .mas2 .transp80 { opacity: 0.2; } .mas2 .op90 { opacity: 0.9; } .mas2 .transp90 { opacity: 0.1; } .mas2 .op100 { opacity: 1; } .mas2 .transp100 { opacity: 0; } .mas2 .db-hover, .mas2 .db-hov { display: none; } .mas2 .op-hover, .mas2 .op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .hover:hover .db-hover, .mas2 .hov:hover .db-hov { display: block; } .mas2 .hover:hover .op-hover, .mas2 .hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .w100 { width: 100%; } .mas2 .h100 { height: 100%; } .mas2 .mw100 { max-width: 100%; } .mas2 .mh100 { max-height: 100%; } .mas2 .tdn { text-decoration: none; } .mas2 .tdni { text-decoration: none !important; } .mas2 .ttn { text-transform: none; } .mas2 .ttl { text-transform: lowercase; } .mas2 .ttu { text-transform: uppercase; } .mas2 .ttc { text-transform: capitalize; } .mas2 .center { margin-left: auto; margin-right: auto; } .mas2 .db { display: block; } .mas2 .dib { display: inline-block; } .mas2 .pr { position: relative; } .mas2 .pa { position: absolute; } .mas2 .pf { position: fixed; } .mas2 .pri { position: relative !important; } .mas2 .pai { position: absolute !important; } .mas2 .pfi { position: fixed !important; } .mas2 .ps { position: static !important; } .mas2 .pa-tr { top: 0; right: 0; } .mas2 .pa-tl { top: 0; left: 0; } .mas2 .pa-br { bottom: 0; right: 0; } .mas2 .pa-bl { bottom: 0; left: 0; } .mas2 .ofh { overflow: hidden; } .mas2 .ofa { overflow: auto; } .mas2 .wsnw { white-space: nowrap; } .mas2 .wsn { white-space: normal; } .mas2 .ls3 { letter-spacing: 3px; } .mas2 .ls4 { letter-spacing: 4px; } .mas2 .ls5 { letter-spacing: 5px; } .mas2 .ls6 { letter-spacing: 6px; } .mas2 .ls7 { letter-spacing: 7px; } .mas2 .ls8 { letter-spacing: 8px; } .mas2 .ls9 { letter-spacing: 9px; } .mas2 .trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .solid1 { border-width: 1px; border-style: solid; } .mas2 .dashed1 { border-width: 1px; border-style: dashed; } .mas2 .dotted1 { border-width: 1px; border-style: dotted; } .mas2 .solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .solid2 { border-width: 2px; border-style: solid; } .mas2 .dashed2 { border-width: 2px; border-style: dashed; } .mas2 .dotted2 { border-width: 2px; border-style: dotted; } .mas2 .solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .solid3 { border-width: 3px; border-style: solid; } .mas2 .dashed3 { border-width: 3px; border-style: dashed; } .mas2 .dotted3 { border-width: 3px; border-style: dotted; } .mas2 .solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .solid4 { border-width: 4px; border-style: solid; } .mas2 .dashed4 { border-width: 4px; border-style: dashed; } .mas2 .dotted4 { border-width: 4px; border-style: dotted; } .mas2 .solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .solid5 { border-width: 5px; border-style: solid; } .mas2 .dashed5 { border-width: 5px; border-style: dashed; } .mas2 .dotted5 { border-width: 5px; border-style: dotted; } .mas2 .solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .rad3 { border-radius: 3px; } .mas2 .rad3-tl { border-top-left-radius: 3px; } .mas2 .rad3-tr { border-top-right-radius: 3px; } .mas2 .rad3-bl { border-bottom-left-radius: 3px; } .mas2 .rad3-br { border-bottom-right-radius: 3px; } .mas2 .rad4 { border-radius: 4px; } .mas2 .rad4-tl { border-top-left-radius: 4px; } .mas2 .rad4-tr { border-top-right-radius: 4px; } .mas2 .rad4-bl { border-bottom-left-radius: 4px; } .mas2 .rad4-br { border-bottom-right-radius: 4px; } .mas2 .rad5 { border-radius: 5px; } .mas2 .rad5-tl { border-top-left-radius: 5px; } .mas2 .rad5-tr { border-top-right-radius: 5px; } .mas2 .rad5-bl { border-bottom-left-radius: 5px; } .mas2 .rad5-br { border-bottom-right-radius: 5px; } .mas2 .rad6 { border-radius: 6px; } .mas2 .rad6-tl { border-top-left-radius: 6px; } .mas2 .rad6-tr { border-top-right-radius: 6px; } .mas2 .rad6-bl { border-bottom-left-radius: 6px; } .mas2 .rad6-br { border-bottom-right-radius: 6px; } .mas2 .rad7 { border-radius: 7px; } .mas2 .rad7-tl { border-top-left-radius: 7px; } .mas2 .rad7-tr { border-top-right-radius: 7px; } .mas2 .rad7-bl { border-bottom-left-radius: 7px; } .mas2 .rad7-br { border-bottom-right-radius: 7px; } .mas2 .rad8 { border-radius: 8px; } .mas2 .rad8-tl { border-top-left-radius: 8px; } .mas2 .rad8-tr { border-top-right-radius: 8px; } .mas2 .rad8-bl { border-bottom-left-radius: 8px; } .mas2 .rad8-br { border-bottom-right-radius: 8px; } .mas2 .rad9 { border-radius: 9px; } .mas2 .rad9-tl { border-top-left-radius: 9px; } .mas2 .rad9-tr { border-top-right-radius: 9px; } .mas2 .rad9-bl { border-bottom-left-radius: 9px; } .mas2 .rad9-br { border-bottom-right-radius: 9px; } .mas2 .rad10 { border-radius: 10px; } .mas2 .rad10-tl { border-top-left-radius: 10px; } .mas2 .rad10-tr { border-top-right-radius: 10px; } .mas2 .rad10-bl { border-bottom-left-radius: 10px; } .mas2 .rad10-br { border-bottom-right-radius: 10px; } .mas2 .rad11 { border-radius: 11px; } .mas2 .rad11-tl { border-top-left-radius: 11px; } .mas2 .rad11-tr { border-top-right-radius: 11px; } .mas2 .rad11-bl { border-bottom-left-radius: 11px; } .mas2 .rad11-br { border-bottom-right-radius: 11px; } .mas2 .rad12 { border-radius: 12px; } .mas2 .rad12-tl { border-top-left-radius: 12px; } .mas2 .rad12-tr { border-top-right-radius: 12px; } .mas2 .rad12-bl { border-bottom-left-radius: 12px; } .mas2 .rad12-br { border-bottom-right-radius: 12px; } .mas2 .rad200 { border-radius: 200px; } .mas2 .s-padd0 { padding: 0px; } .mas2 .s-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .s-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .s-ptop0 { padding-top: 0px; } .mas2 .s-pleft0 { padding-left: 0px; } .mas2 .s-pright0 { padding-right: 0px; } .mas2 .s-pbottom0 { padding-bottom: 0px; } .mas2 .s-marg0 { margin: 0px; } .mas2 .s-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .s-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .s-mtop0 { margin-top: 0px; } .mas2 .s-mleft0 { margin-left: 0px; } .mas2 .s-mright0 { margin-right: 0px; } .mas2 .s-mbottom0 { margin-bottom: 0px; } .mas2 .s-padd2 { padding: 2px; } .mas2 .s-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .s-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .s-ptop2 { padding-top: 2px; } .mas2 .s-pleft2 { padding-left: 2px; } .mas2 .s-pright2 { padding-right: 2px; } .mas2 .s-pbottom2 { padding-bottom: 2px; } .mas2 .s-marg2 { margin: 2px; } .mas2 .s-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .s-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .s-mtop2 { margin-top: 2px; } .mas2 .s-mleft2 { margin-left: 2px; } .mas2 .s-mright2 { margin-right: 2px; } .mas2 .s-mbottom2 { margin-bottom: 2px; } .mas2 .s-padd3 { padding: 3px; } .mas2 .s-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .s-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .s-ptop3 { padding-top: 3px; } .mas2 .s-pleft3 { padding-left: 3px; } .mas2 .s-pright3 { padding-right: 3px; } .mas2 .s-pbottom3 { padding-bottom: 3px; } .mas2 .s-marg3 { margin: 3px; } .mas2 .s-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .s-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .s-mtop3 { margin-top: 3px; } .mas2 .s-mleft3 { margin-left: 3px; } .mas2 .s-mright3 { margin-right: 3px; } .mas2 .s-mbottom3 { margin-bottom: 3px; } .mas2 .s-padd4 { padding: 4px; } .mas2 .s-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .s-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .s-ptop4 { padding-top: 4px; } .mas2 .s-pleft4 { padding-left: 4px; } .mas2 .s-pright4 { padding-right: 4px; } .mas2 .s-pbottom4 { padding-bottom: 4px; } .mas2 .s-marg4 { margin: 4px; } .mas2 .s-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .s-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .s-mtop4 { margin-top: 4px; } .mas2 .s-mleft4 { margin-left: 4px; } .mas2 .s-mright4 { margin-right: 4px; } .mas2 .s-mbottom4 { margin-bottom: 4px; } .mas2 .s-padd5 { padding: 5px; } .mas2 .s-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .s-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .s-ptop5 { padding-top: 5px; } .mas2 .s-pleft5 { padding-left: 5px; } .mas2 .s-pright5 { padding-right: 5px; } .mas2 .s-pbottom5 { padding-bottom: 5px; } .mas2 .s-marg5 { margin: 5px; } .mas2 .s-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .s-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .s-mtop5 { margin-top: 5px; } .mas2 .s-mleft5 { margin-left: 5px; } .mas2 .s-mright5 { margin-right: 5px; } .mas2 .s-mbottom5 { margin-bottom: 5px; } .mas2 .s-padd10 { padding: 10px; } .mas2 .s-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .s-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .s-ptop10 { padding-top: 10px; } .mas2 .s-pleft10 { padding-left: 10px; } .mas2 .s-pright10 { padding-right: 10px; } .mas2 .s-pbottom10 { padding-bottom: 10px; } .mas2 .s-marg10 { margin: 10px; } .mas2 .s-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .s-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .s-mtop10 { margin-top: 10px; } .mas2 .s-mleft10 { margin-left: 10px; } .mas2 .s-mright10 { margin-right: 10px; } .mas2 .s-mbottom10 { margin-bottom: 10px; } .mas2 .s-padd15 { padding: 15px; } .mas2 .s-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .s-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .s-ptop15 { padding-top: 15px; } .mas2 .s-pleft15 { padding-left: 15px; } .mas2 .s-pright15 { padding-right: 15px; } .mas2 .s-pbottom15 { padding-bottom: 15px; } .mas2 .s-marg15 { margin: 15px; } .mas2 .s-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .s-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .s-mtop15 { margin-top: 15px; } .mas2 .s-mleft15 { margin-left: 15px; } .mas2 .s-mright15 { margin-right: 15px; } .mas2 .s-mbottom15 { margin-bottom: 15px; } .mas2 .s-padd20 { padding: 20px; } .mas2 .s-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .s-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .s-ptop20 { padding-top: 20px; } .mas2 .s-pleft20 { padding-left: 20px; } .mas2 .s-pright20 { padding-right: 20px; } .mas2 .s-pbottom20 { padding-bottom: 20px; } .mas2 .s-marg20 { margin: 20px; } .mas2 .s-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .s-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .s-mtop20 { margin-top: 20px; } .mas2 .s-mleft20 { margin-left: 20px; } .mas2 .s-mright20 { margin-right: 20px; } .mas2 .s-mbottom20 { margin-bottom: 20px; } .mas2 .s-padd25 { padding: 25px; } .mas2 .s-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .s-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .s-ptop25 { padding-top: 25px; } .mas2 .s-pleft25 { padding-left: 25px; } .mas2 .s-pright25 { padding-right: 25px; } .mas2 .s-pbottom25 { padding-bottom: 25px; } .mas2 .s-marg25 { margin: 25px; } .mas2 .s-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .s-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .s-mtop25 { margin-top: 25px; } .mas2 .s-mleft25 { margin-left: 25px; } .mas2 .s-mright25 { margin-right: 25px; } .mas2 .s-mbottom25 { margin-bottom: 25px; } .mas2 .s-padd30 { padding: 30px; } .mas2 .s-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .s-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .s-ptop30 { padding-top: 30px; } .mas2 .s-pleft30 { padding-left: 30px; } .mas2 .s-pright30 { padding-right: 30px; } .mas2 .s-pbottom30 { padding-bottom: 30px; } .mas2 .s-marg30 { margin: 30px; } .mas2 .s-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .s-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .s-mtop30 { margin-top: 30px; } .mas2 .s-mleft30 { margin-left: 30px; } .mas2 .s-mright30 { margin-right: 30px; } .mas2 .s-mbottom30 { margin-bottom: 30px; } .mas2 .s-padd40 { padding: 40px; } .mas2 .s-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .s-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .s-ptop40 { padding-top: 40px; } .mas2 .s-pleft40 { padding-left: 40px; } .mas2 .s-pright40 { padding-right: 40px; } .mas2 .s-pbottom40 { padding-bottom: 40px; } .mas2 .s-marg40 { margin: 40px; } .mas2 .s-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .s-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .s-mtop40 { margin-top: 40px; } .mas2 .s-mleft40 { margin-left: 40px; } .mas2 .s-mright40 { margin-right: 40px; } .mas2 .s-mbottom40 { margin-bottom: 40px; } .mas2 .s-rem-padd10 { padding: 1rem; } .mas2 .s-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .s-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .s-rem-ptop10 { padding-top: 1rem; } .mas2 .s-rem-pleft10 { padding-left: 1rem; } .mas2 .s-rem-pright10 { padding-right: 1rem; } .mas2 .s-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .s-rem-marg10 { margin: 1rem; } .mas2 .s-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .s-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .s-rem-mtop10 { margin-top: 1rem; } .mas2 .s-rem-mleft10 { margin-left: 1rem; } .mas2 .s-rem-mright10 { margin-right: 1rem; } .mas2 .s-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .s-rem-padd11 { padding: 1.1rem; } .mas2 .s-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .s-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .s-rem-ptop11 { padding-top: 1.1rem; } .mas2 .s-rem-pleft11 { padding-left: 1.1rem; } .mas2 .s-rem-pright11 { padding-right: 1.1rem; } .mas2 .s-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .s-rem-marg11 { margin: 1.1rem; } .mas2 .s-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .s-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .s-rem-mtop11 { margin-top: 1.1rem; } .mas2 .s-rem-mleft11 { margin-left: 1.1rem; } .mas2 .s-rem-mright11 { margin-right: 1.1rem; } .mas2 .s-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .s-rem-padd12 { padding: 1.2rem; } .mas2 .s-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .s-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .s-rem-ptop12 { padding-top: 1.2rem; } .mas2 .s-rem-pleft12 { padding-left: 1.2rem; } .mas2 .s-rem-pright12 { padding-right: 1.2rem; } .mas2 .s-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .s-rem-marg12 { margin: 1.2rem; } .mas2 .s-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .s-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .s-rem-mtop12 { margin-top: 1.2rem; } .mas2 .s-rem-mleft12 { margin-left: 1.2rem; } .mas2 .s-rem-mright12 { margin-right: 1.2rem; } .mas2 .s-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .s-rem-padd13 { padding: 1.3rem; } .mas2 .s-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .s-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .s-rem-ptop13 { padding-top: 1.3rem; } .mas2 .s-rem-pleft13 { padding-left: 1.3rem; } .mas2 .s-rem-pright13 { padding-right: 1.3rem; } .mas2 .s-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .s-rem-marg13 { margin: 1.3rem; } .mas2 .s-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .s-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .s-rem-mtop13 { margin-top: 1.3rem; } .mas2 .s-rem-mleft13 { margin-left: 1.3rem; } .mas2 .s-rem-mright13 { margin-right: 1.3rem; } .mas2 .s-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .s-rem-padd14 { padding: 1.4rem; } .mas2 .s-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .s-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .s-rem-ptop14 { padding-top: 1.4rem; } .mas2 .s-rem-pleft14 { padding-left: 1.4rem; } .mas2 .s-rem-pright14 { padding-right: 1.4rem; } .mas2 .s-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .s-rem-marg14 { margin: 1.4rem; } .mas2 .s-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .s-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .s-rem-mtop14 { margin-top: 1.4rem; } .mas2 .s-rem-mleft14 { margin-left: 1.4rem; } .mas2 .s-rem-mright14 { margin-right: 1.4rem; } .mas2 .s-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .s-rem-padd15 { padding: 1.5rem; } .mas2 .s-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .s-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .s-rem-ptop15 { padding-top: 1.5rem; } .mas2 .s-rem-pleft15 { padding-left: 1.5rem; } .mas2 .s-rem-pright15 { padding-right: 1.5rem; } .mas2 .s-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .s-rem-marg15 { margin: 1.5rem; } .mas2 .s-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .s-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .s-rem-mtop15 { margin-top: 1.5rem; } .mas2 .s-rem-mleft15 { margin-left: 1.5rem; } .mas2 .s-rem-mright15 { margin-right: 1.5rem; } .mas2 .s-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .s-rem-padd16 { padding: 1.6rem; } .mas2 .s-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .s-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .s-rem-ptop16 { padding-top: 1.6rem; } .mas2 .s-rem-pleft16 { padding-left: 1.6rem; } .mas2 .s-rem-pright16 { padding-right: 1.6rem; } .mas2 .s-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .s-rem-marg16 { margin: 1.6rem; } .mas2 .s-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .s-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .s-rem-mtop16 { margin-top: 1.6rem; } .mas2 .s-rem-mleft16 { margin-left: 1.6rem; } .mas2 .s-rem-mright16 { margin-right: 1.6rem; } .mas2 .s-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .s-rem-padd17 { padding: 1.7rem; } .mas2 .s-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .s-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .s-rem-ptop17 { padding-top: 1.7rem; } .mas2 .s-rem-pleft17 { padding-left: 1.7rem; } .mas2 .s-rem-pright17 { padding-right: 1.7rem; } .mas2 .s-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .s-rem-marg17 { margin: 1.7rem; } .mas2 .s-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .s-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .s-rem-mtop17 { margin-top: 1.7rem; } .mas2 .s-rem-mleft17 { margin-left: 1.7rem; } .mas2 .s-rem-mright17 { margin-right: 1.7rem; } .mas2 .s-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .s-rem-padd18 { padding: 1.8rem; } .mas2 .s-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .s-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .s-rem-ptop18 { padding-top: 1.8rem; } .mas2 .s-rem-pleft18 { padding-left: 1.8rem; } .mas2 .s-rem-pright18 { padding-right: 1.8rem; } .mas2 .s-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .s-rem-marg18 { margin: 1.8rem; } .mas2 .s-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .s-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .s-rem-mtop18 { margin-top: 1.8rem; } .mas2 .s-rem-mleft18 { margin-left: 1.8rem; } .mas2 .s-rem-mright18 { margin-right: 1.8rem; } .mas2 .s-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .s-rem-padd19 { padding: 1.9rem; } .mas2 .s-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .s-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .s-rem-ptop19 { padding-top: 1.9rem; } .mas2 .s-rem-pleft19 { padding-left: 1.9rem; } .mas2 .s-rem-pright19 { padding-right: 1.9rem; } .mas2 .s-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .s-rem-marg19 { margin: 1.9rem; } .mas2 .s-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .s-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .s-rem-mtop19 { margin-top: 1.9rem; } .mas2 .s-rem-mleft19 { margin-left: 1.9rem; } .mas2 .s-rem-mright19 { margin-right: 1.9rem; } .mas2 .s-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .s-rem-padd20 { padding: 2rem; } .mas2 .s-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .s-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .s-rem-ptop20 { padding-top: 2rem; } .mas2 .s-rem-pleft20 { padding-left: 2rem; } .mas2 .s-rem-pright20 { padding-right: 2rem; } .mas2 .s-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .s-rem-marg20 { margin: 2rem; } .mas2 .s-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .s-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .s-rem-mtop20 { margin-top: 2rem; } .mas2 .s-rem-mleft20 { margin-left: 2rem; } .mas2 .s-rem-mright20 { margin-right: 2rem; } .mas2 .s-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .s-rem-padd21 { padding: 2.1rem; } .mas2 .s-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .s-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .s-rem-ptop21 { padding-top: 2.1rem; } .mas2 .s-rem-pleft21 { padding-left: 2.1rem; } .mas2 .s-rem-pright21 { padding-right: 2.1rem; } .mas2 .s-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .s-rem-marg21 { margin: 2.1rem; } .mas2 .s-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .s-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .s-rem-mtop21 { margin-top: 2.1rem; } .mas2 .s-rem-mleft21 { margin-left: 2.1rem; } .mas2 .s-rem-mright21 { margin-right: 2.1rem; } .mas2 .s-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .s-rem-padd22 { padding: 2.2rem; } .mas2 .s-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .s-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .s-rem-ptop22 { padding-top: 2.2rem; } .mas2 .s-rem-pleft22 { padding-left: 2.2rem; } .mas2 .s-rem-pright22 { padding-right: 2.2rem; } .mas2 .s-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .s-rem-marg22 { margin: 2.2rem; } .mas2 .s-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .s-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .s-rem-mtop22 { margin-top: 2.2rem; } .mas2 .s-rem-mleft22 { margin-left: 2.2rem; } .mas2 .s-rem-mright22 { margin-right: 2.2rem; } .mas2 .s-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .s-rem-padd23 { padding: 2.3rem; } .mas2 .s-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .s-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .s-rem-ptop23 { padding-top: 2.3rem; } .mas2 .s-rem-pleft23 { padding-left: 2.3rem; } .mas2 .s-rem-pright23 { padding-right: 2.3rem; } .mas2 .s-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .s-rem-marg23 { margin: 2.3rem; } .mas2 .s-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .s-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .s-rem-mtop23 { margin-top: 2.3rem; } .mas2 .s-rem-mleft23 { margin-left: 2.3rem; } .mas2 .s-rem-mright23 { margin-right: 2.3rem; } .mas2 .s-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .s-rem-padd24 { padding: 2.4rem; } .mas2 .s-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .s-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .s-rem-ptop24 { padding-top: 2.4rem; } .mas2 .s-rem-pleft24 { padding-left: 2.4rem; } .mas2 .s-rem-pright24 { padding-right: 2.4rem; } .mas2 .s-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .s-rem-marg24 { margin: 2.4rem; } .mas2 .s-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .s-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .s-rem-mtop24 { margin-top: 2.4rem; } .mas2 .s-rem-mleft24 { margin-left: 2.4rem; } .mas2 .s-rem-mright24 { margin-right: 2.4rem; } .mas2 .s-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .s-rem-padd25 { padding: 2.5rem; } .mas2 .s-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .s-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .s-rem-ptop25 { padding-top: 2.5rem; } .mas2 .s-rem-pleft25 { padding-left: 2.5rem; } .mas2 .s-rem-pright25 { padding-right: 2.5rem; } .mas2 .s-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .s-rem-marg25 { margin: 2.5rem; } .mas2 .s-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .s-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .s-rem-mtop25 { margin-top: 2.5rem; } .mas2 .s-rem-mleft25 { margin-left: 2.5rem; } .mas2 .s-rem-mright25 { margin-right: 2.5rem; } .mas2 .s-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .s-rem-padd26 { padding: 2.6rem; } .mas2 .s-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .s-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .s-rem-ptop26 { padding-top: 2.6rem; } .mas2 .s-rem-pleft26 { padding-left: 2.6rem; } .mas2 .s-rem-pright26 { padding-right: 2.6rem; } .mas2 .s-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .s-rem-marg26 { margin: 2.6rem; } .mas2 .s-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .s-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .s-rem-mtop26 { margin-top: 2.6rem; } .mas2 .s-rem-mleft26 { margin-left: 2.6rem; } .mas2 .s-rem-mright26 { margin-right: 2.6rem; } .mas2 .s-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .s-rem-padd27 { padding: 2.7rem; } .mas2 .s-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .s-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .s-rem-ptop27 { padding-top: 2.7rem; } .mas2 .s-rem-pleft27 { padding-left: 2.7rem; } .mas2 .s-rem-pright27 { padding-right: 2.7rem; } .mas2 .s-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .s-rem-marg27 { margin: 2.7rem; } .mas2 .s-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .s-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .s-rem-mtop27 { margin-top: 2.7rem; } .mas2 .s-rem-mleft27 { margin-left: 2.7rem; } .mas2 .s-rem-mright27 { margin-right: 2.7rem; } .mas2 .s-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .s-rem-padd28 { padding: 2.8rem; } .mas2 .s-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .s-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .s-rem-ptop28 { padding-top: 2.8rem; } .mas2 .s-rem-pleft28 { padding-left: 2.8rem; } .mas2 .s-rem-pright28 { padding-right: 2.8rem; } .mas2 .s-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .s-rem-marg28 { margin: 2.8rem; } .mas2 .s-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .s-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .s-rem-mtop28 { margin-top: 2.8rem; } .mas2 .s-rem-mleft28 { margin-left: 2.8rem; } .mas2 .s-rem-mright28 { margin-right: 2.8rem; } .mas2 .s-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .s-rem-padd29 { padding: 2.9rem; } .mas2 .s-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .s-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .s-rem-ptop29 { padding-top: 2.9rem; } .mas2 .s-rem-pleft29 { padding-left: 2.9rem; } .mas2 .s-rem-pright29 { padding-right: 2.9rem; } .mas2 .s-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .s-rem-marg29 { margin: 2.9rem; } .mas2 .s-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .s-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .s-rem-mtop29 { margin-top: 2.9rem; } .mas2 .s-rem-mleft29 { margin-left: 2.9rem; } .mas2 .s-rem-mright29 { margin-right: 2.9rem; } .mas2 .s-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .s-rem-padd30 { padding: 3rem; } .mas2 .s-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .s-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .s-rem-ptop30 { padding-top: 3rem; } .mas2 .s-rem-pleft30 { padding-left: 3rem; } .mas2 .s-rem-pright30 { padding-right: 3rem; } .mas2 .s-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .s-rem-marg30 { margin: 3rem; } .mas2 .s-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .s-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .s-rem-mtop30 { margin-top: 3rem; } .mas2 .s-rem-mleft30 { margin-left: 3rem; } .mas2 .s-rem-mright30 { margin-right: 3rem; } .mas2 .s-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .s-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .s-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .s-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .s-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .s-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .s-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .s-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .s-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .s-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .s-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .s-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .s-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .s-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .s-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .s-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .s-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .s-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .s-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .s-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .s-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .s-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .s-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .s-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .s-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .s-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .s-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .s-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .s-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .s-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .s-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .s-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .s-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .s-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .s-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .s-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .s-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .s-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .s-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .s-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .s-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .s-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .s-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .s-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .s-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .s-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .s-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .s-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .s-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .s-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .s-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .s-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .s-lh10 { line-height: 1em; } .mas2 .s-lh11 { line-height: 1.1em; } .mas2 .s-lh12 { line-height: 1.2em; } .mas2 .s-lh13 { line-height: 1.3em; } .mas2 .s-lh14 { line-height: 1.4em; } .mas2 .s-lh15 { line-height: 1.5em; } .mas2 .s-lh16 { line-height: 1.6em; } .mas2 .s-lh17 { line-height: 1.7em; } .mas2 .s-lh18 { line-height: 1.8em; } .mas2 .s-lh19 { line-height: 1.9em; } .mas2 .s-lh20 { line-height: 2em; } .mas2 .s-italic { font-style: italic; } .mas2 .s-bold { font-weight: bold; } .mas2 .s-underline { text-decoration: underline; } .mas2 .s-fw100 { font-weight: 100; } .mas2 .s-fw200 { font-weight: 200; } .mas2 .s-fw300 { font-weight: 300; } .mas2 .s-fw400 { font-weight: 400; } .mas2 .s-fw500 { font-weight: 500; } .mas2 .s-fw600 { font-weight: 600; } .mas2 .s-fw700 { font-weight: 700; } .mas2 .s-fw800 { font-weight: 800; } .mas2 .s-fw900 { font-weight: 900; } .mas2 .s-tal { text-align: left; } .mas2 .s-tar { text-align: right; } .mas2 .s-tac { text-align: center; } .mas2 .s-vat { vertical-align: top; } .mas2 .s-vam { vertical-align: middle; } .mas2 .s-vab { vertical-align: bottom; } .mas2 .s-fl { float: left; } .mas2 .s-fr { float: right; } .mas2 .s-cb { clear: both; } .mas2 .s-dn { display: none; } .mas2 .s-z1 { z-index: 1; } .mas2 .s-z2 { z-index: 2; } .mas2 .s-z3 { z-index: 3; } .mas2 .s-z4 { z-index: 4; } .mas2 .s-z5 { z-index: 5; } .mas2 .s-z6 { z-index: 6; } .mas2 .s-z7 { z-index: 7; } .mas2 .s-z8 { z-index: 8; } .mas2 .s-op0 { opacity: 0; } .mas2 .s-transp0 { opacity: 1; } .mas2 .s-op10 { opacity: 0.1; } .mas2 .s-transp10 { opacity: 0.9; } .mas2 .s-op20 { opacity: 0.2; } .mas2 .s-transp20 { opacity: 0.8; } .mas2 .s-op30 { opacity: 0.3; } .mas2 .s-transp30 { opacity: 0.7; } .mas2 .s-op40 { opacity: 0.4; } .mas2 .s-transp40 { opacity: 0.6; } .mas2 .s-op50 { opacity: 0.5; } .mas2 .s-transp50 { opacity: 0.5; } .mas2 .s-op60 { opacity: 0.6; } .mas2 .s-transp60 { opacity: 0.4; } .mas2 .s-op70 { opacity: 0.7; } .mas2 .s-transp70 { opacity: 0.3; } .mas2 .s-op80 { opacity: 0.8; } .mas2 .s-transp80 { opacity: 0.2; } .mas2 .s-op90 { opacity: 0.9; } .mas2 .s-transp90 { opacity: 0.1; } .mas2 .s-op100 { opacity: 1; } .mas2 .s-transp100 { opacity: 0; } .mas2 .s-db-hover, .mas2 .s-db-hov { display: none; } .mas2 .s-op-hover, .mas2 .s-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .s-hover:hover .db-hover, .mas2 .s-hov:hover .db-hov { display: block; } .mas2 .s-hover:hover .op-hover, .mas2 .s-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .s-w100 { width: 100%; } .mas2 .s-h100 { height: 100%; } .mas2 .s-mw100 { max-width: 100%; } .mas2 .s-mh100 { max-height: 100%; } .mas2 .s-tdn { text-decoration: none; } .mas2 .s-tdni { text-decoration: none !important; } .mas2 .s-ttn { text-transform: none; } .mas2 .s-ttl { text-transform: lowercase; } .mas2 .s-ttu { text-transform: uppercase; } .mas2 .s-ttc { text-transform: capitalize; } .mas2 .s-center { margin-left: auto; margin-right: auto; } .mas2 .s-db { display: block; } .mas2 .s-dib { display: inline-block; } .mas2 .s-pr { position: relative; } .mas2 .s-pa { position: absolute; } .mas2 .s-pf { position: fixed; } .mas2 .s-pri { position: relative !important; } .mas2 .s-pai { position: absolute !important; } .mas2 .s-pfi { position: fixed !important; } .mas2 .s-ps { position: static !important; } .mas2 .s-pa-tr { top: 0; right: 0; } .mas2 .s-pa-tl { top: 0; left: 0; } .mas2 .s-pa-br { bottom: 0; right: 0; } .mas2 .s-pa-bl { bottom: 0; left: 0; } .mas2 .s-ofh { overflow: hidden; } .mas2 .s-ofa { overflow: auto; } .mas2 .s-wsnw { white-space: nowrap; } .mas2 .s-wsn { white-space: normal; } .mas2 .s-ls3 { letter-spacing: 3px; } .mas2 .s-ls4 { letter-spacing: 4px; } .mas2 .s-ls5 { letter-spacing: 5px; } .mas2 .s-ls6 { letter-spacing: 6px; } .mas2 .s-ls7 { letter-spacing: 7px; } .mas2 .s-ls8 { letter-spacing: 8px; } .mas2 .s-ls9 { letter-spacing: 9px; } .mas2 .s-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .s-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .s-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .s-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .s-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .s-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .s-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .s-solid1 { border-width: 1px; border-style: solid; } .mas2 .s-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .s-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .s-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .s-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .s-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .s-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .s-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .s-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .s-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .s-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .s-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .s-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .s-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .s-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .s-solid2 { border-width: 2px; border-style: solid; } .mas2 .s-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .s-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .s-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .s-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .s-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .s-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .s-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .s-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .s-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .s-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .s-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .s-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .s-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .s-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .s-solid3 { border-width: 3px; border-style: solid; } .mas2 .s-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .s-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .s-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .s-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .s-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .s-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .s-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .s-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .s-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .s-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .s-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .s-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .s-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .s-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .s-solid4 { border-width: 4px; border-style: solid; } .mas2 .s-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .s-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .s-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .s-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .s-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .s-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .s-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .s-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .s-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .s-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .s-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .s-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .s-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .s-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .s-solid5 { border-width: 5px; border-style: solid; } .mas2 .s-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .s-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .s-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .s-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .s-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .s-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .s-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .s-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .s-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .s-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .s-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .s-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .s-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .s-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .s-rad3 { border-radius: 3px; } .mas2 .s-rad3-tl { border-top-left-radius: 3px; } .mas2 .s-rad3-tr { border-top-right-radius: 3px; } .mas2 .s-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .s-rad3-br { border-bottom-right-radius: 3px; } .mas2 .s-rad4 { border-radius: 4px; } .mas2 .s-rad4-tl { border-top-left-radius: 4px; } .mas2 .s-rad4-tr { border-top-right-radius: 4px; } .mas2 .s-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .s-rad4-br { border-bottom-right-radius: 4px; } .mas2 .s-rad5 { border-radius: 5px; } .mas2 .s-rad5-tl { border-top-left-radius: 5px; } .mas2 .s-rad5-tr { border-top-right-radius: 5px; } .mas2 .s-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .s-rad5-br { border-bottom-right-radius: 5px; } .mas2 .s-rad6 { border-radius: 6px; } .mas2 .s-rad6-tl { border-top-left-radius: 6px; } .mas2 .s-rad6-tr { border-top-right-radius: 6px; } .mas2 .s-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .s-rad6-br { border-bottom-right-radius: 6px; } .mas2 .s-rad7 { border-radius: 7px; } .mas2 .s-rad7-tl { border-top-left-radius: 7px; } .mas2 .s-rad7-tr { border-top-right-radius: 7px; } .mas2 .s-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .s-rad7-br { border-bottom-right-radius: 7px; } .mas2 .s-rad8 { border-radius: 8px; } .mas2 .s-rad8-tl { border-top-left-radius: 8px; } .mas2 .s-rad8-tr { border-top-right-radius: 8px; } .mas2 .s-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .s-rad8-br { border-bottom-right-radius: 8px; } .mas2 .s-rad9 { border-radius: 9px; } .mas2 .s-rad9-tl { border-top-left-radius: 9px; } .mas2 .s-rad9-tr { border-top-right-radius: 9px; } .mas2 .s-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .s-rad9-br { border-bottom-right-radius: 9px; } .mas2 .s-rad10 { border-radius: 10px; } .mas2 .s-rad10-tl { border-top-left-radius: 10px; } .mas2 .s-rad10-tr { border-top-right-radius: 10px; } .mas2 .s-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .s-rad10-br { border-bottom-right-radius: 10px; } .mas2 .s-rad11 { border-radius: 11px; } .mas2 .s-rad11-tl { border-top-left-radius: 11px; } .mas2 .s-rad11-tr { border-top-right-radius: 11px; } .mas2 .s-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .s-rad11-br { border-bottom-right-radius: 11px; } .mas2 .s-rad12 { border-radius: 12px; } .mas2 .s-rad12-tl { border-top-left-radius: 12px; } .mas2 .s-rad12-tr { border-top-right-radius: 12px; } .mas2 .s-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .s-rad12-br { border-bottom-right-radius: 12px; } .mas2 .s-rad200 { border-radius: 200px; } @media only screen and (max-width: 767px) { .mas2 { /** magic **/ } .mas2 .only-s-padd0 { padding: 0px; } .mas2 .only-s-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .only-s-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .only-s-ptop0 { padding-top: 0px; } .mas2 .only-s-pleft0 { padding-left: 0px; } .mas2 .only-s-pright0 { padding-right: 0px; } .mas2 .only-s-pbottom0 { padding-bottom: 0px; } .mas2 .only-s-marg0 { margin: 0px; } .mas2 .only-s-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .only-s-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .only-s-mtop0 { margin-top: 0px; } .mas2 .only-s-mleft0 { margin-left: 0px; } .mas2 .only-s-mright0 { margin-right: 0px; } .mas2 .only-s-mbottom0 { margin-bottom: 0px; } .mas2 .only-s-padd2 { padding: 2px; } .mas2 .only-s-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .only-s-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .only-s-ptop2 { padding-top: 2px; } .mas2 .only-s-pleft2 { padding-left: 2px; } .mas2 .only-s-pright2 { padding-right: 2px; } .mas2 .only-s-pbottom2 { padding-bottom: 2px; } .mas2 .only-s-marg2 { margin: 2px; } .mas2 .only-s-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .only-s-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .only-s-mtop2 { margin-top: 2px; } .mas2 .only-s-mleft2 { margin-left: 2px; } .mas2 .only-s-mright2 { margin-right: 2px; } .mas2 .only-s-mbottom2 { margin-bottom: 2px; } .mas2 .only-s-padd3 { padding: 3px; } .mas2 .only-s-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .only-s-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .only-s-ptop3 { padding-top: 3px; } .mas2 .only-s-pleft3 { padding-left: 3px; } .mas2 .only-s-pright3 { padding-right: 3px; } .mas2 .only-s-pbottom3 { padding-bottom: 3px; } .mas2 .only-s-marg3 { margin: 3px; } .mas2 .only-s-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .only-s-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .only-s-mtop3 { margin-top: 3px; } .mas2 .only-s-mleft3 { margin-left: 3px; } .mas2 .only-s-mright3 { margin-right: 3px; } .mas2 .only-s-mbottom3 { margin-bottom: 3px; } .mas2 .only-s-padd4 { padding: 4px; } .mas2 .only-s-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .only-s-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .only-s-ptop4 { padding-top: 4px; } .mas2 .only-s-pleft4 { padding-left: 4px; } .mas2 .only-s-pright4 { padding-right: 4px; } .mas2 .only-s-pbottom4 { padding-bottom: 4px; } .mas2 .only-s-marg4 { margin: 4px; } .mas2 .only-s-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .only-s-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .only-s-mtop4 { margin-top: 4px; } .mas2 .only-s-mleft4 { margin-left: 4px; } .mas2 .only-s-mright4 { margin-right: 4px; } .mas2 .only-s-mbottom4 { margin-bottom: 4px; } .mas2 .only-s-padd5 { padding: 5px; } .mas2 .only-s-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .only-s-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .only-s-ptop5 { padding-top: 5px; } .mas2 .only-s-pleft5 { padding-left: 5px; } .mas2 .only-s-pright5 { padding-right: 5px; } .mas2 .only-s-pbottom5 { padding-bottom: 5px; } .mas2 .only-s-marg5 { margin: 5px; } .mas2 .only-s-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .only-s-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .only-s-mtop5 { margin-top: 5px; } .mas2 .only-s-mleft5 { margin-left: 5px; } .mas2 .only-s-mright5 { margin-right: 5px; } .mas2 .only-s-mbottom5 { margin-bottom: 5px; } .mas2 .only-s-padd10 { padding: 10px; } .mas2 .only-s-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .only-s-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .only-s-ptop10 { padding-top: 10px; } .mas2 .only-s-pleft10 { padding-left: 10px; } .mas2 .only-s-pright10 { padding-right: 10px; } .mas2 .only-s-pbottom10 { padding-bottom: 10px; } .mas2 .only-s-marg10 { margin: 10px; } .mas2 .only-s-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .only-s-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .only-s-mtop10 { margin-top: 10px; } .mas2 .only-s-mleft10 { margin-left: 10px; } .mas2 .only-s-mright10 { margin-right: 10px; } .mas2 .only-s-mbottom10 { margin-bottom: 10px; } .mas2 .only-s-padd15 { padding: 15px; } .mas2 .only-s-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .only-s-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .only-s-ptop15 { padding-top: 15px; } .mas2 .only-s-pleft15 { padding-left: 15px; } .mas2 .only-s-pright15 { padding-right: 15px; } .mas2 .only-s-pbottom15 { padding-bottom: 15px; } .mas2 .only-s-marg15 { margin: 15px; } .mas2 .only-s-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .only-s-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .only-s-mtop15 { margin-top: 15px; } .mas2 .only-s-mleft15 { margin-left: 15px; } .mas2 .only-s-mright15 { margin-right: 15px; } .mas2 .only-s-mbottom15 { margin-bottom: 15px; } .mas2 .only-s-padd20 { padding: 20px; } .mas2 .only-s-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .only-s-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .only-s-ptop20 { padding-top: 20px; } .mas2 .only-s-pleft20 { padding-left: 20px; } .mas2 .only-s-pright20 { padding-right: 20px; } .mas2 .only-s-pbottom20 { padding-bottom: 20px; } .mas2 .only-s-marg20 { margin: 20px; } .mas2 .only-s-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .only-s-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .only-s-mtop20 { margin-top: 20px; } .mas2 .only-s-mleft20 { margin-left: 20px; } .mas2 .only-s-mright20 { margin-right: 20px; } .mas2 .only-s-mbottom20 { margin-bottom: 20px; } .mas2 .only-s-padd25 { padding: 25px; } .mas2 .only-s-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .only-s-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .only-s-ptop25 { padding-top: 25px; } .mas2 .only-s-pleft25 { padding-left: 25px; } .mas2 .only-s-pright25 { padding-right: 25px; } .mas2 .only-s-pbottom25 { padding-bottom: 25px; } .mas2 .only-s-marg25 { margin: 25px; } .mas2 .only-s-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .only-s-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .only-s-mtop25 { margin-top: 25px; } .mas2 .only-s-mleft25 { margin-left: 25px; } .mas2 .only-s-mright25 { margin-right: 25px; } .mas2 .only-s-mbottom25 { margin-bottom: 25px; } .mas2 .only-s-padd30 { padding: 30px; } .mas2 .only-s-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .only-s-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .only-s-ptop30 { padding-top: 30px; } .mas2 .only-s-pleft30 { padding-left: 30px; } .mas2 .only-s-pright30 { padding-right: 30px; } .mas2 .only-s-pbottom30 { padding-bottom: 30px; } .mas2 .only-s-marg30 { margin: 30px; } .mas2 .only-s-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .only-s-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .only-s-mtop30 { margin-top: 30px; } .mas2 .only-s-mleft30 { margin-left: 30px; } .mas2 .only-s-mright30 { margin-right: 30px; } .mas2 .only-s-mbottom30 { margin-bottom: 30px; } .mas2 .only-s-padd40 { padding: 40px; } .mas2 .only-s-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .only-s-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .only-s-ptop40 { padding-top: 40px; } .mas2 .only-s-pleft40 { padding-left: 40px; } .mas2 .only-s-pright40 { padding-right: 40px; } .mas2 .only-s-pbottom40 { padding-bottom: 40px; } .mas2 .only-s-marg40 { margin: 40px; } .mas2 .only-s-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .only-s-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .only-s-mtop40 { margin-top: 40px; } .mas2 .only-s-mleft40 { margin-left: 40px; } .mas2 .only-s-mright40 { margin-right: 40px; } .mas2 .only-s-mbottom40 { margin-bottom: 40px; } .mas2 .only-s-rem-padd10 { padding: 1rem; } .mas2 .only-s-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .only-s-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .only-s-rem-ptop10 { padding-top: 1rem; } .mas2 .only-s-rem-pleft10 { padding-left: 1rem; } .mas2 .only-s-rem-pright10 { padding-right: 1rem; } .mas2 .only-s-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .only-s-rem-marg10 { margin: 1rem; } .mas2 .only-s-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .only-s-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .only-s-rem-mtop10 { margin-top: 1rem; } .mas2 .only-s-rem-mleft10 { margin-left: 1rem; } .mas2 .only-s-rem-mright10 { margin-right: 1rem; } .mas2 .only-s-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .only-s-rem-padd11 { padding: 1.1rem; } .mas2 .only-s-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .only-s-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .only-s-rem-ptop11 { padding-top: 1.1rem; } .mas2 .only-s-rem-pleft11 { padding-left: 1.1rem; } .mas2 .only-s-rem-pright11 { padding-right: 1.1rem; } .mas2 .only-s-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .only-s-rem-marg11 { margin: 1.1rem; } .mas2 .only-s-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .only-s-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .only-s-rem-mtop11 { margin-top: 1.1rem; } .mas2 .only-s-rem-mleft11 { margin-left: 1.1rem; } .mas2 .only-s-rem-mright11 { margin-right: 1.1rem; } .mas2 .only-s-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .only-s-rem-padd12 { padding: 1.2rem; } .mas2 .only-s-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .only-s-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .only-s-rem-ptop12 { padding-top: 1.2rem; } .mas2 .only-s-rem-pleft12 { padding-left: 1.2rem; } .mas2 .only-s-rem-pright12 { padding-right: 1.2rem; } .mas2 .only-s-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .only-s-rem-marg12 { margin: 1.2rem; } .mas2 .only-s-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .only-s-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .only-s-rem-mtop12 { margin-top: 1.2rem; } .mas2 .only-s-rem-mleft12 { margin-left: 1.2rem; } .mas2 .only-s-rem-mright12 { margin-right: 1.2rem; } .mas2 .only-s-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .only-s-rem-padd13 { padding: 1.3rem; } .mas2 .only-s-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .only-s-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .only-s-rem-ptop13 { padding-top: 1.3rem; } .mas2 .only-s-rem-pleft13 { padding-left: 1.3rem; } .mas2 .only-s-rem-pright13 { padding-right: 1.3rem; } .mas2 .only-s-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .only-s-rem-marg13 { margin: 1.3rem; } .mas2 .only-s-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .only-s-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .only-s-rem-mtop13 { margin-top: 1.3rem; } .mas2 .only-s-rem-mleft13 { margin-left: 1.3rem; } .mas2 .only-s-rem-mright13 { margin-right: 1.3rem; } .mas2 .only-s-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .only-s-rem-padd14 { padding: 1.4rem; } .mas2 .only-s-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .only-s-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .only-s-rem-ptop14 { padding-top: 1.4rem; } .mas2 .only-s-rem-pleft14 { padding-left: 1.4rem; } .mas2 .only-s-rem-pright14 { padding-right: 1.4rem; } .mas2 .only-s-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .only-s-rem-marg14 { margin: 1.4rem; } .mas2 .only-s-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .only-s-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .only-s-rem-mtop14 { margin-top: 1.4rem; } .mas2 .only-s-rem-mleft14 { margin-left: 1.4rem; } .mas2 .only-s-rem-mright14 { margin-right: 1.4rem; } .mas2 .only-s-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .only-s-rem-padd15 { padding: 1.5rem; } .mas2 .only-s-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .only-s-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .only-s-rem-ptop15 { padding-top: 1.5rem; } .mas2 .only-s-rem-pleft15 { padding-left: 1.5rem; } .mas2 .only-s-rem-pright15 { padding-right: 1.5rem; } .mas2 .only-s-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .only-s-rem-marg15 { margin: 1.5rem; } .mas2 .only-s-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .only-s-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .only-s-rem-mtop15 { margin-top: 1.5rem; } .mas2 .only-s-rem-mleft15 { margin-left: 1.5rem; } .mas2 .only-s-rem-mright15 { margin-right: 1.5rem; } .mas2 .only-s-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .only-s-rem-padd16 { padding: 1.6rem; } .mas2 .only-s-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .only-s-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .only-s-rem-ptop16 { padding-top: 1.6rem; } .mas2 .only-s-rem-pleft16 { padding-left: 1.6rem; } .mas2 .only-s-rem-pright16 { padding-right: 1.6rem; } .mas2 .only-s-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .only-s-rem-marg16 { margin: 1.6rem; } .mas2 .only-s-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .only-s-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .only-s-rem-mtop16 { margin-top: 1.6rem; } .mas2 .only-s-rem-mleft16 { margin-left: 1.6rem; } .mas2 .only-s-rem-mright16 { margin-right: 1.6rem; } .mas2 .only-s-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .only-s-rem-padd17 { padding: 1.7rem; } .mas2 .only-s-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .only-s-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .only-s-rem-ptop17 { padding-top: 1.7rem; } .mas2 .only-s-rem-pleft17 { padding-left: 1.7rem; } .mas2 .only-s-rem-pright17 { padding-right: 1.7rem; } .mas2 .only-s-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .only-s-rem-marg17 { margin: 1.7rem; } .mas2 .only-s-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .only-s-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .only-s-rem-mtop17 { margin-top: 1.7rem; } .mas2 .only-s-rem-mleft17 { margin-left: 1.7rem; } .mas2 .only-s-rem-mright17 { margin-right: 1.7rem; } .mas2 .only-s-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .only-s-rem-padd18 { padding: 1.8rem; } .mas2 .only-s-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .only-s-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .only-s-rem-ptop18 { padding-top: 1.8rem; } .mas2 .only-s-rem-pleft18 { padding-left: 1.8rem; } .mas2 .only-s-rem-pright18 { padding-right: 1.8rem; } .mas2 .only-s-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .only-s-rem-marg18 { margin: 1.8rem; } .mas2 .only-s-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .only-s-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .only-s-rem-mtop18 { margin-top: 1.8rem; } .mas2 .only-s-rem-mleft18 { margin-left: 1.8rem; } .mas2 .only-s-rem-mright18 { margin-right: 1.8rem; } .mas2 .only-s-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .only-s-rem-padd19 { padding: 1.9rem; } .mas2 .only-s-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .only-s-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .only-s-rem-ptop19 { padding-top: 1.9rem; } .mas2 .only-s-rem-pleft19 { padding-left: 1.9rem; } .mas2 .only-s-rem-pright19 { padding-right: 1.9rem; } .mas2 .only-s-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .only-s-rem-marg19 { margin: 1.9rem; } .mas2 .only-s-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .only-s-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .only-s-rem-mtop19 { margin-top: 1.9rem; } .mas2 .only-s-rem-mleft19 { margin-left: 1.9rem; } .mas2 .only-s-rem-mright19 { margin-right: 1.9rem; } .mas2 .only-s-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .only-s-rem-padd20 { padding: 2rem; } .mas2 .only-s-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .only-s-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .only-s-rem-ptop20 { padding-top: 2rem; } .mas2 .only-s-rem-pleft20 { padding-left: 2rem; } .mas2 .only-s-rem-pright20 { padding-right: 2rem; } .mas2 .only-s-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .only-s-rem-marg20 { margin: 2rem; } .mas2 .only-s-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .only-s-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .only-s-rem-mtop20 { margin-top: 2rem; } .mas2 .only-s-rem-mleft20 { margin-left: 2rem; } .mas2 .only-s-rem-mright20 { margin-right: 2rem; } .mas2 .only-s-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .only-s-rem-padd21 { padding: 2.1rem; } .mas2 .only-s-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .only-s-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .only-s-rem-ptop21 { padding-top: 2.1rem; } .mas2 .only-s-rem-pleft21 { padding-left: 2.1rem; } .mas2 .only-s-rem-pright21 { padding-right: 2.1rem; } .mas2 .only-s-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .only-s-rem-marg21 { margin: 2.1rem; } .mas2 .only-s-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .only-s-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .only-s-rem-mtop21 { margin-top: 2.1rem; } .mas2 .only-s-rem-mleft21 { margin-left: 2.1rem; } .mas2 .only-s-rem-mright21 { margin-right: 2.1rem; } .mas2 .only-s-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .only-s-rem-padd22 { padding: 2.2rem; } .mas2 .only-s-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .only-s-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .only-s-rem-ptop22 { padding-top: 2.2rem; } .mas2 .only-s-rem-pleft22 { padding-left: 2.2rem; } .mas2 .only-s-rem-pright22 { padding-right: 2.2rem; } .mas2 .only-s-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .only-s-rem-marg22 { margin: 2.2rem; } .mas2 .only-s-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .only-s-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .only-s-rem-mtop22 { margin-top: 2.2rem; } .mas2 .only-s-rem-mleft22 { margin-left: 2.2rem; } .mas2 .only-s-rem-mright22 { margin-right: 2.2rem; } .mas2 .only-s-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .only-s-rem-padd23 { padding: 2.3rem; } .mas2 .only-s-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .only-s-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .only-s-rem-ptop23 { padding-top: 2.3rem; } .mas2 .only-s-rem-pleft23 { padding-left: 2.3rem; } .mas2 .only-s-rem-pright23 { padding-right: 2.3rem; } .mas2 .only-s-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .only-s-rem-marg23 { margin: 2.3rem; } .mas2 .only-s-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .only-s-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .only-s-rem-mtop23 { margin-top: 2.3rem; } .mas2 .only-s-rem-mleft23 { margin-left: 2.3rem; } .mas2 .only-s-rem-mright23 { margin-right: 2.3rem; } .mas2 .only-s-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .only-s-rem-padd24 { padding: 2.4rem; } .mas2 .only-s-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .only-s-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .only-s-rem-ptop24 { padding-top: 2.4rem; } .mas2 .only-s-rem-pleft24 { padding-left: 2.4rem; } .mas2 .only-s-rem-pright24 { padding-right: 2.4rem; } .mas2 .only-s-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .only-s-rem-marg24 { margin: 2.4rem; } .mas2 .only-s-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .only-s-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .only-s-rem-mtop24 { margin-top: 2.4rem; } .mas2 .only-s-rem-mleft24 { margin-left: 2.4rem; } .mas2 .only-s-rem-mright24 { margin-right: 2.4rem; } .mas2 .only-s-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .only-s-rem-padd25 { padding: 2.5rem; } .mas2 .only-s-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .only-s-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .only-s-rem-ptop25 { padding-top: 2.5rem; } .mas2 .only-s-rem-pleft25 { padding-left: 2.5rem; } .mas2 .only-s-rem-pright25 { padding-right: 2.5rem; } .mas2 .only-s-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .only-s-rem-marg25 { margin: 2.5rem; } .mas2 .only-s-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .only-s-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .only-s-rem-mtop25 { margin-top: 2.5rem; } .mas2 .only-s-rem-mleft25 { margin-left: 2.5rem; } .mas2 .only-s-rem-mright25 { margin-right: 2.5rem; } .mas2 .only-s-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .only-s-rem-padd26 { padding: 2.6rem; } .mas2 .only-s-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .only-s-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .only-s-rem-ptop26 { padding-top: 2.6rem; } .mas2 .only-s-rem-pleft26 { padding-left: 2.6rem; } .mas2 .only-s-rem-pright26 { padding-right: 2.6rem; } .mas2 .only-s-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .only-s-rem-marg26 { margin: 2.6rem; } .mas2 .only-s-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .only-s-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .only-s-rem-mtop26 { margin-top: 2.6rem; } .mas2 .only-s-rem-mleft26 { margin-left: 2.6rem; } .mas2 .only-s-rem-mright26 { margin-right: 2.6rem; } .mas2 .only-s-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .only-s-rem-padd27 { padding: 2.7rem; } .mas2 .only-s-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .only-s-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .only-s-rem-ptop27 { padding-top: 2.7rem; } .mas2 .only-s-rem-pleft27 { padding-left: 2.7rem; } .mas2 .only-s-rem-pright27 { padding-right: 2.7rem; } .mas2 .only-s-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .only-s-rem-marg27 { margin: 2.7rem; } .mas2 .only-s-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .only-s-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .only-s-rem-mtop27 { margin-top: 2.7rem; } .mas2 .only-s-rem-mleft27 { margin-left: 2.7rem; } .mas2 .only-s-rem-mright27 { margin-right: 2.7rem; } .mas2 .only-s-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .only-s-rem-padd28 { padding: 2.8rem; } .mas2 .only-s-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .only-s-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .only-s-rem-ptop28 { padding-top: 2.8rem; } .mas2 .only-s-rem-pleft28 { padding-left: 2.8rem; } .mas2 .only-s-rem-pright28 { padding-right: 2.8rem; } .mas2 .only-s-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .only-s-rem-marg28 { margin: 2.8rem; } .mas2 .only-s-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .only-s-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .only-s-rem-mtop28 { margin-top: 2.8rem; } .mas2 .only-s-rem-mleft28 { margin-left: 2.8rem; } .mas2 .only-s-rem-mright28 { margin-right: 2.8rem; } .mas2 .only-s-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .only-s-rem-padd29 { padding: 2.9rem; } .mas2 .only-s-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .only-s-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .only-s-rem-ptop29 { padding-top: 2.9rem; } .mas2 .only-s-rem-pleft29 { padding-left: 2.9rem; } .mas2 .only-s-rem-pright29 { padding-right: 2.9rem; } .mas2 .only-s-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .only-s-rem-marg29 { margin: 2.9rem; } .mas2 .only-s-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .only-s-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .only-s-rem-mtop29 { margin-top: 2.9rem; } .mas2 .only-s-rem-mleft29 { margin-left: 2.9rem; } .mas2 .only-s-rem-mright29 { margin-right: 2.9rem; } .mas2 .only-s-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .only-s-rem-padd30 { padding: 3rem; } .mas2 .only-s-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .only-s-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .only-s-rem-ptop30 { padding-top: 3rem; } .mas2 .only-s-rem-pleft30 { padding-left: 3rem; } .mas2 .only-s-rem-pright30 { padding-right: 3rem; } .mas2 .only-s-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .only-s-rem-marg30 { margin: 3rem; } .mas2 .only-s-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .only-s-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .only-s-rem-mtop30 { margin-top: 3rem; } .mas2 .only-s-rem-mleft30 { margin-left: 3rem; } .mas2 .only-s-rem-mright30 { margin-right: 3rem; } .mas2 .only-s-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .only-s-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .only-s-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .only-s-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .only-s-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .only-s-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .only-s-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .only-s-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .only-s-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .only-s-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .only-s-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .only-s-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .only-s-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .only-s-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .only-s-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .only-s-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .only-s-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .only-s-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .only-s-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .only-s-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .only-s-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .only-s-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .only-s-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .only-s-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .only-s-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .only-s-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .only-s-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .only-s-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .only-s-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .only-s-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .only-s-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .only-s-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .only-s-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .only-s-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .only-s-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .only-s-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .only-s-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .only-s-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .only-s-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .only-s-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .only-s-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .only-s-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .only-s-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .only-s-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .only-s-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .only-s-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .only-s-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .only-s-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .only-s-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .only-s-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .only-s-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .only-s-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .only-s-lh10 { line-height: 1em; } .mas2 .only-s-lh11 { line-height: 1.1em; } .mas2 .only-s-lh12 { line-height: 1.2em; } .mas2 .only-s-lh13 { line-height: 1.3em; } .mas2 .only-s-lh14 { line-height: 1.4em; } .mas2 .only-s-lh15 { line-height: 1.5em; } .mas2 .only-s-lh16 { line-height: 1.6em; } .mas2 .only-s-lh17 { line-height: 1.7em; } .mas2 .only-s-lh18 { line-height: 1.8em; } .mas2 .only-s-lh19 { line-height: 1.9em; } .mas2 .only-s-lh20 { line-height: 2em; } .mas2 .only-s-italic { font-style: italic; } .mas2 .only-s-bold { font-weight: bold; } .mas2 .only-s-underline { text-decoration: underline; } .mas2 .only-s-fw100 { font-weight: 100; } .mas2 .only-s-fw200 { font-weight: 200; } .mas2 .only-s-fw300 { font-weight: 300; } .mas2 .only-s-fw400 { font-weight: 400; } .mas2 .only-s-fw500 { font-weight: 500; } .mas2 .only-s-fw600 { font-weight: 600; } .mas2 .only-s-fw700 { font-weight: 700; } .mas2 .only-s-fw800 { font-weight: 800; } .mas2 .only-s-fw900 { font-weight: 900; } .mas2 .only-s-tal { text-align: left; } .mas2 .only-s-tar { text-align: right; } .mas2 .only-s-tac { text-align: center; } .mas2 .only-s-vat { vertical-align: top; } .mas2 .only-s-vam { vertical-align: middle; } .mas2 .only-s-vab { vertical-align: bottom; } .mas2 .only-s-fl { float: left; } .mas2 .only-s-fr { float: right; } .mas2 .only-s-cb { clear: both; } .mas2 .only-s-dn { display: none; } .mas2 .only-s-z1 { z-index: 1; } .mas2 .only-s-z2 { z-index: 2; } .mas2 .only-s-z3 { z-index: 3; } .mas2 .only-s-z4 { z-index: 4; } .mas2 .only-s-z5 { z-index: 5; } .mas2 .only-s-z6 { z-index: 6; } .mas2 .only-s-z7 { z-index: 7; } .mas2 .only-s-z8 { z-index: 8; } .mas2 .only-s-op0 { opacity: 0; } .mas2 .only-s-transp0 { opacity: 1; } .mas2 .only-s-op10 { opacity: 0.1; } .mas2 .only-s-transp10 { opacity: 0.9; } .mas2 .only-s-op20 { opacity: 0.2; } .mas2 .only-s-transp20 { opacity: 0.8; } .mas2 .only-s-op30 { opacity: 0.3; } .mas2 .only-s-transp30 { opacity: 0.7; } .mas2 .only-s-op40 { opacity: 0.4; } .mas2 .only-s-transp40 { opacity: 0.6; } .mas2 .only-s-op50 { opacity: 0.5; } .mas2 .only-s-transp50 { opacity: 0.5; } .mas2 .only-s-op60 { opacity: 0.6; } .mas2 .only-s-transp60 { opacity: 0.4; } .mas2 .only-s-op70 { opacity: 0.7; } .mas2 .only-s-transp70 { opacity: 0.3; } .mas2 .only-s-op80 { opacity: 0.8; } .mas2 .only-s-transp80 { opacity: 0.2; } .mas2 .only-s-op90 { opacity: 0.9; } .mas2 .only-s-transp90 { opacity: 0.1; } .mas2 .only-s-op100 { opacity: 1; } .mas2 .only-s-transp100 { opacity: 0; } .mas2 .only-s-db-hover, .mas2 .only-s-db-hov { display: none; } .mas2 .only-s-op-hover, .mas2 .only-s-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .only-s-hover:hover .db-hover, .mas2 .only-s-hov:hover .db-hov { display: block; } .mas2 .only-s-hover:hover .op-hover, .mas2 .only-s-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .only-s-w100 { width: 100%; } .mas2 .only-s-h100 { height: 100%; } .mas2 .only-s-mw100 { max-width: 100%; } .mas2 .only-s-mh100 { max-height: 100%; } .mas2 .only-s-tdn { text-decoration: none; } .mas2 .only-s-tdni { text-decoration: none !important; } .mas2 .only-s-ttn { text-transform: none; } .mas2 .only-s-ttl { text-transform: lowercase; } .mas2 .only-s-ttu { text-transform: uppercase; } .mas2 .only-s-ttc { text-transform: capitalize; } .mas2 .only-s-center { margin-left: auto; margin-right: auto; } .mas2 .only-s-db { display: block; } .mas2 .only-s-dib { display: inline-block; } .mas2 .only-s-pr { position: relative; } .mas2 .only-s-pa { position: absolute; } .mas2 .only-s-pf { position: fixed; } .mas2 .only-s-pri { position: relative !important; } .mas2 .only-s-pai { position: absolute !important; } .mas2 .only-s-pfi { position: fixed !important; } .mas2 .only-s-ps { position: static !important; } .mas2 .only-s-pa-tr { top: 0; right: 0; } .mas2 .only-s-pa-tl { top: 0; left: 0; } .mas2 .only-s-pa-br { bottom: 0; right: 0; } .mas2 .only-s-pa-bl { bottom: 0; left: 0; } .mas2 .only-s-ofh { overflow: hidden; } .mas2 .only-s-ofa { overflow: auto; } .mas2 .only-s-wsnw { white-space: nowrap; } .mas2 .only-s-wsn { white-space: normal; } .mas2 .only-s-ls3 { letter-spacing: 3px; } .mas2 .only-s-ls4 { letter-spacing: 4px; } .mas2 .only-s-ls5 { letter-spacing: 5px; } .mas2 .only-s-ls6 { letter-spacing: 6px; } .mas2 .only-s-ls7 { letter-spacing: 7px; } .mas2 .only-s-ls8 { letter-spacing: 8px; } .mas2 .only-s-ls9 { letter-spacing: 9px; } .mas2 .only-s-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .only-s-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .only-s-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .only-s-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .only-s-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .only-s-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .only-s-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .only-s-solid1 { border-width: 1px; border-style: solid; } .mas2 .only-s-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .only-s-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .only-s-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .only-s-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .only-s-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .only-s-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .only-s-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .only-s-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .only-s-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .only-s-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .only-s-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .only-s-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .only-s-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .only-s-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .only-s-solid2 { border-width: 2px; border-style: solid; } .mas2 .only-s-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .only-s-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .only-s-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .only-s-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .only-s-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .only-s-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .only-s-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .only-s-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .only-s-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .only-s-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .only-s-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .only-s-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .only-s-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .only-s-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .only-s-solid3 { border-width: 3px; border-style: solid; } .mas2 .only-s-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .only-s-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .only-s-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .only-s-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .only-s-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .only-s-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .only-s-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .only-s-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .only-s-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .only-s-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .only-s-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .only-s-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .only-s-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .only-s-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .only-s-solid4 { border-width: 4px; border-style: solid; } .mas2 .only-s-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .only-s-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .only-s-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .only-s-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .only-s-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .only-s-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .only-s-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .only-s-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .only-s-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .only-s-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .only-s-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .only-s-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .only-s-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .only-s-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .only-s-solid5 { border-width: 5px; border-style: solid; } .mas2 .only-s-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .only-s-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .only-s-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .only-s-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .only-s-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .only-s-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .only-s-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .only-s-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .only-s-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .only-s-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .only-s-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .only-s-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .only-s-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .only-s-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .only-s-rad3 { border-radius: 3px; } .mas2 .only-s-rad3-tl { border-top-left-radius: 3px; } .mas2 .only-s-rad3-tr { border-top-right-radius: 3px; } .mas2 .only-s-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .only-s-rad3-br { border-bottom-right-radius: 3px; } .mas2 .only-s-rad4 { border-radius: 4px; } .mas2 .only-s-rad4-tl { border-top-left-radius: 4px; } .mas2 .only-s-rad4-tr { border-top-right-radius: 4px; } .mas2 .only-s-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .only-s-rad4-br { border-bottom-right-radius: 4px; } .mas2 .only-s-rad5 { border-radius: 5px; } .mas2 .only-s-rad5-tl { border-top-left-radius: 5px; } .mas2 .only-s-rad5-tr { border-top-right-radius: 5px; } .mas2 .only-s-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .only-s-rad5-br { border-bottom-right-radius: 5px; } .mas2 .only-s-rad6 { border-radius: 6px; } .mas2 .only-s-rad6-tl { border-top-left-radius: 6px; } .mas2 .only-s-rad6-tr { border-top-right-radius: 6px; } .mas2 .only-s-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .only-s-rad6-br { border-bottom-right-radius: 6px; } .mas2 .only-s-rad7 { border-radius: 7px; } .mas2 .only-s-rad7-tl { border-top-left-radius: 7px; } .mas2 .only-s-rad7-tr { border-top-right-radius: 7px; } .mas2 .only-s-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .only-s-rad7-br { border-bottom-right-radius: 7px; } .mas2 .only-s-rad8 { border-radius: 8px; } .mas2 .only-s-rad8-tl { border-top-left-radius: 8px; } .mas2 .only-s-rad8-tr { border-top-right-radius: 8px; } .mas2 .only-s-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .only-s-rad8-br { border-bottom-right-radius: 8px; } .mas2 .only-s-rad9 { border-radius: 9px; } .mas2 .only-s-rad9-tl { border-top-left-radius: 9px; } .mas2 .only-s-rad9-tr { border-top-right-radius: 9px; } .mas2 .only-s-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .only-s-rad9-br { border-bottom-right-radius: 9px; } .mas2 .only-s-rad10 { border-radius: 10px; } .mas2 .only-s-rad10-tl { border-top-left-radius: 10px; } .mas2 .only-s-rad10-tr { border-top-right-radius: 10px; } .mas2 .only-s-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .only-s-rad10-br { border-bottom-right-radius: 10px; } .mas2 .only-s-rad11 { border-radius: 11px; } .mas2 .only-s-rad11-tl { border-top-left-radius: 11px; } .mas2 .only-s-rad11-tr { border-top-right-radius: 11px; } .mas2 .only-s-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .only-s-rad11-br { border-bottom-right-radius: 11px; } .mas2 .only-s-rad12 { border-radius: 12px; } .mas2 .only-s-rad12-tl { border-top-left-radius: 12px; } .mas2 .only-s-rad12-tr { border-top-right-radius: 12px; } .mas2 .only-s-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .only-s-rad12-br { border-bottom-right-radius: 12px; } .mas2 .only-s-rad200 { border-radius: 200px; } } @media only screen and (min-width: 768px) { .mas2 { /** magic **/ } .mas2 .m-padd0 { padding: 0px; } .mas2 .m-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .m-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .m-ptop0 { padding-top: 0px; } .mas2 .m-pleft0 { padding-left: 0px; } .mas2 .m-pright0 { padding-right: 0px; } .mas2 .m-pbottom0 { padding-bottom: 0px; } .mas2 .m-marg0 { margin: 0px; } .mas2 .m-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .m-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .m-mtop0 { margin-top: 0px; } .mas2 .m-mleft0 { margin-left: 0px; } .mas2 .m-mright0 { margin-right: 0px; } .mas2 .m-mbottom0 { margin-bottom: 0px; } .mas2 .m-padd2 { padding: 2px; } .mas2 .m-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .m-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .m-ptop2 { padding-top: 2px; } .mas2 .m-pleft2 { padding-left: 2px; } .mas2 .m-pright2 { padding-right: 2px; } .mas2 .m-pbottom2 { padding-bottom: 2px; } .mas2 .m-marg2 { margin: 2px; } .mas2 .m-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .m-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .m-mtop2 { margin-top: 2px; } .mas2 .m-mleft2 { margin-left: 2px; } .mas2 .m-mright2 { margin-right: 2px; } .mas2 .m-mbottom2 { margin-bottom: 2px; } .mas2 .m-padd3 { padding: 3px; } .mas2 .m-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .m-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .m-ptop3 { padding-top: 3px; } .mas2 .m-pleft3 { padding-left: 3px; } .mas2 .m-pright3 { padding-right: 3px; } .mas2 .m-pbottom3 { padding-bottom: 3px; } .mas2 .m-marg3 { margin: 3px; } .mas2 .m-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .m-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .m-mtop3 { margin-top: 3px; } .mas2 .m-mleft3 { margin-left: 3px; } .mas2 .m-mright3 { margin-right: 3px; } .mas2 .m-mbottom3 { margin-bottom: 3px; } .mas2 .m-padd4 { padding: 4px; } .mas2 .m-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .m-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .m-ptop4 { padding-top: 4px; } .mas2 .m-pleft4 { padding-left: 4px; } .mas2 .m-pright4 { padding-right: 4px; } .mas2 .m-pbottom4 { padding-bottom: 4px; } .mas2 .m-marg4 { margin: 4px; } .mas2 .m-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .m-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .m-mtop4 { margin-top: 4px; } .mas2 .m-mleft4 { margin-left: 4px; } .mas2 .m-mright4 { margin-right: 4px; } .mas2 .m-mbottom4 { margin-bottom: 4px; } .mas2 .m-padd5 { padding: 5px; } .mas2 .m-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .m-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .m-ptop5 { padding-top: 5px; } .mas2 .m-pleft5 { padding-left: 5px; } .mas2 .m-pright5 { padding-right: 5px; } .mas2 .m-pbottom5 { padding-bottom: 5px; } .mas2 .m-marg5 { margin: 5px; } .mas2 .m-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .m-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .m-mtop5 { margin-top: 5px; } .mas2 .m-mleft5 { margin-left: 5px; } .mas2 .m-mright5 { margin-right: 5px; } .mas2 .m-mbottom5 { margin-bottom: 5px; } .mas2 .m-padd10 { padding: 10px; } .mas2 .m-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .m-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .m-ptop10 { padding-top: 10px; } .mas2 .m-pleft10 { padding-left: 10px; } .mas2 .m-pright10 { padding-right: 10px; } .mas2 .m-pbottom10 { padding-bottom: 10px; } .mas2 .m-marg10 { margin: 10px; } .mas2 .m-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .m-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .m-mtop10 { margin-top: 10px; } .mas2 .m-mleft10 { margin-left: 10px; } .mas2 .m-mright10 { margin-right: 10px; } .mas2 .m-mbottom10 { margin-bottom: 10px; } .mas2 .m-padd15 { padding: 15px; } .mas2 .m-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .m-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .m-ptop15 { padding-top: 15px; } .mas2 .m-pleft15 { padding-left: 15px; } .mas2 .m-pright15 { padding-right: 15px; } .mas2 .m-pbottom15 { padding-bottom: 15px; } .mas2 .m-marg15 { margin: 15px; } .mas2 .m-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .m-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .m-mtop15 { margin-top: 15px; } .mas2 .m-mleft15 { margin-left: 15px; } .mas2 .m-mright15 { margin-right: 15px; } .mas2 .m-mbottom15 { margin-bottom: 15px; } .mas2 .m-padd20 { padding: 20px; } .mas2 .m-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .m-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .m-ptop20 { padding-top: 20px; } .mas2 .m-pleft20 { padding-left: 20px; } .mas2 .m-pright20 { padding-right: 20px; } .mas2 .m-pbottom20 { padding-bottom: 20px; } .mas2 .m-marg20 { margin: 20px; } .mas2 .m-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .m-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .m-mtop20 { margin-top: 20px; } .mas2 .m-mleft20 { margin-left: 20px; } .mas2 .m-mright20 { margin-right: 20px; } .mas2 .m-mbottom20 { margin-bottom: 20px; } .mas2 .m-padd25 { padding: 25px; } .mas2 .m-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .m-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .m-ptop25 { padding-top: 25px; } .mas2 .m-pleft25 { padding-left: 25px; } .mas2 .m-pright25 { padding-right: 25px; } .mas2 .m-pbottom25 { padding-bottom: 25px; } .mas2 .m-marg25 { margin: 25px; } .mas2 .m-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .m-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .m-mtop25 { margin-top: 25px; } .mas2 .m-mleft25 { margin-left: 25px; } .mas2 .m-mright25 { margin-right: 25px; } .mas2 .m-mbottom25 { margin-bottom: 25px; } .mas2 .m-padd30 { padding: 30px; } .mas2 .m-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .m-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .m-ptop30 { padding-top: 30px; } .mas2 .m-pleft30 { padding-left: 30px; } .mas2 .m-pright30 { padding-right: 30px; } .mas2 .m-pbottom30 { padding-bottom: 30px; } .mas2 .m-marg30 { margin: 30px; } .mas2 .m-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .m-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .m-mtop30 { margin-top: 30px; } .mas2 .m-mleft30 { margin-left: 30px; } .mas2 .m-mright30 { margin-right: 30px; } .mas2 .m-mbottom30 { margin-bottom: 30px; } .mas2 .m-padd40 { padding: 40px; } .mas2 .m-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .m-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .m-ptop40 { padding-top: 40px; } .mas2 .m-pleft40 { padding-left: 40px; } .mas2 .m-pright40 { padding-right: 40px; } .mas2 .m-pbottom40 { padding-bottom: 40px; } .mas2 .m-marg40 { margin: 40px; } .mas2 .m-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .m-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .m-mtop40 { margin-top: 40px; } .mas2 .m-mleft40 { margin-left: 40px; } .mas2 .m-mright40 { margin-right: 40px; } .mas2 .m-mbottom40 { margin-bottom: 40px; } .mas2 .m-rem-padd10 { padding: 1rem; } .mas2 .m-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .m-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .m-rem-ptop10 { padding-top: 1rem; } .mas2 .m-rem-pleft10 { padding-left: 1rem; } .mas2 .m-rem-pright10 { padding-right: 1rem; } .mas2 .m-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .m-rem-marg10 { margin: 1rem; } .mas2 .m-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .m-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .m-rem-mtop10 { margin-top: 1rem; } .mas2 .m-rem-mleft10 { margin-left: 1rem; } .mas2 .m-rem-mright10 { margin-right: 1rem; } .mas2 .m-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .m-rem-padd11 { padding: 1.1rem; } .mas2 .m-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .m-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .m-rem-ptop11 { padding-top: 1.1rem; } .mas2 .m-rem-pleft11 { padding-left: 1.1rem; } .mas2 .m-rem-pright11 { padding-right: 1.1rem; } .mas2 .m-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .m-rem-marg11 { margin: 1.1rem; } .mas2 .m-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .m-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .m-rem-mtop11 { margin-top: 1.1rem; } .mas2 .m-rem-mleft11 { margin-left: 1.1rem; } .mas2 .m-rem-mright11 { margin-right: 1.1rem; } .mas2 .m-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .m-rem-padd12 { padding: 1.2rem; } .mas2 .m-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .m-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .m-rem-ptop12 { padding-top: 1.2rem; } .mas2 .m-rem-pleft12 { padding-left: 1.2rem; } .mas2 .m-rem-pright12 { padding-right: 1.2rem; } .mas2 .m-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .m-rem-marg12 { margin: 1.2rem; } .mas2 .m-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .m-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .m-rem-mtop12 { margin-top: 1.2rem; } .mas2 .m-rem-mleft12 { margin-left: 1.2rem; } .mas2 .m-rem-mright12 { margin-right: 1.2rem; } .mas2 .m-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .m-rem-padd13 { padding: 1.3rem; } .mas2 .m-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .m-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .m-rem-ptop13 { padding-top: 1.3rem; } .mas2 .m-rem-pleft13 { padding-left: 1.3rem; } .mas2 .m-rem-pright13 { padding-right: 1.3rem; } .mas2 .m-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .m-rem-marg13 { margin: 1.3rem; } .mas2 .m-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .m-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .m-rem-mtop13 { margin-top: 1.3rem; } .mas2 .m-rem-mleft13 { margin-left: 1.3rem; } .mas2 .m-rem-mright13 { margin-right: 1.3rem; } .mas2 .m-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .m-rem-padd14 { padding: 1.4rem; } .mas2 .m-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .m-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .m-rem-ptop14 { padding-top: 1.4rem; } .mas2 .m-rem-pleft14 { padding-left: 1.4rem; } .mas2 .m-rem-pright14 { padding-right: 1.4rem; } .mas2 .m-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .m-rem-marg14 { margin: 1.4rem; } .mas2 .m-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .m-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .m-rem-mtop14 { margin-top: 1.4rem; } .mas2 .m-rem-mleft14 { margin-left: 1.4rem; } .mas2 .m-rem-mright14 { margin-right: 1.4rem; } .mas2 .m-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .m-rem-padd15 { padding: 1.5rem; } .mas2 .m-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .m-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .m-rem-ptop15 { padding-top: 1.5rem; } .mas2 .m-rem-pleft15 { padding-left: 1.5rem; } .mas2 .m-rem-pright15 { padding-right: 1.5rem; } .mas2 .m-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .m-rem-marg15 { margin: 1.5rem; } .mas2 .m-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .m-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .m-rem-mtop15 { margin-top: 1.5rem; } .mas2 .m-rem-mleft15 { margin-left: 1.5rem; } .mas2 .m-rem-mright15 { margin-right: 1.5rem; } .mas2 .m-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .m-rem-padd16 { padding: 1.6rem; } .mas2 .m-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .m-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .m-rem-ptop16 { padding-top: 1.6rem; } .mas2 .m-rem-pleft16 { padding-left: 1.6rem; } .mas2 .m-rem-pright16 { padding-right: 1.6rem; } .mas2 .m-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .m-rem-marg16 { margin: 1.6rem; } .mas2 .m-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .m-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .m-rem-mtop16 { margin-top: 1.6rem; } .mas2 .m-rem-mleft16 { margin-left: 1.6rem; } .mas2 .m-rem-mright16 { margin-right: 1.6rem; } .mas2 .m-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .m-rem-padd17 { padding: 1.7rem; } .mas2 .m-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .m-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .m-rem-ptop17 { padding-top: 1.7rem; } .mas2 .m-rem-pleft17 { padding-left: 1.7rem; } .mas2 .m-rem-pright17 { padding-right: 1.7rem; } .mas2 .m-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .m-rem-marg17 { margin: 1.7rem; } .mas2 .m-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .m-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .m-rem-mtop17 { margin-top: 1.7rem; } .mas2 .m-rem-mleft17 { margin-left: 1.7rem; } .mas2 .m-rem-mright17 { margin-right: 1.7rem; } .mas2 .m-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .m-rem-padd18 { padding: 1.8rem; } .mas2 .m-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .m-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .m-rem-ptop18 { padding-top: 1.8rem; } .mas2 .m-rem-pleft18 { padding-left: 1.8rem; } .mas2 .m-rem-pright18 { padding-right: 1.8rem; } .mas2 .m-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .m-rem-marg18 { margin: 1.8rem; } .mas2 .m-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .m-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .m-rem-mtop18 { margin-top: 1.8rem; } .mas2 .m-rem-mleft18 { margin-left: 1.8rem; } .mas2 .m-rem-mright18 { margin-right: 1.8rem; } .mas2 .m-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .m-rem-padd19 { padding: 1.9rem; } .mas2 .m-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .m-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .m-rem-ptop19 { padding-top: 1.9rem; } .mas2 .m-rem-pleft19 { padding-left: 1.9rem; } .mas2 .m-rem-pright19 { padding-right: 1.9rem; } .mas2 .m-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .m-rem-marg19 { margin: 1.9rem; } .mas2 .m-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .m-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .m-rem-mtop19 { margin-top: 1.9rem; } .mas2 .m-rem-mleft19 { margin-left: 1.9rem; } .mas2 .m-rem-mright19 { margin-right: 1.9rem; } .mas2 .m-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .m-rem-padd20 { padding: 2rem; } .mas2 .m-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .m-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .m-rem-ptop20 { padding-top: 2rem; } .mas2 .m-rem-pleft20 { padding-left: 2rem; } .mas2 .m-rem-pright20 { padding-right: 2rem; } .mas2 .m-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .m-rem-marg20 { margin: 2rem; } .mas2 .m-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .m-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .m-rem-mtop20 { margin-top: 2rem; } .mas2 .m-rem-mleft20 { margin-left: 2rem; } .mas2 .m-rem-mright20 { margin-right: 2rem; } .mas2 .m-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .m-rem-padd21 { padding: 2.1rem; } .mas2 .m-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .m-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .m-rem-ptop21 { padding-top: 2.1rem; } .mas2 .m-rem-pleft21 { padding-left: 2.1rem; } .mas2 .m-rem-pright21 { padding-right: 2.1rem; } .mas2 .m-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .m-rem-marg21 { margin: 2.1rem; } .mas2 .m-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .m-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .m-rem-mtop21 { margin-top: 2.1rem; } .mas2 .m-rem-mleft21 { margin-left: 2.1rem; } .mas2 .m-rem-mright21 { margin-right: 2.1rem; } .mas2 .m-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .m-rem-padd22 { padding: 2.2rem; } .mas2 .m-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .m-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .m-rem-ptop22 { padding-top: 2.2rem; } .mas2 .m-rem-pleft22 { padding-left: 2.2rem; } .mas2 .m-rem-pright22 { padding-right: 2.2rem; } .mas2 .m-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .m-rem-marg22 { margin: 2.2rem; } .mas2 .m-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .m-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .m-rem-mtop22 { margin-top: 2.2rem; } .mas2 .m-rem-mleft22 { margin-left: 2.2rem; } .mas2 .m-rem-mright22 { margin-right: 2.2rem; } .mas2 .m-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .m-rem-padd23 { padding: 2.3rem; } .mas2 .m-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .m-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .m-rem-ptop23 { padding-top: 2.3rem; } .mas2 .m-rem-pleft23 { padding-left: 2.3rem; } .mas2 .m-rem-pright23 { padding-right: 2.3rem; } .mas2 .m-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .m-rem-marg23 { margin: 2.3rem; } .mas2 .m-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .m-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .m-rem-mtop23 { margin-top: 2.3rem; } .mas2 .m-rem-mleft23 { margin-left: 2.3rem; } .mas2 .m-rem-mright23 { margin-right: 2.3rem; } .mas2 .m-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .m-rem-padd24 { padding: 2.4rem; } .mas2 .m-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .m-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .m-rem-ptop24 { padding-top: 2.4rem; } .mas2 .m-rem-pleft24 { padding-left: 2.4rem; } .mas2 .m-rem-pright24 { padding-right: 2.4rem; } .mas2 .m-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .m-rem-marg24 { margin: 2.4rem; } .mas2 .m-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .m-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .m-rem-mtop24 { margin-top: 2.4rem; } .mas2 .m-rem-mleft24 { margin-left: 2.4rem; } .mas2 .m-rem-mright24 { margin-right: 2.4rem; } .mas2 .m-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .m-rem-padd25 { padding: 2.5rem; } .mas2 .m-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .m-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .m-rem-ptop25 { padding-top: 2.5rem; } .mas2 .m-rem-pleft25 { padding-left: 2.5rem; } .mas2 .m-rem-pright25 { padding-right: 2.5rem; } .mas2 .m-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .m-rem-marg25 { margin: 2.5rem; } .mas2 .m-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .m-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .m-rem-mtop25 { margin-top: 2.5rem; } .mas2 .m-rem-mleft25 { margin-left: 2.5rem; } .mas2 .m-rem-mright25 { margin-right: 2.5rem; } .mas2 .m-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .m-rem-padd26 { padding: 2.6rem; } .mas2 .m-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .m-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .m-rem-ptop26 { padding-top: 2.6rem; } .mas2 .m-rem-pleft26 { padding-left: 2.6rem; } .mas2 .m-rem-pright26 { padding-right: 2.6rem; } .mas2 .m-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .m-rem-marg26 { margin: 2.6rem; } .mas2 .m-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .m-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .m-rem-mtop26 { margin-top: 2.6rem; } .mas2 .m-rem-mleft26 { margin-left: 2.6rem; } .mas2 .m-rem-mright26 { margin-right: 2.6rem; } .mas2 .m-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .m-rem-padd27 { padding: 2.7rem; } .mas2 .m-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .m-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .m-rem-ptop27 { padding-top: 2.7rem; } .mas2 .m-rem-pleft27 { padding-left: 2.7rem; } .mas2 .m-rem-pright27 { padding-right: 2.7rem; } .mas2 .m-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .m-rem-marg27 { margin: 2.7rem; } .mas2 .m-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .m-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .m-rem-mtop27 { margin-top: 2.7rem; } .mas2 .m-rem-mleft27 { margin-left: 2.7rem; } .mas2 .m-rem-mright27 { margin-right: 2.7rem; } .mas2 .m-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .m-rem-padd28 { padding: 2.8rem; } .mas2 .m-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .m-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .m-rem-ptop28 { padding-top: 2.8rem; } .mas2 .m-rem-pleft28 { padding-left: 2.8rem; } .mas2 .m-rem-pright28 { padding-right: 2.8rem; } .mas2 .m-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .m-rem-marg28 { margin: 2.8rem; } .mas2 .m-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .m-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .m-rem-mtop28 { margin-top: 2.8rem; } .mas2 .m-rem-mleft28 { margin-left: 2.8rem; } .mas2 .m-rem-mright28 { margin-right: 2.8rem; } .mas2 .m-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .m-rem-padd29 { padding: 2.9rem; } .mas2 .m-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .m-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .m-rem-ptop29 { padding-top: 2.9rem; } .mas2 .m-rem-pleft29 { padding-left: 2.9rem; } .mas2 .m-rem-pright29 { padding-right: 2.9rem; } .mas2 .m-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .m-rem-marg29 { margin: 2.9rem; } .mas2 .m-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .m-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .m-rem-mtop29 { margin-top: 2.9rem; } .mas2 .m-rem-mleft29 { margin-left: 2.9rem; } .mas2 .m-rem-mright29 { margin-right: 2.9rem; } .mas2 .m-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .m-rem-padd30 { padding: 3rem; } .mas2 .m-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .m-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .m-rem-ptop30 { padding-top: 3rem; } .mas2 .m-rem-pleft30 { padding-left: 3rem; } .mas2 .m-rem-pright30 { padding-right: 3rem; } .mas2 .m-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .m-rem-marg30 { margin: 3rem; } .mas2 .m-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .m-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .m-rem-mtop30 { margin-top: 3rem; } .mas2 .m-rem-mleft30 { margin-left: 3rem; } .mas2 .m-rem-mright30 { margin-right: 3rem; } .mas2 .m-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .m-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .m-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .m-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .m-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .m-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .m-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .m-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .m-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .m-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .m-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .m-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .m-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .m-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .m-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .m-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .m-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .m-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .m-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .m-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .m-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .m-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .m-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .m-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .m-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .m-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .m-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .m-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .m-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .m-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .m-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .m-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .m-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .m-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .m-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .m-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .m-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .m-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .m-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .m-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .m-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .m-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .m-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .m-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .m-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .m-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .m-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .m-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .m-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .m-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .m-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .m-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .m-lh10 { line-height: 1em; } .mas2 .m-lh11 { line-height: 1.1em; } .mas2 .m-lh12 { line-height: 1.2em; } .mas2 .m-lh13 { line-height: 1.3em; } .mas2 .m-lh14 { line-height: 1.4em; } .mas2 .m-lh15 { line-height: 1.5em; } .mas2 .m-lh16 { line-height: 1.6em; } .mas2 .m-lh17 { line-height: 1.7em; } .mas2 .m-lh18 { line-height: 1.8em; } .mas2 .m-lh19 { line-height: 1.9em; } .mas2 .m-lh20 { line-height: 2em; } .mas2 .m-italic { font-style: italic; } .mas2 .m-bold { font-weight: bold; } .mas2 .m-underline { text-decoration: underline; } .mas2 .m-fw100 { font-weight: 100; } .mas2 .m-fw200 { font-weight: 200; } .mas2 .m-fw300 { font-weight: 300; } .mas2 .m-fw400 { font-weight: 400; } .mas2 .m-fw500 { font-weight: 500; } .mas2 .m-fw600 { font-weight: 600; } .mas2 .m-fw700 { font-weight: 700; } .mas2 .m-fw800 { font-weight: 800; } .mas2 .m-fw900 { font-weight: 900; } .mas2 .m-tal { text-align: left; } .mas2 .m-tar { text-align: right; } .mas2 .m-tac { text-align: center; } .mas2 .m-vat { vertical-align: top; } .mas2 .m-vam { vertical-align: middle; } .mas2 .m-vab { vertical-align: bottom; } .mas2 .m-fl { float: left; } .mas2 .m-fr { float: right; } .mas2 .m-cb { clear: both; } .mas2 .m-dn { display: none; } .mas2 .m-z1 { z-index: 1; } .mas2 .m-z2 { z-index: 2; } .mas2 .m-z3 { z-index: 3; } .mas2 .m-z4 { z-index: 4; } .mas2 .m-z5 { z-index: 5; } .mas2 .m-z6 { z-index: 6; } .mas2 .m-z7 { z-index: 7; } .mas2 .m-z8 { z-index: 8; } .mas2 .m-op0 { opacity: 0; } .mas2 .m-transp0 { opacity: 1; } .mas2 .m-op10 { opacity: 0.1; } .mas2 .m-transp10 { opacity: 0.9; } .mas2 .m-op20 { opacity: 0.2; } .mas2 .m-transp20 { opacity: 0.8; } .mas2 .m-op30 { opacity: 0.3; } .mas2 .m-transp30 { opacity: 0.7; } .mas2 .m-op40 { opacity: 0.4; } .mas2 .m-transp40 { opacity: 0.6; } .mas2 .m-op50 { opacity: 0.5; } .mas2 .m-transp50 { opacity: 0.5; } .mas2 .m-op60 { opacity: 0.6; } .mas2 .m-transp60 { opacity: 0.4; } .mas2 .m-op70 { opacity: 0.7; } .mas2 .m-transp70 { opacity: 0.3; } .mas2 .m-op80 { opacity: 0.8; } .mas2 .m-transp80 { opacity: 0.2; } .mas2 .m-op90 { opacity: 0.9; } .mas2 .m-transp90 { opacity: 0.1; } .mas2 .m-op100 { opacity: 1; } .mas2 .m-transp100 { opacity: 0; } .mas2 .m-db-hover, .mas2 .m-db-hov { display: none; } .mas2 .m-op-hover, .mas2 .m-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .m-hover:hover .db-hover, .mas2 .m-hov:hover .db-hov { display: block; } .mas2 .m-hover:hover .op-hover, .mas2 .m-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .m-w100 { width: 100%; } .mas2 .m-h100 { height: 100%; } .mas2 .m-mw100 { max-width: 100%; } .mas2 .m-mh100 { max-height: 100%; } .mas2 .m-tdn { text-decoration: none; } .mas2 .m-tdni { text-decoration: none !important; } .mas2 .m-ttn { text-transform: none; } .mas2 .m-ttl { text-transform: lowercase; } .mas2 .m-ttu { text-transform: uppercase; } .mas2 .m-ttc { text-transform: capitalize; } .mas2 .m-center { margin-left: auto; margin-right: auto; } .mas2 .m-db { display: block; } .mas2 .m-dib { display: inline-block; } .mas2 .m-pr { position: relative; } .mas2 .m-pa { position: absolute; } .mas2 .m-pf { position: fixed; } .mas2 .m-pri { position: relative !important; } .mas2 .m-pai { position: absolute !important; } .mas2 .m-pfi { position: fixed !important; } .mas2 .m-ps { position: static !important; } .mas2 .m-pa-tr { top: 0; right: 0; } .mas2 .m-pa-tl { top: 0; left: 0; } .mas2 .m-pa-br { bottom: 0; right: 0; } .mas2 .m-pa-bl { bottom: 0; left: 0; } .mas2 .m-ofh { overflow: hidden; } .mas2 .m-ofa { overflow: auto; } .mas2 .m-wsnw { white-space: nowrap; } .mas2 .m-wsn { white-space: normal; } .mas2 .m-ls3 { letter-spacing: 3px; } .mas2 .m-ls4 { letter-spacing: 4px; } .mas2 .m-ls5 { letter-spacing: 5px; } .mas2 .m-ls6 { letter-spacing: 6px; } .mas2 .m-ls7 { letter-spacing: 7px; } .mas2 .m-ls8 { letter-spacing: 8px; } .mas2 .m-ls9 { letter-spacing: 9px; } .mas2 .m-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .m-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .m-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .m-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .m-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .m-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .m-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .m-solid1 { border-width: 1px; border-style: solid; } .mas2 .m-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .m-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .m-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .m-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .m-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .m-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .m-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .m-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .m-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .m-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .m-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .m-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .m-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .m-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .m-solid2 { border-width: 2px; border-style: solid; } .mas2 .m-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .m-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .m-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .m-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .m-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .m-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .m-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .m-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .m-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .m-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .m-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .m-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .m-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .m-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .m-solid3 { border-width: 3px; border-style: solid; } .mas2 .m-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .m-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .m-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .m-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .m-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .m-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .m-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .m-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .m-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .m-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .m-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .m-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .m-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .m-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .m-solid4 { border-width: 4px; border-style: solid; } .mas2 .m-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .m-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .m-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .m-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .m-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .m-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .m-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .m-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .m-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .m-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .m-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .m-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .m-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .m-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .m-solid5 { border-width: 5px; border-style: solid; } .mas2 .m-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .m-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .m-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .m-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .m-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .m-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .m-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .m-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .m-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .m-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .m-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .m-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .m-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .m-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .m-rad3 { border-radius: 3px; } .mas2 .m-rad3-tl { border-top-left-radius: 3px; } .mas2 .m-rad3-tr { border-top-right-radius: 3px; } .mas2 .m-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .m-rad3-br { border-bottom-right-radius: 3px; } .mas2 .m-rad4 { border-radius: 4px; } .mas2 .m-rad4-tl { border-top-left-radius: 4px; } .mas2 .m-rad4-tr { border-top-right-radius: 4px; } .mas2 .m-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .m-rad4-br { border-bottom-right-radius: 4px; } .mas2 .m-rad5 { border-radius: 5px; } .mas2 .m-rad5-tl { border-top-left-radius: 5px; } .mas2 .m-rad5-tr { border-top-right-radius: 5px; } .mas2 .m-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .m-rad5-br { border-bottom-right-radius: 5px; } .mas2 .m-rad6 { border-radius: 6px; } .mas2 .m-rad6-tl { border-top-left-radius: 6px; } .mas2 .m-rad6-tr { border-top-right-radius: 6px; } .mas2 .m-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .m-rad6-br { border-bottom-right-radius: 6px; } .mas2 .m-rad7 { border-radius: 7px; } .mas2 .m-rad7-tl { border-top-left-radius: 7px; } .mas2 .m-rad7-tr { border-top-right-radius: 7px; } .mas2 .m-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .m-rad7-br { border-bottom-right-radius: 7px; } .mas2 .m-rad8 { border-radius: 8px; } .mas2 .m-rad8-tl { border-top-left-radius: 8px; } .mas2 .m-rad8-tr { border-top-right-radius: 8px; } .mas2 .m-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .m-rad8-br { border-bottom-right-radius: 8px; } .mas2 .m-rad9 { border-radius: 9px; } .mas2 .m-rad9-tl { border-top-left-radius: 9px; } .mas2 .m-rad9-tr { border-top-right-radius: 9px; } .mas2 .m-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .m-rad9-br { border-bottom-right-radius: 9px; } .mas2 .m-rad10 { border-radius: 10px; } .mas2 .m-rad10-tl { border-top-left-radius: 10px; } .mas2 .m-rad10-tr { border-top-right-radius: 10px; } .mas2 .m-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .m-rad10-br { border-bottom-right-radius: 10px; } .mas2 .m-rad11 { border-radius: 11px; } .mas2 .m-rad11-tl { border-top-left-radius: 11px; } .mas2 .m-rad11-tr { border-top-right-radius: 11px; } .mas2 .m-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .m-rad11-br { border-bottom-right-radius: 11px; } .mas2 .m-rad12 { border-radius: 12px; } .mas2 .m-rad12-tl { border-top-left-radius: 12px; } .mas2 .m-rad12-tr { border-top-right-radius: 12px; } .mas2 .m-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .m-rad12-br { border-bottom-right-radius: 12px; } .mas2 .m-rad200 { border-radius: 200px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 { /** magic **/ } .mas2 .only-m-padd0 { padding: 0px; } .mas2 .only-m-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .only-m-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .only-m-ptop0 { padding-top: 0px; } .mas2 .only-m-pleft0 { padding-left: 0px; } .mas2 .only-m-pright0 { padding-right: 0px; } .mas2 .only-m-pbottom0 { padding-bottom: 0px; } .mas2 .only-m-marg0 { margin: 0px; } .mas2 .only-m-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .only-m-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .only-m-mtop0 { margin-top: 0px; } .mas2 .only-m-mleft0 { margin-left: 0px; } .mas2 .only-m-mright0 { margin-right: 0px; } .mas2 .only-m-mbottom0 { margin-bottom: 0px; } .mas2 .only-m-padd2 { padding: 2px; } .mas2 .only-m-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .only-m-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .only-m-ptop2 { padding-top: 2px; } .mas2 .only-m-pleft2 { padding-left: 2px; } .mas2 .only-m-pright2 { padding-right: 2px; } .mas2 .only-m-pbottom2 { padding-bottom: 2px; } .mas2 .only-m-marg2 { margin: 2px; } .mas2 .only-m-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .only-m-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .only-m-mtop2 { margin-top: 2px; } .mas2 .only-m-mleft2 { margin-left: 2px; } .mas2 .only-m-mright2 { margin-right: 2px; } .mas2 .only-m-mbottom2 { margin-bottom: 2px; } .mas2 .only-m-padd3 { padding: 3px; } .mas2 .only-m-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .only-m-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .only-m-ptop3 { padding-top: 3px; } .mas2 .only-m-pleft3 { padding-left: 3px; } .mas2 .only-m-pright3 { padding-right: 3px; } .mas2 .only-m-pbottom3 { padding-bottom: 3px; } .mas2 .only-m-marg3 { margin: 3px; } .mas2 .only-m-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .only-m-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .only-m-mtop3 { margin-top: 3px; } .mas2 .only-m-mleft3 { margin-left: 3px; } .mas2 .only-m-mright3 { margin-right: 3px; } .mas2 .only-m-mbottom3 { margin-bottom: 3px; } .mas2 .only-m-padd4 { padding: 4px; } .mas2 .only-m-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .only-m-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .only-m-ptop4 { padding-top: 4px; } .mas2 .only-m-pleft4 { padding-left: 4px; } .mas2 .only-m-pright4 { padding-right: 4px; } .mas2 .only-m-pbottom4 { padding-bottom: 4px; } .mas2 .only-m-marg4 { margin: 4px; } .mas2 .only-m-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .only-m-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .only-m-mtop4 { margin-top: 4px; } .mas2 .only-m-mleft4 { margin-left: 4px; } .mas2 .only-m-mright4 { margin-right: 4px; } .mas2 .only-m-mbottom4 { margin-bottom: 4px; } .mas2 .only-m-padd5 { padding: 5px; } .mas2 .only-m-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .only-m-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .only-m-ptop5 { padding-top: 5px; } .mas2 .only-m-pleft5 { padding-left: 5px; } .mas2 .only-m-pright5 { padding-right: 5px; } .mas2 .only-m-pbottom5 { padding-bottom: 5px; } .mas2 .only-m-marg5 { margin: 5px; } .mas2 .only-m-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .only-m-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .only-m-mtop5 { margin-top: 5px; } .mas2 .only-m-mleft5 { margin-left: 5px; } .mas2 .only-m-mright5 { margin-right: 5px; } .mas2 .only-m-mbottom5 { margin-bottom: 5px; } .mas2 .only-m-padd10 { padding: 10px; } .mas2 .only-m-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .only-m-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .only-m-ptop10 { padding-top: 10px; } .mas2 .only-m-pleft10 { padding-left: 10px; } .mas2 .only-m-pright10 { padding-right: 10px; } .mas2 .only-m-pbottom10 { padding-bottom: 10px; } .mas2 .only-m-marg10 { margin: 10px; } .mas2 .only-m-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .only-m-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .only-m-mtop10 { margin-top: 10px; } .mas2 .only-m-mleft10 { margin-left: 10px; } .mas2 .only-m-mright10 { margin-right: 10px; } .mas2 .only-m-mbottom10 { margin-bottom: 10px; } .mas2 .only-m-padd15 { padding: 15px; } .mas2 .only-m-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .only-m-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .only-m-ptop15 { padding-top: 15px; } .mas2 .only-m-pleft15 { padding-left: 15px; } .mas2 .only-m-pright15 { padding-right: 15px; } .mas2 .only-m-pbottom15 { padding-bottom: 15px; } .mas2 .only-m-marg15 { margin: 15px; } .mas2 .only-m-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .only-m-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .only-m-mtop15 { margin-top: 15px; } .mas2 .only-m-mleft15 { margin-left: 15px; } .mas2 .only-m-mright15 { margin-right: 15px; } .mas2 .only-m-mbottom15 { margin-bottom: 15px; } .mas2 .only-m-padd20 { padding: 20px; } .mas2 .only-m-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .only-m-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .only-m-ptop20 { padding-top: 20px; } .mas2 .only-m-pleft20 { padding-left: 20px; } .mas2 .only-m-pright20 { padding-right: 20px; } .mas2 .only-m-pbottom20 { padding-bottom: 20px; } .mas2 .only-m-marg20 { margin: 20px; } .mas2 .only-m-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .only-m-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .only-m-mtop20 { margin-top: 20px; } .mas2 .only-m-mleft20 { margin-left: 20px; } .mas2 .only-m-mright20 { margin-right: 20px; } .mas2 .only-m-mbottom20 { margin-bottom: 20px; } .mas2 .only-m-padd25 { padding: 25px; } .mas2 .only-m-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .only-m-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .only-m-ptop25 { padding-top: 25px; } .mas2 .only-m-pleft25 { padding-left: 25px; } .mas2 .only-m-pright25 { padding-right: 25px; } .mas2 .only-m-pbottom25 { padding-bottom: 25px; } .mas2 .only-m-marg25 { margin: 25px; } .mas2 .only-m-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .only-m-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .only-m-mtop25 { margin-top: 25px; } .mas2 .only-m-mleft25 { margin-left: 25px; } .mas2 .only-m-mright25 { margin-right: 25px; } .mas2 .only-m-mbottom25 { margin-bottom: 25px; } .mas2 .only-m-padd30 { padding: 30px; } .mas2 .only-m-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .only-m-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .only-m-ptop30 { padding-top: 30px; } .mas2 .only-m-pleft30 { padding-left: 30px; } .mas2 .only-m-pright30 { padding-right: 30px; } .mas2 .only-m-pbottom30 { padding-bottom: 30px; } .mas2 .only-m-marg30 { margin: 30px; } .mas2 .only-m-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .only-m-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .only-m-mtop30 { margin-top: 30px; } .mas2 .only-m-mleft30 { margin-left: 30px; } .mas2 .only-m-mright30 { margin-right: 30px; } .mas2 .only-m-mbottom30 { margin-bottom: 30px; } .mas2 .only-m-padd40 { padding: 40px; } .mas2 .only-m-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .only-m-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .only-m-ptop40 { padding-top: 40px; } .mas2 .only-m-pleft40 { padding-left: 40px; } .mas2 .only-m-pright40 { padding-right: 40px; } .mas2 .only-m-pbottom40 { padding-bottom: 40px; } .mas2 .only-m-marg40 { margin: 40px; } .mas2 .only-m-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .only-m-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .only-m-mtop40 { margin-top: 40px; } .mas2 .only-m-mleft40 { margin-left: 40px; } .mas2 .only-m-mright40 { margin-right: 40px; } .mas2 .only-m-mbottom40 { margin-bottom: 40px; } .mas2 .only-m-rem-padd10 { padding: 1rem; } .mas2 .only-m-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .only-m-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .only-m-rem-ptop10 { padding-top: 1rem; } .mas2 .only-m-rem-pleft10 { padding-left: 1rem; } .mas2 .only-m-rem-pright10 { padding-right: 1rem; } .mas2 .only-m-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .only-m-rem-marg10 { margin: 1rem; } .mas2 .only-m-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .only-m-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .only-m-rem-mtop10 { margin-top: 1rem; } .mas2 .only-m-rem-mleft10 { margin-left: 1rem; } .mas2 .only-m-rem-mright10 { margin-right: 1rem; } .mas2 .only-m-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .only-m-rem-padd11 { padding: 1.1rem; } .mas2 .only-m-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .only-m-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .only-m-rem-ptop11 { padding-top: 1.1rem; } .mas2 .only-m-rem-pleft11 { padding-left: 1.1rem; } .mas2 .only-m-rem-pright11 { padding-right: 1.1rem; } .mas2 .only-m-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .only-m-rem-marg11 { margin: 1.1rem; } .mas2 .only-m-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .only-m-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .only-m-rem-mtop11 { margin-top: 1.1rem; } .mas2 .only-m-rem-mleft11 { margin-left: 1.1rem; } .mas2 .only-m-rem-mright11 { margin-right: 1.1rem; } .mas2 .only-m-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .only-m-rem-padd12 { padding: 1.2rem; } .mas2 .only-m-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .only-m-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .only-m-rem-ptop12 { padding-top: 1.2rem; } .mas2 .only-m-rem-pleft12 { padding-left: 1.2rem; } .mas2 .only-m-rem-pright12 { padding-right: 1.2rem; } .mas2 .only-m-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .only-m-rem-marg12 { margin: 1.2rem; } .mas2 .only-m-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .only-m-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .only-m-rem-mtop12 { margin-top: 1.2rem; } .mas2 .only-m-rem-mleft12 { margin-left: 1.2rem; } .mas2 .only-m-rem-mright12 { margin-right: 1.2rem; } .mas2 .only-m-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .only-m-rem-padd13 { padding: 1.3rem; } .mas2 .only-m-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .only-m-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .only-m-rem-ptop13 { padding-top: 1.3rem; } .mas2 .only-m-rem-pleft13 { padding-left: 1.3rem; } .mas2 .only-m-rem-pright13 { padding-right: 1.3rem; } .mas2 .only-m-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .only-m-rem-marg13 { margin: 1.3rem; } .mas2 .only-m-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .only-m-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .only-m-rem-mtop13 { margin-top: 1.3rem; } .mas2 .only-m-rem-mleft13 { margin-left: 1.3rem; } .mas2 .only-m-rem-mright13 { margin-right: 1.3rem; } .mas2 .only-m-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .only-m-rem-padd14 { padding: 1.4rem; } .mas2 .only-m-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .only-m-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .only-m-rem-ptop14 { padding-top: 1.4rem; } .mas2 .only-m-rem-pleft14 { padding-left: 1.4rem; } .mas2 .only-m-rem-pright14 { padding-right: 1.4rem; } .mas2 .only-m-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .only-m-rem-marg14 { margin: 1.4rem; } .mas2 .only-m-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .only-m-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .only-m-rem-mtop14 { margin-top: 1.4rem; } .mas2 .only-m-rem-mleft14 { margin-left: 1.4rem; } .mas2 .only-m-rem-mright14 { margin-right: 1.4rem; } .mas2 .only-m-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .only-m-rem-padd15 { padding: 1.5rem; } .mas2 .only-m-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .only-m-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .only-m-rem-ptop15 { padding-top: 1.5rem; } .mas2 .only-m-rem-pleft15 { padding-left: 1.5rem; } .mas2 .only-m-rem-pright15 { padding-right: 1.5rem; } .mas2 .only-m-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .only-m-rem-marg15 { margin: 1.5rem; } .mas2 .only-m-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .only-m-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .only-m-rem-mtop15 { margin-top: 1.5rem; } .mas2 .only-m-rem-mleft15 { margin-left: 1.5rem; } .mas2 .only-m-rem-mright15 { margin-right: 1.5rem; } .mas2 .only-m-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .only-m-rem-padd16 { padding: 1.6rem; } .mas2 .only-m-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .only-m-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .only-m-rem-ptop16 { padding-top: 1.6rem; } .mas2 .only-m-rem-pleft16 { padding-left: 1.6rem; } .mas2 .only-m-rem-pright16 { padding-right: 1.6rem; } .mas2 .only-m-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .only-m-rem-marg16 { margin: 1.6rem; } .mas2 .only-m-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .only-m-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .only-m-rem-mtop16 { margin-top: 1.6rem; } .mas2 .only-m-rem-mleft16 { margin-left: 1.6rem; } .mas2 .only-m-rem-mright16 { margin-right: 1.6rem; } .mas2 .only-m-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .only-m-rem-padd17 { padding: 1.7rem; } .mas2 .only-m-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .only-m-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .only-m-rem-ptop17 { padding-top: 1.7rem; } .mas2 .only-m-rem-pleft17 { padding-left: 1.7rem; } .mas2 .only-m-rem-pright17 { padding-right: 1.7rem; } .mas2 .only-m-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .only-m-rem-marg17 { margin: 1.7rem; } .mas2 .only-m-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .only-m-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .only-m-rem-mtop17 { margin-top: 1.7rem; } .mas2 .only-m-rem-mleft17 { margin-left: 1.7rem; } .mas2 .only-m-rem-mright17 { margin-right: 1.7rem; } .mas2 .only-m-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .only-m-rem-padd18 { padding: 1.8rem; } .mas2 .only-m-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .only-m-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .only-m-rem-ptop18 { padding-top: 1.8rem; } .mas2 .only-m-rem-pleft18 { padding-left: 1.8rem; } .mas2 .only-m-rem-pright18 { padding-right: 1.8rem; } .mas2 .only-m-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .only-m-rem-marg18 { margin: 1.8rem; } .mas2 .only-m-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .only-m-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .only-m-rem-mtop18 { margin-top: 1.8rem; } .mas2 .only-m-rem-mleft18 { margin-left: 1.8rem; } .mas2 .only-m-rem-mright18 { margin-right: 1.8rem; } .mas2 .only-m-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .only-m-rem-padd19 { padding: 1.9rem; } .mas2 .only-m-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .only-m-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .only-m-rem-ptop19 { padding-top: 1.9rem; } .mas2 .only-m-rem-pleft19 { padding-left: 1.9rem; } .mas2 .only-m-rem-pright19 { padding-right: 1.9rem; } .mas2 .only-m-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .only-m-rem-marg19 { margin: 1.9rem; } .mas2 .only-m-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .only-m-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .only-m-rem-mtop19 { margin-top: 1.9rem; } .mas2 .only-m-rem-mleft19 { margin-left: 1.9rem; } .mas2 .only-m-rem-mright19 { margin-right: 1.9rem; } .mas2 .only-m-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .only-m-rem-padd20 { padding: 2rem; } .mas2 .only-m-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .only-m-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .only-m-rem-ptop20 { padding-top: 2rem; } .mas2 .only-m-rem-pleft20 { padding-left: 2rem; } .mas2 .only-m-rem-pright20 { padding-right: 2rem; } .mas2 .only-m-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .only-m-rem-marg20 { margin: 2rem; } .mas2 .only-m-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .only-m-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .only-m-rem-mtop20 { margin-top: 2rem; } .mas2 .only-m-rem-mleft20 { margin-left: 2rem; } .mas2 .only-m-rem-mright20 { margin-right: 2rem; } .mas2 .only-m-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .only-m-rem-padd21 { padding: 2.1rem; } .mas2 .only-m-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .only-m-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .only-m-rem-ptop21 { padding-top: 2.1rem; } .mas2 .only-m-rem-pleft21 { padding-left: 2.1rem; } .mas2 .only-m-rem-pright21 { padding-right: 2.1rem; } .mas2 .only-m-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .only-m-rem-marg21 { margin: 2.1rem; } .mas2 .only-m-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .only-m-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .only-m-rem-mtop21 { margin-top: 2.1rem; } .mas2 .only-m-rem-mleft21 { margin-left: 2.1rem; } .mas2 .only-m-rem-mright21 { margin-right: 2.1rem; } .mas2 .only-m-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .only-m-rem-padd22 { padding: 2.2rem; } .mas2 .only-m-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .only-m-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .only-m-rem-ptop22 { padding-top: 2.2rem; } .mas2 .only-m-rem-pleft22 { padding-left: 2.2rem; } .mas2 .only-m-rem-pright22 { padding-right: 2.2rem; } .mas2 .only-m-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .only-m-rem-marg22 { margin: 2.2rem; } .mas2 .only-m-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .only-m-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .only-m-rem-mtop22 { margin-top: 2.2rem; } .mas2 .only-m-rem-mleft22 { margin-left: 2.2rem; } .mas2 .only-m-rem-mright22 { margin-right: 2.2rem; } .mas2 .only-m-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .only-m-rem-padd23 { padding: 2.3rem; } .mas2 .only-m-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .only-m-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .only-m-rem-ptop23 { padding-top: 2.3rem; } .mas2 .only-m-rem-pleft23 { padding-left: 2.3rem; } .mas2 .only-m-rem-pright23 { padding-right: 2.3rem; } .mas2 .only-m-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .only-m-rem-marg23 { margin: 2.3rem; } .mas2 .only-m-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .only-m-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .only-m-rem-mtop23 { margin-top: 2.3rem; } .mas2 .only-m-rem-mleft23 { margin-left: 2.3rem; } .mas2 .only-m-rem-mright23 { margin-right: 2.3rem; } .mas2 .only-m-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .only-m-rem-padd24 { padding: 2.4rem; } .mas2 .only-m-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .only-m-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .only-m-rem-ptop24 { padding-top: 2.4rem; } .mas2 .only-m-rem-pleft24 { padding-left: 2.4rem; } .mas2 .only-m-rem-pright24 { padding-right: 2.4rem; } .mas2 .only-m-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .only-m-rem-marg24 { margin: 2.4rem; } .mas2 .only-m-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .only-m-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .only-m-rem-mtop24 { margin-top: 2.4rem; } .mas2 .only-m-rem-mleft24 { margin-left: 2.4rem; } .mas2 .only-m-rem-mright24 { margin-right: 2.4rem; } .mas2 .only-m-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .only-m-rem-padd25 { padding: 2.5rem; } .mas2 .only-m-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .only-m-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .only-m-rem-ptop25 { padding-top: 2.5rem; } .mas2 .only-m-rem-pleft25 { padding-left: 2.5rem; } .mas2 .only-m-rem-pright25 { padding-right: 2.5rem; } .mas2 .only-m-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .only-m-rem-marg25 { margin: 2.5rem; } .mas2 .only-m-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .only-m-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .only-m-rem-mtop25 { margin-top: 2.5rem; } .mas2 .only-m-rem-mleft25 { margin-left: 2.5rem; } .mas2 .only-m-rem-mright25 { margin-right: 2.5rem; } .mas2 .only-m-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .only-m-rem-padd26 { padding: 2.6rem; } .mas2 .only-m-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .only-m-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .only-m-rem-ptop26 { padding-top: 2.6rem; } .mas2 .only-m-rem-pleft26 { padding-left: 2.6rem; } .mas2 .only-m-rem-pright26 { padding-right: 2.6rem; } .mas2 .only-m-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .only-m-rem-marg26 { margin: 2.6rem; } .mas2 .only-m-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .only-m-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .only-m-rem-mtop26 { margin-top: 2.6rem; } .mas2 .only-m-rem-mleft26 { margin-left: 2.6rem; } .mas2 .only-m-rem-mright26 { margin-right: 2.6rem; } .mas2 .only-m-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .only-m-rem-padd27 { padding: 2.7rem; } .mas2 .only-m-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .only-m-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .only-m-rem-ptop27 { padding-top: 2.7rem; } .mas2 .only-m-rem-pleft27 { padding-left: 2.7rem; } .mas2 .only-m-rem-pright27 { padding-right: 2.7rem; } .mas2 .only-m-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .only-m-rem-marg27 { margin: 2.7rem; } .mas2 .only-m-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .only-m-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .only-m-rem-mtop27 { margin-top: 2.7rem; } .mas2 .only-m-rem-mleft27 { margin-left: 2.7rem; } .mas2 .only-m-rem-mright27 { margin-right: 2.7rem; } .mas2 .only-m-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .only-m-rem-padd28 { padding: 2.8rem; } .mas2 .only-m-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .only-m-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .only-m-rem-ptop28 { padding-top: 2.8rem; } .mas2 .only-m-rem-pleft28 { padding-left: 2.8rem; } .mas2 .only-m-rem-pright28 { padding-right: 2.8rem; } .mas2 .only-m-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .only-m-rem-marg28 { margin: 2.8rem; } .mas2 .only-m-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .only-m-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .only-m-rem-mtop28 { margin-top: 2.8rem; } .mas2 .only-m-rem-mleft28 { margin-left: 2.8rem; } .mas2 .only-m-rem-mright28 { margin-right: 2.8rem; } .mas2 .only-m-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .only-m-rem-padd29 { padding: 2.9rem; } .mas2 .only-m-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .only-m-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .only-m-rem-ptop29 { padding-top: 2.9rem; } .mas2 .only-m-rem-pleft29 { padding-left: 2.9rem; } .mas2 .only-m-rem-pright29 { padding-right: 2.9rem; } .mas2 .only-m-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .only-m-rem-marg29 { margin: 2.9rem; } .mas2 .only-m-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .only-m-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .only-m-rem-mtop29 { margin-top: 2.9rem; } .mas2 .only-m-rem-mleft29 { margin-left: 2.9rem; } .mas2 .only-m-rem-mright29 { margin-right: 2.9rem; } .mas2 .only-m-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .only-m-rem-padd30 { padding: 3rem; } .mas2 .only-m-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .only-m-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .only-m-rem-ptop30 { padding-top: 3rem; } .mas2 .only-m-rem-pleft30 { padding-left: 3rem; } .mas2 .only-m-rem-pright30 { padding-right: 3rem; } .mas2 .only-m-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .only-m-rem-marg30 { margin: 3rem; } .mas2 .only-m-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .only-m-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .only-m-rem-mtop30 { margin-top: 3rem; } .mas2 .only-m-rem-mleft30 { margin-left: 3rem; } .mas2 .only-m-rem-mright30 { margin-right: 3rem; } .mas2 .only-m-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .only-m-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .only-m-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .only-m-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .only-m-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .only-m-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .only-m-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .only-m-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .only-m-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .only-m-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .only-m-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .only-m-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .only-m-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .only-m-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .only-m-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .only-m-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .only-m-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .only-m-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .only-m-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .only-m-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .only-m-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .only-m-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .only-m-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .only-m-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .only-m-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .only-m-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .only-m-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .only-m-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .only-m-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .only-m-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .only-m-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .only-m-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .only-m-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .only-m-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .only-m-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .only-m-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .only-m-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .only-m-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .only-m-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .only-m-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .only-m-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .only-m-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .only-m-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .only-m-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .only-m-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .only-m-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .only-m-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .only-m-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .only-m-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .only-m-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .only-m-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .only-m-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .only-m-lh10 { line-height: 1em; } .mas2 .only-m-lh11 { line-height: 1.1em; } .mas2 .only-m-lh12 { line-height: 1.2em; } .mas2 .only-m-lh13 { line-height: 1.3em; } .mas2 .only-m-lh14 { line-height: 1.4em; } .mas2 .only-m-lh15 { line-height: 1.5em; } .mas2 .only-m-lh16 { line-height: 1.6em; } .mas2 .only-m-lh17 { line-height: 1.7em; } .mas2 .only-m-lh18 { line-height: 1.8em; } .mas2 .only-m-lh19 { line-height: 1.9em; } .mas2 .only-m-lh20 { line-height: 2em; } .mas2 .only-m-italic { font-style: italic; } .mas2 .only-m-bold { font-weight: bold; } .mas2 .only-m-underline { text-decoration: underline; } .mas2 .only-m-fw100 { font-weight: 100; } .mas2 .only-m-fw200 { font-weight: 200; } .mas2 .only-m-fw300 { font-weight: 300; } .mas2 .only-m-fw400 { font-weight: 400; } .mas2 .only-m-fw500 { font-weight: 500; } .mas2 .only-m-fw600 { font-weight: 600; } .mas2 .only-m-fw700 { font-weight: 700; } .mas2 .only-m-fw800 { font-weight: 800; } .mas2 .only-m-fw900 { font-weight: 900; } .mas2 .only-m-tal { text-align: left; } .mas2 .only-m-tar { text-align: right; } .mas2 .only-m-tac { text-align: center; } .mas2 .only-m-vat { vertical-align: top; } .mas2 .only-m-vam { vertical-align: middle; } .mas2 .only-m-vab { vertical-align: bottom; } .mas2 .only-m-fl { float: left; } .mas2 .only-m-fr { float: right; } .mas2 .only-m-cb { clear: both; } .mas2 .only-m-dn { display: none; } .mas2 .only-m-z1 { z-index: 1; } .mas2 .only-m-z2 { z-index: 2; } .mas2 .only-m-z3 { z-index: 3; } .mas2 .only-m-z4 { z-index: 4; } .mas2 .only-m-z5 { z-index: 5; } .mas2 .only-m-z6 { z-index: 6; } .mas2 .only-m-z7 { z-index: 7; } .mas2 .only-m-z8 { z-index: 8; } .mas2 .only-m-op0 { opacity: 0; } .mas2 .only-m-transp0 { opacity: 1; } .mas2 .only-m-op10 { opacity: 0.1; } .mas2 .only-m-transp10 { opacity: 0.9; } .mas2 .only-m-op20 { opacity: 0.2; } .mas2 .only-m-transp20 { opacity: 0.8; } .mas2 .only-m-op30 { opacity: 0.3; } .mas2 .only-m-transp30 { opacity: 0.7; } .mas2 .only-m-op40 { opacity: 0.4; } .mas2 .only-m-transp40 { opacity: 0.6; } .mas2 .only-m-op50 { opacity: 0.5; } .mas2 .only-m-transp50 { opacity: 0.5; } .mas2 .only-m-op60 { opacity: 0.6; } .mas2 .only-m-transp60 { opacity: 0.4; } .mas2 .only-m-op70 { opacity: 0.7; } .mas2 .only-m-transp70 { opacity: 0.3; } .mas2 .only-m-op80 { opacity: 0.8; } .mas2 .only-m-transp80 { opacity: 0.2; } .mas2 .only-m-op90 { opacity: 0.9; } .mas2 .only-m-transp90 { opacity: 0.1; } .mas2 .only-m-op100 { opacity: 1; } .mas2 .only-m-transp100 { opacity: 0; } .mas2 .only-m-db-hover, .mas2 .only-m-db-hov { display: none; } .mas2 .only-m-op-hover, .mas2 .only-m-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .only-m-hover:hover .db-hover, .mas2 .only-m-hov:hover .db-hov { display: block; } .mas2 .only-m-hover:hover .op-hover, .mas2 .only-m-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .only-m-w100 { width: 100%; } .mas2 .only-m-h100 { height: 100%; } .mas2 .only-m-mw100 { max-width: 100%; } .mas2 .only-m-mh100 { max-height: 100%; } .mas2 .only-m-tdn { text-decoration: none; } .mas2 .only-m-tdni { text-decoration: none !important; } .mas2 .only-m-ttn { text-transform: none; } .mas2 .only-m-ttl { text-transform: lowercase; } .mas2 .only-m-ttu { text-transform: uppercase; } .mas2 .only-m-ttc { text-transform: capitalize; } .mas2 .only-m-center { margin-left: auto; margin-right: auto; } .mas2 .only-m-db { display: block; } .mas2 .only-m-dib { display: inline-block; } .mas2 .only-m-pr { position: relative; } .mas2 .only-m-pa { position: absolute; } .mas2 .only-m-pf { position: fixed; } .mas2 .only-m-pri { position: relative !important; } .mas2 .only-m-pai { position: absolute !important; } .mas2 .only-m-pfi { position: fixed !important; } .mas2 .only-m-ps { position: static !important; } .mas2 .only-m-pa-tr { top: 0; right: 0; } .mas2 .only-m-pa-tl { top: 0; left: 0; } .mas2 .only-m-pa-br { bottom: 0; right: 0; } .mas2 .only-m-pa-bl { bottom: 0; left: 0; } .mas2 .only-m-ofh { overflow: hidden; } .mas2 .only-m-ofa { overflow: auto; } .mas2 .only-m-wsnw { white-space: nowrap; } .mas2 .only-m-wsn { white-space: normal; } .mas2 .only-m-ls3 { letter-spacing: 3px; } .mas2 .only-m-ls4 { letter-spacing: 4px; } .mas2 .only-m-ls5 { letter-spacing: 5px; } .mas2 .only-m-ls6 { letter-spacing: 6px; } .mas2 .only-m-ls7 { letter-spacing: 7px; } .mas2 .only-m-ls8 { letter-spacing: 8px; } .mas2 .only-m-ls9 { letter-spacing: 9px; } .mas2 .only-m-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .only-m-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .only-m-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .only-m-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .only-m-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .only-m-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .only-m-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .only-m-solid1 { border-width: 1px; border-style: solid; } .mas2 .only-m-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .only-m-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .only-m-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .only-m-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .only-m-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .only-m-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .only-m-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .only-m-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .only-m-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .only-m-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .only-m-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .only-m-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .only-m-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .only-m-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .only-m-solid2 { border-width: 2px; border-style: solid; } .mas2 .only-m-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .only-m-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .only-m-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .only-m-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .only-m-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .only-m-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .only-m-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .only-m-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .only-m-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .only-m-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .only-m-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .only-m-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .only-m-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .only-m-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .only-m-solid3 { border-width: 3px; border-style: solid; } .mas2 .only-m-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .only-m-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .only-m-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .only-m-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .only-m-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .only-m-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .only-m-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .only-m-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .only-m-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .only-m-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .only-m-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .only-m-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .only-m-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .only-m-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .only-m-solid4 { border-width: 4px; border-style: solid; } .mas2 .only-m-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .only-m-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .only-m-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .only-m-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .only-m-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .only-m-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .only-m-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .only-m-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .only-m-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .only-m-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .only-m-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .only-m-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .only-m-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .only-m-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .only-m-solid5 { border-width: 5px; border-style: solid; } .mas2 .only-m-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .only-m-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .only-m-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .only-m-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .only-m-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .only-m-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .only-m-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .only-m-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .only-m-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .only-m-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .only-m-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .only-m-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .only-m-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .only-m-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .only-m-rad3 { border-radius: 3px; } .mas2 .only-m-rad3-tl { border-top-left-radius: 3px; } .mas2 .only-m-rad3-tr { border-top-right-radius: 3px; } .mas2 .only-m-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .only-m-rad3-br { border-bottom-right-radius: 3px; } .mas2 .only-m-rad4 { border-radius: 4px; } .mas2 .only-m-rad4-tl { border-top-left-radius: 4px; } .mas2 .only-m-rad4-tr { border-top-right-radius: 4px; } .mas2 .only-m-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .only-m-rad4-br { border-bottom-right-radius: 4px; } .mas2 .only-m-rad5 { border-radius: 5px; } .mas2 .only-m-rad5-tl { border-top-left-radius: 5px; } .mas2 .only-m-rad5-tr { border-top-right-radius: 5px; } .mas2 .only-m-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .only-m-rad5-br { border-bottom-right-radius: 5px; } .mas2 .only-m-rad6 { border-radius: 6px; } .mas2 .only-m-rad6-tl { border-top-left-radius: 6px; } .mas2 .only-m-rad6-tr { border-top-right-radius: 6px; } .mas2 .only-m-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .only-m-rad6-br { border-bottom-right-radius: 6px; } .mas2 .only-m-rad7 { border-radius: 7px; } .mas2 .only-m-rad7-tl { border-top-left-radius: 7px; } .mas2 .only-m-rad7-tr { border-top-right-radius: 7px; } .mas2 .only-m-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .only-m-rad7-br { border-bottom-right-radius: 7px; } .mas2 .only-m-rad8 { border-radius: 8px; } .mas2 .only-m-rad8-tl { border-top-left-radius: 8px; } .mas2 .only-m-rad8-tr { border-top-right-radius: 8px; } .mas2 .only-m-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .only-m-rad8-br { border-bottom-right-radius: 8px; } .mas2 .only-m-rad9 { border-radius: 9px; } .mas2 .only-m-rad9-tl { border-top-left-radius: 9px; } .mas2 .only-m-rad9-tr { border-top-right-radius: 9px; } .mas2 .only-m-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .only-m-rad9-br { border-bottom-right-radius: 9px; } .mas2 .only-m-rad10 { border-radius: 10px; } .mas2 .only-m-rad10-tl { border-top-left-radius: 10px; } .mas2 .only-m-rad10-tr { border-top-right-radius: 10px; } .mas2 .only-m-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .only-m-rad10-br { border-bottom-right-radius: 10px; } .mas2 .only-m-rad11 { border-radius: 11px; } .mas2 .only-m-rad11-tl { border-top-left-radius: 11px; } .mas2 .only-m-rad11-tr { border-top-right-radius: 11px; } .mas2 .only-m-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .only-m-rad11-br { border-bottom-right-radius: 11px; } .mas2 .only-m-rad12 { border-radius: 12px; } .mas2 .only-m-rad12-tl { border-top-left-radius: 12px; } .mas2 .only-m-rad12-tr { border-top-right-radius: 12px; } .mas2 .only-m-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .only-m-rad12-br { border-bottom-right-radius: 12px; } .mas2 .only-m-rad200 { border-radius: 200px; } } @media only screen and (min-width: 1024px) { .mas2 { /** magic **/ } .mas2 .h-padd0 { padding: 0px; } .mas2 .h-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .h-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .h-ptop0 { padding-top: 0px; } .mas2 .h-pleft0 { padding-left: 0px; } .mas2 .h-pright0 { padding-right: 0px; } .mas2 .h-pbottom0 { padding-bottom: 0px; } .mas2 .h-marg0 { margin: 0px; } .mas2 .h-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .h-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .h-mtop0 { margin-top: 0px; } .mas2 .h-mleft0 { margin-left: 0px; } .mas2 .h-mright0 { margin-right: 0px; } .mas2 .h-mbottom0 { margin-bottom: 0px; } .mas2 .h-padd2 { padding: 2px; } .mas2 .h-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .h-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .h-ptop2 { padding-top: 2px; } .mas2 .h-pleft2 { padding-left: 2px; } .mas2 .h-pright2 { padding-right: 2px; } .mas2 .h-pbottom2 { padding-bottom: 2px; } .mas2 .h-marg2 { margin: 2px; } .mas2 .h-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .h-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .h-mtop2 { margin-top: 2px; } .mas2 .h-mleft2 { margin-left: 2px; } .mas2 .h-mright2 { margin-right: 2px; } .mas2 .h-mbottom2 { margin-bottom: 2px; } .mas2 .h-padd3 { padding: 3px; } .mas2 .h-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .h-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .h-ptop3 { padding-top: 3px; } .mas2 .h-pleft3 { padding-left: 3px; } .mas2 .h-pright3 { padding-right: 3px; } .mas2 .h-pbottom3 { padding-bottom: 3px; } .mas2 .h-marg3 { margin: 3px; } .mas2 .h-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .h-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .h-mtop3 { margin-top: 3px; } .mas2 .h-mleft3 { margin-left: 3px; } .mas2 .h-mright3 { margin-right: 3px; } .mas2 .h-mbottom3 { margin-bottom: 3px; } .mas2 .h-padd4 { padding: 4px; } .mas2 .h-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .h-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .h-ptop4 { padding-top: 4px; } .mas2 .h-pleft4 { padding-left: 4px; } .mas2 .h-pright4 { padding-right: 4px; } .mas2 .h-pbottom4 { padding-bottom: 4px; } .mas2 .h-marg4 { margin: 4px; } .mas2 .h-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .h-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .h-mtop4 { margin-top: 4px; } .mas2 .h-mleft4 { margin-left: 4px; } .mas2 .h-mright4 { margin-right: 4px; } .mas2 .h-mbottom4 { margin-bottom: 4px; } .mas2 .h-padd5 { padding: 5px; } .mas2 .h-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .h-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .h-ptop5 { padding-top: 5px; } .mas2 .h-pleft5 { padding-left: 5px; } .mas2 .h-pright5 { padding-right: 5px; } .mas2 .h-pbottom5 { padding-bottom: 5px; } .mas2 .h-marg5 { margin: 5px; } .mas2 .h-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .h-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .h-mtop5 { margin-top: 5px; } .mas2 .h-mleft5 { margin-left: 5px; } .mas2 .h-mright5 { margin-right: 5px; } .mas2 .h-mbottom5 { margin-bottom: 5px; } .mas2 .h-padd10 { padding: 10px; } .mas2 .h-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .h-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .h-ptop10 { padding-top: 10px; } .mas2 .h-pleft10 { padding-left: 10px; } .mas2 .h-pright10 { padding-right: 10px; } .mas2 .h-pbottom10 { padding-bottom: 10px; } .mas2 .h-marg10 { margin: 10px; } .mas2 .h-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .h-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .h-mtop10 { margin-top: 10px; } .mas2 .h-mleft10 { margin-left: 10px; } .mas2 .h-mright10 { margin-right: 10px; } .mas2 .h-mbottom10 { margin-bottom: 10px; } .mas2 .h-padd15 { padding: 15px; } .mas2 .h-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .h-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .h-ptop15 { padding-top: 15px; } .mas2 .h-pleft15 { padding-left: 15px; } .mas2 .h-pright15 { padding-right: 15px; } .mas2 .h-pbottom15 { padding-bottom: 15px; } .mas2 .h-marg15 { margin: 15px; } .mas2 .h-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .h-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .h-mtop15 { margin-top: 15px; } .mas2 .h-mleft15 { margin-left: 15px; } .mas2 .h-mright15 { margin-right: 15px; } .mas2 .h-mbottom15 { margin-bottom: 15px; } .mas2 .h-padd20 { padding: 20px; } .mas2 .h-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .h-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .h-ptop20 { padding-top: 20px; } .mas2 .h-pleft20 { padding-left: 20px; } .mas2 .h-pright20 { padding-right: 20px; } .mas2 .h-pbottom20 { padding-bottom: 20px; } .mas2 .h-marg20 { margin: 20px; } .mas2 .h-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .h-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .h-mtop20 { margin-top: 20px; } .mas2 .h-mleft20 { margin-left: 20px; } .mas2 .h-mright20 { margin-right: 20px; } .mas2 .h-mbottom20 { margin-bottom: 20px; } .mas2 .h-padd25 { padding: 25px; } .mas2 .h-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .h-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .h-ptop25 { padding-top: 25px; } .mas2 .h-pleft25 { padding-left: 25px; } .mas2 .h-pright25 { padding-right: 25px; } .mas2 .h-pbottom25 { padding-bottom: 25px; } .mas2 .h-marg25 { margin: 25px; } .mas2 .h-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .h-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .h-mtop25 { margin-top: 25px; } .mas2 .h-mleft25 { margin-left: 25px; } .mas2 .h-mright25 { margin-right: 25px; } .mas2 .h-mbottom25 { margin-bottom: 25px; } .mas2 .h-padd30 { padding: 30px; } .mas2 .h-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .h-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .h-ptop30 { padding-top: 30px; } .mas2 .h-pleft30 { padding-left: 30px; } .mas2 .h-pright30 { padding-right: 30px; } .mas2 .h-pbottom30 { padding-bottom: 30px; } .mas2 .h-marg30 { margin: 30px; } .mas2 .h-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .h-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .h-mtop30 { margin-top: 30px; } .mas2 .h-mleft30 { margin-left: 30px; } .mas2 .h-mright30 { margin-right: 30px; } .mas2 .h-mbottom30 { margin-bottom: 30px; } .mas2 .h-padd40 { padding: 40px; } .mas2 .h-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .h-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .h-ptop40 { padding-top: 40px; } .mas2 .h-pleft40 { padding-left: 40px; } .mas2 .h-pright40 { padding-right: 40px; } .mas2 .h-pbottom40 { padding-bottom: 40px; } .mas2 .h-marg40 { margin: 40px; } .mas2 .h-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .h-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .h-mtop40 { margin-top: 40px; } .mas2 .h-mleft40 { margin-left: 40px; } .mas2 .h-mright40 { margin-right: 40px; } .mas2 .h-mbottom40 { margin-bottom: 40px; } .mas2 .h-rem-padd10 { padding: 1rem; } .mas2 .h-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .h-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .h-rem-ptop10 { padding-top: 1rem; } .mas2 .h-rem-pleft10 { padding-left: 1rem; } .mas2 .h-rem-pright10 { padding-right: 1rem; } .mas2 .h-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .h-rem-marg10 { margin: 1rem; } .mas2 .h-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .h-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .h-rem-mtop10 { margin-top: 1rem; } .mas2 .h-rem-mleft10 { margin-left: 1rem; } .mas2 .h-rem-mright10 { margin-right: 1rem; } .mas2 .h-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .h-rem-padd11 { padding: 1.1rem; } .mas2 .h-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .h-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .h-rem-ptop11 { padding-top: 1.1rem; } .mas2 .h-rem-pleft11 { padding-left: 1.1rem; } .mas2 .h-rem-pright11 { padding-right: 1.1rem; } .mas2 .h-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .h-rem-marg11 { margin: 1.1rem; } .mas2 .h-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .h-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .h-rem-mtop11 { margin-top: 1.1rem; } .mas2 .h-rem-mleft11 { margin-left: 1.1rem; } .mas2 .h-rem-mright11 { margin-right: 1.1rem; } .mas2 .h-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .h-rem-padd12 { padding: 1.2rem; } .mas2 .h-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .h-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .h-rem-ptop12 { padding-top: 1.2rem; } .mas2 .h-rem-pleft12 { padding-left: 1.2rem; } .mas2 .h-rem-pright12 { padding-right: 1.2rem; } .mas2 .h-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .h-rem-marg12 { margin: 1.2rem; } .mas2 .h-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .h-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .h-rem-mtop12 { margin-top: 1.2rem; } .mas2 .h-rem-mleft12 { margin-left: 1.2rem; } .mas2 .h-rem-mright12 { margin-right: 1.2rem; } .mas2 .h-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .h-rem-padd13 { padding: 1.3rem; } .mas2 .h-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .h-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .h-rem-ptop13 { padding-top: 1.3rem; } .mas2 .h-rem-pleft13 { padding-left: 1.3rem; } .mas2 .h-rem-pright13 { padding-right: 1.3rem; } .mas2 .h-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .h-rem-marg13 { margin: 1.3rem; } .mas2 .h-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .h-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .h-rem-mtop13 { margin-top: 1.3rem; } .mas2 .h-rem-mleft13 { margin-left: 1.3rem; } .mas2 .h-rem-mright13 { margin-right: 1.3rem; } .mas2 .h-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .h-rem-padd14 { padding: 1.4rem; } .mas2 .h-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .h-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .h-rem-ptop14 { padding-top: 1.4rem; } .mas2 .h-rem-pleft14 { padding-left: 1.4rem; } .mas2 .h-rem-pright14 { padding-right: 1.4rem; } .mas2 .h-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .h-rem-marg14 { margin: 1.4rem; } .mas2 .h-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .h-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .h-rem-mtop14 { margin-top: 1.4rem; } .mas2 .h-rem-mleft14 { margin-left: 1.4rem; } .mas2 .h-rem-mright14 { margin-right: 1.4rem; } .mas2 .h-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .h-rem-padd15 { padding: 1.5rem; } .mas2 .h-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .h-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .h-rem-ptop15 { padding-top: 1.5rem; } .mas2 .h-rem-pleft15 { padding-left: 1.5rem; } .mas2 .h-rem-pright15 { padding-right: 1.5rem; } .mas2 .h-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .h-rem-marg15 { margin: 1.5rem; } .mas2 .h-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .h-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .h-rem-mtop15 { margin-top: 1.5rem; } .mas2 .h-rem-mleft15 { margin-left: 1.5rem; } .mas2 .h-rem-mright15 { margin-right: 1.5rem; } .mas2 .h-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .h-rem-padd16 { padding: 1.6rem; } .mas2 .h-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .h-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .h-rem-ptop16 { padding-top: 1.6rem; } .mas2 .h-rem-pleft16 { padding-left: 1.6rem; } .mas2 .h-rem-pright16 { padding-right: 1.6rem; } .mas2 .h-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .h-rem-marg16 { margin: 1.6rem; } .mas2 .h-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .h-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .h-rem-mtop16 { margin-top: 1.6rem; } .mas2 .h-rem-mleft16 { margin-left: 1.6rem; } .mas2 .h-rem-mright16 { margin-right: 1.6rem; } .mas2 .h-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .h-rem-padd17 { padding: 1.7rem; } .mas2 .h-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .h-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .h-rem-ptop17 { padding-top: 1.7rem; } .mas2 .h-rem-pleft17 { padding-left: 1.7rem; } .mas2 .h-rem-pright17 { padding-right: 1.7rem; } .mas2 .h-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .h-rem-marg17 { margin: 1.7rem; } .mas2 .h-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .h-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .h-rem-mtop17 { margin-top: 1.7rem; } .mas2 .h-rem-mleft17 { margin-left: 1.7rem; } .mas2 .h-rem-mright17 { margin-right: 1.7rem; } .mas2 .h-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .h-rem-padd18 { padding: 1.8rem; } .mas2 .h-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .h-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .h-rem-ptop18 { padding-top: 1.8rem; } .mas2 .h-rem-pleft18 { padding-left: 1.8rem; } .mas2 .h-rem-pright18 { padding-right: 1.8rem; } .mas2 .h-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .h-rem-marg18 { margin: 1.8rem; } .mas2 .h-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .h-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .h-rem-mtop18 { margin-top: 1.8rem; } .mas2 .h-rem-mleft18 { margin-left: 1.8rem; } .mas2 .h-rem-mright18 { margin-right: 1.8rem; } .mas2 .h-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .h-rem-padd19 { padding: 1.9rem; } .mas2 .h-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .h-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .h-rem-ptop19 { padding-top: 1.9rem; } .mas2 .h-rem-pleft19 { padding-left: 1.9rem; } .mas2 .h-rem-pright19 { padding-right: 1.9rem; } .mas2 .h-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .h-rem-marg19 { margin: 1.9rem; } .mas2 .h-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .h-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .h-rem-mtop19 { margin-top: 1.9rem; } .mas2 .h-rem-mleft19 { margin-left: 1.9rem; } .mas2 .h-rem-mright19 { margin-right: 1.9rem; } .mas2 .h-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .h-rem-padd20 { padding: 2rem; } .mas2 .h-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .h-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .h-rem-ptop20 { padding-top: 2rem; } .mas2 .h-rem-pleft20 { padding-left: 2rem; } .mas2 .h-rem-pright20 { padding-right: 2rem; } .mas2 .h-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .h-rem-marg20 { margin: 2rem; } .mas2 .h-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .h-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .h-rem-mtop20 { margin-top: 2rem; } .mas2 .h-rem-mleft20 { margin-left: 2rem; } .mas2 .h-rem-mright20 { margin-right: 2rem; } .mas2 .h-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .h-rem-padd21 { padding: 2.1rem; } .mas2 .h-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .h-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .h-rem-ptop21 { padding-top: 2.1rem; } .mas2 .h-rem-pleft21 { padding-left: 2.1rem; } .mas2 .h-rem-pright21 { padding-right: 2.1rem; } .mas2 .h-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .h-rem-marg21 { margin: 2.1rem; } .mas2 .h-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .h-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .h-rem-mtop21 { margin-top: 2.1rem; } .mas2 .h-rem-mleft21 { margin-left: 2.1rem; } .mas2 .h-rem-mright21 { margin-right: 2.1rem; } .mas2 .h-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .h-rem-padd22 { padding: 2.2rem; } .mas2 .h-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .h-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .h-rem-ptop22 { padding-top: 2.2rem; } .mas2 .h-rem-pleft22 { padding-left: 2.2rem; } .mas2 .h-rem-pright22 { padding-right: 2.2rem; } .mas2 .h-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .h-rem-marg22 { margin: 2.2rem; } .mas2 .h-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .h-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .h-rem-mtop22 { margin-top: 2.2rem; } .mas2 .h-rem-mleft22 { margin-left: 2.2rem; } .mas2 .h-rem-mright22 { margin-right: 2.2rem; } .mas2 .h-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .h-rem-padd23 { padding: 2.3rem; } .mas2 .h-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .h-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .h-rem-ptop23 { padding-top: 2.3rem; } .mas2 .h-rem-pleft23 { padding-left: 2.3rem; } .mas2 .h-rem-pright23 { padding-right: 2.3rem; } .mas2 .h-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .h-rem-marg23 { margin: 2.3rem; } .mas2 .h-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .h-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .h-rem-mtop23 { margin-top: 2.3rem; } .mas2 .h-rem-mleft23 { margin-left: 2.3rem; } .mas2 .h-rem-mright23 { margin-right: 2.3rem; } .mas2 .h-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .h-rem-padd24 { padding: 2.4rem; } .mas2 .h-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .h-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .h-rem-ptop24 { padding-top: 2.4rem; } .mas2 .h-rem-pleft24 { padding-left: 2.4rem; } .mas2 .h-rem-pright24 { padding-right: 2.4rem; } .mas2 .h-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .h-rem-marg24 { margin: 2.4rem; } .mas2 .h-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .h-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .h-rem-mtop24 { margin-top: 2.4rem; } .mas2 .h-rem-mleft24 { margin-left: 2.4rem; } .mas2 .h-rem-mright24 { margin-right: 2.4rem; } .mas2 .h-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .h-rem-padd25 { padding: 2.5rem; } .mas2 .h-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .h-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .h-rem-ptop25 { padding-top: 2.5rem; } .mas2 .h-rem-pleft25 { padding-left: 2.5rem; } .mas2 .h-rem-pright25 { padding-right: 2.5rem; } .mas2 .h-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .h-rem-marg25 { margin: 2.5rem; } .mas2 .h-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .h-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .h-rem-mtop25 { margin-top: 2.5rem; } .mas2 .h-rem-mleft25 { margin-left: 2.5rem; } .mas2 .h-rem-mright25 { margin-right: 2.5rem; } .mas2 .h-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .h-rem-padd26 { padding: 2.6rem; } .mas2 .h-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .h-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .h-rem-ptop26 { padding-top: 2.6rem; } .mas2 .h-rem-pleft26 { padding-left: 2.6rem; } .mas2 .h-rem-pright26 { padding-right: 2.6rem; } .mas2 .h-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .h-rem-marg26 { margin: 2.6rem; } .mas2 .h-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .h-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .h-rem-mtop26 { margin-top: 2.6rem; } .mas2 .h-rem-mleft26 { margin-left: 2.6rem; } .mas2 .h-rem-mright26 { margin-right: 2.6rem; } .mas2 .h-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .h-rem-padd27 { padding: 2.7rem; } .mas2 .h-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .h-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .h-rem-ptop27 { padding-top: 2.7rem; } .mas2 .h-rem-pleft27 { padding-left: 2.7rem; } .mas2 .h-rem-pright27 { padding-right: 2.7rem; } .mas2 .h-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .h-rem-marg27 { margin: 2.7rem; } .mas2 .h-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .h-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .h-rem-mtop27 { margin-top: 2.7rem; } .mas2 .h-rem-mleft27 { margin-left: 2.7rem; } .mas2 .h-rem-mright27 { margin-right: 2.7rem; } .mas2 .h-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .h-rem-padd28 { padding: 2.8rem; } .mas2 .h-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .h-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .h-rem-ptop28 { padding-top: 2.8rem; } .mas2 .h-rem-pleft28 { padding-left: 2.8rem; } .mas2 .h-rem-pright28 { padding-right: 2.8rem; } .mas2 .h-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .h-rem-marg28 { margin: 2.8rem; } .mas2 .h-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .h-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .h-rem-mtop28 { margin-top: 2.8rem; } .mas2 .h-rem-mleft28 { margin-left: 2.8rem; } .mas2 .h-rem-mright28 { margin-right: 2.8rem; } .mas2 .h-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .h-rem-padd29 { padding: 2.9rem; } .mas2 .h-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .h-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .h-rem-ptop29 { padding-top: 2.9rem; } .mas2 .h-rem-pleft29 { padding-left: 2.9rem; } .mas2 .h-rem-pright29 { padding-right: 2.9rem; } .mas2 .h-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .h-rem-marg29 { margin: 2.9rem; } .mas2 .h-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .h-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .h-rem-mtop29 { margin-top: 2.9rem; } .mas2 .h-rem-mleft29 { margin-left: 2.9rem; } .mas2 .h-rem-mright29 { margin-right: 2.9rem; } .mas2 .h-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .h-rem-padd30 { padding: 3rem; } .mas2 .h-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .h-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .h-rem-ptop30 { padding-top: 3rem; } .mas2 .h-rem-pleft30 { padding-left: 3rem; } .mas2 .h-rem-pright30 { padding-right: 3rem; } .mas2 .h-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .h-rem-marg30 { margin: 3rem; } .mas2 .h-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .h-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .h-rem-mtop30 { margin-top: 3rem; } .mas2 .h-rem-mleft30 { margin-left: 3rem; } .mas2 .h-rem-mright30 { margin-right: 3rem; } .mas2 .h-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .h-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .h-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .h-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .h-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .h-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .h-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .h-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .h-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .h-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .h-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .h-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .h-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .h-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .h-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .h-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .h-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .h-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .h-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .h-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .h-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .h-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .h-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .h-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .h-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .h-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .h-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .h-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .h-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .h-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .h-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .h-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .h-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .h-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .h-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .h-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .h-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .h-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .h-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .h-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .h-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .h-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .h-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .h-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .h-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .h-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .h-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .h-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .h-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .h-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .h-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .h-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .h-lh10 { line-height: 1em; } .mas2 .h-lh11 { line-height: 1.1em; } .mas2 .h-lh12 { line-height: 1.2em; } .mas2 .h-lh13 { line-height: 1.3em; } .mas2 .h-lh14 { line-height: 1.4em; } .mas2 .h-lh15 { line-height: 1.5em; } .mas2 .h-lh16 { line-height: 1.6em; } .mas2 .h-lh17 { line-height: 1.7em; } .mas2 .h-lh18 { line-height: 1.8em; } .mas2 .h-lh19 { line-height: 1.9em; } .mas2 .h-lh20 { line-height: 2em; } .mas2 .h-italic { font-style: italic; } .mas2 .h-bold { font-weight: bold; } .mas2 .h-underline { text-decoration: underline; } .mas2 .h-fw100 { font-weight: 100; } .mas2 .h-fw200 { font-weight: 200; } .mas2 .h-fw300 { font-weight: 300; } .mas2 .h-fw400 { font-weight: 400; } .mas2 .h-fw500 { font-weight: 500; } .mas2 .h-fw600 { font-weight: 600; } .mas2 .h-fw700 { font-weight: 700; } .mas2 .h-fw800 { font-weight: 800; } .mas2 .h-fw900 { font-weight: 900; } .mas2 .h-tal { text-align: left; } .mas2 .h-tar { text-align: right; } .mas2 .h-tac { text-align: center; } .mas2 .h-vat { vertical-align: top; } .mas2 .h-vam { vertical-align: middle; } .mas2 .h-vab { vertical-align: bottom; } .mas2 .h-fl { float: left; } .mas2 .h-fr { float: right; } .mas2 .h-cb { clear: both; } .mas2 .h-dn { display: none; } .mas2 .h-z1 { z-index: 1; } .mas2 .h-z2 { z-index: 2; } .mas2 .h-z3 { z-index: 3; } .mas2 .h-z4 { z-index: 4; } .mas2 .h-z5 { z-index: 5; } .mas2 .h-z6 { z-index: 6; } .mas2 .h-z7 { z-index: 7; } .mas2 .h-z8 { z-index: 8; } .mas2 .h-op0 { opacity: 0; } .mas2 .h-transp0 { opacity: 1; } .mas2 .h-op10 { opacity: 0.1; } .mas2 .h-transp10 { opacity: 0.9; } .mas2 .h-op20 { opacity: 0.2; } .mas2 .h-transp20 { opacity: 0.8; } .mas2 .h-op30 { opacity: 0.3; } .mas2 .h-transp30 { opacity: 0.7; } .mas2 .h-op40 { opacity: 0.4; } .mas2 .h-transp40 { opacity: 0.6; } .mas2 .h-op50 { opacity: 0.5; } .mas2 .h-transp50 { opacity: 0.5; } .mas2 .h-op60 { opacity: 0.6; } .mas2 .h-transp60 { opacity: 0.4; } .mas2 .h-op70 { opacity: 0.7; } .mas2 .h-transp70 { opacity: 0.3; } .mas2 .h-op80 { opacity: 0.8; } .mas2 .h-transp80 { opacity: 0.2; } .mas2 .h-op90 { opacity: 0.9; } .mas2 .h-transp90 { opacity: 0.1; } .mas2 .h-op100 { opacity: 1; } .mas2 .h-transp100 { opacity: 0; } .mas2 .h-db-hover, .mas2 .h-db-hov { display: none; } .mas2 .h-op-hover, .mas2 .h-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .h-hover:hover .db-hover, .mas2 .h-hov:hover .db-hov { display: block; } .mas2 .h-hover:hover .op-hover, .mas2 .h-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .h-w100 { width: 100%; } .mas2 .h-h100 { height: 100%; } .mas2 .h-mw100 { max-width: 100%; } .mas2 .h-mh100 { max-height: 100%; } .mas2 .h-tdn { text-decoration: none; } .mas2 .h-tdni { text-decoration: none !important; } .mas2 .h-ttn { text-transform: none; } .mas2 .h-ttl { text-transform: lowercase; } .mas2 .h-ttu { text-transform: uppercase; } .mas2 .h-ttc { text-transform: capitalize; } .mas2 .h-center { margin-left: auto; margin-right: auto; } .mas2 .h-db { display: block; } .mas2 .h-dib { display: inline-block; } .mas2 .h-pr { position: relative; } .mas2 .h-pa { position: absolute; } .mas2 .h-pf { position: fixed; } .mas2 .h-pri { position: relative !important; } .mas2 .h-pai { position: absolute !important; } .mas2 .h-pfi { position: fixed !important; } .mas2 .h-ps { position: static !important; } .mas2 .h-pa-tr { top: 0; right: 0; } .mas2 .h-pa-tl { top: 0; left: 0; } .mas2 .h-pa-br { bottom: 0; right: 0; } .mas2 .h-pa-bl { bottom: 0; left: 0; } .mas2 .h-ofh { overflow: hidden; } .mas2 .h-ofa { overflow: auto; } .mas2 .h-wsnw { white-space: nowrap; } .mas2 .h-wsn { white-space: normal; } .mas2 .h-ls3 { letter-spacing: 3px; } .mas2 .h-ls4 { letter-spacing: 4px; } .mas2 .h-ls5 { letter-spacing: 5px; } .mas2 .h-ls6 { letter-spacing: 6px; } .mas2 .h-ls7 { letter-spacing: 7px; } .mas2 .h-ls8 { letter-spacing: 8px; } .mas2 .h-ls9 { letter-spacing: 9px; } .mas2 .h-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .h-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .h-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .h-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .h-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .h-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .h-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .h-solid1 { border-width: 1px; border-style: solid; } .mas2 .h-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .h-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .h-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .h-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .h-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .h-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .h-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .h-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .h-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .h-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .h-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .h-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .h-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .h-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .h-solid2 { border-width: 2px; border-style: solid; } .mas2 .h-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .h-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .h-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .h-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .h-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .h-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .h-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .h-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .h-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .h-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .h-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .h-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .h-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .h-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .h-solid3 { border-width: 3px; border-style: solid; } .mas2 .h-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .h-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .h-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .h-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .h-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .h-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .h-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .h-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .h-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .h-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .h-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .h-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .h-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .h-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .h-solid4 { border-width: 4px; border-style: solid; } .mas2 .h-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .h-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .h-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .h-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .h-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .h-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .h-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .h-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .h-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .h-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .h-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .h-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .h-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .h-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .h-solid5 { border-width: 5px; border-style: solid; } .mas2 .h-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .h-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .h-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .h-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .h-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .h-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .h-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .h-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .h-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .h-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .h-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .h-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .h-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .h-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .h-rad3 { border-radius: 3px; } .mas2 .h-rad3-tl { border-top-left-radius: 3px; } .mas2 .h-rad3-tr { border-top-right-radius: 3px; } .mas2 .h-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .h-rad3-br { border-bottom-right-radius: 3px; } .mas2 .h-rad4 { border-radius: 4px; } .mas2 .h-rad4-tl { border-top-left-radius: 4px; } .mas2 .h-rad4-tr { border-top-right-radius: 4px; } .mas2 .h-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .h-rad4-br { border-bottom-right-radius: 4px; } .mas2 .h-rad5 { border-radius: 5px; } .mas2 .h-rad5-tl { border-top-left-radius: 5px; } .mas2 .h-rad5-tr { border-top-right-radius: 5px; } .mas2 .h-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .h-rad5-br { border-bottom-right-radius: 5px; } .mas2 .h-rad6 { border-radius: 6px; } .mas2 .h-rad6-tl { border-top-left-radius: 6px; } .mas2 .h-rad6-tr { border-top-right-radius: 6px; } .mas2 .h-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .h-rad6-br { border-bottom-right-radius: 6px; } .mas2 .h-rad7 { border-radius: 7px; } .mas2 .h-rad7-tl { border-top-left-radius: 7px; } .mas2 .h-rad7-tr { border-top-right-radius: 7px; } .mas2 .h-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .h-rad7-br { border-bottom-right-radius: 7px; } .mas2 .h-rad8 { border-radius: 8px; } .mas2 .h-rad8-tl { border-top-left-radius: 8px; } .mas2 .h-rad8-tr { border-top-right-radius: 8px; } .mas2 .h-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .h-rad8-br { border-bottom-right-radius: 8px; } .mas2 .h-rad9 { border-radius: 9px; } .mas2 .h-rad9-tl { border-top-left-radius: 9px; } .mas2 .h-rad9-tr { border-top-right-radius: 9px; } .mas2 .h-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .h-rad9-br { border-bottom-right-radius: 9px; } .mas2 .h-rad10 { border-radius: 10px; } .mas2 .h-rad10-tl { border-top-left-radius: 10px; } .mas2 .h-rad10-tr { border-top-right-radius: 10px; } .mas2 .h-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .h-rad10-br { border-bottom-right-radius: 10px; } .mas2 .h-rad11 { border-radius: 11px; } .mas2 .h-rad11-tl { border-top-left-radius: 11px; } .mas2 .h-rad11-tr { border-top-right-radius: 11px; } .mas2 .h-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .h-rad11-br { border-bottom-right-radius: 11px; } .mas2 .h-rad12 { border-radius: 12px; } .mas2 .h-rad12-tl { border-top-left-radius: 12px; } .mas2 .h-rad12-tr { border-top-right-radius: 12px; } .mas2 .h-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .h-rad12-br { border-bottom-right-radius: 12px; } .mas2 .h-rad200 { border-radius: 200px; } } @media only screen and (min-width: 1024px) { .mas2 { /** magic **/ } .mas2 .only-h-padd0 { padding: 0px; } .mas2 .only-h-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .only-h-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .only-h-ptop0 { padding-top: 0px; } .mas2 .only-h-pleft0 { padding-left: 0px; } .mas2 .only-h-pright0 { padding-right: 0px; } .mas2 .only-h-pbottom0 { padding-bottom: 0px; } .mas2 .only-h-marg0 { margin: 0px; } .mas2 .only-h-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .only-h-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .only-h-mtop0 { margin-top: 0px; } .mas2 .only-h-mleft0 { margin-left: 0px; } .mas2 .only-h-mright0 { margin-right: 0px; } .mas2 .only-h-mbottom0 { margin-bottom: 0px; } .mas2 .only-h-padd2 { padding: 2px; } .mas2 .only-h-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .only-h-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .only-h-ptop2 { padding-top: 2px; } .mas2 .only-h-pleft2 { padding-left: 2px; } .mas2 .only-h-pright2 { padding-right: 2px; } .mas2 .only-h-pbottom2 { padding-bottom: 2px; } .mas2 .only-h-marg2 { margin: 2px; } .mas2 .only-h-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .only-h-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .only-h-mtop2 { margin-top: 2px; } .mas2 .only-h-mleft2 { margin-left: 2px; } .mas2 .only-h-mright2 { margin-right: 2px; } .mas2 .only-h-mbottom2 { margin-bottom: 2px; } .mas2 .only-h-padd3 { padding: 3px; } .mas2 .only-h-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .only-h-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .only-h-ptop3 { padding-top: 3px; } .mas2 .only-h-pleft3 { padding-left: 3px; } .mas2 .only-h-pright3 { padding-right: 3px; } .mas2 .only-h-pbottom3 { padding-bottom: 3px; } .mas2 .only-h-marg3 { margin: 3px; } .mas2 .only-h-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .only-h-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .only-h-mtop3 { margin-top: 3px; } .mas2 .only-h-mleft3 { margin-left: 3px; } .mas2 .only-h-mright3 { margin-right: 3px; } .mas2 .only-h-mbottom3 { margin-bottom: 3px; } .mas2 .only-h-padd4 { padding: 4px; } .mas2 .only-h-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .only-h-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .only-h-ptop4 { padding-top: 4px; } .mas2 .only-h-pleft4 { padding-left: 4px; } .mas2 .only-h-pright4 { padding-right: 4px; } .mas2 .only-h-pbottom4 { padding-bottom: 4px; } .mas2 .only-h-marg4 { margin: 4px; } .mas2 .only-h-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .only-h-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .only-h-mtop4 { margin-top: 4px; } .mas2 .only-h-mleft4 { margin-left: 4px; } .mas2 .only-h-mright4 { margin-right: 4px; } .mas2 .only-h-mbottom4 { margin-bottom: 4px; } .mas2 .only-h-padd5 { padding: 5px; } .mas2 .only-h-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .only-h-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .only-h-ptop5 { padding-top: 5px; } .mas2 .only-h-pleft5 { padding-left: 5px; } .mas2 .only-h-pright5 { padding-right: 5px; } .mas2 .only-h-pbottom5 { padding-bottom: 5px; } .mas2 .only-h-marg5 { margin: 5px; } .mas2 .only-h-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .only-h-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .only-h-mtop5 { margin-top: 5px; } .mas2 .only-h-mleft5 { margin-left: 5px; } .mas2 .only-h-mright5 { margin-right: 5px; } .mas2 .only-h-mbottom5 { margin-bottom: 5px; } .mas2 .only-h-padd10 { padding: 10px; } .mas2 .only-h-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .only-h-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .only-h-ptop10 { padding-top: 10px; } .mas2 .only-h-pleft10 { padding-left: 10px; } .mas2 .only-h-pright10 { padding-right: 10px; } .mas2 .only-h-pbottom10 { padding-bottom: 10px; } .mas2 .only-h-marg10 { margin: 10px; } .mas2 .only-h-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .only-h-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .only-h-mtop10 { margin-top: 10px; } .mas2 .only-h-mleft10 { margin-left: 10px; } .mas2 .only-h-mright10 { margin-right: 10px; } .mas2 .only-h-mbottom10 { margin-bottom: 10px; } .mas2 .only-h-padd15 { padding: 15px; } .mas2 .only-h-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .only-h-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .only-h-ptop15 { padding-top: 15px; } .mas2 .only-h-pleft15 { padding-left: 15px; } .mas2 .only-h-pright15 { padding-right: 15px; } .mas2 .only-h-pbottom15 { padding-bottom: 15px; } .mas2 .only-h-marg15 { margin: 15px; } .mas2 .only-h-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .only-h-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .only-h-mtop15 { margin-top: 15px; } .mas2 .only-h-mleft15 { margin-left: 15px; } .mas2 .only-h-mright15 { margin-right: 15px; } .mas2 .only-h-mbottom15 { margin-bottom: 15px; } .mas2 .only-h-padd20 { padding: 20px; } .mas2 .only-h-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .only-h-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .only-h-ptop20 { padding-top: 20px; } .mas2 .only-h-pleft20 { padding-left: 20px; } .mas2 .only-h-pright20 { padding-right: 20px; } .mas2 .only-h-pbottom20 { padding-bottom: 20px; } .mas2 .only-h-marg20 { margin: 20px; } .mas2 .only-h-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .only-h-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .only-h-mtop20 { margin-top: 20px; } .mas2 .only-h-mleft20 { margin-left: 20px; } .mas2 .only-h-mright20 { margin-right: 20px; } .mas2 .only-h-mbottom20 { margin-bottom: 20px; } .mas2 .only-h-padd25 { padding: 25px; } .mas2 .only-h-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .only-h-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .only-h-ptop25 { padding-top: 25px; } .mas2 .only-h-pleft25 { padding-left: 25px; } .mas2 .only-h-pright25 { padding-right: 25px; } .mas2 .only-h-pbottom25 { padding-bottom: 25px; } .mas2 .only-h-marg25 { margin: 25px; } .mas2 .only-h-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .only-h-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .only-h-mtop25 { margin-top: 25px; } .mas2 .only-h-mleft25 { margin-left: 25px; } .mas2 .only-h-mright25 { margin-right: 25px; } .mas2 .only-h-mbottom25 { margin-bottom: 25px; } .mas2 .only-h-padd30 { padding: 30px; } .mas2 .only-h-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .only-h-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .only-h-ptop30 { padding-top: 30px; } .mas2 .only-h-pleft30 { padding-left: 30px; } .mas2 .only-h-pright30 { padding-right: 30px; } .mas2 .only-h-pbottom30 { padding-bottom: 30px; } .mas2 .only-h-marg30 { margin: 30px; } .mas2 .only-h-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .only-h-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .only-h-mtop30 { margin-top: 30px; } .mas2 .only-h-mleft30 { margin-left: 30px; } .mas2 .only-h-mright30 { margin-right: 30px; } .mas2 .only-h-mbottom30 { margin-bottom: 30px; } .mas2 .only-h-padd40 { padding: 40px; } .mas2 .only-h-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .only-h-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .only-h-ptop40 { padding-top: 40px; } .mas2 .only-h-pleft40 { padding-left: 40px; } .mas2 .only-h-pright40 { padding-right: 40px; } .mas2 .only-h-pbottom40 { padding-bottom: 40px; } .mas2 .only-h-marg40 { margin: 40px; } .mas2 .only-h-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .only-h-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .only-h-mtop40 { margin-top: 40px; } .mas2 .only-h-mleft40 { margin-left: 40px; } .mas2 .only-h-mright40 { margin-right: 40px; } .mas2 .only-h-mbottom40 { margin-bottom: 40px; } .mas2 .only-h-rem-padd10 { padding: 1rem; } .mas2 .only-h-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .only-h-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .only-h-rem-ptop10 { padding-top: 1rem; } .mas2 .only-h-rem-pleft10 { padding-left: 1rem; } .mas2 .only-h-rem-pright10 { padding-right: 1rem; } .mas2 .only-h-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .only-h-rem-marg10 { margin: 1rem; } .mas2 .only-h-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .only-h-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .only-h-rem-mtop10 { margin-top: 1rem; } .mas2 .only-h-rem-mleft10 { margin-left: 1rem; } .mas2 .only-h-rem-mright10 { margin-right: 1rem; } .mas2 .only-h-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .only-h-rem-padd11 { padding: 1.1rem; } .mas2 .only-h-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .only-h-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .only-h-rem-ptop11 { padding-top: 1.1rem; } .mas2 .only-h-rem-pleft11 { padding-left: 1.1rem; } .mas2 .only-h-rem-pright11 { padding-right: 1.1rem; } .mas2 .only-h-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .only-h-rem-marg11 { margin: 1.1rem; } .mas2 .only-h-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .only-h-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .only-h-rem-mtop11 { margin-top: 1.1rem; } .mas2 .only-h-rem-mleft11 { margin-left: 1.1rem; } .mas2 .only-h-rem-mright11 { margin-right: 1.1rem; } .mas2 .only-h-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .only-h-rem-padd12 { padding: 1.2rem; } .mas2 .only-h-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .only-h-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .only-h-rem-ptop12 { padding-top: 1.2rem; } .mas2 .only-h-rem-pleft12 { padding-left: 1.2rem; } .mas2 .only-h-rem-pright12 { padding-right: 1.2rem; } .mas2 .only-h-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .only-h-rem-marg12 { margin: 1.2rem; } .mas2 .only-h-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .only-h-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .only-h-rem-mtop12 { margin-top: 1.2rem; } .mas2 .only-h-rem-mleft12 { margin-left: 1.2rem; } .mas2 .only-h-rem-mright12 { margin-right: 1.2rem; } .mas2 .only-h-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .only-h-rem-padd13 { padding: 1.3rem; } .mas2 .only-h-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .only-h-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .only-h-rem-ptop13 { padding-top: 1.3rem; } .mas2 .only-h-rem-pleft13 { padding-left: 1.3rem; } .mas2 .only-h-rem-pright13 { padding-right: 1.3rem; } .mas2 .only-h-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .only-h-rem-marg13 { margin: 1.3rem; } .mas2 .only-h-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .only-h-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .only-h-rem-mtop13 { margin-top: 1.3rem; } .mas2 .only-h-rem-mleft13 { margin-left: 1.3rem; } .mas2 .only-h-rem-mright13 { margin-right: 1.3rem; } .mas2 .only-h-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .only-h-rem-padd14 { padding: 1.4rem; } .mas2 .only-h-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .only-h-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .only-h-rem-ptop14 { padding-top: 1.4rem; } .mas2 .only-h-rem-pleft14 { padding-left: 1.4rem; } .mas2 .only-h-rem-pright14 { padding-right: 1.4rem; } .mas2 .only-h-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .only-h-rem-marg14 { margin: 1.4rem; } .mas2 .only-h-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .only-h-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .only-h-rem-mtop14 { margin-top: 1.4rem; } .mas2 .only-h-rem-mleft14 { margin-left: 1.4rem; } .mas2 .only-h-rem-mright14 { margin-right: 1.4rem; } .mas2 .only-h-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .only-h-rem-padd15 { padding: 1.5rem; } .mas2 .only-h-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .only-h-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .only-h-rem-ptop15 { padding-top: 1.5rem; } .mas2 .only-h-rem-pleft15 { padding-left: 1.5rem; } .mas2 .only-h-rem-pright15 { padding-right: 1.5rem; } .mas2 .only-h-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .only-h-rem-marg15 { margin: 1.5rem; } .mas2 .only-h-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .only-h-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .only-h-rem-mtop15 { margin-top: 1.5rem; } .mas2 .only-h-rem-mleft15 { margin-left: 1.5rem; } .mas2 .only-h-rem-mright15 { margin-right: 1.5rem; } .mas2 .only-h-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .only-h-rem-padd16 { padding: 1.6rem; } .mas2 .only-h-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .only-h-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .only-h-rem-ptop16 { padding-top: 1.6rem; } .mas2 .only-h-rem-pleft16 { padding-left: 1.6rem; } .mas2 .only-h-rem-pright16 { padding-right: 1.6rem; } .mas2 .only-h-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .only-h-rem-marg16 { margin: 1.6rem; } .mas2 .only-h-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .only-h-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .only-h-rem-mtop16 { margin-top: 1.6rem; } .mas2 .only-h-rem-mleft16 { margin-left: 1.6rem; } .mas2 .only-h-rem-mright16 { margin-right: 1.6rem; } .mas2 .only-h-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .only-h-rem-padd17 { padding: 1.7rem; } .mas2 .only-h-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .only-h-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .only-h-rem-ptop17 { padding-top: 1.7rem; } .mas2 .only-h-rem-pleft17 { padding-left: 1.7rem; } .mas2 .only-h-rem-pright17 { padding-right: 1.7rem; } .mas2 .only-h-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .only-h-rem-marg17 { margin: 1.7rem; } .mas2 .only-h-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .only-h-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .only-h-rem-mtop17 { margin-top: 1.7rem; } .mas2 .only-h-rem-mleft17 { margin-left: 1.7rem; } .mas2 .only-h-rem-mright17 { margin-right: 1.7rem; } .mas2 .only-h-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .only-h-rem-padd18 { padding: 1.8rem; } .mas2 .only-h-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .only-h-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .only-h-rem-ptop18 { padding-top: 1.8rem; } .mas2 .only-h-rem-pleft18 { padding-left: 1.8rem; } .mas2 .only-h-rem-pright18 { padding-right: 1.8rem; } .mas2 .only-h-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .only-h-rem-marg18 { margin: 1.8rem; } .mas2 .only-h-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .only-h-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .only-h-rem-mtop18 { margin-top: 1.8rem; } .mas2 .only-h-rem-mleft18 { margin-left: 1.8rem; } .mas2 .only-h-rem-mright18 { margin-right: 1.8rem; } .mas2 .only-h-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .only-h-rem-padd19 { padding: 1.9rem; } .mas2 .only-h-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .only-h-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .only-h-rem-ptop19 { padding-top: 1.9rem; } .mas2 .only-h-rem-pleft19 { padding-left: 1.9rem; } .mas2 .only-h-rem-pright19 { padding-right: 1.9rem; } .mas2 .only-h-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .only-h-rem-marg19 { margin: 1.9rem; } .mas2 .only-h-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .only-h-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .only-h-rem-mtop19 { margin-top: 1.9rem; } .mas2 .only-h-rem-mleft19 { margin-left: 1.9rem; } .mas2 .only-h-rem-mright19 { margin-right: 1.9rem; } .mas2 .only-h-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .only-h-rem-padd20 { padding: 2rem; } .mas2 .only-h-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .only-h-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .only-h-rem-ptop20 { padding-top: 2rem; } .mas2 .only-h-rem-pleft20 { padding-left: 2rem; } .mas2 .only-h-rem-pright20 { padding-right: 2rem; } .mas2 .only-h-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .only-h-rem-marg20 { margin: 2rem; } .mas2 .only-h-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .only-h-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .only-h-rem-mtop20 { margin-top: 2rem; } .mas2 .only-h-rem-mleft20 { margin-left: 2rem; } .mas2 .only-h-rem-mright20 { margin-right: 2rem; } .mas2 .only-h-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .only-h-rem-padd21 { padding: 2.1rem; } .mas2 .only-h-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .only-h-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .only-h-rem-ptop21 { padding-top: 2.1rem; } .mas2 .only-h-rem-pleft21 { padding-left: 2.1rem; } .mas2 .only-h-rem-pright21 { padding-right: 2.1rem; } .mas2 .only-h-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .only-h-rem-marg21 { margin: 2.1rem; } .mas2 .only-h-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .only-h-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .only-h-rem-mtop21 { margin-top: 2.1rem; } .mas2 .only-h-rem-mleft21 { margin-left: 2.1rem; } .mas2 .only-h-rem-mright21 { margin-right: 2.1rem; } .mas2 .only-h-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .only-h-rem-padd22 { padding: 2.2rem; } .mas2 .only-h-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .only-h-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .only-h-rem-ptop22 { padding-top: 2.2rem; } .mas2 .only-h-rem-pleft22 { padding-left: 2.2rem; } .mas2 .only-h-rem-pright22 { padding-right: 2.2rem; } .mas2 .only-h-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .only-h-rem-marg22 { margin: 2.2rem; } .mas2 .only-h-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .only-h-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .only-h-rem-mtop22 { margin-top: 2.2rem; } .mas2 .only-h-rem-mleft22 { margin-left: 2.2rem; } .mas2 .only-h-rem-mright22 { margin-right: 2.2rem; } .mas2 .only-h-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .only-h-rem-padd23 { padding: 2.3rem; } .mas2 .only-h-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .only-h-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .only-h-rem-ptop23 { padding-top: 2.3rem; } .mas2 .only-h-rem-pleft23 { padding-left: 2.3rem; } .mas2 .only-h-rem-pright23 { padding-right: 2.3rem; } .mas2 .only-h-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .only-h-rem-marg23 { margin: 2.3rem; } .mas2 .only-h-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .only-h-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .only-h-rem-mtop23 { margin-top: 2.3rem; } .mas2 .only-h-rem-mleft23 { margin-left: 2.3rem; } .mas2 .only-h-rem-mright23 { margin-right: 2.3rem; } .mas2 .only-h-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .only-h-rem-padd24 { padding: 2.4rem; } .mas2 .only-h-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .only-h-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .only-h-rem-ptop24 { padding-top: 2.4rem; } .mas2 .only-h-rem-pleft24 { padding-left: 2.4rem; } .mas2 .only-h-rem-pright24 { padding-right: 2.4rem; } .mas2 .only-h-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .only-h-rem-marg24 { margin: 2.4rem; } .mas2 .only-h-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .only-h-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .only-h-rem-mtop24 { margin-top: 2.4rem; } .mas2 .only-h-rem-mleft24 { margin-left: 2.4rem; } .mas2 .only-h-rem-mright24 { margin-right: 2.4rem; } .mas2 .only-h-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .only-h-rem-padd25 { padding: 2.5rem; } .mas2 .only-h-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .only-h-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .only-h-rem-ptop25 { padding-top: 2.5rem; } .mas2 .only-h-rem-pleft25 { padding-left: 2.5rem; } .mas2 .only-h-rem-pright25 { padding-right: 2.5rem; } .mas2 .only-h-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .only-h-rem-marg25 { margin: 2.5rem; } .mas2 .only-h-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .only-h-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .only-h-rem-mtop25 { margin-top: 2.5rem; } .mas2 .only-h-rem-mleft25 { margin-left: 2.5rem; } .mas2 .only-h-rem-mright25 { margin-right: 2.5rem; } .mas2 .only-h-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .only-h-rem-padd26 { padding: 2.6rem; } .mas2 .only-h-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .only-h-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .only-h-rem-ptop26 { padding-top: 2.6rem; } .mas2 .only-h-rem-pleft26 { padding-left: 2.6rem; } .mas2 .only-h-rem-pright26 { padding-right: 2.6rem; } .mas2 .only-h-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .only-h-rem-marg26 { margin: 2.6rem; } .mas2 .only-h-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .only-h-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .only-h-rem-mtop26 { margin-top: 2.6rem; } .mas2 .only-h-rem-mleft26 { margin-left: 2.6rem; } .mas2 .only-h-rem-mright26 { margin-right: 2.6rem; } .mas2 .only-h-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .only-h-rem-padd27 { padding: 2.7rem; } .mas2 .only-h-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .only-h-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .only-h-rem-ptop27 { padding-top: 2.7rem; } .mas2 .only-h-rem-pleft27 { padding-left: 2.7rem; } .mas2 .only-h-rem-pright27 { padding-right: 2.7rem; } .mas2 .only-h-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .only-h-rem-marg27 { margin: 2.7rem; } .mas2 .only-h-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .only-h-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .only-h-rem-mtop27 { margin-top: 2.7rem; } .mas2 .only-h-rem-mleft27 { margin-left: 2.7rem; } .mas2 .only-h-rem-mright27 { margin-right: 2.7rem; } .mas2 .only-h-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .only-h-rem-padd28 { padding: 2.8rem; } .mas2 .only-h-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .only-h-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .only-h-rem-ptop28 { padding-top: 2.8rem; } .mas2 .only-h-rem-pleft28 { padding-left: 2.8rem; } .mas2 .only-h-rem-pright28 { padding-right: 2.8rem; } .mas2 .only-h-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .only-h-rem-marg28 { margin: 2.8rem; } .mas2 .only-h-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .only-h-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .only-h-rem-mtop28 { margin-top: 2.8rem; } .mas2 .only-h-rem-mleft28 { margin-left: 2.8rem; } .mas2 .only-h-rem-mright28 { margin-right: 2.8rem; } .mas2 .only-h-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .only-h-rem-padd29 { padding: 2.9rem; } .mas2 .only-h-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .only-h-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .only-h-rem-ptop29 { padding-top: 2.9rem; } .mas2 .only-h-rem-pleft29 { padding-left: 2.9rem; } .mas2 .only-h-rem-pright29 { padding-right: 2.9rem; } .mas2 .only-h-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .only-h-rem-marg29 { margin: 2.9rem; } .mas2 .only-h-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .only-h-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .only-h-rem-mtop29 { margin-top: 2.9rem; } .mas2 .only-h-rem-mleft29 { margin-left: 2.9rem; } .mas2 .only-h-rem-mright29 { margin-right: 2.9rem; } .mas2 .only-h-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .only-h-rem-padd30 { padding: 3rem; } .mas2 .only-h-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .only-h-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .only-h-rem-ptop30 { padding-top: 3rem; } .mas2 .only-h-rem-pleft30 { padding-left: 3rem; } .mas2 .only-h-rem-pright30 { padding-right: 3rem; } .mas2 .only-h-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .only-h-rem-marg30 { margin: 3rem; } .mas2 .only-h-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .only-h-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .only-h-rem-mtop30 { margin-top: 3rem; } .mas2 .only-h-rem-mleft30 { margin-left: 3rem; } .mas2 .only-h-rem-mright30 { margin-right: 3rem; } .mas2 .only-h-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .only-h-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .only-h-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .only-h-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .only-h-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .only-h-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .only-h-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .only-h-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .only-h-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .only-h-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .only-h-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .only-h-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .only-h-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .only-h-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .only-h-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .only-h-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .only-h-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .only-h-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .only-h-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .only-h-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .only-h-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .only-h-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .only-h-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .only-h-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .only-h-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .only-h-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .only-h-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .only-h-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .only-h-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .only-h-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .only-h-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .only-h-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .only-h-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .only-h-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .only-h-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .only-h-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .only-h-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .only-h-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .only-h-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .only-h-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .only-h-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .only-h-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .only-h-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .only-h-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .only-h-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .only-h-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .only-h-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .only-h-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .only-h-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .only-h-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .only-h-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .only-h-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .only-h-lh10 { line-height: 1em; } .mas2 .only-h-lh11 { line-height: 1.1em; } .mas2 .only-h-lh12 { line-height: 1.2em; } .mas2 .only-h-lh13 { line-height: 1.3em; } .mas2 .only-h-lh14 { line-height: 1.4em; } .mas2 .only-h-lh15 { line-height: 1.5em; } .mas2 .only-h-lh16 { line-height: 1.6em; } .mas2 .only-h-lh17 { line-height: 1.7em; } .mas2 .only-h-lh18 { line-height: 1.8em; } .mas2 .only-h-lh19 { line-height: 1.9em; } .mas2 .only-h-lh20 { line-height: 2em; } .mas2 .only-h-italic { font-style: italic; } .mas2 .only-h-bold { font-weight: bold; } .mas2 .only-h-underline { text-decoration: underline; } .mas2 .only-h-fw100 { font-weight: 100; } .mas2 .only-h-fw200 { font-weight: 200; } .mas2 .only-h-fw300 { font-weight: 300; } .mas2 .only-h-fw400 { font-weight: 400; } .mas2 .only-h-fw500 { font-weight: 500; } .mas2 .only-h-fw600 { font-weight: 600; } .mas2 .only-h-fw700 { font-weight: 700; } .mas2 .only-h-fw800 { font-weight: 800; } .mas2 .only-h-fw900 { font-weight: 900; } .mas2 .only-h-tal { text-align: left; } .mas2 .only-h-tar { text-align: right; } .mas2 .only-h-tac { text-align: center; } .mas2 .only-h-vat { vertical-align: top; } .mas2 .only-h-vam { vertical-align: middle; } .mas2 .only-h-vab { vertical-align: bottom; } .mas2 .only-h-fl { float: left; } .mas2 .only-h-fr { float: right; } .mas2 .only-h-cb { clear: both; } .mas2 .only-h-dn { display: none; } .mas2 .only-h-z1 { z-index: 1; } .mas2 .only-h-z2 { z-index: 2; } .mas2 .only-h-z3 { z-index: 3; } .mas2 .only-h-z4 { z-index: 4; } .mas2 .only-h-z5 { z-index: 5; } .mas2 .only-h-z6 { z-index: 6; } .mas2 .only-h-z7 { z-index: 7; } .mas2 .only-h-z8 { z-index: 8; } .mas2 .only-h-op0 { opacity: 0; } .mas2 .only-h-transp0 { opacity: 1; } .mas2 .only-h-op10 { opacity: 0.1; } .mas2 .only-h-transp10 { opacity: 0.9; } .mas2 .only-h-op20 { opacity: 0.2; } .mas2 .only-h-transp20 { opacity: 0.8; } .mas2 .only-h-op30 { opacity: 0.3; } .mas2 .only-h-transp30 { opacity: 0.7; } .mas2 .only-h-op40 { opacity: 0.4; } .mas2 .only-h-transp40 { opacity: 0.6; } .mas2 .only-h-op50 { opacity: 0.5; } .mas2 .only-h-transp50 { opacity: 0.5; } .mas2 .only-h-op60 { opacity: 0.6; } .mas2 .only-h-transp60 { opacity: 0.4; } .mas2 .only-h-op70 { opacity: 0.7; } .mas2 .only-h-transp70 { opacity: 0.3; } .mas2 .only-h-op80 { opacity: 0.8; } .mas2 .only-h-transp80 { opacity: 0.2; } .mas2 .only-h-op90 { opacity: 0.9; } .mas2 .only-h-transp90 { opacity: 0.1; } .mas2 .only-h-op100 { opacity: 1; } .mas2 .only-h-transp100 { opacity: 0; } .mas2 .only-h-db-hover, .mas2 .only-h-db-hov { display: none; } .mas2 .only-h-op-hover, .mas2 .only-h-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .only-h-hover:hover .db-hover, .mas2 .only-h-hov:hover .db-hov { display: block; } .mas2 .only-h-hover:hover .op-hover, .mas2 .only-h-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .only-h-w100 { width: 100%; } .mas2 .only-h-h100 { height: 100%; } .mas2 .only-h-mw100 { max-width: 100%; } .mas2 .only-h-mh100 { max-height: 100%; } .mas2 .only-h-tdn { text-decoration: none; } .mas2 .only-h-tdni { text-decoration: none !important; } .mas2 .only-h-ttn { text-transform: none; } .mas2 .only-h-ttl { text-transform: lowercase; } .mas2 .only-h-ttu { text-transform: uppercase; } .mas2 .only-h-ttc { text-transform: capitalize; } .mas2 .only-h-center { margin-left: auto; margin-right: auto; } .mas2 .only-h-db { display: block; } .mas2 .only-h-dib { display: inline-block; } .mas2 .only-h-pr { position: relative; } .mas2 .only-h-pa { position: absolute; } .mas2 .only-h-pf { position: fixed; } .mas2 .only-h-pri { position: relative !important; } .mas2 .only-h-pai { position: absolute !important; } .mas2 .only-h-pfi { position: fixed !important; } .mas2 .only-h-ps { position: static !important; } .mas2 .only-h-pa-tr { top: 0; right: 0; } .mas2 .only-h-pa-tl { top: 0; left: 0; } .mas2 .only-h-pa-br { bottom: 0; right: 0; } .mas2 .only-h-pa-bl { bottom: 0; left: 0; } .mas2 .only-h-ofh { overflow: hidden; } .mas2 .only-h-ofa { overflow: auto; } .mas2 .only-h-wsnw { white-space: nowrap; } .mas2 .only-h-wsn { white-space: normal; } .mas2 .only-h-ls3 { letter-spacing: 3px; } .mas2 .only-h-ls4 { letter-spacing: 4px; } .mas2 .only-h-ls5 { letter-spacing: 5px; } .mas2 .only-h-ls6 { letter-spacing: 6px; } .mas2 .only-h-ls7 { letter-spacing: 7px; } .mas2 .only-h-ls8 { letter-spacing: 8px; } .mas2 .only-h-ls9 { letter-spacing: 9px; } .mas2 .only-h-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .only-h-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .only-h-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .only-h-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .only-h-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .only-h-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .only-h-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .only-h-solid1 { border-width: 1px; border-style: solid; } .mas2 .only-h-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .only-h-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .only-h-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .only-h-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .only-h-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .only-h-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .only-h-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .only-h-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .only-h-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .only-h-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .only-h-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .only-h-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .only-h-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .only-h-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .only-h-solid2 { border-width: 2px; border-style: solid; } .mas2 .only-h-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .only-h-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .only-h-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .only-h-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .only-h-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .only-h-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .only-h-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .only-h-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .only-h-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .only-h-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .only-h-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .only-h-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .only-h-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .only-h-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .only-h-solid3 { border-width: 3px; border-style: solid; } .mas2 .only-h-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .only-h-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .only-h-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .only-h-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .only-h-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .only-h-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .only-h-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .only-h-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .only-h-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .only-h-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .only-h-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .only-h-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .only-h-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .only-h-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .only-h-solid4 { border-width: 4px; border-style: solid; } .mas2 .only-h-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .only-h-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .only-h-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .only-h-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .only-h-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .only-h-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .only-h-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .only-h-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .only-h-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .only-h-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .only-h-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .only-h-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .only-h-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .only-h-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .only-h-solid5 { border-width: 5px; border-style: solid; } .mas2 .only-h-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .only-h-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .only-h-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .only-h-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .only-h-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .only-h-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .only-h-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .only-h-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .only-h-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .only-h-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .only-h-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .only-h-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .only-h-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .only-h-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .only-h-rad3 { border-radius: 3px; } .mas2 .only-h-rad3-tl { border-top-left-radius: 3px; } .mas2 .only-h-rad3-tr { border-top-right-radius: 3px; } .mas2 .only-h-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .only-h-rad3-br { border-bottom-right-radius: 3px; } .mas2 .only-h-rad4 { border-radius: 4px; } .mas2 .only-h-rad4-tl { border-top-left-radius: 4px; } .mas2 .only-h-rad4-tr { border-top-right-radius: 4px; } .mas2 .only-h-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .only-h-rad4-br { border-bottom-right-radius: 4px; } .mas2 .only-h-rad5 { border-radius: 5px; } .mas2 .only-h-rad5-tl { border-top-left-radius: 5px; } .mas2 .only-h-rad5-tr { border-top-right-radius: 5px; } .mas2 .only-h-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .only-h-rad5-br { border-bottom-right-radius: 5px; } .mas2 .only-h-rad6 { border-radius: 6px; } .mas2 .only-h-rad6-tl { border-top-left-radius: 6px; } .mas2 .only-h-rad6-tr { border-top-right-radius: 6px; } .mas2 .only-h-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .only-h-rad6-br { border-bottom-right-radius: 6px; } .mas2 .only-h-rad7 { border-radius: 7px; } .mas2 .only-h-rad7-tl { border-top-left-radius: 7px; } .mas2 .only-h-rad7-tr { border-top-right-radius: 7px; } .mas2 .only-h-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .only-h-rad7-br { border-bottom-right-radius: 7px; } .mas2 .only-h-rad8 { border-radius: 8px; } .mas2 .only-h-rad8-tl { border-top-left-radius: 8px; } .mas2 .only-h-rad8-tr { border-top-right-radius: 8px; } .mas2 .only-h-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .only-h-rad8-br { border-bottom-right-radius: 8px; } .mas2 .only-h-rad9 { border-radius: 9px; } .mas2 .only-h-rad9-tl { border-top-left-radius: 9px; } .mas2 .only-h-rad9-tr { border-top-right-radius: 9px; } .mas2 .only-h-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .only-h-rad9-br { border-bottom-right-radius: 9px; } .mas2 .only-h-rad10 { border-radius: 10px; } .mas2 .only-h-rad10-tl { border-top-left-radius: 10px; } .mas2 .only-h-rad10-tr { border-top-right-radius: 10px; } .mas2 .only-h-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .only-h-rad10-br { border-bottom-right-radius: 10px; } .mas2 .only-h-rad11 { border-radius: 11px; } .mas2 .only-h-rad11-tl { border-top-left-radius: 11px; } .mas2 .only-h-rad11-tr { border-top-right-radius: 11px; } .mas2 .only-h-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .only-h-rad11-br { border-bottom-right-radius: 11px; } .mas2 .only-h-rad12 { border-radius: 12px; } .mas2 .only-h-rad12-tl { border-top-left-radius: 12px; } .mas2 .only-h-rad12-tr { border-top-right-radius: 12px; } .mas2 .only-h-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .only-h-rad12-br { border-bottom-right-radius: 12px; } .mas2 .only-h-rad200 { border-radius: 200px; } } @media only screen and (min-width: 1024px) { .mas2 { /** magic **/ } .mas2 .l-padd0 { padding: 0px; } .mas2 .l-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .l-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .l-ptop0 { padding-top: 0px; } .mas2 .l-pleft0 { padding-left: 0px; } .mas2 .l-pright0 { padding-right: 0px; } .mas2 .l-pbottom0 { padding-bottom: 0px; } .mas2 .l-marg0 { margin: 0px; } .mas2 .l-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .l-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .l-mtop0 { margin-top: 0px; } .mas2 .l-mleft0 { margin-left: 0px; } .mas2 .l-mright0 { margin-right: 0px; } .mas2 .l-mbottom0 { margin-bottom: 0px; } .mas2 .l-padd2 { padding: 2px; } .mas2 .l-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .l-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .l-ptop2 { padding-top: 2px; } .mas2 .l-pleft2 { padding-left: 2px; } .mas2 .l-pright2 { padding-right: 2px; } .mas2 .l-pbottom2 { padding-bottom: 2px; } .mas2 .l-marg2 { margin: 2px; } .mas2 .l-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .l-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .l-mtop2 { margin-top: 2px; } .mas2 .l-mleft2 { margin-left: 2px; } .mas2 .l-mright2 { margin-right: 2px; } .mas2 .l-mbottom2 { margin-bottom: 2px; } .mas2 .l-padd3 { padding: 3px; } .mas2 .l-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .l-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .l-ptop3 { padding-top: 3px; } .mas2 .l-pleft3 { padding-left: 3px; } .mas2 .l-pright3 { padding-right: 3px; } .mas2 .l-pbottom3 { padding-bottom: 3px; } .mas2 .l-marg3 { margin: 3px; } .mas2 .l-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .l-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .l-mtop3 { margin-top: 3px; } .mas2 .l-mleft3 { margin-left: 3px; } .mas2 .l-mright3 { margin-right: 3px; } .mas2 .l-mbottom3 { margin-bottom: 3px; } .mas2 .l-padd4 { padding: 4px; } .mas2 .l-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .l-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .l-ptop4 { padding-top: 4px; } .mas2 .l-pleft4 { padding-left: 4px; } .mas2 .l-pright4 { padding-right: 4px; } .mas2 .l-pbottom4 { padding-bottom: 4px; } .mas2 .l-marg4 { margin: 4px; } .mas2 .l-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .l-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .l-mtop4 { margin-top: 4px; } .mas2 .l-mleft4 { margin-left: 4px; } .mas2 .l-mright4 { margin-right: 4px; } .mas2 .l-mbottom4 { margin-bottom: 4px; } .mas2 .l-padd5 { padding: 5px; } .mas2 .l-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .l-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .l-ptop5 { padding-top: 5px; } .mas2 .l-pleft5 { padding-left: 5px; } .mas2 .l-pright5 { padding-right: 5px; } .mas2 .l-pbottom5 { padding-bottom: 5px; } .mas2 .l-marg5 { margin: 5px; } .mas2 .l-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .l-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .l-mtop5 { margin-top: 5px; } .mas2 .l-mleft5 { margin-left: 5px; } .mas2 .l-mright5 { margin-right: 5px; } .mas2 .l-mbottom5 { margin-bottom: 5px; } .mas2 .l-padd10 { padding: 10px; } .mas2 .l-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .l-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .l-ptop10 { padding-top: 10px; } .mas2 .l-pleft10 { padding-left: 10px; } .mas2 .l-pright10 { padding-right: 10px; } .mas2 .l-pbottom10 { padding-bottom: 10px; } .mas2 .l-marg10 { margin: 10px; } .mas2 .l-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .l-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .l-mtop10 { margin-top: 10px; } .mas2 .l-mleft10 { margin-left: 10px; } .mas2 .l-mright10 { margin-right: 10px; } .mas2 .l-mbottom10 { margin-bottom: 10px; } .mas2 .l-padd15 { padding: 15px; } .mas2 .l-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .l-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .l-ptop15 { padding-top: 15px; } .mas2 .l-pleft15 { padding-left: 15px; } .mas2 .l-pright15 { padding-right: 15px; } .mas2 .l-pbottom15 { padding-bottom: 15px; } .mas2 .l-marg15 { margin: 15px; } .mas2 .l-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .l-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .l-mtop15 { margin-top: 15px; } .mas2 .l-mleft15 { margin-left: 15px; } .mas2 .l-mright15 { margin-right: 15px; } .mas2 .l-mbottom15 { margin-bottom: 15px; } .mas2 .l-padd20 { padding: 20px; } .mas2 .l-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .l-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .l-ptop20 { padding-top: 20px; } .mas2 .l-pleft20 { padding-left: 20px; } .mas2 .l-pright20 { padding-right: 20px; } .mas2 .l-pbottom20 { padding-bottom: 20px; } .mas2 .l-marg20 { margin: 20px; } .mas2 .l-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .l-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .l-mtop20 { margin-top: 20px; } .mas2 .l-mleft20 { margin-left: 20px; } .mas2 .l-mright20 { margin-right: 20px; } .mas2 .l-mbottom20 { margin-bottom: 20px; } .mas2 .l-padd25 { padding: 25px; } .mas2 .l-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .l-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .l-ptop25 { padding-top: 25px; } .mas2 .l-pleft25 { padding-left: 25px; } .mas2 .l-pright25 { padding-right: 25px; } .mas2 .l-pbottom25 { padding-bottom: 25px; } .mas2 .l-marg25 { margin: 25px; } .mas2 .l-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .l-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .l-mtop25 { margin-top: 25px; } .mas2 .l-mleft25 { margin-left: 25px; } .mas2 .l-mright25 { margin-right: 25px; } .mas2 .l-mbottom25 { margin-bottom: 25px; } .mas2 .l-padd30 { padding: 30px; } .mas2 .l-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .l-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .l-ptop30 { padding-top: 30px; } .mas2 .l-pleft30 { padding-left: 30px; } .mas2 .l-pright30 { padding-right: 30px; } .mas2 .l-pbottom30 { padding-bottom: 30px; } .mas2 .l-marg30 { margin: 30px; } .mas2 .l-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .l-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .l-mtop30 { margin-top: 30px; } .mas2 .l-mleft30 { margin-left: 30px; } .mas2 .l-mright30 { margin-right: 30px; } .mas2 .l-mbottom30 { margin-bottom: 30px; } .mas2 .l-padd40 { padding: 40px; } .mas2 .l-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .l-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .l-ptop40 { padding-top: 40px; } .mas2 .l-pleft40 { padding-left: 40px; } .mas2 .l-pright40 { padding-right: 40px; } .mas2 .l-pbottom40 { padding-bottom: 40px; } .mas2 .l-marg40 { margin: 40px; } .mas2 .l-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .l-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .l-mtop40 { margin-top: 40px; } .mas2 .l-mleft40 { margin-left: 40px; } .mas2 .l-mright40 { margin-right: 40px; } .mas2 .l-mbottom40 { margin-bottom: 40px; } .mas2 .l-rem-padd10 { padding: 1rem; } .mas2 .l-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .l-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .l-rem-ptop10 { padding-top: 1rem; } .mas2 .l-rem-pleft10 { padding-left: 1rem; } .mas2 .l-rem-pright10 { padding-right: 1rem; } .mas2 .l-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .l-rem-marg10 { margin: 1rem; } .mas2 .l-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .l-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .l-rem-mtop10 { margin-top: 1rem; } .mas2 .l-rem-mleft10 { margin-left: 1rem; } .mas2 .l-rem-mright10 { margin-right: 1rem; } .mas2 .l-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .l-rem-padd11 { padding: 1.1rem; } .mas2 .l-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .l-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .l-rem-ptop11 { padding-top: 1.1rem; } .mas2 .l-rem-pleft11 { padding-left: 1.1rem; } .mas2 .l-rem-pright11 { padding-right: 1.1rem; } .mas2 .l-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .l-rem-marg11 { margin: 1.1rem; } .mas2 .l-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .l-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .l-rem-mtop11 { margin-top: 1.1rem; } .mas2 .l-rem-mleft11 { margin-left: 1.1rem; } .mas2 .l-rem-mright11 { margin-right: 1.1rem; } .mas2 .l-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .l-rem-padd12 { padding: 1.2rem; } .mas2 .l-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .l-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .l-rem-ptop12 { padding-top: 1.2rem; } .mas2 .l-rem-pleft12 { padding-left: 1.2rem; } .mas2 .l-rem-pright12 { padding-right: 1.2rem; } .mas2 .l-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .l-rem-marg12 { margin: 1.2rem; } .mas2 .l-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .l-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .l-rem-mtop12 { margin-top: 1.2rem; } .mas2 .l-rem-mleft12 { margin-left: 1.2rem; } .mas2 .l-rem-mright12 { margin-right: 1.2rem; } .mas2 .l-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .l-rem-padd13 { padding: 1.3rem; } .mas2 .l-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .l-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .l-rem-ptop13 { padding-top: 1.3rem; } .mas2 .l-rem-pleft13 { padding-left: 1.3rem; } .mas2 .l-rem-pright13 { padding-right: 1.3rem; } .mas2 .l-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .l-rem-marg13 { margin: 1.3rem; } .mas2 .l-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .l-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .l-rem-mtop13 { margin-top: 1.3rem; } .mas2 .l-rem-mleft13 { margin-left: 1.3rem; } .mas2 .l-rem-mright13 { margin-right: 1.3rem; } .mas2 .l-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .l-rem-padd14 { padding: 1.4rem; } .mas2 .l-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .l-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .l-rem-ptop14 { padding-top: 1.4rem; } .mas2 .l-rem-pleft14 { padding-left: 1.4rem; } .mas2 .l-rem-pright14 { padding-right: 1.4rem; } .mas2 .l-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .l-rem-marg14 { margin: 1.4rem; } .mas2 .l-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .l-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .l-rem-mtop14 { margin-top: 1.4rem; } .mas2 .l-rem-mleft14 { margin-left: 1.4rem; } .mas2 .l-rem-mright14 { margin-right: 1.4rem; } .mas2 .l-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .l-rem-padd15 { padding: 1.5rem; } .mas2 .l-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .l-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .l-rem-ptop15 { padding-top: 1.5rem; } .mas2 .l-rem-pleft15 { padding-left: 1.5rem; } .mas2 .l-rem-pright15 { padding-right: 1.5rem; } .mas2 .l-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .l-rem-marg15 { margin: 1.5rem; } .mas2 .l-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .l-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .l-rem-mtop15 { margin-top: 1.5rem; } .mas2 .l-rem-mleft15 { margin-left: 1.5rem; } .mas2 .l-rem-mright15 { margin-right: 1.5rem; } .mas2 .l-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .l-rem-padd16 { padding: 1.6rem; } .mas2 .l-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .l-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .l-rem-ptop16 { padding-top: 1.6rem; } .mas2 .l-rem-pleft16 { padding-left: 1.6rem; } .mas2 .l-rem-pright16 { padding-right: 1.6rem; } .mas2 .l-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .l-rem-marg16 { margin: 1.6rem; } .mas2 .l-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .l-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .l-rem-mtop16 { margin-top: 1.6rem; } .mas2 .l-rem-mleft16 { margin-left: 1.6rem; } .mas2 .l-rem-mright16 { margin-right: 1.6rem; } .mas2 .l-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .l-rem-padd17 { padding: 1.7rem; } .mas2 .l-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .l-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .l-rem-ptop17 { padding-top: 1.7rem; } .mas2 .l-rem-pleft17 { padding-left: 1.7rem; } .mas2 .l-rem-pright17 { padding-right: 1.7rem; } .mas2 .l-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .l-rem-marg17 { margin: 1.7rem; } .mas2 .l-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .l-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .l-rem-mtop17 { margin-top: 1.7rem; } .mas2 .l-rem-mleft17 { margin-left: 1.7rem; } .mas2 .l-rem-mright17 { margin-right: 1.7rem; } .mas2 .l-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .l-rem-padd18 { padding: 1.8rem; } .mas2 .l-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .l-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .l-rem-ptop18 { padding-top: 1.8rem; } .mas2 .l-rem-pleft18 { padding-left: 1.8rem; } .mas2 .l-rem-pright18 { padding-right: 1.8rem; } .mas2 .l-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .l-rem-marg18 { margin: 1.8rem; } .mas2 .l-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .l-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .l-rem-mtop18 { margin-top: 1.8rem; } .mas2 .l-rem-mleft18 { margin-left: 1.8rem; } .mas2 .l-rem-mright18 { margin-right: 1.8rem; } .mas2 .l-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .l-rem-padd19 { padding: 1.9rem; } .mas2 .l-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .l-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .l-rem-ptop19 { padding-top: 1.9rem; } .mas2 .l-rem-pleft19 { padding-left: 1.9rem; } .mas2 .l-rem-pright19 { padding-right: 1.9rem; } .mas2 .l-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .l-rem-marg19 { margin: 1.9rem; } .mas2 .l-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .l-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .l-rem-mtop19 { margin-top: 1.9rem; } .mas2 .l-rem-mleft19 { margin-left: 1.9rem; } .mas2 .l-rem-mright19 { margin-right: 1.9rem; } .mas2 .l-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .l-rem-padd20 { padding: 2rem; } .mas2 .l-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .l-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .l-rem-ptop20 { padding-top: 2rem; } .mas2 .l-rem-pleft20 { padding-left: 2rem; } .mas2 .l-rem-pright20 { padding-right: 2rem; } .mas2 .l-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .l-rem-marg20 { margin: 2rem; } .mas2 .l-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .l-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .l-rem-mtop20 { margin-top: 2rem; } .mas2 .l-rem-mleft20 { margin-left: 2rem; } .mas2 .l-rem-mright20 { margin-right: 2rem; } .mas2 .l-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .l-rem-padd21 { padding: 2.1rem; } .mas2 .l-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .l-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .l-rem-ptop21 { padding-top: 2.1rem; } .mas2 .l-rem-pleft21 { padding-left: 2.1rem; } .mas2 .l-rem-pright21 { padding-right: 2.1rem; } .mas2 .l-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .l-rem-marg21 { margin: 2.1rem; } .mas2 .l-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .l-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .l-rem-mtop21 { margin-top: 2.1rem; } .mas2 .l-rem-mleft21 { margin-left: 2.1rem; } .mas2 .l-rem-mright21 { margin-right: 2.1rem; } .mas2 .l-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .l-rem-padd22 { padding: 2.2rem; } .mas2 .l-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .l-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .l-rem-ptop22 { padding-top: 2.2rem; } .mas2 .l-rem-pleft22 { padding-left: 2.2rem; } .mas2 .l-rem-pright22 { padding-right: 2.2rem; } .mas2 .l-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .l-rem-marg22 { margin: 2.2rem; } .mas2 .l-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .l-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .l-rem-mtop22 { margin-top: 2.2rem; } .mas2 .l-rem-mleft22 { margin-left: 2.2rem; } .mas2 .l-rem-mright22 { margin-right: 2.2rem; } .mas2 .l-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .l-rem-padd23 { padding: 2.3rem; } .mas2 .l-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .l-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .l-rem-ptop23 { padding-top: 2.3rem; } .mas2 .l-rem-pleft23 { padding-left: 2.3rem; } .mas2 .l-rem-pright23 { padding-right: 2.3rem; } .mas2 .l-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .l-rem-marg23 { margin: 2.3rem; } .mas2 .l-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .l-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .l-rem-mtop23 { margin-top: 2.3rem; } .mas2 .l-rem-mleft23 { margin-left: 2.3rem; } .mas2 .l-rem-mright23 { margin-right: 2.3rem; } .mas2 .l-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .l-rem-padd24 { padding: 2.4rem; } .mas2 .l-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .l-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .l-rem-ptop24 { padding-top: 2.4rem; } .mas2 .l-rem-pleft24 { padding-left: 2.4rem; } .mas2 .l-rem-pright24 { padding-right: 2.4rem; } .mas2 .l-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .l-rem-marg24 { margin: 2.4rem; } .mas2 .l-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .l-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .l-rem-mtop24 { margin-top: 2.4rem; } .mas2 .l-rem-mleft24 { margin-left: 2.4rem; } .mas2 .l-rem-mright24 { margin-right: 2.4rem; } .mas2 .l-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .l-rem-padd25 { padding: 2.5rem; } .mas2 .l-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .l-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .l-rem-ptop25 { padding-top: 2.5rem; } .mas2 .l-rem-pleft25 { padding-left: 2.5rem; } .mas2 .l-rem-pright25 { padding-right: 2.5rem; } .mas2 .l-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .l-rem-marg25 { margin: 2.5rem; } .mas2 .l-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .l-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .l-rem-mtop25 { margin-top: 2.5rem; } .mas2 .l-rem-mleft25 { margin-left: 2.5rem; } .mas2 .l-rem-mright25 { margin-right: 2.5rem; } .mas2 .l-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .l-rem-padd26 { padding: 2.6rem; } .mas2 .l-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .l-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .l-rem-ptop26 { padding-top: 2.6rem; } .mas2 .l-rem-pleft26 { padding-left: 2.6rem; } .mas2 .l-rem-pright26 { padding-right: 2.6rem; } .mas2 .l-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .l-rem-marg26 { margin: 2.6rem; } .mas2 .l-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .l-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .l-rem-mtop26 { margin-top: 2.6rem; } .mas2 .l-rem-mleft26 { margin-left: 2.6rem; } .mas2 .l-rem-mright26 { margin-right: 2.6rem; } .mas2 .l-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .l-rem-padd27 { padding: 2.7rem; } .mas2 .l-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .l-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .l-rem-ptop27 { padding-top: 2.7rem; } .mas2 .l-rem-pleft27 { padding-left: 2.7rem; } .mas2 .l-rem-pright27 { padding-right: 2.7rem; } .mas2 .l-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .l-rem-marg27 { margin: 2.7rem; } .mas2 .l-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .l-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .l-rem-mtop27 { margin-top: 2.7rem; } .mas2 .l-rem-mleft27 { margin-left: 2.7rem; } .mas2 .l-rem-mright27 { margin-right: 2.7rem; } .mas2 .l-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .l-rem-padd28 { padding: 2.8rem; } .mas2 .l-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .l-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .l-rem-ptop28 { padding-top: 2.8rem; } .mas2 .l-rem-pleft28 { padding-left: 2.8rem; } .mas2 .l-rem-pright28 { padding-right: 2.8rem; } .mas2 .l-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .l-rem-marg28 { margin: 2.8rem; } .mas2 .l-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .l-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .l-rem-mtop28 { margin-top: 2.8rem; } .mas2 .l-rem-mleft28 { margin-left: 2.8rem; } .mas2 .l-rem-mright28 { margin-right: 2.8rem; } .mas2 .l-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .l-rem-padd29 { padding: 2.9rem; } .mas2 .l-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .l-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .l-rem-ptop29 { padding-top: 2.9rem; } .mas2 .l-rem-pleft29 { padding-left: 2.9rem; } .mas2 .l-rem-pright29 { padding-right: 2.9rem; } .mas2 .l-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .l-rem-marg29 { margin: 2.9rem; } .mas2 .l-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .l-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .l-rem-mtop29 { margin-top: 2.9rem; } .mas2 .l-rem-mleft29 { margin-left: 2.9rem; } .mas2 .l-rem-mright29 { margin-right: 2.9rem; } .mas2 .l-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .l-rem-padd30 { padding: 3rem; } .mas2 .l-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .l-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .l-rem-ptop30 { padding-top: 3rem; } .mas2 .l-rem-pleft30 { padding-left: 3rem; } .mas2 .l-rem-pright30 { padding-right: 3rem; } .mas2 .l-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .l-rem-marg30 { margin: 3rem; } .mas2 .l-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .l-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .l-rem-mtop30 { margin-top: 3rem; } .mas2 .l-rem-mleft30 { margin-left: 3rem; } .mas2 .l-rem-mright30 { margin-right: 3rem; } .mas2 .l-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .l-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .l-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .l-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .l-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .l-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .l-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .l-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .l-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .l-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .l-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .l-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .l-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .l-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .l-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .l-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .l-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .l-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .l-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .l-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .l-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .l-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .l-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .l-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .l-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .l-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .l-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .l-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .l-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .l-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .l-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .l-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .l-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .l-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .l-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .l-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .l-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .l-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .l-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .l-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .l-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .l-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .l-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .l-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .l-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .l-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .l-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .l-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .l-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .l-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .l-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .l-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .l-lh10 { line-height: 1em; } .mas2 .l-lh11 { line-height: 1.1em; } .mas2 .l-lh12 { line-height: 1.2em; } .mas2 .l-lh13 { line-height: 1.3em; } .mas2 .l-lh14 { line-height: 1.4em; } .mas2 .l-lh15 { line-height: 1.5em; } .mas2 .l-lh16 { line-height: 1.6em; } .mas2 .l-lh17 { line-height: 1.7em; } .mas2 .l-lh18 { line-height: 1.8em; } .mas2 .l-lh19 { line-height: 1.9em; } .mas2 .l-lh20 { line-height: 2em; } .mas2 .l-italic { font-style: italic; } .mas2 .l-bold { font-weight: bold; } .mas2 .l-underline { text-decoration: underline; } .mas2 .l-fw100 { font-weight: 100; } .mas2 .l-fw200 { font-weight: 200; } .mas2 .l-fw300 { font-weight: 300; } .mas2 .l-fw400 { font-weight: 400; } .mas2 .l-fw500 { font-weight: 500; } .mas2 .l-fw600 { font-weight: 600; } .mas2 .l-fw700 { font-weight: 700; } .mas2 .l-fw800 { font-weight: 800; } .mas2 .l-fw900 { font-weight: 900; } .mas2 .l-tal { text-align: left; } .mas2 .l-tar { text-align: right; } .mas2 .l-tac { text-align: center; } .mas2 .l-vat { vertical-align: top; } .mas2 .l-vam { vertical-align: middle; } .mas2 .l-vab { vertical-align: bottom; } .mas2 .l-fl { float: left; } .mas2 .l-fr { float: right; } .mas2 .l-cb { clear: both; } .mas2 .l-dn { display: none; } .mas2 .l-z1 { z-index: 1; } .mas2 .l-z2 { z-index: 2; } .mas2 .l-z3 { z-index: 3; } .mas2 .l-z4 { z-index: 4; } .mas2 .l-z5 { z-index: 5; } .mas2 .l-z6 { z-index: 6; } .mas2 .l-z7 { z-index: 7; } .mas2 .l-z8 { z-index: 8; } .mas2 .l-op0 { opacity: 0; } .mas2 .l-transp0 { opacity: 1; } .mas2 .l-op10 { opacity: 0.1; } .mas2 .l-transp10 { opacity: 0.9; } .mas2 .l-op20 { opacity: 0.2; } .mas2 .l-transp20 { opacity: 0.8; } .mas2 .l-op30 { opacity: 0.3; } .mas2 .l-transp30 { opacity: 0.7; } .mas2 .l-op40 { opacity: 0.4; } .mas2 .l-transp40 { opacity: 0.6; } .mas2 .l-op50 { opacity: 0.5; } .mas2 .l-transp50 { opacity: 0.5; } .mas2 .l-op60 { opacity: 0.6; } .mas2 .l-transp60 { opacity: 0.4; } .mas2 .l-op70 { opacity: 0.7; } .mas2 .l-transp70 { opacity: 0.3; } .mas2 .l-op80 { opacity: 0.8; } .mas2 .l-transp80 { opacity: 0.2; } .mas2 .l-op90 { opacity: 0.9; } .mas2 .l-transp90 { opacity: 0.1; } .mas2 .l-op100 { opacity: 1; } .mas2 .l-transp100 { opacity: 0; } .mas2 .l-db-hover, .mas2 .l-db-hov { display: none; } .mas2 .l-op-hover, .mas2 .l-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .l-hover:hover .db-hover, .mas2 .l-hov:hover .db-hov { display: block; } .mas2 .l-hover:hover .op-hover, .mas2 .l-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .l-w100 { width: 100%; } .mas2 .l-h100 { height: 100%; } .mas2 .l-mw100 { max-width: 100%; } .mas2 .l-mh100 { max-height: 100%; } .mas2 .l-tdn { text-decoration: none; } .mas2 .l-tdni { text-decoration: none !important; } .mas2 .l-ttn { text-transform: none; } .mas2 .l-ttl { text-transform: lowercase; } .mas2 .l-ttu { text-transform: uppercase; } .mas2 .l-ttc { text-transform: capitalize; } .mas2 .l-center { margin-left: auto; margin-right: auto; } .mas2 .l-db { display: block; } .mas2 .l-dib { display: inline-block; } .mas2 .l-pr { position: relative; } .mas2 .l-pa { position: absolute; } .mas2 .l-pf { position: fixed; } .mas2 .l-pri { position: relative !important; } .mas2 .l-pai { position: absolute !important; } .mas2 .l-pfi { position: fixed !important; } .mas2 .l-ps { position: static !important; } .mas2 .l-pa-tr { top: 0; right: 0; } .mas2 .l-pa-tl { top: 0; left: 0; } .mas2 .l-pa-br { bottom: 0; right: 0; } .mas2 .l-pa-bl { bottom: 0; left: 0; } .mas2 .l-ofh { overflow: hidden; } .mas2 .l-ofa { overflow: auto; } .mas2 .l-wsnw { white-space: nowrap; } .mas2 .l-wsn { white-space: normal; } .mas2 .l-ls3 { letter-spacing: 3px; } .mas2 .l-ls4 { letter-spacing: 4px; } .mas2 .l-ls5 { letter-spacing: 5px; } .mas2 .l-ls6 { letter-spacing: 6px; } .mas2 .l-ls7 { letter-spacing: 7px; } .mas2 .l-ls8 { letter-spacing: 8px; } .mas2 .l-ls9 { letter-spacing: 9px; } .mas2 .l-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .l-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .l-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .l-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .l-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .l-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .l-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .l-solid1 { border-width: 1px; border-style: solid; } .mas2 .l-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .l-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .l-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .l-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .l-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .l-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .l-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .l-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .l-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .l-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .l-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .l-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .l-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .l-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .l-solid2 { border-width: 2px; border-style: solid; } .mas2 .l-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .l-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .l-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .l-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .l-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .l-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .l-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .l-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .l-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .l-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .l-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .l-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .l-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .l-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .l-solid3 { border-width: 3px; border-style: solid; } .mas2 .l-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .l-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .l-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .l-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .l-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .l-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .l-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .l-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .l-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .l-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .l-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .l-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .l-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .l-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .l-solid4 { border-width: 4px; border-style: solid; } .mas2 .l-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .l-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .l-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .l-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .l-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .l-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .l-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .l-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .l-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .l-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .l-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .l-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .l-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .l-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .l-solid5 { border-width: 5px; border-style: solid; } .mas2 .l-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .l-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .l-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .l-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .l-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .l-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .l-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .l-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .l-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .l-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .l-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .l-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .l-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .l-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .l-rad3 { border-radius: 3px; } .mas2 .l-rad3-tl { border-top-left-radius: 3px; } .mas2 .l-rad3-tr { border-top-right-radius: 3px; } .mas2 .l-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .l-rad3-br { border-bottom-right-radius: 3px; } .mas2 .l-rad4 { border-radius: 4px; } .mas2 .l-rad4-tl { border-top-left-radius: 4px; } .mas2 .l-rad4-tr { border-top-right-radius: 4px; } .mas2 .l-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .l-rad4-br { border-bottom-right-radius: 4px; } .mas2 .l-rad5 { border-radius: 5px; } .mas2 .l-rad5-tl { border-top-left-radius: 5px; } .mas2 .l-rad5-tr { border-top-right-radius: 5px; } .mas2 .l-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .l-rad5-br { border-bottom-right-radius: 5px; } .mas2 .l-rad6 { border-radius: 6px; } .mas2 .l-rad6-tl { border-top-left-radius: 6px; } .mas2 .l-rad6-tr { border-top-right-radius: 6px; } .mas2 .l-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .l-rad6-br { border-bottom-right-radius: 6px; } .mas2 .l-rad7 { border-radius: 7px; } .mas2 .l-rad7-tl { border-top-left-radius: 7px; } .mas2 .l-rad7-tr { border-top-right-radius: 7px; } .mas2 .l-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .l-rad7-br { border-bottom-right-radius: 7px; } .mas2 .l-rad8 { border-radius: 8px; } .mas2 .l-rad8-tl { border-top-left-radius: 8px; } .mas2 .l-rad8-tr { border-top-right-radius: 8px; } .mas2 .l-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .l-rad8-br { border-bottom-right-radius: 8px; } .mas2 .l-rad9 { border-radius: 9px; } .mas2 .l-rad9-tl { border-top-left-radius: 9px; } .mas2 .l-rad9-tr { border-top-right-radius: 9px; } .mas2 .l-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .l-rad9-br { border-bottom-right-radius: 9px; } .mas2 .l-rad10 { border-radius: 10px; } .mas2 .l-rad10-tl { border-top-left-radius: 10px; } .mas2 .l-rad10-tr { border-top-right-radius: 10px; } .mas2 .l-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .l-rad10-br { border-bottom-right-radius: 10px; } .mas2 .l-rad11 { border-radius: 11px; } .mas2 .l-rad11-tl { border-top-left-radius: 11px; } .mas2 .l-rad11-tr { border-top-right-radius: 11px; } .mas2 .l-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .l-rad11-br { border-bottom-right-radius: 11px; } .mas2 .l-rad12 { border-radius: 12px; } .mas2 .l-rad12-tl { border-top-left-radius: 12px; } .mas2 .l-rad12-tr { border-top-right-radius: 12px; } .mas2 .l-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .l-rad12-br { border-bottom-right-radius: 12px; } .mas2 .l-rad200 { border-radius: 200px; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 { /** magic **/ } .mas2 .only-l-padd0 { padding: 0px; } .mas2 .only-l-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .only-l-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .only-l-ptop0 { padding-top: 0px; } .mas2 .only-l-pleft0 { padding-left: 0px; } .mas2 .only-l-pright0 { padding-right: 0px; } .mas2 .only-l-pbottom0 { padding-bottom: 0px; } .mas2 .only-l-marg0 { margin: 0px; } .mas2 .only-l-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .only-l-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .only-l-mtop0 { margin-top: 0px; } .mas2 .only-l-mleft0 { margin-left: 0px; } .mas2 .only-l-mright0 { margin-right: 0px; } .mas2 .only-l-mbottom0 { margin-bottom: 0px; } .mas2 .only-l-padd2 { padding: 2px; } .mas2 .only-l-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .only-l-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .only-l-ptop2 { padding-top: 2px; } .mas2 .only-l-pleft2 { padding-left: 2px; } .mas2 .only-l-pright2 { padding-right: 2px; } .mas2 .only-l-pbottom2 { padding-bottom: 2px; } .mas2 .only-l-marg2 { margin: 2px; } .mas2 .only-l-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .only-l-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .only-l-mtop2 { margin-top: 2px; } .mas2 .only-l-mleft2 { margin-left: 2px; } .mas2 .only-l-mright2 { margin-right: 2px; } .mas2 .only-l-mbottom2 { margin-bottom: 2px; } .mas2 .only-l-padd3 { padding: 3px; } .mas2 .only-l-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .only-l-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .only-l-ptop3 { padding-top: 3px; } .mas2 .only-l-pleft3 { padding-left: 3px; } .mas2 .only-l-pright3 { padding-right: 3px; } .mas2 .only-l-pbottom3 { padding-bottom: 3px; } .mas2 .only-l-marg3 { margin: 3px; } .mas2 .only-l-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .only-l-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .only-l-mtop3 { margin-top: 3px; } .mas2 .only-l-mleft3 { margin-left: 3px; } .mas2 .only-l-mright3 { margin-right: 3px; } .mas2 .only-l-mbottom3 { margin-bottom: 3px; } .mas2 .only-l-padd4 { padding: 4px; } .mas2 .only-l-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .only-l-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .only-l-ptop4 { padding-top: 4px; } .mas2 .only-l-pleft4 { padding-left: 4px; } .mas2 .only-l-pright4 { padding-right: 4px; } .mas2 .only-l-pbottom4 { padding-bottom: 4px; } .mas2 .only-l-marg4 { margin: 4px; } .mas2 .only-l-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .only-l-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .only-l-mtop4 { margin-top: 4px; } .mas2 .only-l-mleft4 { margin-left: 4px; } .mas2 .only-l-mright4 { margin-right: 4px; } .mas2 .only-l-mbottom4 { margin-bottom: 4px; } .mas2 .only-l-padd5 { padding: 5px; } .mas2 .only-l-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .only-l-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .only-l-ptop5 { padding-top: 5px; } .mas2 .only-l-pleft5 { padding-left: 5px; } .mas2 .only-l-pright5 { padding-right: 5px; } .mas2 .only-l-pbottom5 { padding-bottom: 5px; } .mas2 .only-l-marg5 { margin: 5px; } .mas2 .only-l-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .only-l-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .only-l-mtop5 { margin-top: 5px; } .mas2 .only-l-mleft5 { margin-left: 5px; } .mas2 .only-l-mright5 { margin-right: 5px; } .mas2 .only-l-mbottom5 { margin-bottom: 5px; } .mas2 .only-l-padd10 { padding: 10px; } .mas2 .only-l-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .only-l-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .only-l-ptop10 { padding-top: 10px; } .mas2 .only-l-pleft10 { padding-left: 10px; } .mas2 .only-l-pright10 { padding-right: 10px; } .mas2 .only-l-pbottom10 { padding-bottom: 10px; } .mas2 .only-l-marg10 { margin: 10px; } .mas2 .only-l-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .only-l-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .only-l-mtop10 { margin-top: 10px; } .mas2 .only-l-mleft10 { margin-left: 10px; } .mas2 .only-l-mright10 { margin-right: 10px; } .mas2 .only-l-mbottom10 { margin-bottom: 10px; } .mas2 .only-l-padd15 { padding: 15px; } .mas2 .only-l-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .only-l-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .only-l-ptop15 { padding-top: 15px; } .mas2 .only-l-pleft15 { padding-left: 15px; } .mas2 .only-l-pright15 { padding-right: 15px; } .mas2 .only-l-pbottom15 { padding-bottom: 15px; } .mas2 .only-l-marg15 { margin: 15px; } .mas2 .only-l-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .only-l-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .only-l-mtop15 { margin-top: 15px; } .mas2 .only-l-mleft15 { margin-left: 15px; } .mas2 .only-l-mright15 { margin-right: 15px; } .mas2 .only-l-mbottom15 { margin-bottom: 15px; } .mas2 .only-l-padd20 { padding: 20px; } .mas2 .only-l-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .only-l-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .only-l-ptop20 { padding-top: 20px; } .mas2 .only-l-pleft20 { padding-left: 20px; } .mas2 .only-l-pright20 { padding-right: 20px; } .mas2 .only-l-pbottom20 { padding-bottom: 20px; } .mas2 .only-l-marg20 { margin: 20px; } .mas2 .only-l-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .only-l-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .only-l-mtop20 { margin-top: 20px; } .mas2 .only-l-mleft20 { margin-left: 20px; } .mas2 .only-l-mright20 { margin-right: 20px; } .mas2 .only-l-mbottom20 { margin-bottom: 20px; } .mas2 .only-l-padd25 { padding: 25px; } .mas2 .only-l-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .only-l-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .only-l-ptop25 { padding-top: 25px; } .mas2 .only-l-pleft25 { padding-left: 25px; } .mas2 .only-l-pright25 { padding-right: 25px; } .mas2 .only-l-pbottom25 { padding-bottom: 25px; } .mas2 .only-l-marg25 { margin: 25px; } .mas2 .only-l-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .only-l-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .only-l-mtop25 { margin-top: 25px; } .mas2 .only-l-mleft25 { margin-left: 25px; } .mas2 .only-l-mright25 { margin-right: 25px; } .mas2 .only-l-mbottom25 { margin-bottom: 25px; } .mas2 .only-l-padd30 { padding: 30px; } .mas2 .only-l-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .only-l-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .only-l-ptop30 { padding-top: 30px; } .mas2 .only-l-pleft30 { padding-left: 30px; } .mas2 .only-l-pright30 { padding-right: 30px; } .mas2 .only-l-pbottom30 { padding-bottom: 30px; } .mas2 .only-l-marg30 { margin: 30px; } .mas2 .only-l-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .only-l-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .only-l-mtop30 { margin-top: 30px; } .mas2 .only-l-mleft30 { margin-left: 30px; } .mas2 .only-l-mright30 { margin-right: 30px; } .mas2 .only-l-mbottom30 { margin-bottom: 30px; } .mas2 .only-l-padd40 { padding: 40px; } .mas2 .only-l-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .only-l-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .only-l-ptop40 { padding-top: 40px; } .mas2 .only-l-pleft40 { padding-left: 40px; } .mas2 .only-l-pright40 { padding-right: 40px; } .mas2 .only-l-pbottom40 { padding-bottom: 40px; } .mas2 .only-l-marg40 { margin: 40px; } .mas2 .only-l-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .only-l-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .only-l-mtop40 { margin-top: 40px; } .mas2 .only-l-mleft40 { margin-left: 40px; } .mas2 .only-l-mright40 { margin-right: 40px; } .mas2 .only-l-mbottom40 { margin-bottom: 40px; } .mas2 .only-l-rem-padd10 { padding: 1rem; } .mas2 .only-l-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .only-l-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .only-l-rem-ptop10 { padding-top: 1rem; } .mas2 .only-l-rem-pleft10 { padding-left: 1rem; } .mas2 .only-l-rem-pright10 { padding-right: 1rem; } .mas2 .only-l-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .only-l-rem-marg10 { margin: 1rem; } .mas2 .only-l-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .only-l-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .only-l-rem-mtop10 { margin-top: 1rem; } .mas2 .only-l-rem-mleft10 { margin-left: 1rem; } .mas2 .only-l-rem-mright10 { margin-right: 1rem; } .mas2 .only-l-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .only-l-rem-padd11 { padding: 1.1rem; } .mas2 .only-l-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .only-l-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .only-l-rem-ptop11 { padding-top: 1.1rem; } .mas2 .only-l-rem-pleft11 { padding-left: 1.1rem; } .mas2 .only-l-rem-pright11 { padding-right: 1.1rem; } .mas2 .only-l-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .only-l-rem-marg11 { margin: 1.1rem; } .mas2 .only-l-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .only-l-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .only-l-rem-mtop11 { margin-top: 1.1rem; } .mas2 .only-l-rem-mleft11 { margin-left: 1.1rem; } .mas2 .only-l-rem-mright11 { margin-right: 1.1rem; } .mas2 .only-l-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .only-l-rem-padd12 { padding: 1.2rem; } .mas2 .only-l-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .only-l-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .only-l-rem-ptop12 { padding-top: 1.2rem; } .mas2 .only-l-rem-pleft12 { padding-left: 1.2rem; } .mas2 .only-l-rem-pright12 { padding-right: 1.2rem; } .mas2 .only-l-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .only-l-rem-marg12 { margin: 1.2rem; } .mas2 .only-l-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .only-l-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .only-l-rem-mtop12 { margin-top: 1.2rem; } .mas2 .only-l-rem-mleft12 { margin-left: 1.2rem; } .mas2 .only-l-rem-mright12 { margin-right: 1.2rem; } .mas2 .only-l-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .only-l-rem-padd13 { padding: 1.3rem; } .mas2 .only-l-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .only-l-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .only-l-rem-ptop13 { padding-top: 1.3rem; } .mas2 .only-l-rem-pleft13 { padding-left: 1.3rem; } .mas2 .only-l-rem-pright13 { padding-right: 1.3rem; } .mas2 .only-l-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .only-l-rem-marg13 { margin: 1.3rem; } .mas2 .only-l-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .only-l-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .only-l-rem-mtop13 { margin-top: 1.3rem; } .mas2 .only-l-rem-mleft13 { margin-left: 1.3rem; } .mas2 .only-l-rem-mright13 { margin-right: 1.3rem; } .mas2 .only-l-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .only-l-rem-padd14 { padding: 1.4rem; } .mas2 .only-l-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .only-l-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .only-l-rem-ptop14 { padding-top: 1.4rem; } .mas2 .only-l-rem-pleft14 { padding-left: 1.4rem; } .mas2 .only-l-rem-pright14 { padding-right: 1.4rem; } .mas2 .only-l-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .only-l-rem-marg14 { margin: 1.4rem; } .mas2 .only-l-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .only-l-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .only-l-rem-mtop14 { margin-top: 1.4rem; } .mas2 .only-l-rem-mleft14 { margin-left: 1.4rem; } .mas2 .only-l-rem-mright14 { margin-right: 1.4rem; } .mas2 .only-l-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .only-l-rem-padd15 { padding: 1.5rem; } .mas2 .only-l-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .only-l-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .only-l-rem-ptop15 { padding-top: 1.5rem; } .mas2 .only-l-rem-pleft15 { padding-left: 1.5rem; } .mas2 .only-l-rem-pright15 { padding-right: 1.5rem; } .mas2 .only-l-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .only-l-rem-marg15 { margin: 1.5rem; } .mas2 .only-l-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .only-l-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .only-l-rem-mtop15 { margin-top: 1.5rem; } .mas2 .only-l-rem-mleft15 { margin-left: 1.5rem; } .mas2 .only-l-rem-mright15 { margin-right: 1.5rem; } .mas2 .only-l-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .only-l-rem-padd16 { padding: 1.6rem; } .mas2 .only-l-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .only-l-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .only-l-rem-ptop16 { padding-top: 1.6rem; } .mas2 .only-l-rem-pleft16 { padding-left: 1.6rem; } .mas2 .only-l-rem-pright16 { padding-right: 1.6rem; } .mas2 .only-l-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .only-l-rem-marg16 { margin: 1.6rem; } .mas2 .only-l-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .only-l-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .only-l-rem-mtop16 { margin-top: 1.6rem; } .mas2 .only-l-rem-mleft16 { margin-left: 1.6rem; } .mas2 .only-l-rem-mright16 { margin-right: 1.6rem; } .mas2 .only-l-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .only-l-rem-padd17 { padding: 1.7rem; } .mas2 .only-l-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .only-l-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .only-l-rem-ptop17 { padding-top: 1.7rem; } .mas2 .only-l-rem-pleft17 { padding-left: 1.7rem; } .mas2 .only-l-rem-pright17 { padding-right: 1.7rem; } .mas2 .only-l-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .only-l-rem-marg17 { margin: 1.7rem; } .mas2 .only-l-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .only-l-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .only-l-rem-mtop17 { margin-top: 1.7rem; } .mas2 .only-l-rem-mleft17 { margin-left: 1.7rem; } .mas2 .only-l-rem-mright17 { margin-right: 1.7rem; } .mas2 .only-l-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .only-l-rem-padd18 { padding: 1.8rem; } .mas2 .only-l-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .only-l-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .only-l-rem-ptop18 { padding-top: 1.8rem; } .mas2 .only-l-rem-pleft18 { padding-left: 1.8rem; } .mas2 .only-l-rem-pright18 { padding-right: 1.8rem; } .mas2 .only-l-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .only-l-rem-marg18 { margin: 1.8rem; } .mas2 .only-l-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .only-l-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .only-l-rem-mtop18 { margin-top: 1.8rem; } .mas2 .only-l-rem-mleft18 { margin-left: 1.8rem; } .mas2 .only-l-rem-mright18 { margin-right: 1.8rem; } .mas2 .only-l-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .only-l-rem-padd19 { padding: 1.9rem; } .mas2 .only-l-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .only-l-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .only-l-rem-ptop19 { padding-top: 1.9rem; } .mas2 .only-l-rem-pleft19 { padding-left: 1.9rem; } .mas2 .only-l-rem-pright19 { padding-right: 1.9rem; } .mas2 .only-l-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .only-l-rem-marg19 { margin: 1.9rem; } .mas2 .only-l-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .only-l-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .only-l-rem-mtop19 { margin-top: 1.9rem; } .mas2 .only-l-rem-mleft19 { margin-left: 1.9rem; } .mas2 .only-l-rem-mright19 { margin-right: 1.9rem; } .mas2 .only-l-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .only-l-rem-padd20 { padding: 2rem; } .mas2 .only-l-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .only-l-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .only-l-rem-ptop20 { padding-top: 2rem; } .mas2 .only-l-rem-pleft20 { padding-left: 2rem; } .mas2 .only-l-rem-pright20 { padding-right: 2rem; } .mas2 .only-l-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .only-l-rem-marg20 { margin: 2rem; } .mas2 .only-l-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .only-l-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .only-l-rem-mtop20 { margin-top: 2rem; } .mas2 .only-l-rem-mleft20 { margin-left: 2rem; } .mas2 .only-l-rem-mright20 { margin-right: 2rem; } .mas2 .only-l-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .only-l-rem-padd21 { padding: 2.1rem; } .mas2 .only-l-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .only-l-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .only-l-rem-ptop21 { padding-top: 2.1rem; } .mas2 .only-l-rem-pleft21 { padding-left: 2.1rem; } .mas2 .only-l-rem-pright21 { padding-right: 2.1rem; } .mas2 .only-l-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .only-l-rem-marg21 { margin: 2.1rem; } .mas2 .only-l-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .only-l-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .only-l-rem-mtop21 { margin-top: 2.1rem; } .mas2 .only-l-rem-mleft21 { margin-left: 2.1rem; } .mas2 .only-l-rem-mright21 { margin-right: 2.1rem; } .mas2 .only-l-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .only-l-rem-padd22 { padding: 2.2rem; } .mas2 .only-l-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .only-l-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .only-l-rem-ptop22 { padding-top: 2.2rem; } .mas2 .only-l-rem-pleft22 { padding-left: 2.2rem; } .mas2 .only-l-rem-pright22 { padding-right: 2.2rem; } .mas2 .only-l-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .only-l-rem-marg22 { margin: 2.2rem; } .mas2 .only-l-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .only-l-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .only-l-rem-mtop22 { margin-top: 2.2rem; } .mas2 .only-l-rem-mleft22 { margin-left: 2.2rem; } .mas2 .only-l-rem-mright22 { margin-right: 2.2rem; } .mas2 .only-l-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .only-l-rem-padd23 { padding: 2.3rem; } .mas2 .only-l-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .only-l-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .only-l-rem-ptop23 { padding-top: 2.3rem; } .mas2 .only-l-rem-pleft23 { padding-left: 2.3rem; } .mas2 .only-l-rem-pright23 { padding-right: 2.3rem; } .mas2 .only-l-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .only-l-rem-marg23 { margin: 2.3rem; } .mas2 .only-l-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .only-l-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .only-l-rem-mtop23 { margin-top: 2.3rem; } .mas2 .only-l-rem-mleft23 { margin-left: 2.3rem; } .mas2 .only-l-rem-mright23 { margin-right: 2.3rem; } .mas2 .only-l-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .only-l-rem-padd24 { padding: 2.4rem; } .mas2 .only-l-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .only-l-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .only-l-rem-ptop24 { padding-top: 2.4rem; } .mas2 .only-l-rem-pleft24 { padding-left: 2.4rem; } .mas2 .only-l-rem-pright24 { padding-right: 2.4rem; } .mas2 .only-l-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .only-l-rem-marg24 { margin: 2.4rem; } .mas2 .only-l-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .only-l-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .only-l-rem-mtop24 { margin-top: 2.4rem; } .mas2 .only-l-rem-mleft24 { margin-left: 2.4rem; } .mas2 .only-l-rem-mright24 { margin-right: 2.4rem; } .mas2 .only-l-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .only-l-rem-padd25 { padding: 2.5rem; } .mas2 .only-l-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .only-l-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .only-l-rem-ptop25 { padding-top: 2.5rem; } .mas2 .only-l-rem-pleft25 { padding-left: 2.5rem; } .mas2 .only-l-rem-pright25 { padding-right: 2.5rem; } .mas2 .only-l-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .only-l-rem-marg25 { margin: 2.5rem; } .mas2 .only-l-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .only-l-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .only-l-rem-mtop25 { margin-top: 2.5rem; } .mas2 .only-l-rem-mleft25 { margin-left: 2.5rem; } .mas2 .only-l-rem-mright25 { margin-right: 2.5rem; } .mas2 .only-l-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .only-l-rem-padd26 { padding: 2.6rem; } .mas2 .only-l-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .only-l-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .only-l-rem-ptop26 { padding-top: 2.6rem; } .mas2 .only-l-rem-pleft26 { padding-left: 2.6rem; } .mas2 .only-l-rem-pright26 { padding-right: 2.6rem; } .mas2 .only-l-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .only-l-rem-marg26 { margin: 2.6rem; } .mas2 .only-l-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .only-l-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .only-l-rem-mtop26 { margin-top: 2.6rem; } .mas2 .only-l-rem-mleft26 { margin-left: 2.6rem; } .mas2 .only-l-rem-mright26 { margin-right: 2.6rem; } .mas2 .only-l-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .only-l-rem-padd27 { padding: 2.7rem; } .mas2 .only-l-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .only-l-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .only-l-rem-ptop27 { padding-top: 2.7rem; } .mas2 .only-l-rem-pleft27 { padding-left: 2.7rem; } .mas2 .only-l-rem-pright27 { padding-right: 2.7rem; } .mas2 .only-l-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .only-l-rem-marg27 { margin: 2.7rem; } .mas2 .only-l-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .only-l-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .only-l-rem-mtop27 { margin-top: 2.7rem; } .mas2 .only-l-rem-mleft27 { margin-left: 2.7rem; } .mas2 .only-l-rem-mright27 { margin-right: 2.7rem; } .mas2 .only-l-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .only-l-rem-padd28 { padding: 2.8rem; } .mas2 .only-l-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .only-l-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .only-l-rem-ptop28 { padding-top: 2.8rem; } .mas2 .only-l-rem-pleft28 { padding-left: 2.8rem; } .mas2 .only-l-rem-pright28 { padding-right: 2.8rem; } .mas2 .only-l-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .only-l-rem-marg28 { margin: 2.8rem; } .mas2 .only-l-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .only-l-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .only-l-rem-mtop28 { margin-top: 2.8rem; } .mas2 .only-l-rem-mleft28 { margin-left: 2.8rem; } .mas2 .only-l-rem-mright28 { margin-right: 2.8rem; } .mas2 .only-l-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .only-l-rem-padd29 { padding: 2.9rem; } .mas2 .only-l-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .only-l-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .only-l-rem-ptop29 { padding-top: 2.9rem; } .mas2 .only-l-rem-pleft29 { padding-left: 2.9rem; } .mas2 .only-l-rem-pright29 { padding-right: 2.9rem; } .mas2 .only-l-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .only-l-rem-marg29 { margin: 2.9rem; } .mas2 .only-l-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .only-l-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .only-l-rem-mtop29 { margin-top: 2.9rem; } .mas2 .only-l-rem-mleft29 { margin-left: 2.9rem; } .mas2 .only-l-rem-mright29 { margin-right: 2.9rem; } .mas2 .only-l-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .only-l-rem-padd30 { padding: 3rem; } .mas2 .only-l-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .only-l-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .only-l-rem-ptop30 { padding-top: 3rem; } .mas2 .only-l-rem-pleft30 { padding-left: 3rem; } .mas2 .only-l-rem-pright30 { padding-right: 3rem; } .mas2 .only-l-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .only-l-rem-marg30 { margin: 3rem; } .mas2 .only-l-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .only-l-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .only-l-rem-mtop30 { margin-top: 3rem; } .mas2 .only-l-rem-mleft30 { margin-left: 3rem; } .mas2 .only-l-rem-mright30 { margin-right: 3rem; } .mas2 .only-l-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .only-l-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .only-l-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .only-l-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .only-l-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .only-l-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .only-l-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .only-l-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .only-l-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .only-l-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .only-l-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .only-l-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .only-l-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .only-l-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .only-l-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .only-l-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .only-l-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .only-l-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .only-l-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .only-l-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .only-l-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .only-l-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .only-l-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .only-l-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .only-l-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .only-l-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .only-l-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .only-l-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .only-l-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .only-l-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .only-l-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .only-l-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .only-l-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .only-l-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .only-l-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .only-l-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .only-l-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .only-l-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .only-l-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .only-l-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .only-l-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .only-l-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .only-l-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .only-l-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .only-l-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .only-l-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .only-l-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .only-l-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .only-l-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .only-l-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .only-l-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .only-l-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .only-l-lh10 { line-height: 1em; } .mas2 .only-l-lh11 { line-height: 1.1em; } .mas2 .only-l-lh12 { line-height: 1.2em; } .mas2 .only-l-lh13 { line-height: 1.3em; } .mas2 .only-l-lh14 { line-height: 1.4em; } .mas2 .only-l-lh15 { line-height: 1.5em; } .mas2 .only-l-lh16 { line-height: 1.6em; } .mas2 .only-l-lh17 { line-height: 1.7em; } .mas2 .only-l-lh18 { line-height: 1.8em; } .mas2 .only-l-lh19 { line-height: 1.9em; } .mas2 .only-l-lh20 { line-height: 2em; } .mas2 .only-l-italic { font-style: italic; } .mas2 .only-l-bold { font-weight: bold; } .mas2 .only-l-underline { text-decoration: underline; } .mas2 .only-l-fw100 { font-weight: 100; } .mas2 .only-l-fw200 { font-weight: 200; } .mas2 .only-l-fw300 { font-weight: 300; } .mas2 .only-l-fw400 { font-weight: 400; } .mas2 .only-l-fw500 { font-weight: 500; } .mas2 .only-l-fw600 { font-weight: 600; } .mas2 .only-l-fw700 { font-weight: 700; } .mas2 .only-l-fw800 { font-weight: 800; } .mas2 .only-l-fw900 { font-weight: 900; } .mas2 .only-l-tal { text-align: left; } .mas2 .only-l-tar { text-align: right; } .mas2 .only-l-tac { text-align: center; } .mas2 .only-l-vat { vertical-align: top; } .mas2 .only-l-vam { vertical-align: middle; } .mas2 .only-l-vab { vertical-align: bottom; } .mas2 .only-l-fl { float: left; } .mas2 .only-l-fr { float: right; } .mas2 .only-l-cb { clear: both; } .mas2 .only-l-dn { display: none; } .mas2 .only-l-z1 { z-index: 1; } .mas2 .only-l-z2 { z-index: 2; } .mas2 .only-l-z3 { z-index: 3; } .mas2 .only-l-z4 { z-index: 4; } .mas2 .only-l-z5 { z-index: 5; } .mas2 .only-l-z6 { z-index: 6; } .mas2 .only-l-z7 { z-index: 7; } .mas2 .only-l-z8 { z-index: 8; } .mas2 .only-l-op0 { opacity: 0; } .mas2 .only-l-transp0 { opacity: 1; } .mas2 .only-l-op10 { opacity: 0.1; } .mas2 .only-l-transp10 { opacity: 0.9; } .mas2 .only-l-op20 { opacity: 0.2; } .mas2 .only-l-transp20 { opacity: 0.8; } .mas2 .only-l-op30 { opacity: 0.3; } .mas2 .only-l-transp30 { opacity: 0.7; } .mas2 .only-l-op40 { opacity: 0.4; } .mas2 .only-l-transp40 { opacity: 0.6; } .mas2 .only-l-op50 { opacity: 0.5; } .mas2 .only-l-transp50 { opacity: 0.5; } .mas2 .only-l-op60 { opacity: 0.6; } .mas2 .only-l-transp60 { opacity: 0.4; } .mas2 .only-l-op70 { opacity: 0.7; } .mas2 .only-l-transp70 { opacity: 0.3; } .mas2 .only-l-op80 { opacity: 0.8; } .mas2 .only-l-transp80 { opacity: 0.2; } .mas2 .only-l-op90 { opacity: 0.9; } .mas2 .only-l-transp90 { opacity: 0.1; } .mas2 .only-l-op100 { opacity: 1; } .mas2 .only-l-transp100 { opacity: 0; } .mas2 .only-l-db-hover, .mas2 .only-l-db-hov { display: none; } .mas2 .only-l-op-hover, .mas2 .only-l-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .only-l-hover:hover .db-hover, .mas2 .only-l-hov:hover .db-hov { display: block; } .mas2 .only-l-hover:hover .op-hover, .mas2 .only-l-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .only-l-w100 { width: 100%; } .mas2 .only-l-h100 { height: 100%; } .mas2 .only-l-mw100 { max-width: 100%; } .mas2 .only-l-mh100 { max-height: 100%; } .mas2 .only-l-tdn { text-decoration: none; } .mas2 .only-l-tdni { text-decoration: none !important; } .mas2 .only-l-ttn { text-transform: none; } .mas2 .only-l-ttl { text-transform: lowercase; } .mas2 .only-l-ttu { text-transform: uppercase; } .mas2 .only-l-ttc { text-transform: capitalize; } .mas2 .only-l-center { margin-left: auto; margin-right: auto; } .mas2 .only-l-db { display: block; } .mas2 .only-l-dib { display: inline-block; } .mas2 .only-l-pr { position: relative; } .mas2 .only-l-pa { position: absolute; } .mas2 .only-l-pf { position: fixed; } .mas2 .only-l-pri { position: relative !important; } .mas2 .only-l-pai { position: absolute !important; } .mas2 .only-l-pfi { position: fixed !important; } .mas2 .only-l-ps { position: static !important; } .mas2 .only-l-pa-tr { top: 0; right: 0; } .mas2 .only-l-pa-tl { top: 0; left: 0; } .mas2 .only-l-pa-br { bottom: 0; right: 0; } .mas2 .only-l-pa-bl { bottom: 0; left: 0; } .mas2 .only-l-ofh { overflow: hidden; } .mas2 .only-l-ofa { overflow: auto; } .mas2 .only-l-wsnw { white-space: nowrap; } .mas2 .only-l-wsn { white-space: normal; } .mas2 .only-l-ls3 { letter-spacing: 3px; } .mas2 .only-l-ls4 { letter-spacing: 4px; } .mas2 .only-l-ls5 { letter-spacing: 5px; } .mas2 .only-l-ls6 { letter-spacing: 6px; } .mas2 .only-l-ls7 { letter-spacing: 7px; } .mas2 .only-l-ls8 { letter-spacing: 8px; } .mas2 .only-l-ls9 { letter-spacing: 9px; } .mas2 .only-l-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .only-l-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .only-l-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .only-l-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .only-l-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .only-l-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .only-l-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .only-l-solid1 { border-width: 1px; border-style: solid; } .mas2 .only-l-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .only-l-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .only-l-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .only-l-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .only-l-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .only-l-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .only-l-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .only-l-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .only-l-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .only-l-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .only-l-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .only-l-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .only-l-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .only-l-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .only-l-solid2 { border-width: 2px; border-style: solid; } .mas2 .only-l-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .only-l-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .only-l-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .only-l-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .only-l-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .only-l-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .only-l-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .only-l-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .only-l-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .only-l-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .only-l-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .only-l-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .only-l-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .only-l-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .only-l-solid3 { border-width: 3px; border-style: solid; } .mas2 .only-l-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .only-l-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .only-l-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .only-l-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .only-l-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .only-l-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .only-l-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .only-l-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .only-l-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .only-l-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .only-l-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .only-l-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .only-l-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .only-l-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .only-l-solid4 { border-width: 4px; border-style: solid; } .mas2 .only-l-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .only-l-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .only-l-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .only-l-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .only-l-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .only-l-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .only-l-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .only-l-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .only-l-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .only-l-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .only-l-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .only-l-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .only-l-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .only-l-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .only-l-solid5 { border-width: 5px; border-style: solid; } .mas2 .only-l-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .only-l-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .only-l-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .only-l-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .only-l-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .only-l-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .only-l-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .only-l-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .only-l-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .only-l-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .only-l-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .only-l-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .only-l-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .only-l-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .only-l-rad3 { border-radius: 3px; } .mas2 .only-l-rad3-tl { border-top-left-radius: 3px; } .mas2 .only-l-rad3-tr { border-top-right-radius: 3px; } .mas2 .only-l-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .only-l-rad3-br { border-bottom-right-radius: 3px; } .mas2 .only-l-rad4 { border-radius: 4px; } .mas2 .only-l-rad4-tl { border-top-left-radius: 4px; } .mas2 .only-l-rad4-tr { border-top-right-radius: 4px; } .mas2 .only-l-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .only-l-rad4-br { border-bottom-right-radius: 4px; } .mas2 .only-l-rad5 { border-radius: 5px; } .mas2 .only-l-rad5-tl { border-top-left-radius: 5px; } .mas2 .only-l-rad5-tr { border-top-right-radius: 5px; } .mas2 .only-l-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .only-l-rad5-br { border-bottom-right-radius: 5px; } .mas2 .only-l-rad6 { border-radius: 6px; } .mas2 .only-l-rad6-tl { border-top-left-radius: 6px; } .mas2 .only-l-rad6-tr { border-top-right-radius: 6px; } .mas2 .only-l-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .only-l-rad6-br { border-bottom-right-radius: 6px; } .mas2 .only-l-rad7 { border-radius: 7px; } .mas2 .only-l-rad7-tl { border-top-left-radius: 7px; } .mas2 .only-l-rad7-tr { border-top-right-radius: 7px; } .mas2 .only-l-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .only-l-rad7-br { border-bottom-right-radius: 7px; } .mas2 .only-l-rad8 { border-radius: 8px; } .mas2 .only-l-rad8-tl { border-top-left-radius: 8px; } .mas2 .only-l-rad8-tr { border-top-right-radius: 8px; } .mas2 .only-l-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .only-l-rad8-br { border-bottom-right-radius: 8px; } .mas2 .only-l-rad9 { border-radius: 9px; } .mas2 .only-l-rad9-tl { border-top-left-radius: 9px; } .mas2 .only-l-rad9-tr { border-top-right-radius: 9px; } .mas2 .only-l-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .only-l-rad9-br { border-bottom-right-radius: 9px; } .mas2 .only-l-rad10 { border-radius: 10px; } .mas2 .only-l-rad10-tl { border-top-left-radius: 10px; } .mas2 .only-l-rad10-tr { border-top-right-radius: 10px; } .mas2 .only-l-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .only-l-rad10-br { border-bottom-right-radius: 10px; } .mas2 .only-l-rad11 { border-radius: 11px; } .mas2 .only-l-rad11-tl { border-top-left-radius: 11px; } .mas2 .only-l-rad11-tr { border-top-right-radius: 11px; } .mas2 .only-l-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .only-l-rad11-br { border-bottom-right-radius: 11px; } .mas2 .only-l-rad12 { border-radius: 12px; } .mas2 .only-l-rad12-tl { border-top-left-radius: 12px; } .mas2 .only-l-rad12-tr { border-top-right-radius: 12px; } .mas2 .only-l-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .only-l-rad12-br { border-bottom-right-radius: 12px; } .mas2 .only-l-rad200 { border-radius: 200px; } } @media only screen and (min-width: 1350px) { .mas2 { /** magic **/ } .mas2 .xl-padd0 { padding: 0px; } .mas2 .xl-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .xl-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .xl-ptop0 { padding-top: 0px; } .mas2 .xl-pleft0 { padding-left: 0px; } .mas2 .xl-pright0 { padding-right: 0px; } .mas2 .xl-pbottom0 { padding-bottom: 0px; } .mas2 .xl-marg0 { margin: 0px; } .mas2 .xl-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .xl-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .xl-mtop0 { margin-top: 0px; } .mas2 .xl-mleft0 { margin-left: 0px; } .mas2 .xl-mright0 { margin-right: 0px; } .mas2 .xl-mbottom0 { margin-bottom: 0px; } .mas2 .xl-padd2 { padding: 2px; } .mas2 .xl-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .xl-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .xl-ptop2 { padding-top: 2px; } .mas2 .xl-pleft2 { padding-left: 2px; } .mas2 .xl-pright2 { padding-right: 2px; } .mas2 .xl-pbottom2 { padding-bottom: 2px; } .mas2 .xl-marg2 { margin: 2px; } .mas2 .xl-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .xl-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .xl-mtop2 { margin-top: 2px; } .mas2 .xl-mleft2 { margin-left: 2px; } .mas2 .xl-mright2 { margin-right: 2px; } .mas2 .xl-mbottom2 { margin-bottom: 2px; } .mas2 .xl-padd3 { padding: 3px; } .mas2 .xl-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .xl-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .xl-ptop3 { padding-top: 3px; } .mas2 .xl-pleft3 { padding-left: 3px; } .mas2 .xl-pright3 { padding-right: 3px; } .mas2 .xl-pbottom3 { padding-bottom: 3px; } .mas2 .xl-marg3 { margin: 3px; } .mas2 .xl-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .xl-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .xl-mtop3 { margin-top: 3px; } .mas2 .xl-mleft3 { margin-left: 3px; } .mas2 .xl-mright3 { margin-right: 3px; } .mas2 .xl-mbottom3 { margin-bottom: 3px; } .mas2 .xl-padd4 { padding: 4px; } .mas2 .xl-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .xl-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .xl-ptop4 { padding-top: 4px; } .mas2 .xl-pleft4 { padding-left: 4px; } .mas2 .xl-pright4 { padding-right: 4px; } .mas2 .xl-pbottom4 { padding-bottom: 4px; } .mas2 .xl-marg4 { margin: 4px; } .mas2 .xl-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .xl-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .xl-mtop4 { margin-top: 4px; } .mas2 .xl-mleft4 { margin-left: 4px; } .mas2 .xl-mright4 { margin-right: 4px; } .mas2 .xl-mbottom4 { margin-bottom: 4px; } .mas2 .xl-padd5 { padding: 5px; } .mas2 .xl-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .xl-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .xl-ptop5 { padding-top: 5px; } .mas2 .xl-pleft5 { padding-left: 5px; } .mas2 .xl-pright5 { padding-right: 5px; } .mas2 .xl-pbottom5 { padding-bottom: 5px; } .mas2 .xl-marg5 { margin: 5px; } .mas2 .xl-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .xl-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .xl-mtop5 { margin-top: 5px; } .mas2 .xl-mleft5 { margin-left: 5px; } .mas2 .xl-mright5 { margin-right: 5px; } .mas2 .xl-mbottom5 { margin-bottom: 5px; } .mas2 .xl-padd10 { padding: 10px; } .mas2 .xl-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .xl-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .xl-ptop10 { padding-top: 10px; } .mas2 .xl-pleft10 { padding-left: 10px; } .mas2 .xl-pright10 { padding-right: 10px; } .mas2 .xl-pbottom10 { padding-bottom: 10px; } .mas2 .xl-marg10 { margin: 10px; } .mas2 .xl-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .xl-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .xl-mtop10 { margin-top: 10px; } .mas2 .xl-mleft10 { margin-left: 10px; } .mas2 .xl-mright10 { margin-right: 10px; } .mas2 .xl-mbottom10 { margin-bottom: 10px; } .mas2 .xl-padd15 { padding: 15px; } .mas2 .xl-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .xl-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .xl-ptop15 { padding-top: 15px; } .mas2 .xl-pleft15 { padding-left: 15px; } .mas2 .xl-pright15 { padding-right: 15px; } .mas2 .xl-pbottom15 { padding-bottom: 15px; } .mas2 .xl-marg15 { margin: 15px; } .mas2 .xl-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .xl-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .xl-mtop15 { margin-top: 15px; } .mas2 .xl-mleft15 { margin-left: 15px; } .mas2 .xl-mright15 { margin-right: 15px; } .mas2 .xl-mbottom15 { margin-bottom: 15px; } .mas2 .xl-padd20 { padding: 20px; } .mas2 .xl-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .xl-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .xl-ptop20 { padding-top: 20px; } .mas2 .xl-pleft20 { padding-left: 20px; } .mas2 .xl-pright20 { padding-right: 20px; } .mas2 .xl-pbottom20 { padding-bottom: 20px; } .mas2 .xl-marg20 { margin: 20px; } .mas2 .xl-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .xl-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .xl-mtop20 { margin-top: 20px; } .mas2 .xl-mleft20 { margin-left: 20px; } .mas2 .xl-mright20 { margin-right: 20px; } .mas2 .xl-mbottom20 { margin-bottom: 20px; } .mas2 .xl-padd25 { padding: 25px; } .mas2 .xl-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .xl-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .xl-ptop25 { padding-top: 25px; } .mas2 .xl-pleft25 { padding-left: 25px; } .mas2 .xl-pright25 { padding-right: 25px; } .mas2 .xl-pbottom25 { padding-bottom: 25px; } .mas2 .xl-marg25 { margin: 25px; } .mas2 .xl-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .xl-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .xl-mtop25 { margin-top: 25px; } .mas2 .xl-mleft25 { margin-left: 25px; } .mas2 .xl-mright25 { margin-right: 25px; } .mas2 .xl-mbottom25 { margin-bottom: 25px; } .mas2 .xl-padd30 { padding: 30px; } .mas2 .xl-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .xl-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .xl-ptop30 { padding-top: 30px; } .mas2 .xl-pleft30 { padding-left: 30px; } .mas2 .xl-pright30 { padding-right: 30px; } .mas2 .xl-pbottom30 { padding-bottom: 30px; } .mas2 .xl-marg30 { margin: 30px; } .mas2 .xl-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .xl-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .xl-mtop30 { margin-top: 30px; } .mas2 .xl-mleft30 { margin-left: 30px; } .mas2 .xl-mright30 { margin-right: 30px; } .mas2 .xl-mbottom30 { margin-bottom: 30px; } .mas2 .xl-padd40 { padding: 40px; } .mas2 .xl-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .xl-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .xl-ptop40 { padding-top: 40px; } .mas2 .xl-pleft40 { padding-left: 40px; } .mas2 .xl-pright40 { padding-right: 40px; } .mas2 .xl-pbottom40 { padding-bottom: 40px; } .mas2 .xl-marg40 { margin: 40px; } .mas2 .xl-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .xl-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .xl-mtop40 { margin-top: 40px; } .mas2 .xl-mleft40 { margin-left: 40px; } .mas2 .xl-mright40 { margin-right: 40px; } .mas2 .xl-mbottom40 { margin-bottom: 40px; } .mas2 .xl-rem-padd10 { padding: 1rem; } .mas2 .xl-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .xl-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .xl-rem-ptop10 { padding-top: 1rem; } .mas2 .xl-rem-pleft10 { padding-left: 1rem; } .mas2 .xl-rem-pright10 { padding-right: 1rem; } .mas2 .xl-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .xl-rem-marg10 { margin: 1rem; } .mas2 .xl-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .xl-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .xl-rem-mtop10 { margin-top: 1rem; } .mas2 .xl-rem-mleft10 { margin-left: 1rem; } .mas2 .xl-rem-mright10 { margin-right: 1rem; } .mas2 .xl-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .xl-rem-padd11 { padding: 1.1rem; } .mas2 .xl-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .xl-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .xl-rem-ptop11 { padding-top: 1.1rem; } .mas2 .xl-rem-pleft11 { padding-left: 1.1rem; } .mas2 .xl-rem-pright11 { padding-right: 1.1rem; } .mas2 .xl-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .xl-rem-marg11 { margin: 1.1rem; } .mas2 .xl-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .xl-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .xl-rem-mtop11 { margin-top: 1.1rem; } .mas2 .xl-rem-mleft11 { margin-left: 1.1rem; } .mas2 .xl-rem-mright11 { margin-right: 1.1rem; } .mas2 .xl-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .xl-rem-padd12 { padding: 1.2rem; } .mas2 .xl-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .xl-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .xl-rem-ptop12 { padding-top: 1.2rem; } .mas2 .xl-rem-pleft12 { padding-left: 1.2rem; } .mas2 .xl-rem-pright12 { padding-right: 1.2rem; } .mas2 .xl-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .xl-rem-marg12 { margin: 1.2rem; } .mas2 .xl-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .xl-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .xl-rem-mtop12 { margin-top: 1.2rem; } .mas2 .xl-rem-mleft12 { margin-left: 1.2rem; } .mas2 .xl-rem-mright12 { margin-right: 1.2rem; } .mas2 .xl-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .xl-rem-padd13 { padding: 1.3rem; } .mas2 .xl-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .xl-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .xl-rem-ptop13 { padding-top: 1.3rem; } .mas2 .xl-rem-pleft13 { padding-left: 1.3rem; } .mas2 .xl-rem-pright13 { padding-right: 1.3rem; } .mas2 .xl-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .xl-rem-marg13 { margin: 1.3rem; } .mas2 .xl-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .xl-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .xl-rem-mtop13 { margin-top: 1.3rem; } .mas2 .xl-rem-mleft13 { margin-left: 1.3rem; } .mas2 .xl-rem-mright13 { margin-right: 1.3rem; } .mas2 .xl-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .xl-rem-padd14 { padding: 1.4rem; } .mas2 .xl-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .xl-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .xl-rem-ptop14 { padding-top: 1.4rem; } .mas2 .xl-rem-pleft14 { padding-left: 1.4rem; } .mas2 .xl-rem-pright14 { padding-right: 1.4rem; } .mas2 .xl-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .xl-rem-marg14 { margin: 1.4rem; } .mas2 .xl-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .xl-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .xl-rem-mtop14 { margin-top: 1.4rem; } .mas2 .xl-rem-mleft14 { margin-left: 1.4rem; } .mas2 .xl-rem-mright14 { margin-right: 1.4rem; } .mas2 .xl-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .xl-rem-padd15 { padding: 1.5rem; } .mas2 .xl-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .xl-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .xl-rem-ptop15 { padding-top: 1.5rem; } .mas2 .xl-rem-pleft15 { padding-left: 1.5rem; } .mas2 .xl-rem-pright15 { padding-right: 1.5rem; } .mas2 .xl-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .xl-rem-marg15 { margin: 1.5rem; } .mas2 .xl-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .xl-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .xl-rem-mtop15 { margin-top: 1.5rem; } .mas2 .xl-rem-mleft15 { margin-left: 1.5rem; } .mas2 .xl-rem-mright15 { margin-right: 1.5rem; } .mas2 .xl-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .xl-rem-padd16 { padding: 1.6rem; } .mas2 .xl-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .xl-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .xl-rem-ptop16 { padding-top: 1.6rem; } .mas2 .xl-rem-pleft16 { padding-left: 1.6rem; } .mas2 .xl-rem-pright16 { padding-right: 1.6rem; } .mas2 .xl-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .xl-rem-marg16 { margin: 1.6rem; } .mas2 .xl-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .xl-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .xl-rem-mtop16 { margin-top: 1.6rem; } .mas2 .xl-rem-mleft16 { margin-left: 1.6rem; } .mas2 .xl-rem-mright16 { margin-right: 1.6rem; } .mas2 .xl-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .xl-rem-padd17 { padding: 1.7rem; } .mas2 .xl-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .xl-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .xl-rem-ptop17 { padding-top: 1.7rem; } .mas2 .xl-rem-pleft17 { padding-left: 1.7rem; } .mas2 .xl-rem-pright17 { padding-right: 1.7rem; } .mas2 .xl-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .xl-rem-marg17 { margin: 1.7rem; } .mas2 .xl-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .xl-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .xl-rem-mtop17 { margin-top: 1.7rem; } .mas2 .xl-rem-mleft17 { margin-left: 1.7rem; } .mas2 .xl-rem-mright17 { margin-right: 1.7rem; } .mas2 .xl-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .xl-rem-padd18 { padding: 1.8rem; } .mas2 .xl-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .xl-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .xl-rem-ptop18 { padding-top: 1.8rem; } .mas2 .xl-rem-pleft18 { padding-left: 1.8rem; } .mas2 .xl-rem-pright18 { padding-right: 1.8rem; } .mas2 .xl-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .xl-rem-marg18 { margin: 1.8rem; } .mas2 .xl-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .xl-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .xl-rem-mtop18 { margin-top: 1.8rem; } .mas2 .xl-rem-mleft18 { margin-left: 1.8rem; } .mas2 .xl-rem-mright18 { margin-right: 1.8rem; } .mas2 .xl-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .xl-rem-padd19 { padding: 1.9rem; } .mas2 .xl-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .xl-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .xl-rem-ptop19 { padding-top: 1.9rem; } .mas2 .xl-rem-pleft19 { padding-left: 1.9rem; } .mas2 .xl-rem-pright19 { padding-right: 1.9rem; } .mas2 .xl-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .xl-rem-marg19 { margin: 1.9rem; } .mas2 .xl-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .xl-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .xl-rem-mtop19 { margin-top: 1.9rem; } .mas2 .xl-rem-mleft19 { margin-left: 1.9rem; } .mas2 .xl-rem-mright19 { margin-right: 1.9rem; } .mas2 .xl-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .xl-rem-padd20 { padding: 2rem; } .mas2 .xl-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .xl-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .xl-rem-ptop20 { padding-top: 2rem; } .mas2 .xl-rem-pleft20 { padding-left: 2rem; } .mas2 .xl-rem-pright20 { padding-right: 2rem; } .mas2 .xl-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .xl-rem-marg20 { margin: 2rem; } .mas2 .xl-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .xl-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .xl-rem-mtop20 { margin-top: 2rem; } .mas2 .xl-rem-mleft20 { margin-left: 2rem; } .mas2 .xl-rem-mright20 { margin-right: 2rem; } .mas2 .xl-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .xl-rem-padd21 { padding: 2.1rem; } .mas2 .xl-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .xl-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .xl-rem-ptop21 { padding-top: 2.1rem; } .mas2 .xl-rem-pleft21 { padding-left: 2.1rem; } .mas2 .xl-rem-pright21 { padding-right: 2.1rem; } .mas2 .xl-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .xl-rem-marg21 { margin: 2.1rem; } .mas2 .xl-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .xl-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .xl-rem-mtop21 { margin-top: 2.1rem; } .mas2 .xl-rem-mleft21 { margin-left: 2.1rem; } .mas2 .xl-rem-mright21 { margin-right: 2.1rem; } .mas2 .xl-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .xl-rem-padd22 { padding: 2.2rem; } .mas2 .xl-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .xl-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .xl-rem-ptop22 { padding-top: 2.2rem; } .mas2 .xl-rem-pleft22 { padding-left: 2.2rem; } .mas2 .xl-rem-pright22 { padding-right: 2.2rem; } .mas2 .xl-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .xl-rem-marg22 { margin: 2.2rem; } .mas2 .xl-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .xl-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .xl-rem-mtop22 { margin-top: 2.2rem; } .mas2 .xl-rem-mleft22 { margin-left: 2.2rem; } .mas2 .xl-rem-mright22 { margin-right: 2.2rem; } .mas2 .xl-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .xl-rem-padd23 { padding: 2.3rem; } .mas2 .xl-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .xl-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .xl-rem-ptop23 { padding-top: 2.3rem; } .mas2 .xl-rem-pleft23 { padding-left: 2.3rem; } .mas2 .xl-rem-pright23 { padding-right: 2.3rem; } .mas2 .xl-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .xl-rem-marg23 { margin: 2.3rem; } .mas2 .xl-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .xl-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .xl-rem-mtop23 { margin-top: 2.3rem; } .mas2 .xl-rem-mleft23 { margin-left: 2.3rem; } .mas2 .xl-rem-mright23 { margin-right: 2.3rem; } .mas2 .xl-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .xl-rem-padd24 { padding: 2.4rem; } .mas2 .xl-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .xl-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .xl-rem-ptop24 { padding-top: 2.4rem; } .mas2 .xl-rem-pleft24 { padding-left: 2.4rem; } .mas2 .xl-rem-pright24 { padding-right: 2.4rem; } .mas2 .xl-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .xl-rem-marg24 { margin: 2.4rem; } .mas2 .xl-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .xl-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .xl-rem-mtop24 { margin-top: 2.4rem; } .mas2 .xl-rem-mleft24 { margin-left: 2.4rem; } .mas2 .xl-rem-mright24 { margin-right: 2.4rem; } .mas2 .xl-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .xl-rem-padd25 { padding: 2.5rem; } .mas2 .xl-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .xl-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .xl-rem-ptop25 { padding-top: 2.5rem; } .mas2 .xl-rem-pleft25 { padding-left: 2.5rem; } .mas2 .xl-rem-pright25 { padding-right: 2.5rem; } .mas2 .xl-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .xl-rem-marg25 { margin: 2.5rem; } .mas2 .xl-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .xl-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .xl-rem-mtop25 { margin-top: 2.5rem; } .mas2 .xl-rem-mleft25 { margin-left: 2.5rem; } .mas2 .xl-rem-mright25 { margin-right: 2.5rem; } .mas2 .xl-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .xl-rem-padd26 { padding: 2.6rem; } .mas2 .xl-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .xl-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .xl-rem-ptop26 { padding-top: 2.6rem; } .mas2 .xl-rem-pleft26 { padding-left: 2.6rem; } .mas2 .xl-rem-pright26 { padding-right: 2.6rem; } .mas2 .xl-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .xl-rem-marg26 { margin: 2.6rem; } .mas2 .xl-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .xl-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .xl-rem-mtop26 { margin-top: 2.6rem; } .mas2 .xl-rem-mleft26 { margin-left: 2.6rem; } .mas2 .xl-rem-mright26 { margin-right: 2.6rem; } .mas2 .xl-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .xl-rem-padd27 { padding: 2.7rem; } .mas2 .xl-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .xl-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .xl-rem-ptop27 { padding-top: 2.7rem; } .mas2 .xl-rem-pleft27 { padding-left: 2.7rem; } .mas2 .xl-rem-pright27 { padding-right: 2.7rem; } .mas2 .xl-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .xl-rem-marg27 { margin: 2.7rem; } .mas2 .xl-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .xl-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .xl-rem-mtop27 { margin-top: 2.7rem; } .mas2 .xl-rem-mleft27 { margin-left: 2.7rem; } .mas2 .xl-rem-mright27 { margin-right: 2.7rem; } .mas2 .xl-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .xl-rem-padd28 { padding: 2.8rem; } .mas2 .xl-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .xl-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .xl-rem-ptop28 { padding-top: 2.8rem; } .mas2 .xl-rem-pleft28 { padding-left: 2.8rem; } .mas2 .xl-rem-pright28 { padding-right: 2.8rem; } .mas2 .xl-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .xl-rem-marg28 { margin: 2.8rem; } .mas2 .xl-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .xl-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .xl-rem-mtop28 { margin-top: 2.8rem; } .mas2 .xl-rem-mleft28 { margin-left: 2.8rem; } .mas2 .xl-rem-mright28 { margin-right: 2.8rem; } .mas2 .xl-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .xl-rem-padd29 { padding: 2.9rem; } .mas2 .xl-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .xl-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .xl-rem-ptop29 { padding-top: 2.9rem; } .mas2 .xl-rem-pleft29 { padding-left: 2.9rem; } .mas2 .xl-rem-pright29 { padding-right: 2.9rem; } .mas2 .xl-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .xl-rem-marg29 { margin: 2.9rem; } .mas2 .xl-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .xl-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .xl-rem-mtop29 { margin-top: 2.9rem; } .mas2 .xl-rem-mleft29 { margin-left: 2.9rem; } .mas2 .xl-rem-mright29 { margin-right: 2.9rem; } .mas2 .xl-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .xl-rem-padd30 { padding: 3rem; } .mas2 .xl-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .xl-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .xl-rem-ptop30 { padding-top: 3rem; } .mas2 .xl-rem-pleft30 { padding-left: 3rem; } .mas2 .xl-rem-pright30 { padding-right: 3rem; } .mas2 .xl-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .xl-rem-marg30 { margin: 3rem; } .mas2 .xl-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .xl-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .xl-rem-mtop30 { margin-top: 3rem; } .mas2 .xl-rem-mleft30 { margin-left: 3rem; } .mas2 .xl-rem-mright30 { margin-right: 3rem; } .mas2 .xl-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .xl-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .xl-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .xl-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .xl-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .xl-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .xl-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .xl-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .xl-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .xl-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .xl-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .xl-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .xl-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .xl-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .xl-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .xl-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .xl-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .xl-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .xl-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .xl-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .xl-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .xl-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .xl-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .xl-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .xl-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .xl-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .xl-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .xl-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .xl-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .xl-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .xl-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .xl-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .xl-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .xl-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .xl-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .xl-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .xl-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .xl-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .xl-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .xl-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .xl-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .xl-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .xl-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .xl-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .xl-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .xl-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .xl-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .xl-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .xl-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .xl-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .xl-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .xl-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .xl-lh10 { line-height: 1em; } .mas2 .xl-lh11 { line-height: 1.1em; } .mas2 .xl-lh12 { line-height: 1.2em; } .mas2 .xl-lh13 { line-height: 1.3em; } .mas2 .xl-lh14 { line-height: 1.4em; } .mas2 .xl-lh15 { line-height: 1.5em; } .mas2 .xl-lh16 { line-height: 1.6em; } .mas2 .xl-lh17 { line-height: 1.7em; } .mas2 .xl-lh18 { line-height: 1.8em; } .mas2 .xl-lh19 { line-height: 1.9em; } .mas2 .xl-lh20 { line-height: 2em; } .mas2 .xl-italic { font-style: italic; } .mas2 .xl-bold { font-weight: bold; } .mas2 .xl-underline { text-decoration: underline; } .mas2 .xl-fw100 { font-weight: 100; } .mas2 .xl-fw200 { font-weight: 200; } .mas2 .xl-fw300 { font-weight: 300; } .mas2 .xl-fw400 { font-weight: 400; } .mas2 .xl-fw500 { font-weight: 500; } .mas2 .xl-fw600 { font-weight: 600; } .mas2 .xl-fw700 { font-weight: 700; } .mas2 .xl-fw800 { font-weight: 800; } .mas2 .xl-fw900 { font-weight: 900; } .mas2 .xl-tal { text-align: left; } .mas2 .xl-tar { text-align: right; } .mas2 .xl-tac { text-align: center; } .mas2 .xl-vat { vertical-align: top; } .mas2 .xl-vam { vertical-align: middle; } .mas2 .xl-vab { vertical-align: bottom; } .mas2 .xl-fl { float: left; } .mas2 .xl-fr { float: right; } .mas2 .xl-cb { clear: both; } .mas2 .xl-dn { display: none; } .mas2 .xl-z1 { z-index: 1; } .mas2 .xl-z2 { z-index: 2; } .mas2 .xl-z3 { z-index: 3; } .mas2 .xl-z4 { z-index: 4; } .mas2 .xl-z5 { z-index: 5; } .mas2 .xl-z6 { z-index: 6; } .mas2 .xl-z7 { z-index: 7; } .mas2 .xl-z8 { z-index: 8; } .mas2 .xl-op0 { opacity: 0; } .mas2 .xl-transp0 { opacity: 1; } .mas2 .xl-op10 { opacity: 0.1; } .mas2 .xl-transp10 { opacity: 0.9; } .mas2 .xl-op20 { opacity: 0.2; } .mas2 .xl-transp20 { opacity: 0.8; } .mas2 .xl-op30 { opacity: 0.3; } .mas2 .xl-transp30 { opacity: 0.7; } .mas2 .xl-op40 { opacity: 0.4; } .mas2 .xl-transp40 { opacity: 0.6; } .mas2 .xl-op50 { opacity: 0.5; } .mas2 .xl-transp50 { opacity: 0.5; } .mas2 .xl-op60 { opacity: 0.6; } .mas2 .xl-transp60 { opacity: 0.4; } .mas2 .xl-op70 { opacity: 0.7; } .mas2 .xl-transp70 { opacity: 0.3; } .mas2 .xl-op80 { opacity: 0.8; } .mas2 .xl-transp80 { opacity: 0.2; } .mas2 .xl-op90 { opacity: 0.9; } .mas2 .xl-transp90 { opacity: 0.1; } .mas2 .xl-op100 { opacity: 1; } .mas2 .xl-transp100 { opacity: 0; } .mas2 .xl-db-hover, .mas2 .xl-db-hov { display: none; } .mas2 .xl-op-hover, .mas2 .xl-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .xl-hover:hover .db-hover, .mas2 .xl-hov:hover .db-hov { display: block; } .mas2 .xl-hover:hover .op-hover, .mas2 .xl-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .xl-w100 { width: 100%; } .mas2 .xl-h100 { height: 100%; } .mas2 .xl-mw100 { max-width: 100%; } .mas2 .xl-mh100 { max-height: 100%; } .mas2 .xl-tdn { text-decoration: none; } .mas2 .xl-tdni { text-decoration: none !important; } .mas2 .xl-ttn { text-transform: none; } .mas2 .xl-ttl { text-transform: lowercase; } .mas2 .xl-ttu { text-transform: uppercase; } .mas2 .xl-ttc { text-transform: capitalize; } .mas2 .xl-center { margin-left: auto; margin-right: auto; } .mas2 .xl-db { display: block; } .mas2 .xl-dib { display: inline-block; } .mas2 .xl-pr { position: relative; } .mas2 .xl-pa { position: absolute; } .mas2 .xl-pf { position: fixed; } .mas2 .xl-pri { position: relative !important; } .mas2 .xl-pai { position: absolute !important; } .mas2 .xl-pfi { position: fixed !important; } .mas2 .xl-ps { position: static !important; } .mas2 .xl-pa-tr { top: 0; right: 0; } .mas2 .xl-pa-tl { top: 0; left: 0; } .mas2 .xl-pa-br { bottom: 0; right: 0; } .mas2 .xl-pa-bl { bottom: 0; left: 0; } .mas2 .xl-ofh { overflow: hidden; } .mas2 .xl-ofa { overflow: auto; } .mas2 .xl-wsnw { white-space: nowrap; } .mas2 .xl-wsn { white-space: normal; } .mas2 .xl-ls3 { letter-spacing: 3px; } .mas2 .xl-ls4 { letter-spacing: 4px; } .mas2 .xl-ls5 { letter-spacing: 5px; } .mas2 .xl-ls6 { letter-spacing: 6px; } .mas2 .xl-ls7 { letter-spacing: 7px; } .mas2 .xl-ls8 { letter-spacing: 8px; } .mas2 .xl-ls9 { letter-spacing: 9px; } .mas2 .xl-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .xl-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .xl-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .xl-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .xl-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .xl-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .xl-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .xl-solid1 { border-width: 1px; border-style: solid; } .mas2 .xl-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .xl-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .xl-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .xl-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .xl-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .xl-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .xl-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .xl-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .xl-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .xl-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .xl-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .xl-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .xl-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .xl-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .xl-solid2 { border-width: 2px; border-style: solid; } .mas2 .xl-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .xl-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .xl-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .xl-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .xl-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .xl-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .xl-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .xl-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .xl-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .xl-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .xl-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .xl-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .xl-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .xl-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .xl-solid3 { border-width: 3px; border-style: solid; } .mas2 .xl-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .xl-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .xl-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .xl-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .xl-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .xl-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .xl-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .xl-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .xl-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .xl-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .xl-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .xl-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .xl-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .xl-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .xl-solid4 { border-width: 4px; border-style: solid; } .mas2 .xl-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .xl-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .xl-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .xl-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .xl-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .xl-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .xl-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .xl-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .xl-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .xl-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .xl-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .xl-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .xl-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .xl-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .xl-solid5 { border-width: 5px; border-style: solid; } .mas2 .xl-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .xl-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .xl-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .xl-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .xl-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .xl-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .xl-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .xl-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .xl-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .xl-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .xl-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .xl-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .xl-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .xl-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .xl-rad3 { border-radius: 3px; } .mas2 .xl-rad3-tl { border-top-left-radius: 3px; } .mas2 .xl-rad3-tr { border-top-right-radius: 3px; } .mas2 .xl-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .xl-rad3-br { border-bottom-right-radius: 3px; } .mas2 .xl-rad4 { border-radius: 4px; } .mas2 .xl-rad4-tl { border-top-left-radius: 4px; } .mas2 .xl-rad4-tr { border-top-right-radius: 4px; } .mas2 .xl-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .xl-rad4-br { border-bottom-right-radius: 4px; } .mas2 .xl-rad5 { border-radius: 5px; } .mas2 .xl-rad5-tl { border-top-left-radius: 5px; } .mas2 .xl-rad5-tr { border-top-right-radius: 5px; } .mas2 .xl-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .xl-rad5-br { border-bottom-right-radius: 5px; } .mas2 .xl-rad6 { border-radius: 6px; } .mas2 .xl-rad6-tl { border-top-left-radius: 6px; } .mas2 .xl-rad6-tr { border-top-right-radius: 6px; } .mas2 .xl-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .xl-rad6-br { border-bottom-right-radius: 6px; } .mas2 .xl-rad7 { border-radius: 7px; } .mas2 .xl-rad7-tl { border-top-left-radius: 7px; } .mas2 .xl-rad7-tr { border-top-right-radius: 7px; } .mas2 .xl-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .xl-rad7-br { border-bottom-right-radius: 7px; } .mas2 .xl-rad8 { border-radius: 8px; } .mas2 .xl-rad8-tl { border-top-left-radius: 8px; } .mas2 .xl-rad8-tr { border-top-right-radius: 8px; } .mas2 .xl-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .xl-rad8-br { border-bottom-right-radius: 8px; } .mas2 .xl-rad9 { border-radius: 9px; } .mas2 .xl-rad9-tl { border-top-left-radius: 9px; } .mas2 .xl-rad9-tr { border-top-right-radius: 9px; } .mas2 .xl-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .xl-rad9-br { border-bottom-right-radius: 9px; } .mas2 .xl-rad10 { border-radius: 10px; } .mas2 .xl-rad10-tl { border-top-left-radius: 10px; } .mas2 .xl-rad10-tr { border-top-right-radius: 10px; } .mas2 .xl-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .xl-rad10-br { border-bottom-right-radius: 10px; } .mas2 .xl-rad11 { border-radius: 11px; } .mas2 .xl-rad11-tl { border-top-left-radius: 11px; } .mas2 .xl-rad11-tr { border-top-right-radius: 11px; } .mas2 .xl-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .xl-rad11-br { border-bottom-right-radius: 11px; } .mas2 .xl-rad12 { border-radius: 12px; } .mas2 .xl-rad12-tl { border-top-left-radius: 12px; } .mas2 .xl-rad12-tr { border-top-right-radius: 12px; } .mas2 .xl-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .xl-rad12-br { border-bottom-right-radius: 12px; } .mas2 .xl-rad200 { border-radius: 200px; } } @media only screen and (min-width: 1350px) { .mas2 { /** magic **/ } .mas2 .only-xl-padd0 { padding: 0px; } .mas2 .only-xl-vpadd0 { padding-top: 0px; padding-bottom: 0px; } .mas2 .only-xl-hpadd0 { padding-left: 0px; padding-right: 0px; } .mas2 .only-xl-ptop0 { padding-top: 0px; } .mas2 .only-xl-pleft0 { padding-left: 0px; } .mas2 .only-xl-pright0 { padding-right: 0px; } .mas2 .only-xl-pbottom0 { padding-bottom: 0px; } .mas2 .only-xl-marg0 { margin: 0px; } .mas2 .only-xl-vmarg0 { margin-top: 0px; margin-bottom: 0px; } .mas2 .only-xl-hmarg0 { margin-left: 0px; margin-right: 0px; } .mas2 .only-xl-mtop0 { margin-top: 0px; } .mas2 .only-xl-mleft0 { margin-left: 0px; } .mas2 .only-xl-mright0 { margin-right: 0px; } .mas2 .only-xl-mbottom0 { margin-bottom: 0px; } .mas2 .only-xl-padd2 { padding: 2px; } .mas2 .only-xl-vpadd2 { padding-top: 2px; padding-bottom: 2px; } .mas2 .only-xl-hpadd2 { padding-left: 2px; padding-right: 2px; } .mas2 .only-xl-ptop2 { padding-top: 2px; } .mas2 .only-xl-pleft2 { padding-left: 2px; } .mas2 .only-xl-pright2 { padding-right: 2px; } .mas2 .only-xl-pbottom2 { padding-bottom: 2px; } .mas2 .only-xl-marg2 { margin: 2px; } .mas2 .only-xl-vmarg2 { margin-top: 2px; margin-bottom: 2px; } .mas2 .only-xl-hmarg2 { margin-left: 2px; margin-right: 2px; } .mas2 .only-xl-mtop2 { margin-top: 2px; } .mas2 .only-xl-mleft2 { margin-left: 2px; } .mas2 .only-xl-mright2 { margin-right: 2px; } .mas2 .only-xl-mbottom2 { margin-bottom: 2px; } .mas2 .only-xl-padd3 { padding: 3px; } .mas2 .only-xl-vpadd3 { padding-top: 3px; padding-bottom: 3px; } .mas2 .only-xl-hpadd3 { padding-left: 3px; padding-right: 3px; } .mas2 .only-xl-ptop3 { padding-top: 3px; } .mas2 .only-xl-pleft3 { padding-left: 3px; } .mas2 .only-xl-pright3 { padding-right: 3px; } .mas2 .only-xl-pbottom3 { padding-bottom: 3px; } .mas2 .only-xl-marg3 { margin: 3px; } .mas2 .only-xl-vmarg3 { margin-top: 3px; margin-bottom: 3px; } .mas2 .only-xl-hmarg3 { margin-left: 3px; margin-right: 3px; } .mas2 .only-xl-mtop3 { margin-top: 3px; } .mas2 .only-xl-mleft3 { margin-left: 3px; } .mas2 .only-xl-mright3 { margin-right: 3px; } .mas2 .only-xl-mbottom3 { margin-bottom: 3px; } .mas2 .only-xl-padd4 { padding: 4px; } .mas2 .only-xl-vpadd4 { padding-top: 4px; padding-bottom: 4px; } .mas2 .only-xl-hpadd4 { padding-left: 4px; padding-right: 4px; } .mas2 .only-xl-ptop4 { padding-top: 4px; } .mas2 .only-xl-pleft4 { padding-left: 4px; } .mas2 .only-xl-pright4 { padding-right: 4px; } .mas2 .only-xl-pbottom4 { padding-bottom: 4px; } .mas2 .only-xl-marg4 { margin: 4px; } .mas2 .only-xl-vmarg4 { margin-top: 4px; margin-bottom: 4px; } .mas2 .only-xl-hmarg4 { margin-left: 4px; margin-right: 4px; } .mas2 .only-xl-mtop4 { margin-top: 4px; } .mas2 .only-xl-mleft4 { margin-left: 4px; } .mas2 .only-xl-mright4 { margin-right: 4px; } .mas2 .only-xl-mbottom4 { margin-bottom: 4px; } .mas2 .only-xl-padd5 { padding: 5px; } .mas2 .only-xl-vpadd5 { padding-top: 5px; padding-bottom: 5px; } .mas2 .only-xl-hpadd5 { padding-left: 5px; padding-right: 5px; } .mas2 .only-xl-ptop5 { padding-top: 5px; } .mas2 .only-xl-pleft5 { padding-left: 5px; } .mas2 .only-xl-pright5 { padding-right: 5px; } .mas2 .only-xl-pbottom5 { padding-bottom: 5px; } .mas2 .only-xl-marg5 { margin: 5px; } .mas2 .only-xl-vmarg5 { margin-top: 5px; margin-bottom: 5px; } .mas2 .only-xl-hmarg5 { margin-left: 5px; margin-right: 5px; } .mas2 .only-xl-mtop5 { margin-top: 5px; } .mas2 .only-xl-mleft5 { margin-left: 5px; } .mas2 .only-xl-mright5 { margin-right: 5px; } .mas2 .only-xl-mbottom5 { margin-bottom: 5px; } .mas2 .only-xl-padd10 { padding: 10px; } .mas2 .only-xl-vpadd10 { padding-top: 10px; padding-bottom: 10px; } .mas2 .only-xl-hpadd10 { padding-left: 10px; padding-right: 10px; } .mas2 .only-xl-ptop10 { padding-top: 10px; } .mas2 .only-xl-pleft10 { padding-left: 10px; } .mas2 .only-xl-pright10 { padding-right: 10px; } .mas2 .only-xl-pbottom10 { padding-bottom: 10px; } .mas2 .only-xl-marg10 { margin: 10px; } .mas2 .only-xl-vmarg10 { margin-top: 10px; margin-bottom: 10px; } .mas2 .only-xl-hmarg10 { margin-left: 10px; margin-right: 10px; } .mas2 .only-xl-mtop10 { margin-top: 10px; } .mas2 .only-xl-mleft10 { margin-left: 10px; } .mas2 .only-xl-mright10 { margin-right: 10px; } .mas2 .only-xl-mbottom10 { margin-bottom: 10px; } .mas2 .only-xl-padd15 { padding: 15px; } .mas2 .only-xl-vpadd15 { padding-top: 15px; padding-bottom: 15px; } .mas2 .only-xl-hpadd15 { padding-left: 15px; padding-right: 15px; } .mas2 .only-xl-ptop15 { padding-top: 15px; } .mas2 .only-xl-pleft15 { padding-left: 15px; } .mas2 .only-xl-pright15 { padding-right: 15px; } .mas2 .only-xl-pbottom15 { padding-bottom: 15px; } .mas2 .only-xl-marg15 { margin: 15px; } .mas2 .only-xl-vmarg15 { margin-top: 15px; margin-bottom: 15px; } .mas2 .only-xl-hmarg15 { margin-left: 15px; margin-right: 15px; } .mas2 .only-xl-mtop15 { margin-top: 15px; } .mas2 .only-xl-mleft15 { margin-left: 15px; } .mas2 .only-xl-mright15 { margin-right: 15px; } .mas2 .only-xl-mbottom15 { margin-bottom: 15px; } .mas2 .only-xl-padd20 { padding: 20px; } .mas2 .only-xl-vpadd20 { padding-top: 20px; padding-bottom: 20px; } .mas2 .only-xl-hpadd20 { padding-left: 20px; padding-right: 20px; } .mas2 .only-xl-ptop20 { padding-top: 20px; } .mas2 .only-xl-pleft20 { padding-left: 20px; } .mas2 .only-xl-pright20 { padding-right: 20px; } .mas2 .only-xl-pbottom20 { padding-bottom: 20px; } .mas2 .only-xl-marg20 { margin: 20px; } .mas2 .only-xl-vmarg20 { margin-top: 20px; margin-bottom: 20px; } .mas2 .only-xl-hmarg20 { margin-left: 20px; margin-right: 20px; } .mas2 .only-xl-mtop20 { margin-top: 20px; } .mas2 .only-xl-mleft20 { margin-left: 20px; } .mas2 .only-xl-mright20 { margin-right: 20px; } .mas2 .only-xl-mbottom20 { margin-bottom: 20px; } .mas2 .only-xl-padd25 { padding: 25px; } .mas2 .only-xl-vpadd25 { padding-top: 25px; padding-bottom: 25px; } .mas2 .only-xl-hpadd25 { padding-left: 25px; padding-right: 25px; } .mas2 .only-xl-ptop25 { padding-top: 25px; } .mas2 .only-xl-pleft25 { padding-left: 25px; } .mas2 .only-xl-pright25 { padding-right: 25px; } .mas2 .only-xl-pbottom25 { padding-bottom: 25px; } .mas2 .only-xl-marg25 { margin: 25px; } .mas2 .only-xl-vmarg25 { margin-top: 25px; margin-bottom: 25px; } .mas2 .only-xl-hmarg25 { margin-left: 25px; margin-right: 25px; } .mas2 .only-xl-mtop25 { margin-top: 25px; } .mas2 .only-xl-mleft25 { margin-left: 25px; } .mas2 .only-xl-mright25 { margin-right: 25px; } .mas2 .only-xl-mbottom25 { margin-bottom: 25px; } .mas2 .only-xl-padd30 { padding: 30px; } .mas2 .only-xl-vpadd30 { padding-top: 30px; padding-bottom: 30px; } .mas2 .only-xl-hpadd30 { padding-left: 30px; padding-right: 30px; } .mas2 .only-xl-ptop30 { padding-top: 30px; } .mas2 .only-xl-pleft30 { padding-left: 30px; } .mas2 .only-xl-pright30 { padding-right: 30px; } .mas2 .only-xl-pbottom30 { padding-bottom: 30px; } .mas2 .only-xl-marg30 { margin: 30px; } .mas2 .only-xl-vmarg30 { margin-top: 30px; margin-bottom: 30px; } .mas2 .only-xl-hmarg30 { margin-left: 30px; margin-right: 30px; } .mas2 .only-xl-mtop30 { margin-top: 30px; } .mas2 .only-xl-mleft30 { margin-left: 30px; } .mas2 .only-xl-mright30 { margin-right: 30px; } .mas2 .only-xl-mbottom30 { margin-bottom: 30px; } .mas2 .only-xl-padd40 { padding: 40px; } .mas2 .only-xl-vpadd40 { padding-top: 40px; padding-bottom: 40px; } .mas2 .only-xl-hpadd40 { padding-left: 40px; padding-right: 40px; } .mas2 .only-xl-ptop40 { padding-top: 40px; } .mas2 .only-xl-pleft40 { padding-left: 40px; } .mas2 .only-xl-pright40 { padding-right: 40px; } .mas2 .only-xl-pbottom40 { padding-bottom: 40px; } .mas2 .only-xl-marg40 { margin: 40px; } .mas2 .only-xl-vmarg40 { margin-top: 40px; margin-bottom: 40px; } .mas2 .only-xl-hmarg40 { margin-left: 40px; margin-right: 40px; } .mas2 .only-xl-mtop40 { margin-top: 40px; } .mas2 .only-xl-mleft40 { margin-left: 40px; } .mas2 .only-xl-mright40 { margin-right: 40px; } .mas2 .only-xl-mbottom40 { margin-bottom: 40px; } .mas2 .only-xl-rem-padd10 { padding: 1rem; } .mas2 .only-xl-rem-vpadd10 { padding-top: 1rem; padding-bottom: 1rem; } .mas2 .only-xl-rem-hpadd10 { padding-left: 1rem; padding-right: 1rem; } .mas2 .only-xl-rem-ptop10 { padding-top: 1rem; } .mas2 .only-xl-rem-pleft10 { padding-left: 1rem; } .mas2 .only-xl-rem-pright10 { padding-right: 1rem; } .mas2 .only-xl-rem-pbottom10 { padding-bottom: 1rem; } .mas2 .only-xl-rem-marg10 { margin: 1rem; } .mas2 .only-xl-rem-vmarg10 { margin-top: 1rem; margin-bottom: 10rem; } .mas2 .only-xl-rem-hmarg10 { margin-left: 1rem; margin-right: 10rem; } .mas2 .only-xl-rem-mtop10 { margin-top: 1rem; } .mas2 .only-xl-rem-mleft10 { margin-left: 1rem; } .mas2 .only-xl-rem-mright10 { margin-right: 1rem; } .mas2 .only-xl-rem-mbottom10 { margin-bottom: 1rem; } .mas2 .only-xl-rem-padd11 { padding: 1.1rem; } .mas2 .only-xl-rem-vpadd11 { padding-top: 1.1rem; padding-bottom: 1.1rem; } .mas2 .only-xl-rem-hpadd11 { padding-left: 1.1rem; padding-right: 1.1rem; } .mas2 .only-xl-rem-ptop11 { padding-top: 1.1rem; } .mas2 .only-xl-rem-pleft11 { padding-left: 1.1rem; } .mas2 .only-xl-rem-pright11 { padding-right: 1.1rem; } .mas2 .only-xl-rem-pbottom11 { padding-bottom: 1.1rem; } .mas2 .only-xl-rem-marg11 { margin: 1.1rem; } .mas2 .only-xl-rem-vmarg11 { margin-top: 1.1rem; margin-bottom: 11rem; } .mas2 .only-xl-rem-hmarg11 { margin-left: 1.1rem; margin-right: 11rem; } .mas2 .only-xl-rem-mtop11 { margin-top: 1.1rem; } .mas2 .only-xl-rem-mleft11 { margin-left: 1.1rem; } .mas2 .only-xl-rem-mright11 { margin-right: 1.1rem; } .mas2 .only-xl-rem-mbottom11 { margin-bottom: 1.1rem; } .mas2 .only-xl-rem-padd12 { padding: 1.2rem; } .mas2 .only-xl-rem-vpadd12 { padding-top: 1.2rem; padding-bottom: 1.2rem; } .mas2 .only-xl-rem-hpadd12 { padding-left: 1.2rem; padding-right: 1.2rem; } .mas2 .only-xl-rem-ptop12 { padding-top: 1.2rem; } .mas2 .only-xl-rem-pleft12 { padding-left: 1.2rem; } .mas2 .only-xl-rem-pright12 { padding-right: 1.2rem; } .mas2 .only-xl-rem-pbottom12 { padding-bottom: 1.2rem; } .mas2 .only-xl-rem-marg12 { margin: 1.2rem; } .mas2 .only-xl-rem-vmarg12 { margin-top: 1.2rem; margin-bottom: 12rem; } .mas2 .only-xl-rem-hmarg12 { margin-left: 1.2rem; margin-right: 12rem; } .mas2 .only-xl-rem-mtop12 { margin-top: 1.2rem; } .mas2 .only-xl-rem-mleft12 { margin-left: 1.2rem; } .mas2 .only-xl-rem-mright12 { margin-right: 1.2rem; } .mas2 .only-xl-rem-mbottom12 { margin-bottom: 1.2rem; } .mas2 .only-xl-rem-padd13 { padding: 1.3rem; } .mas2 .only-xl-rem-vpadd13 { padding-top: 1.3rem; padding-bottom: 1.3rem; } .mas2 .only-xl-rem-hpadd13 { padding-left: 1.3rem; padding-right: 1.3rem; } .mas2 .only-xl-rem-ptop13 { padding-top: 1.3rem; } .mas2 .only-xl-rem-pleft13 { padding-left: 1.3rem; } .mas2 .only-xl-rem-pright13 { padding-right: 1.3rem; } .mas2 .only-xl-rem-pbottom13 { padding-bottom: 1.3rem; } .mas2 .only-xl-rem-marg13 { margin: 1.3rem; } .mas2 .only-xl-rem-vmarg13 { margin-top: 1.3rem; margin-bottom: 13rem; } .mas2 .only-xl-rem-hmarg13 { margin-left: 1.3rem; margin-right: 13rem; } .mas2 .only-xl-rem-mtop13 { margin-top: 1.3rem; } .mas2 .only-xl-rem-mleft13 { margin-left: 1.3rem; } .mas2 .only-xl-rem-mright13 { margin-right: 1.3rem; } .mas2 .only-xl-rem-mbottom13 { margin-bottom: 1.3rem; } .mas2 .only-xl-rem-padd14 { padding: 1.4rem; } .mas2 .only-xl-rem-vpadd14 { padding-top: 1.4rem; padding-bottom: 1.4rem; } .mas2 .only-xl-rem-hpadd14 { padding-left: 1.4rem; padding-right: 1.4rem; } .mas2 .only-xl-rem-ptop14 { padding-top: 1.4rem; } .mas2 .only-xl-rem-pleft14 { padding-left: 1.4rem; } .mas2 .only-xl-rem-pright14 { padding-right: 1.4rem; } .mas2 .only-xl-rem-pbottom14 { padding-bottom: 1.4rem; } .mas2 .only-xl-rem-marg14 { margin: 1.4rem; } .mas2 .only-xl-rem-vmarg14 { margin-top: 1.4rem; margin-bottom: 14rem; } .mas2 .only-xl-rem-hmarg14 { margin-left: 1.4rem; margin-right: 14rem; } .mas2 .only-xl-rem-mtop14 { margin-top: 1.4rem; } .mas2 .only-xl-rem-mleft14 { margin-left: 1.4rem; } .mas2 .only-xl-rem-mright14 { margin-right: 1.4rem; } .mas2 .only-xl-rem-mbottom14 { margin-bottom: 1.4rem; } .mas2 .only-xl-rem-padd15 { padding: 1.5rem; } .mas2 .only-xl-rem-vpadd15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mas2 .only-xl-rem-hpadd15 { padding-left: 1.5rem; padding-right: 1.5rem; } .mas2 .only-xl-rem-ptop15 { padding-top: 1.5rem; } .mas2 .only-xl-rem-pleft15 { padding-left: 1.5rem; } .mas2 .only-xl-rem-pright15 { padding-right: 1.5rem; } .mas2 .only-xl-rem-pbottom15 { padding-bottom: 1.5rem; } .mas2 .only-xl-rem-marg15 { margin: 1.5rem; } .mas2 .only-xl-rem-vmarg15 { margin-top: 1.5rem; margin-bottom: 15rem; } .mas2 .only-xl-rem-hmarg15 { margin-left: 1.5rem; margin-right: 15rem; } .mas2 .only-xl-rem-mtop15 { margin-top: 1.5rem; } .mas2 .only-xl-rem-mleft15 { margin-left: 1.5rem; } .mas2 .only-xl-rem-mright15 { margin-right: 1.5rem; } .mas2 .only-xl-rem-mbottom15 { margin-bottom: 1.5rem; } .mas2 .only-xl-rem-padd16 { padding: 1.6rem; } .mas2 .only-xl-rem-vpadd16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .mas2 .only-xl-rem-hpadd16 { padding-left: 1.6rem; padding-right: 1.6rem; } .mas2 .only-xl-rem-ptop16 { padding-top: 1.6rem; } .mas2 .only-xl-rem-pleft16 { padding-left: 1.6rem; } .mas2 .only-xl-rem-pright16 { padding-right: 1.6rem; } .mas2 .only-xl-rem-pbottom16 { padding-bottom: 1.6rem; } .mas2 .only-xl-rem-marg16 { margin: 1.6rem; } .mas2 .only-xl-rem-vmarg16 { margin-top: 1.6rem; margin-bottom: 16rem; } .mas2 .only-xl-rem-hmarg16 { margin-left: 1.6rem; margin-right: 16rem; } .mas2 .only-xl-rem-mtop16 { margin-top: 1.6rem; } .mas2 .only-xl-rem-mleft16 { margin-left: 1.6rem; } .mas2 .only-xl-rem-mright16 { margin-right: 1.6rem; } .mas2 .only-xl-rem-mbottom16 { margin-bottom: 1.6rem; } .mas2 .only-xl-rem-padd17 { padding: 1.7rem; } .mas2 .only-xl-rem-vpadd17 { padding-top: 1.7rem; padding-bottom: 1.7rem; } .mas2 .only-xl-rem-hpadd17 { padding-left: 1.7rem; padding-right: 1.7rem; } .mas2 .only-xl-rem-ptop17 { padding-top: 1.7rem; } .mas2 .only-xl-rem-pleft17 { padding-left: 1.7rem; } .mas2 .only-xl-rem-pright17 { padding-right: 1.7rem; } .mas2 .only-xl-rem-pbottom17 { padding-bottom: 1.7rem; } .mas2 .only-xl-rem-marg17 { margin: 1.7rem; } .mas2 .only-xl-rem-vmarg17 { margin-top: 1.7rem; margin-bottom: 17rem; } .mas2 .only-xl-rem-hmarg17 { margin-left: 1.7rem; margin-right: 17rem; } .mas2 .only-xl-rem-mtop17 { margin-top: 1.7rem; } .mas2 .only-xl-rem-mleft17 { margin-left: 1.7rem; } .mas2 .only-xl-rem-mright17 { margin-right: 1.7rem; } .mas2 .only-xl-rem-mbottom17 { margin-bottom: 1.7rem; } .mas2 .only-xl-rem-padd18 { padding: 1.8rem; } .mas2 .only-xl-rem-vpadd18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .mas2 .only-xl-rem-hpadd18 { padding-left: 1.8rem; padding-right: 1.8rem; } .mas2 .only-xl-rem-ptop18 { padding-top: 1.8rem; } .mas2 .only-xl-rem-pleft18 { padding-left: 1.8rem; } .mas2 .only-xl-rem-pright18 { padding-right: 1.8rem; } .mas2 .only-xl-rem-pbottom18 { padding-bottom: 1.8rem; } .mas2 .only-xl-rem-marg18 { margin: 1.8rem; } .mas2 .only-xl-rem-vmarg18 { margin-top: 1.8rem; margin-bottom: 18rem; } .mas2 .only-xl-rem-hmarg18 { margin-left: 1.8rem; margin-right: 18rem; } .mas2 .only-xl-rem-mtop18 { margin-top: 1.8rem; } .mas2 .only-xl-rem-mleft18 { margin-left: 1.8rem; } .mas2 .only-xl-rem-mright18 { margin-right: 1.8rem; } .mas2 .only-xl-rem-mbottom18 { margin-bottom: 1.8rem; } .mas2 .only-xl-rem-padd19 { padding: 1.9rem; } .mas2 .only-xl-rem-vpadd19 { padding-top: 1.9rem; padding-bottom: 1.9rem; } .mas2 .only-xl-rem-hpadd19 { padding-left: 1.9rem; padding-right: 1.9rem; } .mas2 .only-xl-rem-ptop19 { padding-top: 1.9rem; } .mas2 .only-xl-rem-pleft19 { padding-left: 1.9rem; } .mas2 .only-xl-rem-pright19 { padding-right: 1.9rem; } .mas2 .only-xl-rem-pbottom19 { padding-bottom: 1.9rem; } .mas2 .only-xl-rem-marg19 { margin: 1.9rem; } .mas2 .only-xl-rem-vmarg19 { margin-top: 1.9rem; margin-bottom: 19rem; } .mas2 .only-xl-rem-hmarg19 { margin-left: 1.9rem; margin-right: 19rem; } .mas2 .only-xl-rem-mtop19 { margin-top: 1.9rem; } .mas2 .only-xl-rem-mleft19 { margin-left: 1.9rem; } .mas2 .only-xl-rem-mright19 { margin-right: 1.9rem; } .mas2 .only-xl-rem-mbottom19 { margin-bottom: 1.9rem; } .mas2 .only-xl-rem-padd20 { padding: 2rem; } .mas2 .only-xl-rem-vpadd20 { padding-top: 2rem; padding-bottom: 2rem; } .mas2 .only-xl-rem-hpadd20 { padding-left: 2rem; padding-right: 2rem; } .mas2 .only-xl-rem-ptop20 { padding-top: 2rem; } .mas2 .only-xl-rem-pleft20 { padding-left: 2rem; } .mas2 .only-xl-rem-pright20 { padding-right: 2rem; } .mas2 .only-xl-rem-pbottom20 { padding-bottom: 2rem; } .mas2 .only-xl-rem-marg20 { margin: 2rem; } .mas2 .only-xl-rem-vmarg20 { margin-top: 2rem; margin-bottom: 20rem; } .mas2 .only-xl-rem-hmarg20 { margin-left: 2rem; margin-right: 20rem; } .mas2 .only-xl-rem-mtop20 { margin-top: 2rem; } .mas2 .only-xl-rem-mleft20 { margin-left: 2rem; } .mas2 .only-xl-rem-mright20 { margin-right: 2rem; } .mas2 .only-xl-rem-mbottom20 { margin-bottom: 2rem; } .mas2 .only-xl-rem-padd21 { padding: 2.1rem; } .mas2 .only-xl-rem-vpadd21 { padding-top: 2.1rem; padding-bottom: 2.1rem; } .mas2 .only-xl-rem-hpadd21 { padding-left: 2.1rem; padding-right: 2.1rem; } .mas2 .only-xl-rem-ptop21 { padding-top: 2.1rem; } .mas2 .only-xl-rem-pleft21 { padding-left: 2.1rem; } .mas2 .only-xl-rem-pright21 { padding-right: 2.1rem; } .mas2 .only-xl-rem-pbottom21 { padding-bottom: 2.1rem; } .mas2 .only-xl-rem-marg21 { margin: 2.1rem; } .mas2 .only-xl-rem-vmarg21 { margin-top: 2.1rem; margin-bottom: 21rem; } .mas2 .only-xl-rem-hmarg21 { margin-left: 2.1rem; margin-right: 21rem; } .mas2 .only-xl-rem-mtop21 { margin-top: 2.1rem; } .mas2 .only-xl-rem-mleft21 { margin-left: 2.1rem; } .mas2 .only-xl-rem-mright21 { margin-right: 2.1rem; } .mas2 .only-xl-rem-mbottom21 { margin-bottom: 2.1rem; } .mas2 .only-xl-rem-padd22 { padding: 2.2rem; } .mas2 .only-xl-rem-vpadd22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .mas2 .only-xl-rem-hpadd22 { padding-left: 2.2rem; padding-right: 2.2rem; } .mas2 .only-xl-rem-ptop22 { padding-top: 2.2rem; } .mas2 .only-xl-rem-pleft22 { padding-left: 2.2rem; } .mas2 .only-xl-rem-pright22 { padding-right: 2.2rem; } .mas2 .only-xl-rem-pbottom22 { padding-bottom: 2.2rem; } .mas2 .only-xl-rem-marg22 { margin: 2.2rem; } .mas2 .only-xl-rem-vmarg22 { margin-top: 2.2rem; margin-bottom: 22rem; } .mas2 .only-xl-rem-hmarg22 { margin-left: 2.2rem; margin-right: 22rem; } .mas2 .only-xl-rem-mtop22 { margin-top: 2.2rem; } .mas2 .only-xl-rem-mleft22 { margin-left: 2.2rem; } .mas2 .only-xl-rem-mright22 { margin-right: 2.2rem; } .mas2 .only-xl-rem-mbottom22 { margin-bottom: 2.2rem; } .mas2 .only-xl-rem-padd23 { padding: 2.3rem; } .mas2 .only-xl-rem-vpadd23 { padding-top: 2.3rem; padding-bottom: 2.3rem; } .mas2 .only-xl-rem-hpadd23 { padding-left: 2.3rem; padding-right: 2.3rem; } .mas2 .only-xl-rem-ptop23 { padding-top: 2.3rem; } .mas2 .only-xl-rem-pleft23 { padding-left: 2.3rem; } .mas2 .only-xl-rem-pright23 { padding-right: 2.3rem; } .mas2 .only-xl-rem-pbottom23 { padding-bottom: 2.3rem; } .mas2 .only-xl-rem-marg23 { margin: 2.3rem; } .mas2 .only-xl-rem-vmarg23 { margin-top: 2.3rem; margin-bottom: 23rem; } .mas2 .only-xl-rem-hmarg23 { margin-left: 2.3rem; margin-right: 23rem; } .mas2 .only-xl-rem-mtop23 { margin-top: 2.3rem; } .mas2 .only-xl-rem-mleft23 { margin-left: 2.3rem; } .mas2 .only-xl-rem-mright23 { margin-right: 2.3rem; } .mas2 .only-xl-rem-mbottom23 { margin-bottom: 2.3rem; } .mas2 .only-xl-rem-padd24 { padding: 2.4rem; } .mas2 .only-xl-rem-vpadd24 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .mas2 .only-xl-rem-hpadd24 { padding-left: 2.4rem; padding-right: 2.4rem; } .mas2 .only-xl-rem-ptop24 { padding-top: 2.4rem; } .mas2 .only-xl-rem-pleft24 { padding-left: 2.4rem; } .mas2 .only-xl-rem-pright24 { padding-right: 2.4rem; } .mas2 .only-xl-rem-pbottom24 { padding-bottom: 2.4rem; } .mas2 .only-xl-rem-marg24 { margin: 2.4rem; } .mas2 .only-xl-rem-vmarg24 { margin-top: 2.4rem; margin-bottom: 24rem; } .mas2 .only-xl-rem-hmarg24 { margin-left: 2.4rem; margin-right: 24rem; } .mas2 .only-xl-rem-mtop24 { margin-top: 2.4rem; } .mas2 .only-xl-rem-mleft24 { margin-left: 2.4rem; } .mas2 .only-xl-rem-mright24 { margin-right: 2.4rem; } .mas2 .only-xl-rem-mbottom24 { margin-bottom: 2.4rem; } .mas2 .only-xl-rem-padd25 { padding: 2.5rem; } .mas2 .only-xl-rem-vpadd25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mas2 .only-xl-rem-hpadd25 { padding-left: 2.5rem; padding-right: 2.5rem; } .mas2 .only-xl-rem-ptop25 { padding-top: 2.5rem; } .mas2 .only-xl-rem-pleft25 { padding-left: 2.5rem; } .mas2 .only-xl-rem-pright25 { padding-right: 2.5rem; } .mas2 .only-xl-rem-pbottom25 { padding-bottom: 2.5rem; } .mas2 .only-xl-rem-marg25 { margin: 2.5rem; } .mas2 .only-xl-rem-vmarg25 { margin-top: 2.5rem; margin-bottom: 25rem; } .mas2 .only-xl-rem-hmarg25 { margin-left: 2.5rem; margin-right: 25rem; } .mas2 .only-xl-rem-mtop25 { margin-top: 2.5rem; } .mas2 .only-xl-rem-mleft25 { margin-left: 2.5rem; } .mas2 .only-xl-rem-mright25 { margin-right: 2.5rem; } .mas2 .only-xl-rem-mbottom25 { margin-bottom: 2.5rem; } .mas2 .only-xl-rem-padd26 { padding: 2.6rem; } .mas2 .only-xl-rem-vpadd26 { padding-top: 2.6rem; padding-bottom: 2.6rem; } .mas2 .only-xl-rem-hpadd26 { padding-left: 2.6rem; padding-right: 2.6rem; } .mas2 .only-xl-rem-ptop26 { padding-top: 2.6rem; } .mas2 .only-xl-rem-pleft26 { padding-left: 2.6rem; } .mas2 .only-xl-rem-pright26 { padding-right: 2.6rem; } .mas2 .only-xl-rem-pbottom26 { padding-bottom: 2.6rem; } .mas2 .only-xl-rem-marg26 { margin: 2.6rem; } .mas2 .only-xl-rem-vmarg26 { margin-top: 2.6rem; margin-bottom: 26rem; } .mas2 .only-xl-rem-hmarg26 { margin-left: 2.6rem; margin-right: 26rem; } .mas2 .only-xl-rem-mtop26 { margin-top: 2.6rem; } .mas2 .only-xl-rem-mleft26 { margin-left: 2.6rem; } .mas2 .only-xl-rem-mright26 { margin-right: 2.6rem; } .mas2 .only-xl-rem-mbottom26 { margin-bottom: 2.6rem; } .mas2 .only-xl-rem-padd27 { padding: 2.7rem; } .mas2 .only-xl-rem-vpadd27 { padding-top: 2.7rem; padding-bottom: 2.7rem; } .mas2 .only-xl-rem-hpadd27 { padding-left: 2.7rem; padding-right: 2.7rem; } .mas2 .only-xl-rem-ptop27 { padding-top: 2.7rem; } .mas2 .only-xl-rem-pleft27 { padding-left: 2.7rem; } .mas2 .only-xl-rem-pright27 { padding-right: 2.7rem; } .mas2 .only-xl-rem-pbottom27 { padding-bottom: 2.7rem; } .mas2 .only-xl-rem-marg27 { margin: 2.7rem; } .mas2 .only-xl-rem-vmarg27 { margin-top: 2.7rem; margin-bottom: 27rem; } .mas2 .only-xl-rem-hmarg27 { margin-left: 2.7rem; margin-right: 27rem; } .mas2 .only-xl-rem-mtop27 { margin-top: 2.7rem; } .mas2 .only-xl-rem-mleft27 { margin-left: 2.7rem; } .mas2 .only-xl-rem-mright27 { margin-right: 2.7rem; } .mas2 .only-xl-rem-mbottom27 { margin-bottom: 2.7rem; } .mas2 .only-xl-rem-padd28 { padding: 2.8rem; } .mas2 .only-xl-rem-vpadd28 { padding-top: 2.8rem; padding-bottom: 2.8rem; } .mas2 .only-xl-rem-hpadd28 { padding-left: 2.8rem; padding-right: 2.8rem; } .mas2 .only-xl-rem-ptop28 { padding-top: 2.8rem; } .mas2 .only-xl-rem-pleft28 { padding-left: 2.8rem; } .mas2 .only-xl-rem-pright28 { padding-right: 2.8rem; } .mas2 .only-xl-rem-pbottom28 { padding-bottom: 2.8rem; } .mas2 .only-xl-rem-marg28 { margin: 2.8rem; } .mas2 .only-xl-rem-vmarg28 { margin-top: 2.8rem; margin-bottom: 28rem; } .mas2 .only-xl-rem-hmarg28 { margin-left: 2.8rem; margin-right: 28rem; } .mas2 .only-xl-rem-mtop28 { margin-top: 2.8rem; } .mas2 .only-xl-rem-mleft28 { margin-left: 2.8rem; } .mas2 .only-xl-rem-mright28 { margin-right: 2.8rem; } .mas2 .only-xl-rem-mbottom28 { margin-bottom: 2.8rem; } .mas2 .only-xl-rem-padd29 { padding: 2.9rem; } .mas2 .only-xl-rem-vpadd29 { padding-top: 2.9rem; padding-bottom: 2.9rem; } .mas2 .only-xl-rem-hpadd29 { padding-left: 2.9rem; padding-right: 2.9rem; } .mas2 .only-xl-rem-ptop29 { padding-top: 2.9rem; } .mas2 .only-xl-rem-pleft29 { padding-left: 2.9rem; } .mas2 .only-xl-rem-pright29 { padding-right: 2.9rem; } .mas2 .only-xl-rem-pbottom29 { padding-bottom: 2.9rem; } .mas2 .only-xl-rem-marg29 { margin: 2.9rem; } .mas2 .only-xl-rem-vmarg29 { margin-top: 2.9rem; margin-bottom: 29rem; } .mas2 .only-xl-rem-hmarg29 { margin-left: 2.9rem; margin-right: 29rem; } .mas2 .only-xl-rem-mtop29 { margin-top: 2.9rem; } .mas2 .only-xl-rem-mleft29 { margin-left: 2.9rem; } .mas2 .only-xl-rem-mright29 { margin-right: 2.9rem; } .mas2 .only-xl-rem-mbottom29 { margin-bottom: 2.9rem; } .mas2 .only-xl-rem-padd30 { padding: 3rem; } .mas2 .only-xl-rem-vpadd30 { padding-top: 3rem; padding-bottom: 3rem; } .mas2 .only-xl-rem-hpadd30 { padding-left: 3rem; padding-right: 3rem; } .mas2 .only-xl-rem-ptop30 { padding-top: 3rem; } .mas2 .only-xl-rem-pleft30 { padding-left: 3rem; } .mas2 .only-xl-rem-pright30 { padding-right: 3rem; } .mas2 .only-xl-rem-pbottom30 { padding-bottom: 3rem; } .mas2 .only-xl-rem-marg30 { margin: 3rem; } .mas2 .only-xl-rem-vmarg30 { margin-top: 3rem; margin-bottom: 30rem; } .mas2 .only-xl-rem-hmarg30 { margin-left: 3rem; margin-right: 30rem; } .mas2 .only-xl-rem-mtop30 { margin-top: 3rem; } .mas2 .only-xl-rem-mleft30 { margin-left: 3rem; } .mas2 .only-xl-rem-mright30 { margin-right: 3rem; } .mas2 .only-xl-rem-mbottom30 { margin-bottom: 3rem; } .mas2 .only-xl-fs10 { font-size: 10px; line-height: 1.2em; } .mas2 .only-xl-fs11 { font-size: 11px; line-height: 1.2em; } .mas2 .only-xl-fs12 { font-size: 12px; line-height: 1.2em; } .mas2 .only-xl-fs13 { font-size: 13px; line-height: 1.2em; } .mas2 .only-xl-fs14 { font-size: 14px; line-height: 1.2em; } .mas2 .only-xl-fs15 { font-size: 15px; line-height: 1.2em; } .mas2 .only-xl-fs16 { font-size: 16px; line-height: 1.2em; } .mas2 .only-xl-fs17 { font-size: 17px; line-height: 1.2em; } .mas2 .only-xl-fs18 { font-size: 18px; line-height: 1.2em; } .mas2 .only-xl-fs19 { font-size: 19px; line-height: 1.2em; } .mas2 .only-xl-fs20 { font-size: 20px; line-height: 1.2em; } .mas2 .only-xl-fs21 { font-size: 21px; line-height: 1.2em; } .mas2 .only-xl-fs22 { font-size: 22px; line-height: 1.2em; } .mas2 .only-xl-fs23 { font-size: 23px; line-height: 1.2em; } .mas2 .only-xl-fs24 { font-size: 24px; line-height: 1.2em; } .mas2 .only-xl-fs25 { font-size: 25px; line-height: 1.2em; } .mas2 .only-xl-fs26 { font-size: 26px; line-height: 1.2em; } .mas2 .only-xl-fs27 { font-size: 27px; line-height: 1.2em; } .mas2 .only-xl-fs28 { font-size: 28px; line-height: 1.2em; } .mas2 .only-xl-fs29 { font-size: 29px; line-height: 1.2em; } .mas2 .only-xl-fs30 { font-size: 30px; line-height: 1.2em; } .mas2 .only-xl-fs31 { font-size: 31px; line-height: 1.2em; } .mas2 .only-xl-fs32 { font-size: 32px; line-height: 1.2em; } .mas2 .only-xl-fs33 { font-size: 33px; line-height: 1.2em; } .mas2 .only-xl-fs34 { font-size: 34px; line-height: 1.2em; } .mas2 .only-xl-fs35 { font-size: 35px; line-height: 1.2em; } .mas2 .only-xl-fs36 { font-size: 36px; line-height: 1.2em; } .mas2 .only-xl-fs37 { font-size: 37px; line-height: 1.2em; } .mas2 .only-xl-fs38 { font-size: 38px; line-height: 1.2em; } .mas2 .only-xl-fs39 { font-size: 39px; line-height: 1.2em; } .mas2 .only-xl-fs40 { font-size: 40px; line-height: 1.2em; } .mas2 .only-xl-fs41 { font-size: 41px; line-height: 1.2em; } .mas2 .only-xl-fs42 { font-size: 42px; line-height: 1.2em; } .mas2 .only-xl-fs43 { font-size: 43px; line-height: 1.2em; } .mas2 .only-xl-fs44 { font-size: 44px; line-height: 1.2em; } .mas2 .only-xl-fs45 { font-size: 45px; line-height: 1.2em; } .mas2 .only-xl-fs46 { font-size: 46px; line-height: 1.2em; } .mas2 .only-xl-fs47 { font-size: 47px; line-height: 1.2em; } .mas2 .only-xl-fs48 { font-size: 48px; line-height: 1.2em; } .mas2 .only-xl-fs49 { font-size: 49px; line-height: 1.2em; } .mas2 .only-xl-fs50 { font-size: 50px; line-height: 1.2em; } .mas2 .only-xl-fs51 { font-size: 51px; line-height: 1.2em; } .mas2 .only-xl-fs52 { font-size: 52px; line-height: 1.2em; } .mas2 .only-xl-fs53 { font-size: 53px; line-height: 1.2em; } .mas2 .only-xl-fs54 { font-size: 54px; line-height: 1.2em; } .mas2 .only-xl-fs55 { font-size: 55px; line-height: 1.2em; } .mas2 .only-xl-fs56 { font-size: 56px; line-height: 1.2em; } .mas2 .only-xl-fs57 { font-size: 57px; line-height: 1.2em; } .mas2 .only-xl-fs58 { font-size: 58px; line-height: 1.2em; } .mas2 .only-xl-fs59 { font-size: 59px; line-height: 1.2em; } .mas2 .only-xl-fs60 { font-size: 60px; line-height: 1.2em; } .mas2 .only-xl-lh10 { line-height: 1em; } .mas2 .only-xl-lh11 { line-height: 1.1em; } .mas2 .only-xl-lh12 { line-height: 1.2em; } .mas2 .only-xl-lh13 { line-height: 1.3em; } .mas2 .only-xl-lh14 { line-height: 1.4em; } .mas2 .only-xl-lh15 { line-height: 1.5em; } .mas2 .only-xl-lh16 { line-height: 1.6em; } .mas2 .only-xl-lh17 { line-height: 1.7em; } .mas2 .only-xl-lh18 { line-height: 1.8em; } .mas2 .only-xl-lh19 { line-height: 1.9em; } .mas2 .only-xl-lh20 { line-height: 2em; } .mas2 .only-xl-italic { font-style: italic; } .mas2 .only-xl-bold { font-weight: bold; } .mas2 .only-xl-underline { text-decoration: underline; } .mas2 .only-xl-fw100 { font-weight: 100; } .mas2 .only-xl-fw200 { font-weight: 200; } .mas2 .only-xl-fw300 { font-weight: 300; } .mas2 .only-xl-fw400 { font-weight: 400; } .mas2 .only-xl-fw500 { font-weight: 500; } .mas2 .only-xl-fw600 { font-weight: 600; } .mas2 .only-xl-fw700 { font-weight: 700; } .mas2 .only-xl-fw800 { font-weight: 800; } .mas2 .only-xl-fw900 { font-weight: 900; } .mas2 .only-xl-tal { text-align: left; } .mas2 .only-xl-tar { text-align: right; } .mas2 .only-xl-tac { text-align: center; } .mas2 .only-xl-vat { vertical-align: top; } .mas2 .only-xl-vam { vertical-align: middle; } .mas2 .only-xl-vab { vertical-align: bottom; } .mas2 .only-xl-fl { float: left; } .mas2 .only-xl-fr { float: right; } .mas2 .only-xl-cb { clear: both; } .mas2 .only-xl-dn { display: none; } .mas2 .only-xl-z1 { z-index: 1; } .mas2 .only-xl-z2 { z-index: 2; } .mas2 .only-xl-z3 { z-index: 3; } .mas2 .only-xl-z4 { z-index: 4; } .mas2 .only-xl-z5 { z-index: 5; } .mas2 .only-xl-z6 { z-index: 6; } .mas2 .only-xl-z7 { z-index: 7; } .mas2 .only-xl-z8 { z-index: 8; } .mas2 .only-xl-op0 { opacity: 0; } .mas2 .only-xl-transp0 { opacity: 1; } .mas2 .only-xl-op10 { opacity: 0.1; } .mas2 .only-xl-transp10 { opacity: 0.9; } .mas2 .only-xl-op20 { opacity: 0.2; } .mas2 .only-xl-transp20 { opacity: 0.8; } .mas2 .only-xl-op30 { opacity: 0.3; } .mas2 .only-xl-transp30 { opacity: 0.7; } .mas2 .only-xl-op40 { opacity: 0.4; } .mas2 .only-xl-transp40 { opacity: 0.6; } .mas2 .only-xl-op50 { opacity: 0.5; } .mas2 .only-xl-transp50 { opacity: 0.5; } .mas2 .only-xl-op60 { opacity: 0.6; } .mas2 .only-xl-transp60 { opacity: 0.4; } .mas2 .only-xl-op70 { opacity: 0.7; } .mas2 .only-xl-transp70 { opacity: 0.3; } .mas2 .only-xl-op80 { opacity: 0.8; } .mas2 .only-xl-transp80 { opacity: 0.2; } .mas2 .only-xl-op90 { opacity: 0.9; } .mas2 .only-xl-transp90 { opacity: 0.1; } .mas2 .only-xl-op100 { opacity: 1; } .mas2 .only-xl-transp100 { opacity: 0; } .mas2 .only-xl-db-hover, .mas2 .only-xl-db-hov { display: none; } .mas2 .only-xl-op-hover, .mas2 .only-xl-op-hov { opacity: 0; filter: alpha(opacity=100); } .mas2 .only-xl-hover:hover .db-hover, .mas2 .only-xl-hov:hover .db-hov { display: block; } .mas2 .only-xl-hover:hover .op-hover, .mas2 .only-xl-hov:hover .op-hov { opacity: 1; filter: alpha(opacity=100); } .mas2 .only-xl-w100 { width: 100%; } .mas2 .only-xl-h100 { height: 100%; } .mas2 .only-xl-mw100 { max-width: 100%; } .mas2 .only-xl-mh100 { max-height: 100%; } .mas2 .only-xl-tdn { text-decoration: none; } .mas2 .only-xl-tdni { text-decoration: none !important; } .mas2 .only-xl-ttn { text-transform: none; } .mas2 .only-xl-ttl { text-transform: lowercase; } .mas2 .only-xl-ttu { text-transform: uppercase; } .mas2 .only-xl-ttc { text-transform: capitalize; } .mas2 .only-xl-center { margin-left: auto; margin-right: auto; } .mas2 .only-xl-db { display: block; } .mas2 .only-xl-dib { display: inline-block; } .mas2 .only-xl-pr { position: relative; } .mas2 .only-xl-pa { position: absolute; } .mas2 .only-xl-pf { position: fixed; } .mas2 .only-xl-pri { position: relative !important; } .mas2 .only-xl-pai { position: absolute !important; } .mas2 .only-xl-pfi { position: fixed !important; } .mas2 .only-xl-ps { position: static !important; } .mas2 .only-xl-pa-tr { top: 0; right: 0; } .mas2 .only-xl-pa-tl { top: 0; left: 0; } .mas2 .only-xl-pa-br { bottom: 0; right: 0; } .mas2 .only-xl-pa-bl { bottom: 0; left: 0; } .mas2 .only-xl-ofh { overflow: hidden; } .mas2 .only-xl-ofa { overflow: auto; } .mas2 .only-xl-wsnw { white-space: nowrap; } .mas2 .only-xl-wsn { white-space: normal; } .mas2 .only-xl-ls3 { letter-spacing: 3px; } .mas2 .only-xl-ls4 { letter-spacing: 4px; } .mas2 .only-xl-ls5 { letter-spacing: 5px; } .mas2 .only-xl-ls6 { letter-spacing: 6px; } .mas2 .only-xl-ls7 { letter-spacing: 7px; } .mas2 .only-xl-ls8 { letter-spacing: 8px; } .mas2 .only-xl-ls9 { letter-spacing: 9px; } .mas2 .only-xl-trans03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mas2 .only-xl-trans04 { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .mas2 .only-xl-trans05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mas2 .only-xl-trans06 { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .mas2 .only-xl-trans07 { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .mas2 .only-xl-trans08 { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .mas2 .only-xl-trans09 { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .mas2 .only-xl-solid1 { border-width: 1px; border-style: solid; } .mas2 .only-xl-dashed1 { border-width: 1px; border-style: dashed; } .mas2 .only-xl-dotted1 { border-width: 1px; border-style: dotted; } .mas2 .only-xl-solid1-top { border-top-width: 1px; border-top-style: solid; } .mas2 .only-xl-dashed1-top { border-top-width: 1px; border-top-style: dashed; } .mas2 .only-xl-dotted1-top { border-top-width: 1px; border-top-style: dotted; } .mas2 .only-xl-solid1-right { border-right-width: 1px; border-right-style: solid; } .mas2 .only-xl-dashed1-right { border-right-width: 1px; border-right-style: dashed; } .mas2 .only-xl-dotted1-right { border-right-width: 1px; border-right-style: dotted; } .mas2 .only-xl-solid1-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .mas2 .only-xl-dashed1-bottom { border-bottom-width: 1px; border-bottom-style: dashed; } .mas2 .only-xl-dotted1-bottom { border-bottom-width: 1px; border-bottom-style: dotted; } .mas2 .only-xl-solid1-left { border-left-width: 1px; border-left-style: solid; } .mas2 .only-xl-dashed1-left { border-left-width: 1px; border-left-style: dashed; } .mas2 .only-xl-dotted1-left { border-left-width: 1px; border-left-style: dotted; } .mas2 .only-xl-solid2 { border-width: 2px; border-style: solid; } .mas2 .only-xl-dashed2 { border-width: 2px; border-style: dashed; } .mas2 .only-xl-dotted2 { border-width: 2px; border-style: dotted; } .mas2 .only-xl-solid2-top { border-top-width: 2px; border-top-style: solid; } .mas2 .only-xl-dashed2-top { border-top-width: 2px; border-top-style: dashed; } .mas2 .only-xl-dotted2-top { border-top-width: 2px; border-top-style: dotted; } .mas2 .only-xl-solid2-right { border-right-width: 2px; border-right-style: solid; } .mas2 .only-xl-dashed2-right { border-right-width: 2px; border-right-style: dashed; } .mas2 .only-xl-dotted2-right { border-right-width: 2px; border-right-style: dotted; } .mas2 .only-xl-solid2-bottom { border-bottom-width: 2px; border-bottom-style: solid; } .mas2 .only-xl-dashed2-bottom { border-bottom-width: 2px; border-bottom-style: dashed; } .mas2 .only-xl-dotted2-bottom { border-bottom-width: 2px; border-bottom-style: dotted; } .mas2 .only-xl-solid2-left { border-left-width: 2px; border-left-style: solid; } .mas2 .only-xl-dashed2-left { border-left-width: 2px; border-left-style: dashed; } .mas2 .only-xl-dotted2-left { border-left-width: 2px; border-left-style: dotted; } .mas2 .only-xl-solid3 { border-width: 3px; border-style: solid; } .mas2 .only-xl-dashed3 { border-width: 3px; border-style: dashed; } .mas2 .only-xl-dotted3 { border-width: 3px; border-style: dotted; } .mas2 .only-xl-solid3-top { border-top-width: 3px; border-top-style: solid; } .mas2 .only-xl-dashed3-top { border-top-width: 3px; border-top-style: dashed; } .mas2 .only-xl-dotted3-top { border-top-width: 3px; border-top-style: dotted; } .mas2 .only-xl-solid3-right { border-right-width: 3px; border-right-style: solid; } .mas2 .only-xl-dashed3-right { border-right-width: 3px; border-right-style: dashed; } .mas2 .only-xl-dotted3-right { border-right-width: 3px; border-right-style: dotted; } .mas2 .only-xl-solid3-bottom { border-bottom-width: 3px; border-bottom-style: solid; } .mas2 .only-xl-dashed3-bottom { border-bottom-width: 3px; border-bottom-style: dashed; } .mas2 .only-xl-dotted3-bottom { border-bottom-width: 3px; border-bottom-style: dotted; } .mas2 .only-xl-solid3-left { border-left-width: 3px; border-left-style: solid; } .mas2 .only-xl-dashed3-left { border-left-width: 3px; border-left-style: dashed; } .mas2 .only-xl-dotted3-left { border-left-width: 3px; border-left-style: dotted; } .mas2 .only-xl-solid4 { border-width: 4px; border-style: solid; } .mas2 .only-xl-dashed4 { border-width: 4px; border-style: dashed; } .mas2 .only-xl-dotted4 { border-width: 4px; border-style: dotted; } .mas2 .only-xl-solid4-top { border-top-width: 4px; border-top-style: solid; } .mas2 .only-xl-dashed4-top { border-top-width: 4px; border-top-style: dashed; } .mas2 .only-xl-dotted4-top { border-top-width: 4px; border-top-style: dotted; } .mas2 .only-xl-solid4-right { border-right-width: 4px; border-right-style: solid; } .mas2 .only-xl-dashed4-right { border-right-width: 4px; border-right-style: dashed; } .mas2 .only-xl-dotted4-right { border-right-width: 4px; border-right-style: dotted; } .mas2 .only-xl-solid4-bottom { border-bottom-width: 4px; border-bottom-style: solid; } .mas2 .only-xl-dashed4-bottom { border-bottom-width: 4px; border-bottom-style: dashed; } .mas2 .only-xl-dotted4-bottom { border-bottom-width: 4px; border-bottom-style: dotted; } .mas2 .only-xl-solid4-left { border-left-width: 4px; border-left-style: solid; } .mas2 .only-xl-dashed4-left { border-left-width: 4px; border-left-style: dashed; } .mas2 .only-xl-dotted4-left { border-left-width: 4px; border-left-style: dotted; } .mas2 .only-xl-solid5 { border-width: 5px; border-style: solid; } .mas2 .only-xl-dashed5 { border-width: 5px; border-style: dashed; } .mas2 .only-xl-dotted5 { border-width: 5px; border-style: dotted; } .mas2 .only-xl-solid5-top { border-top-width: 5px; border-top-style: solid; } .mas2 .only-xl-dashed5-top { border-top-width: 5px; border-top-style: dashed; } .mas2 .only-xl-dotted5-top { border-top-width: 5px; border-top-style: dotted; } .mas2 .only-xl-solid5-right { border-right-width: 5px; border-right-style: solid; } .mas2 .only-xl-dashed5-right { border-right-width: 5px; border-right-style: dashed; } .mas2 .only-xl-dotted5-right { border-right-width: 5px; border-right-style: dotted; } .mas2 .only-xl-solid5-bottom { border-bottom-width: 5px; border-bottom-style: solid; } .mas2 .only-xl-dashed5-bottom { border-bottom-width: 5px; border-bottom-style: dashed; } .mas2 .only-xl-dotted5-bottom { border-bottom-width: 5px; border-bottom-style: dotted; } .mas2 .only-xl-solid5-left { border-left-width: 5px; border-left-style: solid; } .mas2 .only-xl-dashed5-left { border-left-width: 5px; border-left-style: dashed; } .mas2 .only-xl-dotted5-left { border-left-width: 5px; border-left-style: dotted; } .mas2 .only-xl-rad3 { border-radius: 3px; } .mas2 .only-xl-rad3-tl { border-top-left-radius: 3px; } .mas2 .only-xl-rad3-tr { border-top-right-radius: 3px; } .mas2 .only-xl-rad3-bl { border-bottom-left-radius: 3px; } .mas2 .only-xl-rad3-br { border-bottom-right-radius: 3px; } .mas2 .only-xl-rad4 { border-radius: 4px; } .mas2 .only-xl-rad4-tl { border-top-left-radius: 4px; } .mas2 .only-xl-rad4-tr { border-top-right-radius: 4px; } .mas2 .only-xl-rad4-bl { border-bottom-left-radius: 4px; } .mas2 .only-xl-rad4-br { border-bottom-right-radius: 4px; } .mas2 .only-xl-rad5 { border-radius: 5px; } .mas2 .only-xl-rad5-tl { border-top-left-radius: 5px; } .mas2 .only-xl-rad5-tr { border-top-right-radius: 5px; } .mas2 .only-xl-rad5-bl { border-bottom-left-radius: 5px; } .mas2 .only-xl-rad5-br { border-bottom-right-radius: 5px; } .mas2 .only-xl-rad6 { border-radius: 6px; } .mas2 .only-xl-rad6-tl { border-top-left-radius: 6px; } .mas2 .only-xl-rad6-tr { border-top-right-radius: 6px; } .mas2 .only-xl-rad6-bl { border-bottom-left-radius: 6px; } .mas2 .only-xl-rad6-br { border-bottom-right-radius: 6px; } .mas2 .only-xl-rad7 { border-radius: 7px; } .mas2 .only-xl-rad7-tl { border-top-left-radius: 7px; } .mas2 .only-xl-rad7-tr { border-top-right-radius: 7px; } .mas2 .only-xl-rad7-bl { border-bottom-left-radius: 7px; } .mas2 .only-xl-rad7-br { border-bottom-right-radius: 7px; } .mas2 .only-xl-rad8 { border-radius: 8px; } .mas2 .only-xl-rad8-tl { border-top-left-radius: 8px; } .mas2 .only-xl-rad8-tr { border-top-right-radius: 8px; } .mas2 .only-xl-rad8-bl { border-bottom-left-radius: 8px; } .mas2 .only-xl-rad8-br { border-bottom-right-radius: 8px; } .mas2 .only-xl-rad9 { border-radius: 9px; } .mas2 .only-xl-rad9-tl { border-top-left-radius: 9px; } .mas2 .only-xl-rad9-tr { border-top-right-radius: 9px; } .mas2 .only-xl-rad9-bl { border-bottom-left-radius: 9px; } .mas2 .only-xl-rad9-br { border-bottom-right-radius: 9px; } .mas2 .only-xl-rad10 { border-radius: 10px; } .mas2 .only-xl-rad10-tl { border-top-left-radius: 10px; } .mas2 .only-xl-rad10-tr { border-top-right-radius: 10px; } .mas2 .only-xl-rad10-bl { border-bottom-left-radius: 10px; } .mas2 .only-xl-rad10-br { border-bottom-right-radius: 10px; } .mas2 .only-xl-rad11 { border-radius: 11px; } .mas2 .only-xl-rad11-tl { border-top-left-radius: 11px; } .mas2 .only-xl-rad11-tr { border-top-right-radius: 11px; } .mas2 .only-xl-rad11-bl { border-bottom-left-radius: 11px; } .mas2 .only-xl-rad11-br { border-bottom-right-radius: 11px; } .mas2 .only-xl-rad12 { border-radius: 12px; } .mas2 .only-xl-rad12-tl { border-top-left-radius: 12px; } .mas2 .only-xl-rad12-tr { border-top-right-radius: 12px; } .mas2 .only-xl-rad12-bl { border-bottom-left-radius: 12px; } .mas2 .only-xl-rad12-br { border-bottom-right-radius: 12px; } .mas2 .only-xl-rad200 { border-radius: 200px; } } .mas2 .up12-superSmall .up12 { justify-content: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .mas2 .up12-superSmall .up12.s-start { justify-content: flex-start; } .mas2 .up12-superSmall .up12.s-end { justify-content: flex-end; } .mas2 .up12-superSmall .up12.s-center { justify-content: center; } .mas2 .up12-superSmall .up12.s-between { justify-content: space-between; } .mas2 .up12-superSmall .up12.s-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } @media only screen and (min-width: 768px) { .mas2 .up12-superSmall .up12.m-start { justify-content: flex-start; } .mas2 .up12-superSmall .up12.m-end { justify-content: flex-end; } .mas2 .up12-superSmall .up12.m-center { justify-content: center; } .mas2 .up12-superSmall .up12.m-between { justify-content: space-between; } .mas2 .up12-superSmall .up12.m-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.h-start { justify-content: flex-start; } .mas2 .up12-superSmall .up12.h-end { justify-content: flex-end; } .mas2 .up12-superSmall .up12.h-center { justify-content: center; } .mas2 .up12-superSmall .up12.h-between { justify-content: space-between; } .mas2 .up12-superSmall .up12.h-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.l-start { justify-content: flex-start; } .mas2 .up12-superSmall .up12.l-end { justify-content: flex-end; } .mas2 .up12-superSmall .up12.l-center { justify-content: center; } .mas2 .up12-superSmall .up12.l-between { justify-content: space-between; } .mas2 .up12-superSmall .up12.l-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.xl-start { justify-content: flex-start; } .mas2 .up12-superSmall .up12.xl-end { justify-content: flex-end; } .mas2 .up12-superSmall .up12.xl-center { justify-content: center; } .mas2 .up12-superSmall .up12.xl-between { justify-content: space-between; } .mas2 .up12-superSmall .up12.xl-flex-row { flex-direction: row !important; -ms-flex-direction: row !important; -webkit-flex-direction: row !important; } } .mas2 .up12-superSmall .up12 .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12 > .cell.s-order-0 { order: 0; } .mas2 .up12-superSmall .up12 > .cell.s-order-1 { order: 1; } .mas2 .up12-superSmall .up12 > .cell.s-order-2 { order: 2; } .mas2 .up12-superSmall .up12 > .cell.s-order-3 { order: 3; } .mas2 .up12-superSmall .up12 > .cell.s-order-4 { order: 4; } .mas2 .up12-superSmall .up12 > .cell.s-order-5 { order: 5; } .mas2 .up12-superSmall .up12 > .cell.s-order-6 { order: 6; } .mas2 .up12-superSmall .up12 > .cell.s-order-7 { order: 7; } .mas2 .up12-superSmall .up12 > .cell.s-order-8 { order: 8; } .mas2 .up12-superSmall .up12 > .cell.s-order-9 { order: 9; } .mas2 .up12-superSmall .up12 > .cell.s-order-10 { order: 10; } .mas2 .up12-superSmall .up12 > .cell.s-order-11 { order: 11; } .mas2 .up12-superSmall .up12 > .cell.s-order-12 { order: 12; } .mas2 .up12-superSmall .up12 > .cell.s-order-13 { order: 13; } .mas2 .up12-superSmall .up12 > .cell.s-order-14 { order: 14; } .mas2 .up12-superSmall .up12 > .cell.s-order-15 { order: 15; } .mas2 .up12-superSmall .up12 > .cell.s-order-16 { order: 16; } .mas2 .up12-superSmall .up12 > .cell.s-order-17 { order: 17; } .mas2 .up12-superSmall .up12 > .cell.s-order-18 { order: 18; } .mas2 .up12-superSmall .up12 > .cell.s-order-19 { order: 19; } .mas2 .up12-superSmall .up12 > .cell.s-order-20 { order: 20; } .mas2 .up12-superSmall .up12 > .cell.s-grow-0 { flex-grow: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.s-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.s-grow-1 { flex-grow: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.s-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.s-grow-2 { flex-grow: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.s-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.s-grow-3 { flex-grow: 3 !important; } .mas2 .up12-superSmall .up12 > .cell.s-shrink-3 { flex-shrink: 3 !important; } @media only screen and (min-width: 768px) { .mas2 .up12-superSmall .up12 > .cell.m-order-0 { order: 0; } .mas2 .up12-superSmall .up12 > .cell.m-order-1 { order: 1; } .mas2 .up12-superSmall .up12 > .cell.m-order-2 { order: 2; } .mas2 .up12-superSmall .up12 > .cell.m-order-3 { order: 3; } .mas2 .up12-superSmall .up12 > .cell.m-order-4 { order: 4; } .mas2 .up12-superSmall .up12 > .cell.m-order-5 { order: 5; } .mas2 .up12-superSmall .up12 > .cell.m-order-6 { order: 6; } .mas2 .up12-superSmall .up12 > .cell.m-order-7 { order: 7; } .mas2 .up12-superSmall .up12 > .cell.m-order-8 { order: 8; } .mas2 .up12-superSmall .up12 > .cell.m-order-9 { order: 9; } .mas2 .up12-superSmall .up12 > .cell.m-order-10 { order: 10; } .mas2 .up12-superSmall .up12 > .cell.m-order-11 { order: 11; } .mas2 .up12-superSmall .up12 > .cell.m-order-12 { order: 12; } .mas2 .up12-superSmall .up12 > .cell.m-order-13 { order: 13; } .mas2 .up12-superSmall .up12 > .cell.m-order-14 { order: 14; } .mas2 .up12-superSmall .up12 > .cell.m-order-15 { order: 15; } .mas2 .up12-superSmall .up12 > .cell.m-order-16 { order: 16; } .mas2 .up12-superSmall .up12 > .cell.m-order-17 { order: 17; } .mas2 .up12-superSmall .up12 > .cell.m-order-18 { order: 18; } .mas2 .up12-superSmall .up12 > .cell.m-order-19 { order: 19; } .mas2 .up12-superSmall .up12 > .cell.m-order-20 { order: 20; } .mas2 .up12-superSmall .up12 > .cell.m-grow-0 { flex-grow: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.m-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.m-grow-1 { flex-grow: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.m-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.m-grow-2 { flex-grow: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.m-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.m-grow-3 { flex-grow: 3 !important; } .mas2 .up12-superSmall .up12 > .cell.m-shrink-3 { flex-shrink: 3 !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12 > .cell.h-order-0 { order: 0; } .mas2 .up12-superSmall .up12 > .cell.h-order-1 { order: 1; } .mas2 .up12-superSmall .up12 > .cell.h-order-2 { order: 2; } .mas2 .up12-superSmall .up12 > .cell.h-order-3 { order: 3; } .mas2 .up12-superSmall .up12 > .cell.h-order-4 { order: 4; } .mas2 .up12-superSmall .up12 > .cell.h-order-5 { order: 5; } .mas2 .up12-superSmall .up12 > .cell.h-order-6 { order: 6; } .mas2 .up12-superSmall .up12 > .cell.h-order-7 { order: 7; } .mas2 .up12-superSmall .up12 > .cell.h-order-8 { order: 8; } .mas2 .up12-superSmall .up12 > .cell.h-order-9 { order: 9; } .mas2 .up12-superSmall .up12 > .cell.h-order-10 { order: 10; } .mas2 .up12-superSmall .up12 > .cell.h-order-11 { order: 11; } .mas2 .up12-superSmall .up12 > .cell.h-order-12 { order: 12; } .mas2 .up12-superSmall .up12 > .cell.h-order-13 { order: 13; } .mas2 .up12-superSmall .up12 > .cell.h-order-14 { order: 14; } .mas2 .up12-superSmall .up12 > .cell.h-order-15 { order: 15; } .mas2 .up12-superSmall .up12 > .cell.h-order-16 { order: 16; } .mas2 .up12-superSmall .up12 > .cell.h-order-17 { order: 17; } .mas2 .up12-superSmall .up12 > .cell.h-order-18 { order: 18; } .mas2 .up12-superSmall .up12 > .cell.h-order-19 { order: 19; } .mas2 .up12-superSmall .up12 > .cell.h-order-20 { order: 20; } .mas2 .up12-superSmall .up12 > .cell.h-grow-0 { flex-grow: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.h-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.h-grow-1 { flex-grow: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.h-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.h-grow-2 { flex-grow: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.h-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.h-grow-3 { flex-grow: 3 !important; } .mas2 .up12-superSmall .up12 > .cell.h-shrink-3 { flex-shrink: 3 !important; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12 > .cell.l-order-0 { order: 0; } .mas2 .up12-superSmall .up12 > .cell.l-order-1 { order: 1; } .mas2 .up12-superSmall .up12 > .cell.l-order-2 { order: 2; } .mas2 .up12-superSmall .up12 > .cell.l-order-3 { order: 3; } .mas2 .up12-superSmall .up12 > .cell.l-order-4 { order: 4; } .mas2 .up12-superSmall .up12 > .cell.l-order-5 { order: 5; } .mas2 .up12-superSmall .up12 > .cell.l-order-6 { order: 6; } .mas2 .up12-superSmall .up12 > .cell.l-order-7 { order: 7; } .mas2 .up12-superSmall .up12 > .cell.l-order-8 { order: 8; } .mas2 .up12-superSmall .up12 > .cell.l-order-9 { order: 9; } .mas2 .up12-superSmall .up12 > .cell.l-order-10 { order: 10; } .mas2 .up12-superSmall .up12 > .cell.l-order-11 { order: 11; } .mas2 .up12-superSmall .up12 > .cell.l-order-12 { order: 12; } .mas2 .up12-superSmall .up12 > .cell.l-order-13 { order: 13; } .mas2 .up12-superSmall .up12 > .cell.l-order-14 { order: 14; } .mas2 .up12-superSmall .up12 > .cell.l-order-15 { order: 15; } .mas2 .up12-superSmall .up12 > .cell.l-order-16 { order: 16; } .mas2 .up12-superSmall .up12 > .cell.l-order-17 { order: 17; } .mas2 .up12-superSmall .up12 > .cell.l-order-18 { order: 18; } .mas2 .up12-superSmall .up12 > .cell.l-order-19 { order: 19; } .mas2 .up12-superSmall .up12 > .cell.l-order-20 { order: 20; } .mas2 .up12-superSmall .up12 > .cell.l-grow-0 { flex-grow: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.l-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.l-grow-1 { flex-grow: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.l-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.l-grow-2 { flex-grow: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.l-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.l-grow-3 { flex-grow: 3 !important; } .mas2 .up12-superSmall .up12 > .cell.l-shrink-3 { flex-shrink: 3 !important; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12 > .cell.xl-order-0 { order: 0; } .mas2 .up12-superSmall .up12 > .cell.xl-order-1 { order: 1; } .mas2 .up12-superSmall .up12 > .cell.xl-order-2 { order: 2; } .mas2 .up12-superSmall .up12 > .cell.xl-order-3 { order: 3; } .mas2 .up12-superSmall .up12 > .cell.xl-order-4 { order: 4; } .mas2 .up12-superSmall .up12 > .cell.xl-order-5 { order: 5; } .mas2 .up12-superSmall .up12 > .cell.xl-order-6 { order: 6; } .mas2 .up12-superSmall .up12 > .cell.xl-order-7 { order: 7; } .mas2 .up12-superSmall .up12 > .cell.xl-order-8 { order: 8; } .mas2 .up12-superSmall .up12 > .cell.xl-order-9 { order: 9; } .mas2 .up12-superSmall .up12 > .cell.xl-order-10 { order: 10; } .mas2 .up12-superSmall .up12 > .cell.xl-order-11 { order: 11; } .mas2 .up12-superSmall .up12 > .cell.xl-order-12 { order: 12; } .mas2 .up12-superSmall .up12 > .cell.xl-order-13 { order: 13; } .mas2 .up12-superSmall .up12 > .cell.xl-order-14 { order: 14; } .mas2 .up12-superSmall .up12 > .cell.xl-order-15 { order: 15; } .mas2 .up12-superSmall .up12 > .cell.xl-order-16 { order: 16; } .mas2 .up12-superSmall .up12 > .cell.xl-order-17 { order: 17; } .mas2 .up12-superSmall .up12 > .cell.xl-order-18 { order: 18; } .mas2 .up12-superSmall .up12 > .cell.xl-order-19 { order: 19; } .mas2 .up12-superSmall .up12 > .cell.xl-order-20 { order: 20; } .mas2 .up12-superSmall .up12 > .cell.xl-grow-0 { flex-grow: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-shrink-0 { flex-shrink: 0 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-grow-1 { flex-grow: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-shrink-1 { flex-shrink: 1 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-grow-2 { flex-grow: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-shrink-2 { flex-shrink: 2 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-grow-3 { flex-grow: 3 !important; } .mas2 .up12-superSmall .up12 > .cell.xl-shrink-3 { flex-shrink: 3 !important; } } .mas2 .up12-superSmall .up12.s-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.s-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.s-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.s-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.s-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.s-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.s-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.s-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.s-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.s-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.s-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.s-size-12 > .cell { width: calc(100% / 12); } @media only screen and (min-width: 768px) { .mas2 .up12-superSmall .up12.m-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.m-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.m-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.m-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.m-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.m-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.m-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.m-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.m-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.m-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.m-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.m-size-12 > .cell { width: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.h-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.h-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.h-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.h-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.h-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.h-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.h-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.h-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.h-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.h-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.h-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.h-size-12 > .cell { width: calc(100% / 12); } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.l-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.l-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.l-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.l-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.l-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.l-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.l-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.l-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.l-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.l-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.l-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.l-size-12 > .cell { width: calc(100% / 12); } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.xl-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.xl-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.xl-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.xl-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.xl-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.xl-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.xl-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.xl-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.xl-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.xl-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.xl-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.xl-size-12 > .cell { width: calc(100% / 12); } } .mas2 .up12-superSmall .up12.splice { width: 100%; /*.#{$size}-end { justify-self: flex-end; }*/ } @media only screen and (max-width: 767px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.only-s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.only-s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .only-s-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.only-s-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.only-s-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.only-s-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.only-s-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.only-s-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.only-s-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.only-s-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.only-s-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.only-s-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.only-s-baseline { align-items: baseline; } } .mas2 .up12-superSmall .up12.splice.s-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.splice.s-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.splice.s-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.splice.s-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.splice.s-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.splice.s-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.splice.s-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.splice.s-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.splice.s-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.splice.s-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.splice.s-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.splice.s-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.splice.s-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.splice.s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .s-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.s-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.s-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.s-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.s-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.s-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.s-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.s-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.s-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.s-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.s-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.splice > .cell.s-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.s-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.s-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.s-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.s-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.s-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.s-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.s-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.s-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.s-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.s-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.s-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.s-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.s-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.s-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.splice > .cell.s-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.s-mright-0 { margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.only-m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.only-m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .only-m-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.only-m-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.only-m-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.only-m-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.only-m-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.only-m-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.only-m-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.only-m-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.only-m-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.only-m-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.only-m-baseline { align-items: baseline; } } @media only screen and (min-width: 768px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.m-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.splice.m-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.splice.m-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.splice.m-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.splice.m-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.splice.m-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.splice.m-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.splice.m-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.splice.m-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.splice.m-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.splice.m-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.splice.m-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.splice.m-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.splice.m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .m-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.m-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.m-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.m-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.m-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.m-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.m-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.m-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.m-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.m-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.m-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.splice > .cell.m-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.m-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.m-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.m-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.m-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.m-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.m-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.m-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.m-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.m-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.m-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.m-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.m-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.m-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.m-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.splice > .cell.m-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.m-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.only-h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.only-h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .only-h-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.only-h-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.only-h-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.only-h-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.only-h-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.only-h-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.only-h-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.only-h-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.only-h-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.only-h-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.only-h-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.h-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.splice.h-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.splice.h-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.splice.h-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.splice.h-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.splice.h-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.splice.h-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.splice.h-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.splice.h-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.splice.h-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.splice.h-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.splice.h-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.splice.h-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.splice.h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .h-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.h-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.h-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.h-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.h-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.h-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.h-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.h-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.h-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.h-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.h-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.splice > .cell.h-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.h-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.h-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.h-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.h-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.h-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.h-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.h-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.h-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.h-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.h-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.h-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.h-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.h-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.h-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.splice > .cell.h-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.h-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.only-l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.only-l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .only-l-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.only-l-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.only-l-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.only-l-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.only-l-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.only-l-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.only-l-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.only-l-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.only-l-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.only-l-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.only-l-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.l-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.splice.l-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.splice.l-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.splice.l-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.splice.l-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.splice.l-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.splice.l-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.splice.l-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.splice.l-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.splice.l-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.splice.l-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.splice.l-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.splice.l-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.splice.l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .l-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.l-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.l-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.l-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.l-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.l-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.l-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.l-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.l-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.l-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.l-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.splice > .cell.l-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.l-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.l-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.l-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.l-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.l-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.l-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.l-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.l-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.l-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.l-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.l-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.l-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.l-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.l-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.splice > .cell.l-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.l-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.only-xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.only-xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .only-xl-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.only-xl-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.only-xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.only-xl-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.only-xl-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.only-xl-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.only-xl-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.only-xl-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.only-xl-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.only-xl-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.only-xl-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.only-xl-baseline { align-items: baseline; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.splice { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.splice.xl-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.splice.xl-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.splice.xl-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.splice.xl-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.splice.xl-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.splice.xl-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.splice.xl-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.splice.xl-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.splice.xl-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.splice.xl-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.splice.xl-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.splice.xl-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.splice.xl-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.splice.xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.splice.xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.splice .xl-hide { display: none; } .mas2 .up12-superSmall .up12.splice > .cell.xl-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.splice .cell.xl-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.splice .cell.xl-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.splice .cell.xl-middle { align-self: center; } .mas2 .up12-superSmall .up12.splice .cell.xl-full { align-self: auto; } .mas2 .up12-superSmall .up12.splice.xl-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.splice.xl-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.splice.xl-middle { align-items: center; } .mas2 .up12-superSmall .up12.splice.xl-full { align-items: auto; } .mas2 .up12-superSmall .up12.splice.xl-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.splice > .cell.xl-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.splice > .cell.xl-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.splice > .cell.xl-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.splice > .cell.xl-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.splice > .cell.xl-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.splice > .cell.xl-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.splice > .cell.xl-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.splice > .cell.xl-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.splice > .cell.xl-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.splice > .cell.xl-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.splice > .cell.xl-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.splice > .cell.xl-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.splice > .cell.xl-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.xl-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.splice > .cell.xl-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.splice > .cell.xl-mright-0 { margin-right: 0; } } .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-4px / 2); width: calc(100% + 4px); } @media only screen and (max-width: 767px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.margin.only-s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.only-s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .only-s-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.only-s-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.only-s-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.only-s-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.only-s-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.only-s-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.only-s-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.only-s-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.only-s-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.only-s-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.only-s-baseline { align-items: baseline; } } .mas2 .up12-superSmall .up12.margin.s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .s-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.s-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.s-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.s-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.s-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.s-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.s-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.s-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.s-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.s-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.s-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.margin > .cell { margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin.s-size-1 > .cell { width: calc(100% / 1 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-2 > .cell { width: calc(100% / 2 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-3 > .cell { width: calc(100% / 3 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-4 > .cell { width: calc(100% / 4 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-5 > .cell { width: calc(100% / 5 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-6 > .cell { width: calc(100% / 6 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-7 > .cell { width: calc(100% / 7 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-8 > .cell { width: calc(100% / 8 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-9 > .cell { width: calc(100% / 9 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-10 > .cell { width: calc(100% / 10 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-11 > .cell { width: calc(100% / 11 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-12 > .cell { width: calc(100% / 12 - 4px); } .mas2 .up12-superSmall .up12.margin.s-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-1 { width: calc(100% / 12 * 1 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-2 { width: calc(100% / 12 * 2 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-3 { width: calc(100% / 12 * 3 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-4 { width: calc(100% / 12 * 4 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-5 { width: calc(100% / 12 * 5 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-6 { width: calc(100% / 12 * 6 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-7 { width: calc(100% / 12 * 7 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-8 { width: calc(100% / 12 * 8 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-9 { width: calc(100% / 12 * 9 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-10 { width: calc(100% / 12 * 10 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-11 { width: calc(100% / 12 * 11 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-12 { width: calc(100% / 12 * 12 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.s-push-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-push-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-pull-0 { margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mleft-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.s-mright-0 { margin-right: calc(4px / 2); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.margin.only-m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.only-m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .only-m-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.only-m-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.only-m-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.only-m-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.only-m-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.only-m-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.only-m-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.only-m-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.only-m-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.only-m-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.only-m-baseline { align-items: baseline; } } @media only screen and (min-width: 768px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-4px / 2); width: calc(100% + 4px); } .mas2 .up12-superSmall .up12.margin.m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .m-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.m-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.m-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.m-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.m-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.m-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.m-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.m-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.m-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.m-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.m-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.margin > .cell { margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin.m-size-1 > .cell { width: calc(100% / 1 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-2 > .cell { width: calc(100% / 2 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-3 > .cell { width: calc(100% / 3 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-4 > .cell { width: calc(100% / 4 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-5 > .cell { width: calc(100% / 5 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-6 > .cell { width: calc(100% / 6 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-7 > .cell { width: calc(100% / 7 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-8 > .cell { width: calc(100% / 8 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-9 > .cell { width: calc(100% / 9 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-10 > .cell { width: calc(100% / 10 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-11 > .cell { width: calc(100% / 11 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-12 > .cell { width: calc(100% / 12 - 4px); } .mas2 .up12-superSmall .up12.margin.m-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-1 { width: calc(100% / 12 * 1 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-2 { width: calc(100% / 12 * 2 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-3 { width: calc(100% / 12 * 3 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-4 { width: calc(100% / 12 * 4 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-5 { width: calc(100% / 12 * 5 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-6 { width: calc(100% / 12 * 6 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-7 { width: calc(100% / 12 * 7 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-8 { width: calc(100% / 12 * 8 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-9 { width: calc(100% / 12 * 9 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-10 { width: calc(100% / 12 * 10 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-11 { width: calc(100% / 12 * 11 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-12 { width: calc(100% / 12 * 12 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.m-push-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-push-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-pull-0 { margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mleft-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.m-mright-0 { margin-right: calc(4px / 2); } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.margin.only-h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.only-h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .only-h-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.only-h-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.only-h-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.only-h-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.only-h-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.only-h-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.only-h-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.only-h-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.only-h-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.only-h-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.only-h-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-4px / 2); width: calc(100% + 4px); } .mas2 .up12-superSmall .up12.margin.h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .h-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.h-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.h-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.h-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.h-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.h-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.h-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.h-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.h-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.h-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.h-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.margin > .cell { margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin.h-size-1 > .cell { width: calc(100% / 1 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-2 > .cell { width: calc(100% / 2 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-3 > .cell { width: calc(100% / 3 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-4 > .cell { width: calc(100% / 4 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-5 > .cell { width: calc(100% / 5 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-6 > .cell { width: calc(100% / 6 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-7 > .cell { width: calc(100% / 7 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-8 > .cell { width: calc(100% / 8 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-9 > .cell { width: calc(100% / 9 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-10 > .cell { width: calc(100% / 10 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-11 > .cell { width: calc(100% / 11 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-12 > .cell { width: calc(100% / 12 - 4px); } .mas2 .up12-superSmall .up12.margin.h-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-1 { width: calc(100% / 12 * 1 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-2 { width: calc(100% / 12 * 2 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-3 { width: calc(100% / 12 * 3 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-4 { width: calc(100% / 12 * 4 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-5 { width: calc(100% / 12 * 5 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-6 { width: calc(100% / 12 * 6 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-7 { width: calc(100% / 12 * 7 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-8 { width: calc(100% / 12 * 8 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-9 { width: calc(100% / 12 * 9 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-10 { width: calc(100% / 12 * 10 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-11 { width: calc(100% / 12 * 11 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-12 { width: calc(100% / 12 * 12 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.h-push-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-push-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-pull-0 { margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mleft-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.h-mright-0 { margin-right: calc(4px / 2); } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.margin.only-l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.only-l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .only-l-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.only-l-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.only-l-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.only-l-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.only-l-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.only-l-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.only-l-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.only-l-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.only-l-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.only-l-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.only-l-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-4px / 2); width: calc(100% + 4px); } .mas2 .up12-superSmall .up12.margin.l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .l-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.l-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.l-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.l-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.l-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.l-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.l-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.l-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.l-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.l-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.l-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.margin > .cell { margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin.l-size-1 > .cell { width: calc(100% / 1 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-2 > .cell { width: calc(100% / 2 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-3 > .cell { width: calc(100% / 3 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-4 > .cell { width: calc(100% / 4 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-5 > .cell { width: calc(100% / 5 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-6 > .cell { width: calc(100% / 6 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-7 > .cell { width: calc(100% / 7 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-8 > .cell { width: calc(100% / 8 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-9 > .cell { width: calc(100% / 9 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-10 > .cell { width: calc(100% / 10 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-11 > .cell { width: calc(100% / 11 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-12 > .cell { width: calc(100% / 12 - 4px); } .mas2 .up12-superSmall .up12.margin.l-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-1 { width: calc(100% / 12 * 1 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-2 { width: calc(100% / 12 * 2 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-3 { width: calc(100% / 12 * 3 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-4 { width: calc(100% / 12 * 4 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-5 { width: calc(100% / 12 * 5 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-6 { width: calc(100% / 12 * 6 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-7 { width: calc(100% / 12 * 7 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-8 { width: calc(100% / 12 * 8 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-9 { width: calc(100% / 12 * 9 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-10 { width: calc(100% / 12 * 10 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-11 { width: calc(100% / 12 * 11 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-12 { width: calc(100% / 12 * 12 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.l-push-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-push-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-pull-0 { margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mleft-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.l-mright-0 { margin-right: calc(4px / 2); } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.margin.only-xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.only-xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .only-xl-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.only-xl-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.only-xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.only-xl-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.only-xl-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.only-xl-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.only-xl-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.only-xl-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.only-xl-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.only-xl-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.only-xl-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.only-xl-baseline { align-items: baseline; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.margin { /*.#{$size}-end { justify-self: flex-end; }*/ margin-left: calc(-4px / 2); width: calc(100% + 4px); } .mas2 .up12-superSmall .up12.margin.xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.margin.xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.margin .xl-hide { display: none; } .mas2 .up12-superSmall .up12.margin > .cell.xl-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.margin .cell.xl-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.margin .cell.xl-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.margin .cell.xl-middle { align-self: center; } .mas2 .up12-superSmall .up12.margin .cell.xl-full { align-self: auto; } .mas2 .up12-superSmall .up12.margin.xl-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.margin.xl-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.margin.xl-middle { align-items: center; } .mas2 .up12-superSmall .up12.margin.xl-full { align-items: auto; } .mas2 .up12-superSmall .up12.margin.xl-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.margin > .cell { margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin.xl-size-1 > .cell { width: calc(100% / 1 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-2 > .cell { width: calc(100% / 2 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-3 > .cell { width: calc(100% / 3 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-4 > .cell { width: calc(100% / 4 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-5 > .cell { width: calc(100% / 5 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-6 > .cell { width: calc(100% / 6 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-7 > .cell { width: calc(100% / 7 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-8 > .cell { width: calc(100% / 8 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-9 > .cell { width: calc(100% / 9 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-10 > .cell { width: calc(100% / 10 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-11 > .cell { width: calc(100% / 11 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-12 > .cell { width: calc(100% / 12 - 4px); } .mas2 .up12-superSmall .up12.margin.xl-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-1 { width: calc(100% / 12 * 1 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-1 { margin-left: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-1 { margin-right: calc(100% / 12 * 1 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-2 { width: calc(100% / 12 * 2 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-2 { margin-left: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-2 { margin-right: calc(100% / 12 * 2 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-3 { width: calc(100% / 12 * 3 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-3 { margin-left: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-3 { margin-right: calc(100% / 12 * 3 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-4 { width: calc(100% / 12 * 4 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-4 { margin-left: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-4 { margin-right: calc(100% / 12 * 4 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-5 { width: calc(100% / 12 * 5 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-5 { margin-left: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-5 { margin-right: calc(100% / 12 * 5 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-6 { width: calc(100% / 12 * 6 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-6 { margin-left: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-6 { margin-right: calc(100% / 12 * 6 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-7 { width: calc(100% / 12 * 7 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-7 { margin-left: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-7 { margin-right: calc(100% / 12 * 7 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-8 { width: calc(100% / 12 * 8 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-8 { margin-left: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-8 { margin-right: calc(100% / 12 * 8 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-9 { width: calc(100% / 12 * 9 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-9 { margin-left: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-9 { margin-right: calc(100% / 12 * 9 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-10 { width: calc(100% / 12 * 10 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-10 { margin-left: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-10 { margin-right: calc(100% / 12 * 10 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-11 { width: calc(100% / 12 * 11 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-11 { margin-left: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-11 { margin-right: calc(100% / 12 * 11 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-12 { width: calc(100% / 12 * 12 - 4px); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-12 { margin-left: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-12 { margin-right: calc(100% / 12 * 12 + 4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-push-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-pull-0 { margin-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mleft-0 { margin-left: calc(4px / 2); } .mas2 .up12-superSmall .up12.margin > .cell.xl-mright-0 { margin-right: calc(4px / 2); } } .mas2 .up12-superSmall .up12.padding { width: 100%; /*.#{$size}-end { justify-self: flex-end; }*/ } @media only screen and (max-width: 767px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding.only-s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.only-s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .only-s-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.only-s-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.only-s-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.only-s-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.only-s-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.only-s-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.only-s-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.only-s-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.only-s-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.only-s-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.only-s-baseline { align-items: baseline; } } .mas2 .up12-superSmall .up12.padding > .cell { padding-left: calc(4px / 2); padding-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.padding.s-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.s-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .s-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.s-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.s-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.s-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.s-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.s-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.s-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.s-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.s-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.s-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.s-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.padding.s-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.padding.s-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.padding.s-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.padding.s-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.padding.s-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.padding.s-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.padding.s-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.padding.s-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.padding.s-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.padding.s-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.padding.s-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.padding.s-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.padding.s-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.s-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.s-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.s-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.s-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.s-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.s-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.s-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.s-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.s-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.s-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.s-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.s-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.s-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.s-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.padding > .cell.s-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.s-mright-0 { margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding.only-m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.only-m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .only-m-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.only-m-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.only-m-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.only-m-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.only-m-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.only-m-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.only-m-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.only-m-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.only-m-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.only-m-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.only-m-baseline { align-items: baseline; } } @media only screen and (min-width: 768px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding > .cell { padding-left: calc(4px / 2); padding-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.padding.m-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.m-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .m-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.m-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.m-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.m-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.m-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.m-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.m-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.m-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.m-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.m-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.m-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.padding.m-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.padding.m-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.padding.m-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.padding.m-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.padding.m-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.padding.m-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.padding.m-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.padding.m-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.padding.m-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.padding.m-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.padding.m-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.padding.m-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.padding.m-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.m-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.m-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.m-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.m-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.m-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.m-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.m-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.m-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.m-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.m-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.m-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.m-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.m-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.m-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.padding > .cell.m-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.m-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding.only-h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.only-h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .only-h-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.only-h-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.only-h-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.only-h-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.only-h-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.only-h-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.only-h-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.only-h-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.only-h-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.only-h-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.only-h-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding > .cell { padding-left: calc(4px / 2); padding-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.padding.h-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.h-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .h-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.h-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.h-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.h-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.h-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.h-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.h-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.h-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.h-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.h-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.h-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.padding.h-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.padding.h-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.padding.h-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.padding.h-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.padding.h-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.padding.h-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.padding.h-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.padding.h-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.padding.h-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.padding.h-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.padding.h-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.padding.h-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.padding.h-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.h-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.h-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.h-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.h-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.h-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.h-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.h-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.h-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.h-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.h-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.h-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.h-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.h-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.h-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.padding > .cell.h-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.h-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1349px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding.only-l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.only-l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .only-l-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.only-l-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.only-l-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.only-l-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.only-l-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.only-l-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.only-l-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.only-l-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.only-l-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.only-l-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.only-l-baseline { align-items: baseline; } } @media only screen and (min-width: 1024px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding > .cell { padding-left: calc(4px / 2); padding-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.padding.l-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.l-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .l-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.l-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.l-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.l-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.l-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.l-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.l-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.l-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.l-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.l-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.l-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.padding.l-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.padding.l-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.padding.l-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.padding.l-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.padding.l-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.padding.l-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.padding.l-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.padding.l-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.padding.l-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.padding.l-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.padding.l-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.padding.l-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.padding.l-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.l-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.l-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.l-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.l-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.l-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.l-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.l-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.l-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.l-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.l-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.l-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.l-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.l-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.l-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.padding > .cell.l-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.l-mright-0 { margin-right: 0; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding.only-xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.only-xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .only-xl-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.only-xl-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.only-xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.only-xl-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.only-xl-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.only-xl-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.only-xl-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.only-xl-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.only-xl-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.only-xl-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.only-xl-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.only-xl-baseline { align-items: baseline; } } @media only screen and (min-width: 1350px) { .mas2 .up12-superSmall .up12.padding { /*.#{$size}-end { justify-self: flex-end; }*/ } .mas2 .up12-superSmall .up12.padding > .cell { padding-left: calc(4px / 2); padding-right: calc(4px / 2); } .mas2 .up12-superSmall .up12.padding.xl-wrap { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mas2 .up12-superSmall .up12.padding.xl-nowrap { -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mas2 .up12-superSmall .up12.padding .xl-hide { display: none; } .mas2 .up12-superSmall .up12.padding > .cell.xl-normal { flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-shrink { width: auto; flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; -moz-box-flex: 0 0 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-auto { width: 1px; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-box-flex: 1 1 auto; } .mas2 .up12-superSmall .up12.padding .cell.xl-start { align-self: flex-start; } .mas2 .up12-superSmall .up12.padding .cell.xl-end { align-self: flex-end; } .mas2 .up12-superSmall .up12.padding .cell.xl-middle { align-self: center; } .mas2 .up12-superSmall .up12.padding .cell.xl-full { align-self: auto; } .mas2 .up12-superSmall .up12.padding.xl-start { align-items: flex-start; } .mas2 .up12-superSmall .up12.padding.xl-end { align-items: flex-end; } .mas2 .up12-superSmall .up12.padding.xl-middle { align-items: center; } .mas2 .up12-superSmall .up12.padding.xl-full { align-items: auto; } .mas2 .up12-superSmall .up12.padding.xl-baseline { align-items: baseline; } .mas2 .up12-superSmall .up12.padding.xl-size-1 > .cell { width: calc(100% / 1); } .mas2 .up12-superSmall .up12.padding.xl-size-2 > .cell { width: calc(100% / 2); } .mas2 .up12-superSmall .up12.padding.xl-size-3 > .cell { width: calc(100% / 3); } .mas2 .up12-superSmall .up12.padding.xl-size-4 > .cell { width: calc(100% / 4); } .mas2 .up12-superSmall .up12.padding.xl-size-5 > .cell { width: calc(100% / 5); } .mas2 .up12-superSmall .up12.padding.xl-size-6 > .cell { width: calc(100% / 6); } .mas2 .up12-superSmall .up12.padding.xl-size-7 > .cell { width: calc(100% / 7); } .mas2 .up12-superSmall .up12.padding.xl-size-8 > .cell { width: calc(100% / 8); } .mas2 .up12-superSmall .up12.padding.xl-size-9 > .cell { width: calc(100% / 9); } .mas2 .up12-superSmall .up12.padding.xl-size-10 > .cell { width: calc(100% / 10); } .mas2 .up12-superSmall .up12.padding.xl-size-11 > .cell { width: calc(100% / 11); } .mas2 .up12-superSmall .up12.padding.xl-size-12 > .cell { width: calc(100% / 12); } .mas2 .up12-superSmall .up12.padding.xl-size-auto > .cell { width: auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-1 { width: calc(100% / 12 * 1); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-1 { margin-left: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-1 { margin-right: calc(100% / 12 * 1); } .mas2 .up12-superSmall .up12.padding > .cell.xl-2 { width: calc(100% / 12 * 2); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-2 { margin-left: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-2 { margin-right: calc(100% / 12 * 2); } .mas2 .up12-superSmall .up12.padding > .cell.xl-3 { width: calc(100% / 12 * 3); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-3 { margin-left: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-3 { margin-right: calc(100% / 12 * 3); } .mas2 .up12-superSmall .up12.padding > .cell.xl-4 { width: calc(100% / 12 * 4); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-4 { margin-left: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-4 { margin-right: calc(100% / 12 * 4); } .mas2 .up12-superSmall .up12.padding > .cell.xl-5 { width: calc(100% / 12 * 5); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-5 { margin-left: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-5 { margin-right: calc(100% / 12 * 5); } .mas2 .up12-superSmall .up12.padding > .cell.xl-6 { width: calc(100% / 12 * 6); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-6 { margin-left: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-6 { margin-right: calc(100% / 12 * 6); } .mas2 .up12-superSmall .up12.padding > .cell.xl-7 { width: calc(100% / 12 * 7); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-7 { margin-left: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-7 { margin-right: calc(100% / 12 * 7); } .mas2 .up12-superSmall .up12.padding > .cell.xl-8 { width: calc(100% / 12 * 8); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-8 { margin-left: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-8 { margin-right: calc(100% / 12 * 8); } .mas2 .up12-superSmall .up12.padding > .cell.xl-9 { width: calc(100% / 12 * 9); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-9 { margin-left: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-9 { margin-right: calc(100% / 12 * 9); } .mas2 .up12-superSmall .up12.padding > .cell.xl-10 { width: calc(100% / 12 * 10); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-10 { margin-left: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-10 { margin-right: calc(100% / 12 * 10); } .mas2 .up12-superSmall .up12.padding > .cell.xl-11 { width: calc(100% / 12 * 11); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-11 { margin-left: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-11 { margin-right: calc(100% / 12 * 11); } .mas2 .up12-superSmall .up12.padding > .cell.xl-12 { width: calc(100% / 12 * 12); flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-box-flex: 0 1 auto; } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-12 { margin-left: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-12 { margin-right: calc(100% / 12 * 12); } .mas2 .up12-superSmall .up12.padding > .cell.xl-push-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.xl-pull-0 { margin-right: 0; } .mas2 .up12-superSmall .up12.padding > .cell.xl-mleft-0 { margin-left: 0; } .mas2 .up12-superSmall .up12.padding > .cell.xl-mright-0 { margin-right: 0; } } .mas2 .hellip { text-overflow: ellipsis; } .mas2 .wordBreak { word-wrap: break-word; /* IE */ } .mas2 .wordBreak img, .mas2 .wordBreak object, .mas2 .wordBreak iframe { max-width: 100%; } .mas2 .arrowPull { right: 0; } .mas2 .hov:hover .arrowPull { right: 10px; } .mas2 * { box-sizing: border-box; -moz-box-sizing: border-box; } .mas2 .textShadow { text-shadow: #000 1px 1px 1px; } .mas2 .textShadow9 { text-shadow: #000 0px 0px 9px; } .mas2 .boxShadow { box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .boxShadowBottom { box-shadow: 0 -2px 5px 0px rgba(0, 0, 0, 0.2); } .mas2 .centerByTransform { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mas2 .horizontalCenterByTransform { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .mas2 .editText { -webkit-user-modify: read-write-plaintext-only; -moz-user-modify: read-write-plaintext-only; -ms-user-modify: read-write-plaintext-only; user-modify: read-write-plaintext-only; } .mas2 .chatCircle { width: 55px; height: 55px; } .mas2 .chatCircle .mdi { font-size: 24px; } .mas2 .chatContactsWidth { width: 300px; } .mas2 .chatContactsPopupWrapper { overflow: auto; } .mas2 .chatAvatar { width: 50px; height: 50px; } .mas2 .chatWindowWidth { width: 300px; } .mas2 .chatHeadButton { width: 27px; height: 27px; display: block; text-align: center; line-height: 27px; } .mas2 .chatPostWrapper.fs15 { min-height: 38px; } .mas2 .chatPostWrapper.fs13 { min-height: 36px; } .mas2 .standAloneMode .chatHeadButton { width: 49px; height: 49px; line-height: 49px; font-size: 24px; } .mas2 .ownTriangle { overflow: hidden; right: -6px; bottom: 0px; width: 8px; } .mas2 .ownTriangle:before { line-height: 0; border-width: 8px 8px 0 8px; border-color: transparent transparent transparent #d0e3ec; border-style: solid; content: ''; display: block; } @media only screen and (min-width: 768px) { .mas2 .chatMessagesColumn { min-height: 300px !important; } } .mas2 .otherTriangle { overflow: hidden; left: -6px; bottom: 0px; width: 8px; } .mas2 .otherTriangle:before { line-height: 0; float: right; border-width: 8px 8px 0 8px; border-color: transparent #ececec transparent transparent; border-style: solid; content: ''; display: block; } .mas2 .selectedMessage .ownTriangle:before { border-color: transparent transparent transparent #b26504; } .mas2 .selectedMessage .otherTriangle:before { border-color: transparent #b26504 transparent transparent; } .mas2 .commentItem img { max-width: 100%; } .mas2 .commentItem .commentSignature { max-height: 40px; } .mas2 .commentsHideGradient { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+86,1+86 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0); /* IE6-9 */ height: 80px; } .mas2 .photoItem { width: 100%; background-position: 50% 25%; /*background-size: 100% auto;*/ background-repeat: no-repeat; background-size: cover; } .mas2 .photosDropZone { border: 2px dashed #b3b3b3; height: 200px; } .mas2 .btn1 > span > .mdi, .mas2 .btn2 > span > .mdi, .mas2 .btn3 > span > .mdi, .mas2 .btn4 > span > .mdi, .mas2 .btn5 > span > .mdi, .mas2 .btn6 > span > .mdi, .mas2 .btn7 > span > .mdi, .mas2 .btn8 > span > .mdi { display: inline-block; position: relative; } .mas2 .btn1 > span > .mdi:before, .mas2 .btn2 > span > .mdi:before, .mas2 .btn3 > span > .mdi:before, .mas2 .btn4 > span > .mdi:before, .mas2 .btn5 > span > .mdi:before, .mas2 .btn6 > span > .mdi:before, .mas2 .btn7 > span > .mdi:before, .mas2 .btn8 > span > .mdi:before { line-height: 36px; font-size: 20px; } .mas2 .photoPopup { left: 50%; top: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%; } .mas2 .photoPopup .closeButton { -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 20px; height: 20px; line-height: 20px; } @media only screen and (max-width: 767px) { .mas2 .bigHeaderImage { width: calc(100% + 200px); margin-left: -100px; } } .mas2 .tpl_1 .sideMenuBg { background-image: url("https://myanimeshelf.com/images/design_v2/contest/FireWink.jpg"); background-position: -340px 0; } .mas2 .tpl_1 .sideMenuBg > div { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; } .mas2 .tpl_1 .topMenuLine { background-image: url("https://myanimeshelf.com/images/design_v2/contest/FireWink.jpg"); background-position: -340px 0; } .mas2 .tpl_1 .topMenuLine > div { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; } .mas2 .tpl_1 .sideMenuWidth { color: #fff; } .mas2 .tpl_1 .sideMenuWidth a { color: #fff !important; } .mas2 .tpl_1 .sideMenuWidth a:hover { color: rgba(255, 255, 255, 0.9) !important; } .mas2 .tpl_1 .sideMenuWidth a:active { color: rgba(255, 255, 255, 0.8) !important; } .mas2 .tpl_1 .sideMenuWidth .logOut { color: #fff; } .mas2 .tpl_1 .sideMenuItem { color: #fff; text-shadow: 1px 1px 2px #000; } .mas2 .tpl_1 .sideMenuItem.active { color: #fff; background: rgba(0, 0, 0, 0.5); font-weight: bold; } .mas2 .tpl_1 .myAvatar { border: 2px solid #fff; } .mas2 .tpl_1 .myName, .mas2 .tpl_1 .myNick { color: #fff; } .mas2 .tpl_1 .topMenuItem { color: #fff !important; text-shadow: 1px 1px 2px #000; } .mas2 .tpl_1 .topMenuItem.selectedTopMenu { color: #fff; font-weight: bold; background: rgba(255, 255, 255, 0.2); } .mas2 .bubblingG { text-align: center; width: 80px; height: 50px; margin: auto; } .mas2 .bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: #000; border-radius: 50px; -webkit-animation: bubblingG 1.5s infinite alternate; -moz-animation: bubblingG 1.5s infinite alternate; -ms-animation: bubblingG 1.5s infinite alternate; -o-animation: bubblingG 1.5s infinite alternate; animation: bubblingG 1.5s infinite alternate; } .mas2 #bubblingG_1 { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .mas2 #bubblingG_2 { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -ms-animation-delay: 0.45s; -o-animation-delay: 0.45s; animation-delay: 0.45s; } .mas2 #bubblingG_3 { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color: #000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { width: 24px; height: 24px; background-color: #fff; -webkit-transform: translateY(-21px); -moz-transform: translateY(-21px); -ms-transform: translateY(-21px); -o-transform: translateY(-21px); transform: translateY(-21px); } } @-moz-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color: #000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { width: 24px; height: 24px; background-color: #fff; -webkit-transform: translateY(-21px); -moz-transform: translateY(-21px); -ms-transform: translateY(-21px); -o-transform: translateY(-21px); transform: translateY(-21px); } } @-ms-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color: #000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { width: 24px; height: 24px; background-color: #fff; -webkit-transform: translateY(-21px); -moz-transform: translateY(-21px); -ms-transform: translateY(-21px); -o-transform: translateY(-21px); transform: translateY(-21px); } } @-o-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color: #000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { width: 24px; height: 24px; background-color: #fff; -webkit-transform: translateY(-21px); -moz-transform: translateY(-21px); -ms-transform: translateY(-21px); -o-transform: translateY(-21px); transform: translateY(-21px); } } @keyframes bubblingG { 0% { width: 10px; height: 10px; background-color: #000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { width: 24px; height: 24px; background-color: #fff; -webkit-transform: translateY(-21px); -moz-transform: translateY(-21px); -ms-transform: translateY(-21px); -o-transform: translateY(-21px); transform: translateY(-21px); } } .mas2 span.select.big { height: 35px; } .mas2 span.select.big select { font-size: 18px; line-height: 24px; } .mas2 textarea.big { line-height: 24px; font-size: 18px; } .mas2 input.big[type=text], .mas2 input.big[type=password], .mas2 .big > input { font-size: 18px; line-height: 24px; height: 35px; } .mas2 input, .mas2 textarea { outline-style: none; } .mas2 .noBorder > input { border: none !important; box-shadow: none !important; } .mas2 .gridGallery .blockTransition { -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -ms-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } @media only screen and (max-width: 767px) { .mas2 .gridGallery .gridImage { height: 80px; } } @media only screen and (max-width: 767px) { .mas2 .btn1.only-s-w100, .mas2 .btn2.only-s-w100, .mas2 .btn3.only-s-w100, .mas2 .btn4.only-s-w100, .mas2 .btn5.only-s-w100, .mas2 .btn6.only-s-w100, .mas2 .btn7.only-s-w100, .mas2 .btn8.only-s-w100 { width: 100%; } .mas2 .btn1.only-s-w100 > span, .mas2 .btn2.only-s-w100 > span, .mas2 .btn3.only-s-w100 > span, .mas2 .btn4.only-s-w100 > span, .mas2 .btn5.only-s-w100 > span, .mas2 .btn6.only-s-w100 > span, .mas2 .btn7.only-s-w100 > span, .mas2 .btn8.only-s-w100 > span { width: 100%; text-align: center; } .mas2 .btn1.only-s-small > span, .mas2 .btn2.only-s-small > span, .mas2 .btn3.only-s-small > span, .mas2 .btn4.only-s-small > span, .mas2 .btn5.only-s-small > span, .mas2 .btn6.only-s-small > span, .mas2 .btn7.only-s-small > span, .mas2 .btn8.only-s-small > span { font-weight: normal; text-transform: none; font-size: 12px; line-height: 25px; padding: 0px 9px 0px 9px; } .mas2 .btn1.only-s-small > span i.mdi:before, .mas2 .btn2.only-s-small > span i.mdi:before, .mas2 .btn3.only-s-small > span i.mdi:before, .mas2 .btn4.only-s-small > span i.mdi:before, .mas2 .btn5.only-s-small > span i.mdi:before, .mas2 .btn6.only-s-small > span i.mdi:before, .mas2 .btn7.only-s-small > span i.mdi:before, .mas2 .btn8.only-s-small > span i.mdi:before { line-height: 1px; vertical-align: middle; padding-right: 5px; position: relative; left: -2px; } } .mas2 .btn1.small > span, .mas2 .btn2.small > span, .mas2 .btn3.small > span, .mas2 .btn4.small > span, .mas2 .btn5.small > span, .mas2 .btn6.small > span, .mas2 .btn7.small > span, .mas2 .btn8.small > span { font-weight: normal; text-transform: none; font-size: 12px; line-height: 25px; padding: 0px 9px 0px 9px; } .mas2 .btn1.small > span i.mdi:before, .mas2 .btn2.small > span i.mdi:before, .mas2 .btn3.small > span i.mdi:before, .mas2 .btn4.small > span i.mdi:before, .mas2 .btn5.small > span i.mdi:before, .mas2 .btn6.small > span i.mdi:before, .mas2 .btn7.small > span i.mdi:before, .mas2 .btn8.small > span i.mdi:before { line-height: 1px; vertical-align: middle; padding-right: 5px; position: relative; left: -2px; } .mas2 .mainActionWrap .subActions { bottom: 100%; right: 0; } .mas2 .mainAction.opened .mdi-plus { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mas2 .mainAction { width: 56px; height: 56px; line-height: 61px; text-align: center; border-radius: 200px; cursor: pointer; box-shadow: 0px 2px 10px rgba(0, 0, 0, .3), 0px 0px 1px rgba(0, 0, 0, .1), inset 0px 1px 0px rgba(255, 255, 255, .25), inset 0px -1px 0px rgba(0, 0, 0, .15); } .mas2 .figureAvatar { width: 80px; height: 100px; background-position: 50% 10%; background-size: 100% auto; background-repeat: no-repeat; } @media only screen and (max-width: 767px) { .mas2 .sorterItem { background: rgba(106, 106, 106, 0.1); } .mas2 .sorterItem:not(.active) { color: #a2a2a2; } } .mas2 .centerScroller .popup-bg-w2 { background: #ececec !important; } .mas2 .menuOverlay { opacity: 0; visibility: hidden; } .mas2 .menuOverlay.opened { opacity: 1; visibility: visible; } .mas2 .sideMenuWidth.filled { width: 240px; left: -240px; } .mas2 .sideMenuWidth.opened.filled { left: 0; } @media only screen and (min-width: 1024px) { .mas2 .sideMenuWidth { width: 240px; } .mas2 .sideMenuPadding { padding-left: 240px; } .mas2 .sideMenuWidth.filled { left: 0; } } .mas2 .sideMenuItem.active { color: #000; } .mas2 .h100vh { height: 100vh; } .mas2 .topMenuHeight, .mas2 .menuHeight { height: 55px; } .mas2 .menuSquare { height: 55px; width: 55px !important; } .mas2 .topMenuLineHeight { line-height: 55px; } .mas2 .shelfMenuItem { height: 30px; } @media only screen and (min-width: 768px) { .mas2 .shelfMenuItem { height: 55px; } } .mas2 input[type="checkbox"] + span, .mas2 input[type="checkbox"] + span + span { display: inline-block; vertical-align: middle !important; } .mas2 input[type="checkbox"] + span + span { padding-left: 5px; } .mas2 .oembedHere.content_type_video iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .mas2 .blinkElement { opacity: 1 !important; -webkit-animation: blinking 0.15s infinite alternate; -moz-animation: blinking 0.15s infinite alternate; -ms-animation: blinking 0.15s infinite alternate; -o-animation: blinking 0.15s infinite alternate; animation: blinking 0.15s infinite alternate; } @-webkit-keyframes blinking { 0% { border-color: #000; } 100% { border-color: #ececec; } } @-moz-keyframes blinking { 0% { border-color: #000; } 100% { border-color: #ececec; } } @-ms-keyframes blinking { 0% { border-color: #000; } 100% { border-color: #ececec; } } @-o-keyframes blinking { 0% { border-color: #000; } 100% { border-color: #ececec; } } @keyframes blinking { 0% { border-color: #000; } 100% { border-color: #ececec; } } .mas2 .max { max-width: 1200px; margin-left: auto; margin-right: auto; } .mas2 .max.padding .max.padding { padding-left: 0; padding-right: 0; } .mas2 .max.padding { padding-left: 5px; padding-right: 5px; } .mas2 .max.padding.zeroMobile { padding-left: 0px; padding-right: 0px; } @media only screen and (min-width: 768px) { .mas2 .max.padding { padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 1024px) { .mas2 .max.padding { padding-left: 40px; padding-right: 40px; } }