/*------------------------------------------------------------------ * Project: Travel Material * Author: Crenoveative * URL: http://crenoveative.com or https://themeforest.net/user/crenoveative/portfolio * Created: 20/05/2019 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Table of Content * 1. Reset * 2. Default Typography * 3. Global * 4. Margin Sets * 5. Padding Sets * 6. Image * 7. Layout * 8. Typography * 9. Row > Number of Columns * 10. Row Gap * 11. Row Margin Bottom * 12. Reordering * 13. Column width from max * 14. Border * 15. List * 16. Background * 17. Button * 18. Form -------------------------------------------------------------------*/ /** * Reset */ html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; zoom: 1; } :focus { text-decoration: none; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ul, ol { margin: 0; padding: 0; } ol:not(.ol) li, ul:not(.ul) li { list-style-type: none; padding: 0; margin: 0; } ol.ol, ul.ul { margin-left: 35px; margin-bottom: 20px; } ol.ol, ul.ul { margin-left: 35px; margin-bottom: 20px; } ol.ol li { list-style-type: decimal; list-style-position: outside; } ol.ol li ol li { list-style-type: lower-alpha; } ul.ul li { list-style-type: disc; list-style-position: outside; } ol.ol li + li, ul.ul li + li { margin-top: 10px; } ul.ul li ul, ol.ol li ol { margin-left: 25px; margin-top: 20px; margin-bottom: 20px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote, .blockquote { overflow: hidden; border-left: 3px solid #CCC; font-size: 20px; font-style: italic; line-height: 40px; font-style: italic; background: #f5f5f5; padding: 32px; color: #777; font-weight: 300; margin: 30px 0; } * { box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } object, embed { max-width: 100%; } a:hover,a:focus,a:visited{text-decoration:none;outline:none} button{outline:none!important;cursor:pointer} .font-15{ font-size: 15px !important; } /** * Default Typography */ a, a:visited, a:focus, a:active, a:hover, :focus { text-decoration: none; outline: none; } a { o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #FF2D54; font-weight: 400; } a:hover, a:focus { text-decoration: none; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #E0163B; } ::selection { color: #FF2D54; background: #DFEAF7; } ::-moz-selection { color: #FF2D54; background: #DFEAF7; } body { font-family: 'Roboto', sans-serif; color:#515263; font-weight: 400; font-size: 13px; line-height: 1.85; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #212121; font-weight: 500; font-style: normal; line-height: 1.2; -webkit-font-smoothing:antialiased; } h1, h2 { font-weight: 300; } h3 { font-weight: 500; } h1, .h1 { font-size: 36px; } h2, .h2 {font-size: 30px; } h3, .h3 {font-size:24px; } h4, .h4 {font-size:17px; } h5, .h5 {font-size:14px; } h6, .h6 {font-size:12px; } h1 small{font-size:50%} h2 small{font-size:60%} h3 small{font-size:70%} h4 small{font-size:80%} h5 small,h6 small,small{font-size:90%} h1, h2, h3 { margin-top:17px;margin-bottom:12px; } h4, h5, h6 { margin-top:11px;margin-bottom:6px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } p { margin-bottom: 12px; } .font-reset { font-size: 13px; line-height: 1.7; } .font-sm { font-size: 11px; line-height: 1.95; } .font-lg { font-size: 15px; line-height: 1.75; } p.lead { font-size: 18px; line-height: 1.45; margin: 0 0 25px; font-weight: 400; } p:first-child { margin-top: 0; } p:last-child{ margin-bottom:0; } .font-body { font-family: 'Roboto', sans-serif; } .font-serif { font-family: 'Aleo', serif; } blockquote { overflow: hidden; font-size: 20px; font-style: italic; line-height: 1.6; padding-left: 30px; font-weight: 300; margin: 30px 0; border-left: 4px solid #D9D9D9; } blockquote cite { font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 1px; } hr { border: none; border-top: 1px solid #E1E1E1; margin: 25px 0; width: 100%; } @media (min-width: 576px) { } @media (min-width: 768px) { body { font-size: 14px; line-height: 1.75; } h1, .h1 { font-size: 42px; } h2, .h2 {font-size: 36px; } h3, .h3 {font-size: 26px; } h4, .h4 {font-size: 18px; } h5, .h5 {font-size: 16px; } h6, .h6 {font-size: 14px; } h1, h2, h3 { margin-top:20px;margin-bottom:14px; } h4, h5, h6 { margin-top:13px;margin-bottom:8px; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; } p { margin-bottom: 15px; } .font-reset { font-size: 14px; line-height: 1.75; } .font-sm { font-size: 12px; line-height: 1.9; } .font-lg { font-size: 17px; line-height: 1.6; } p.lead { font-size: 24px; line-height: 1.5; margin: 0 0 25px; font-weight: 300; } } @media (min-width: 992px) { } @media (min-width: 1200px) { body { line-height: 1.7; } h1, .h1 { font-size: 46px; } h2, .h2 {font-size: 38px; } h3, .h3 {font-size: 30px; } h4, .h4 {font-size: 24px; } h5, .h5 {font-size:19px; } h6, .h6 {font-size:16px; } h1, h2, h3 { margin-top:25px;margin-bottom:18px; } h4, h5, h6 { margin-top:18px;margin-bottom:12px; } h1, h2, h3, h4, h5, h6 { line-height: 1.4; } .font-reset { line-height: 1.7; } } /** * Global */ .max-width-lg { max-width: 1440px; margin: 0 auto; } .block { display: block; } .inline-block { display: inline-block; } .inline-block-box > div { display: inline-block; } .inline-block-middle { display: inline-block; vertical-align: middle; } ul.list-inline-block li { display: inline-block; } .clear { clear: both; width: 100%; overflow: hidden; } .clear-sm { display: none; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .position-relative { position: relative; } .position-static { position: static; } .position-absolute, .position-absolute-top, .position-absolute-bottom, .position-absolute-left, .position-absolute-right { position: absolute; } .position-absolute-top { top: 0; left: 0; right: 0; } .position-absolute-bottom { bottom: 0; left: 0; right: 0; } .position-absolute-left { left: 0; top: 0; bottom: 0; } .position-absolute-right { right: 0; top: 0; bottom: 0; } a.position-absolute-href { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; z-index: 99; } [data-toggle]:hover { cursor: pointer; } .mage-border.border-2px { border-width: 2px; } .border-circle { border-radius: 50%; } .text-black { color: #000; } .text-white { color: #FFF; } .text-inherit { color: inherit; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-925 { opacity: 0.925; } .opacity-95 { opacity: 0.95; } .opacity-100 { opacity: 1; } .v-align-top { vertical-align: top; } .v-align-middle { vertical-align: middle; } .v-align-bottom { vertical-align: bottom; } .image img { width: 100%; display: block; } .bg-black { background-color: #000; } .bg-white { background-color: #FFF; color: inherit; } .text-underline { text-decoration: underline; } .hover-underline:hover { text-decoration: underline; } @media (min-width: 576px) { .fixed-sm-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } } @media (min-width: 768px) { .fixed-md-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } } @media (min-width: 992px) { .fixed-lg-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } } @media (min-width: 1200px) { .fixed-xl-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } } /** * Margin Sets */ .mr-0 { margin-right: 0 !important } .mr-1 { margin-right: 1px !important } .mr-2 { margin-right: 2px !important } .mr-3 { margin-right: 3px !important } .mr-5 { margin-right: 5px !important } .mr-7 { margin-right: 7px !important } .mr-10 { margin-right: 10px !important } .mr-15 { margin-right: 15px !important } .mr-20 { margin-right: 20px !important } .mr-25 { margin-right: 25px !important } .mr-30 { margin-right: 30px !important } .mr-40 { margin-right: 40px !important } .mr-50 { margin-right: 50px !important } .mr-60 { margin-right: 60px !important } .mr-70 { margin-right: 70px !important } .mr-80 { margin-right: 80px !important } .mr-100 { margin-right: 100px !important } .mr-110 { margin-right: 110px !important } .mr-120 { margin-right: 120px !important } .ml-0 { margin-left: 0 !important } .ml-1 { margin-left: 1px !important } .ml-2 { margin-left: 2px !important } .ml-3 { margin-left: 3px !important } .ml-5 { margin-left: 5px !important } .ml-7 { margin-left: 7px !important } .ml-10 { margin-left: 10px !important } .ml-15 { margin-left: 15px !important } .ml-20 { margin-left: 20px !important } .ml-25 { margin-left: 25px !important } .ml-30 { margin-left: 30px !important } .ml-40 { margin-left: 40px !important } .ml-50 { margin-left: 50px !important } .ml-60 { margin-left: 60px !important } .ml-70 { margin-left: 70px !important } .ml-80 { margin-left: 80px !important } .ml-100 { margin-left: 100px !important } .ml-110 { margin-left: 110px !important } .ml-120 { margin-left: 120px !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: 1px !important } .mt-2 { margin-top: 2px !important } .mt-3 { margin-top: 3px !important } .mt-5 { margin-top: 5px !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-25 { margin-top: 25px !important } .mt-30 { margin-top: 30px !important } .mt-40 { margin-top: 40px !important } .mt-50{ margin-top: 50px !important } .mt-60{ margin-top: 60px !important } .mt-70{ margin-top: 70px !important } .mt-80{ margin-top: 80px !important } .mt-90{ margin-top: 90px !important } .mt-100{ margin-top: 100px !important } .mt-110{ margin-top: 110px !important } .mt-120{ margin-top: 120px !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: 1px !important } .mb-2 { margin-bottom: 3px !important } .mb-3 { margin-bottom: 3px !important } .mb-5 { margin-bottom: 5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15 { margin-bottom: 15px !important } .mb-16 { margin-bottom: 16px !important } .mb-20 { margin-bottom: 20px !important } .mb-25 { margin-bottom: 25px !important } .mb-30 { margin-bottom: 30px !important } .mb-40 { margin-bottom: 40px !important } .mb-50{ margin-bottom: 50px !important } .mb-60 { margin-bottom: 60px !important } .mb-70 { margin-bottom: 70px !important } .mb-80 { margin-bottom: 80px !important } .mb-90{ margin-bottom: 90px !important } .mb-100{ margin-bottom: 100px !important } .mb-110{ margin-bottom: 110px !important } .mb-120{ margin-bottom: 120px !important } .mv-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mv-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .mv-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .mv-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .mv-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mv-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .mv-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mv-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .mv-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .mh-0 { margin-left: 0 !important; margin-right: 0 !important; } .mh-1 { margin-left: 1px !important; margin-right: 1px !important; } .mh-5 { margin-left: 5px !important; margin-right: 5px !important; } .mh-10 { margin-left: 10px !important; margin-right: 10px !important; } .mh-15 { margin-left: 15px !important; margin-right: 15px !important; } .mh-20 { margin-left: 20px !important; margin-right: 20px !important; } .mh-30 { margin-left: 30px !important; margin-right: 30px !important; } .mh-40 { margin-left: 40px !important; margin-right: 40px !important; } .mh-50 { margin-left: 50px !important; margin-right: 50px !important; } .mh-70 { margin-left: 70px !important; margin-right: 70px !important; } .no-magin, ul.no-margin, .margin-0 { margin: 0 !important } .margin-5 { margin: 5px !important; } .margin-10 { margin: 10px !important; } .margin-15 { margin: 15px !important; } .margin-20 { margin: 20px !important; } .margin-25 { margin: 25px !important; } .mmt-5 { margin-top: -5px !important } .mmt-10 { margin-top: -10px !important } .mmt-15 { margin-top: -15px !important } .mmt-20 { margin-top: -20px !important } .mmt-25 { margin-top: -25px !important } .mmt-30 { margin-top: -30px !important } .mmt-40 { margin-top: -40px !important } .mmt-50 { margin-top: -50px !important } .mmt-60 { margin-top: -60px !important } .mmt-80 { margin-top: -80px !important } .mmt-100 { margin-top: -100px !important } .mmb-5 { margin-bottom: -5px !important } .mmb-10 { margin-bottom: -10px !important } .mmb-15 { margin-bottom: -15px !important } .mmb-20 { margin-bottom: -20px !important } .mmb-25 { margin-bottom: -25px !important } .mmb-30 { margin-bottom: -30px !important } .mmb-40 { margin-bottom: -40px !important } .mmb-50 { margin-bottom: -50px !important } .mmb-60 { margin-bottom: -60px !important } .mmb-80 { margin-bottom: -80px !important } .mmb-100 { margin-bottom: -100px !important } @media (min-width: 576px) { .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: 1px !important } .mb-sm-2 { margin-bottom: 2px !important } .mb-sm-3 { margin-bottom: 3px !important } .mb-sm-5 { margin-bottom: 5px !important } .mb-sm-10 { margin-bottom: 10px !important } .mb-sm-15 { margin-bottom: 15px !important } .mb-sm-20 { margin-bottom: 20px !important } .mb-sm-25 { margin-bottom: 25px !important } .mb-sm-30 { margin-bottom: 30px !important } .mb-sm-40 { margin-bottom: 40px !important } .mb-sm-50 { margin-bottom: 50px !important } .mb-sm-60 { margin-bottom: 60px !important } .mb-sm-70 { margin-bottom: 70px !important } .mb-sm-80 { margin-bottom: 80px !important } .mb-sm-90 { margin-bottom: 90px !important } .mb-sm-100 { margin-bottom: 100px !important } .mb-sm-110 { margin-bottom: 110px !important } .mb-sm-120 { margin-bottom: 120px !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: 1px !important } .mt-sm-2 { margin-top: 2px !important } .mt-sm-3 { margin-top: 3px !important } .mt-sm-5 { margin-top: 5px !important } .mt-sm-10 { margin-top: 10px !important } .mt-sm-15 { margin-top: 15px !important } .mt-sm-20 { margin-top: 20px !important } .mt-sm-25 { margin-top: 25px !important } .mt-sm-30 { margin-top: 30px !important } .mt-sm-40 { margin-top: 40px !important } .mt-sm-50 { margin-top: 50px !important } .mt-sm-60 { margin-top: 60px !important } .mt-sm-70 { margin-top: 70px !important } .mt-sm-80 { margin-top: 80px !important } .mt-sm-90 { margin-top: 90px !important } .mt-sm-100 { margin-top: 100px !important } .mt-sm-110 { margin-top: 110px !important } .mt-sm-120 { margin-top: 120px !important } .ml-sm-0 { margin-left: 0 !important } .ml-sm-1 { margin-left: 1px !important } .ml-sm-2 { margin-left: 2px !important } .ml-sm-3 { margin-left: 3px !important } .ml-sm-5 { margin-left: 5px !important } .ml-sm-10 { margin-left: 10px !important } .ml-sm-15 { margin-left: 15px !important } .ml-sm-20 { margin-left: 20px !important } .ml-sm-25 { margin-left: 25px !important } .ml-sm-30 { margin-left: 30px !important } .ml-sm-40 { margin-left: 40px !important } .ml-sm-50 { margin-left: 50px !important } .ml-sm-60 { margin-left: 60px !important } .ml-sm-70 { margin-left: 70px !important } .ml-sm-80 { margin-left: 80px !important } .ml-sm-90 { margin-left: 90px !important } .ml-sm-100 { margin-left: 100px !important } .ml-sm-110 { margin-left: 110px !important } .ml-sm-120 { margin-left: 120px !important } .mr-sm-0 { margin-right: 0 !important } .mr-sm-1 { margin-right: 1px !important } .mr-sm-2 { margin-right: 2px !important } .mr-sm-3 { margin-right: 3px !important } .mr-sm-5 { margin-right: 5px !important } .mr-sm-10 { margin-right: 10px !important } .mr-sm-15 { margin-right: 15px !important } .mr-sm-20 { margin-right: 20px !important } .mr-sm-25 { margin-right: 25px !important } .mr-sm-30 { margin-right: 30px !important } .mr-sm-40 { margin-right: 40px !important } .mr-sm-50 { margin-right: 50px !important } .mr-sm-60 { margin-right: 60px !important } .mr-sm-70 { margin-right: 70px !important } .mr-sm-80 { margin-right: 80px !important } .mr-sm-90 { margin-right: 90px !important } .mr-sm-100 { margin-right: 100px !important } .mr-sm-110 { margin-right: 110px !important } .mr-sm-120 { margin-right: 120px !important } } @media (min-width: 768px) { .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: 1px !important } .mb-md-2 { margin-bottom: 2px !important } .mb-md-3 { margin-bottom: 3px !important } .mb-md-5 { margin-bottom: 5px !important } .mb-md-10 { margin-bottom: 10px !important } .mb-md-15 { margin-bottom: 15px !important } .mb-md-20 { margin-bottom: 20px !important } .mb-md-25 { margin-bottom: 25px !important } .mb-md-30 { margin-bottom: 30px !important } .mb-md-40 { margin-bottom: 40px !important } .mb-md-50 { margin-bottom: 50px !important } .mb-md-60 { margin-bottom: 60px !important } .mb-md-70 { margin-bottom: 70px !important } .mb-md-80 { margin-bottom: 80px !important } .mb-md-90 { margin-bottom: 90px !important } .mb-md-100 { margin-bottom: 100px !important } .mb-md-110 { margin-bottom: 110px !important } .mb-md-120 { margin-bottom: 120px !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: 1px !important } .mt-md-2 { margin-top: 2px !important } .mt-md-3 { margin-top: 3px !important } .mt-md-5 { margin-top: 5px !important } .mt-md-10 { margin-top: 10px !important } .mt-md-15 { margin-top: 15px !important } .mt-md-20 { margin-top: 20px !important } .mt-md-25 { margin-top: 25px !important } .mt-md-30 { margin-top: 30px !important } .mt-md-40 { margin-top: 40px !important } .mt-md-50 { margin-top: 50px !important } .mt-md-60 { margin-top: 60px !important } .mt-md-70 { margin-top: 70px !important } .mt-md-80 { margin-top: 80px !important } .mt-md-90 { margin-top: 90px !important } .mt-md-100 { margin-top: 100px !important } .mt-md-110 { margin-top: 110px !important } .mt-md-120 { margin-top: 120px !important } .ml-md-0 { margin-left: 0 !important } .ml-md-1 { margin-left: 1px !important } .ml-md-2 { margin-left: 2px !important } .ml-md-3 { margin-left: 3px !important } .ml-md-5 { margin-left: 5px !important } .ml-md-10 { margin-left: 10px !important } .ml-md-15 { margin-left: 15px !important } .ml-md-20 { margin-left: 20px !important } .ml-md-25 { margin-left: 25px !important } .ml-md-30 { margin-left: 30px !important } .ml-md-40 { margin-left: 40px !important } .ml-md-50 { margin-left: 50px !important } .ml-md-60 { margin-left: 60px !important } .ml-md-70 { margin-left: 70px !important } .ml-md-80 { margin-left: 80px !important } .ml-md-90 { margin-left: 90px !important } .ml-md-100 { margin-left: 100px !important } .ml-md-110 { margin-left: 110px !important } .ml-md-120 { margin-left: 120px !important } .mr-md-0 { margin-right: 0 !important } .mr-md-1 { margin-right: 1px !important } .mr-md-2 { margin-right: 2px !important } .mr-md-3 { margin-right: 3px !important } .mr-md-5 { margin-right: 5px !important } .mr-md-10 { margin-right: 10px !important } .mr-md-15 { margin-right: 15px !important } .mr-md-20 { margin-right: 20px !important } .mr-md-25 { margin-right: 25px !important } .mr-md-30 { margin-right: 30px !important } .mr-md-40 { margin-right: 40px !important } .mr-md-50 { margin-right: 50px !important } .mr-md-60 { margin-right: 60px !important } .mr-md-70 { margin-right: 70px !important } .mr-md-80 { margin-right: 80px !important } .mr-md-90 { margin-right: 90px !important } .mr-md-100 { margin-right: 100px !important } .mr-md-110 { margin-right: 110px !important } .mr-md-120 { margin-right: 120px !important } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: 1px !important } .mb-lg-2 { margin-bottom: 2px !important } .mb-lg-3 { margin-bottom: 3px !important } .mb-lg-5 { margin-bottom: 5px !important } .mb-lg-10 { margin-bottom: 10px !important } .mb-lg-15 { margin-bottom: 15px !important } .mb-lg-20 { margin-bottom: 20px !important } .mb-lg-25 { margin-bottom: 25px !important } .mb-lg-30 { margin-bottom: 30px !important } .mb-lg-40 { margin-bottom: 40px !important } .mb-lg-50 { margin-bottom: 50px !important } .mb-lg-60 { margin-bottom: 60px !important } .mb-lg-70 { margin-bottom: 70px !important } .mb-lg-80 { margin-bottom: 80px !important } .mb-lg-90 { margin-bottom: 90px !important } .mb-lg-100 { margin-bottom: 100px !important } .mb-lg-110 { margin-bottom: 110px !important } .mb-lg-120 { margin-bottom: 120px !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: 1px !important } .mt-lg-2 { margin-top: 2px !important } .mt-lg-3 { margin-top: 3px !important } .mt-lg-5 { margin-top: 5px !important } .mt-lg-10 { margin-top: 10px !important } .mt-lg-15 { margin-top: 15px !important } .mt-lg-20 { margin-top: 20px !important } .mt-lg-25 { margin-top: 25px !important } .mt-lg-30 { margin-top: 30px !important } .mt-lg-40 { margin-top: 40px !important } .mt-lg-50 { margin-top: 50px !important } .mt-lg-60 { margin-top: 60px !important } .mt-lg-70 { margin-top: 70px !important } .mt-lg-80 { margin-top: 80px !important } .mt-lg-90 { margin-top: 90px !important } .mt-lg-100 { margin-top: 100px !important } .mt-lg-110 { margin-top: 110px !important } .mt-lg-120 { margin-top: 120px !important } .ml-lg-0 { margin-left: 0 !important } .ml-lg-1 { margin-left: 1px !important } .ml-lg-2 { margin-left: 2px !important } .ml-lg-3 { margin-left: 3px !important } .ml-lg-5 { margin-left: 5px !important } .ml-lg-10 { margin-left: 10px !important } .ml-lg-15 { margin-left: 15px !important } .ml-lg-20 { margin-left: 20px !important } .ml-lg-25 { margin-left: 25px !important } .ml-lg-30 { margin-left: 30px !important } .ml-lg-40 { margin-left: 40px !important } .ml-lg-50 { margin-left: 50px !important } .ml-lg-60 { margin-left: 60px !important } .ml-lg-70 { margin-left: 70px !important } .ml-lg-80 { margin-left: 80px !important } .ml-lg-90 { margin-left: 90px !important } .ml-lg-100 { margin-left: 100px !important } .ml-lg-110 { margin-left: 110px !important } .ml-lg-120 { margin-left: 120px !important } .mr-lg-0 { margin-right: 0 !important } .mr-lg-1 { margin-right: 1px !important } .mr-lg-2 { margin-right: 2px !important } .mr-lg-3 { margin-right: 3px !important } .mr-lg-5 { margin-right: 5px !important } .mr-lg-10 { margin-right: 10px !important } .mr-lg-15 { margin-right: 15px !important } .mr-lg-20 { margin-right: 20px !important } .mr-lg-25 { margin-right: 25px !important } .mr-lg-30 { margin-right: 30px !important } .mr-lg-40 { margin-right: 40px !important } .mr-lg-50 { margin-right: 50px !important } .mr-lg-60 { margin-right: 60px !important } .mr-lg-70 { margin-right: 70px !important } .mr-lg-80 { margin-right: 80px !important } .mr-lg-90 { margin-right: 90px !important } .mr-lg-100 { margin-right: 100px !important } .mr-lg-110 { margin-right: 110px !important } .mr-lg-120 { margin-right: 120px !important } } @media (min-width: 1200px) { .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: 1px !important } .mb-xl-2 { margin-bottom: 2px !important } .mb-xl-3 { margin-bottom: 3px !important } .mb-xl-5 { margin-bottom: 5px !important } .mb-xl-10 { margin-bottom: 10px !important } .mb-xl-15 { margin-bottom: 15px !important } .mb-xl-20 { margin-bottom: 20px !important } .mb-xl-25 { margin-bottom: 25px !important } .mb-xl-30 { margin-bottom: 30px !important } .mb-xl-40 { margin-bottom: 40px !important } .mb-xl-50 { margin-bottom: 50px !important } .mb-xl-60 { margin-bottom: 60px !important } .mb-xl-70 { margin-bottom: 70px !important } .mb-xl-80 { margin-bottom: 80px !important } .mb-xl-90 { margin-bottom: 90px !important } .mb-xl-100 { margin-bottom: 100px !important } .mb-xl-110 { margin-bottom: 110px !important } .mb-xl-120 { margin-bottom: 120px !important } .mt-xl-0 { margin-top: 0px !important } .mt-xl-1 { margin-top: 1px !important } .mt-xl-2 { margin-top: 2px !important } .mt-xl-3 { margin-top: 3px !important } .mt-xl-5 { margin-top: 5px !important } .mt-xl-10 { margin-top: 10px !important } .mt-xl-15 { margin-top: 15px !important } .mt-xl-20 { margin-top: 20px !important } .mt-xl-25 { margin-top: 25px !important } .mt-xl-30 { margin-top: 30px !important } .mt-xl-40 { margin-top: 40px !important } .mt-xl-50 { margin-top: 50px !important } .mt-xl-60 { margin-top: 60px !important } .mt-xl-70 { margin-top: 70px !important } .mt-xl-80 { margin-top: 80px !important } .mt-xl-90 { margin-top: 90px !important } .mt-xl-100 { margin-top: 100px !important } .mt-xl-110 { margin-top: 110px !important } .mt-xl-120 { margin-top: 120px !important } .ml-xl-0 { margin-left: 0px !important } .ml-xl-1 { margin-left: 1px !important } .ml-xl-2 { margin-left: 2px !important } .ml-xl-3 { margin-left: 3px !important } .ml-xl-5 { margin-left: 5px !important } .ml-xl-10 { margin-left: 10px !important } .ml-xl-15 { margin-left: 15px !important } .ml-xl-20 { margin-left: 20px !important } .ml-xl-25 { margin-left: 25px !important } .ml-xl-30 { margin-left: 30px !important } .ml-xl-40 { margin-left: 40px !important } .ml-xl-50 { margin-left: 50px !important } .ml-xl-60 { margin-left: 60px !important } .ml-xl-70 { margin-left: 70px !important } .ml-xl-80 { margin-left: 80px !important } .ml-xl-90 { margin-left: 90px !important } .ml-xl-100 { margin-left: 100px !important } .ml-xl-110 { margin-left: 110px !important } .ml-xl-120 { margin-left: 120px !important } .mr-xl-0 { margin-right: 0px !important } .mr-xl-1 { margin-right: 1px !important } .mr-xl-2 { margin-right: 2px !important } .mr-xl-3 { margin-right: 3px !important } .mr-xl-5 { margin-right: 5px !important } .mr-xl-10 { margin-right: 10px !important } .mr-xl-15 { margin-right: 15px !important } .mr-xl-20 { margin-right: 20px !important } .mr-xl-25 { margin-right: 25px !important } .mr-xl-30 { margin-right: 30px !important } .mr-xl-40 { margin-right: 40px !important } .mr-xl-50 { margin-right: 50px !important } .mr-xl-60 { margin-right: 60px !important } .mr-xl-70 { margin-right: 70px !important } .mr-xl-80 { margin-right: 80px !important } .mr-xl-90 { margin-right: 90px !important } .mr-xl-100 { margin-right: 100px !important } .mr-xl-110 { margin-right: 110px !important } .mr-xl-120 { margin-right: 120px !important } } /** * Padding Sets */ .pr-0 { padding-right: 0 !important} .pr-5 { padding-right: 5px !important} .pr-10 { padding-right: 10px !important} .pr-15 { padding-right: 15px !important} .pr-20 { padding-right: 20px !important} .pr-30 { padding-right: 30px !important} .pr-40 { padding-right: 40px !important} .pr-50 { padding-right: 50px !important} .pr-60 { padding-right: 60px !important} .pr-70 { padding-right: 70px !important} .pr-80 { padding-right: 80px !important} .pr-100 { padding-right: 100px !important} .pl-0 { padding-left: 0 !important} .pl-5 { padding-left: 5px !important} .pl-10 { padding-left: 10px !important} .pl-15 { padding-left: 15px !important} .pl-20 { padding-left: 20px !important} .pl-30 { padding-left: 30px !important} .pl-40 { padding-left: 40px !important} .pl-50 { padding-left: 50px !important} .pl-60 { padding-left: 60px !important} .pl-70 { padding-left: 70px !important} .pl-80 { padding-left: 80px !important} .pl-90 { padding-left: 90px !important} .pl-100 { padding-left: 100px !important} .pt-0 { padding-top: 0 !important} .pt-5 { padding-top: 5px !important} .pt-10 { padding-top: 10px !important} .pt-15 { padding-top: 15px !important} .pt-20 { padding-top: 20px !important} .pt-25 { padding-top: 25px !important} .pt-30 { padding-top: 30px !important} .pt-40 { padding-top: 40px !important} .pt-50 { padding-top: 50px !important} .pt-60 { padding-top: 60px !important} .pt-70 { padding-top: 70px !important} .pt-80 { padding-top: 80px !important} .pt-90 { padding-top: 90px !important} .pt-100 { padding-top: 100px !important} .pb-0 { padding-bottom: 0 !important} .pb-5 { padding-bottom: 5px !important} .pb-10 { padding-bottom: 10px !important} .pb-15 { padding-bottom: 15px !important} .pb-20 { padding-bottom: 20px !important} .pb-30 { padding-bottom: 30px !important} .pb-40 { padding-bottom: 40px !important} .pb-50 { padding-bottom: 50px !important} .pb-60 { padding-bottom: 60px !important} .pb-70 { padding-bottom: 70px !important} .pb-80 { padding-bottom: 80px !important} .pb-90 { padding-bottom: 90px !important} .pb-100 { padding-bottom: 100px !important} .pv-0 { padding-top: 0 !important;padding-bottom: 0!important;} .pv-5 { padding-top: 5px !important;padding-bottom: 5px!important;} .pv-10 { padding-top: 10px !important;padding-bottom: 10px!important;} .pv-15 { padding-top: 15px !important;padding-bottom: 15px!important;} .pv-20 { padding-top: 20px !important;padding-bottom: 20px!important;} .pv-30 { padding-top: 30px !important;padding-bottom: 30px!important;} .pv-40 { padding-top: 40px !important;padding-bottom: 40px!important;} .pv-50 { padding-top: 50px!important;padding-bottom: 50px!important;} .pv-60 { padding-top: 60px!important;padding-bottom: 60px!important;} .pv-70 { padding-top: 70px!important;padding-bottom: 70px!important;} .pv-80 { padding-top: 80px!important;padding-bottom: 80px!important;} .pv-90 { padding-top: 90px!important;padding-bottom: 90px!important;} .pv-100 { padding-top: 100px!important;padding-bottom: 100px!important;} .ph-0 { padding-left: 0 !important;padding-right: 0!important;} .ph-5 { padding-left: 5px !important;padding-right: 5px!important;} .ph-10 { padding-left: 10px !important;padding-right: 10px!important;} .ph-15 { padding-left: 15px !important;padding-right: 15px!important;} .ph-20 { padding-left: 20px !important;padding-right: 20px!important;} .ph-30 { padding-left: 30px !important;padding-right: 30px!important;} .ph-40 { padding-left: 40px !important;padding-right: 40px!important;} .ph-50 { padding-left: 50px!important;padding-right: 50px!important;} .ph-60 { padding-left: 60px!important;padding-right: 60px!important;} .ph-70 { padding-left: 70px!important;padding-right: 70px!important;} .ph-80 { padding-left: 80px!important;padding-right: 80px!important;} .ph-90 { padding-left: 90px!important;padding-right: 90px!important;} .ph-100 { padding-left: 100px!important;padding-right: 100px!important;} .padding-0 { padding: 0 !important } .padding-1 { padding: 1px !important } .padding-2 { padding: 2px !important } .padding-3 { padding: 3px !important } .padding-5 { padding: 5px !important } .padding-10 { padding: 10px !important } .padding-15 { padding: 15px !important } .padding-20 { padding: 20px !important } .padding-30 { padding: 30px !important } .padding-40 { padding: 40px !important } @media (min-width: 576px) { .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-5 { padding-bottom: 5px !important } .pb-sm-10 { padding-bottom: 10px !important } .pb-sm-15 { padding-bottom: 15px !important } .pb-sm-20 { padding-bottom: 20px !important } .pb-sm-25 { padding-bottom: 25px !important } .pb-sm-30 { padding-bottom: 30px !important } .pb-sm-40 { padding-bottom: 40px !important } .pb-sm-50 { padding-bottom: 50px !important } .pb-sm-60 { padding-bottom: 60px !important } .pb-sm-70 { padding-bottom: 70px !important } .pb-sm-80 { padding-bottom: 80px !important } .pb-sm-90 { padding-bottom: 90px !important } .pb-sm-100 { padding-bottom: 100px !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-5 { padding-top: 5px !important } .pt-sm-10 { padding-top: 10px !important } .pt-sm-15 { padding-top: 15px !important } .pt-sm-20 { padding-top: 20px !important } .pt-sm-25 { padding-top: 25px !important } .pt-sm-30 { padding-top: 30px !important } .pt-sm-40 { padding-top: 40px !important } .pt-sm-50 { padding-top: 50px !important } .pt-sm-60 { padding-top: 60px !important } .pt-sm-70 { padding-top: 70px !important } .pt-sm-80 { padding-top: 80px !important } .pt-sm-90 { padding-top: 90px !important } .pt-sm-100 { padding-top: 100px !important } .pl-sm-0 { padding-left: 0 !important } .pl-sm-5 { padding-left: 5px !important } .pl-sm-10 { padding-left: 10px !important } .pl-sm-15 { padding-left: 15px !important } .pl-sm-20 { padding-left: 20px !important } .pl-sm-25 { padding-left: 25px !important } .pl-sm-30 { padding-left: 30px !important } .pl-sm-40 { padding-left: 40px !important } .pl-sm-50 { padding-left: 50px !important } .pl-sm-60 { padding-left: 60px !important } .pl-sm-70 { padding-left: 70px !important } .pl-sm-80 { padding-left: 80px !important } .pl-sm-90 { padding-left: 90px !important } .pl-sm-100 { padding-left: 100px !important } .pr-sm-0 { padding-right: 0 !important } .pr-sm-5 { padding-right: 5px !important } .pr-sm-10 { padding-right: 10px !important } .pr-sm-15 { padding-right: 15px !important } .pr-sm-20 { padding-right: 20px !important } .pr-sm-25 { padding-right: 25px !important } .pr-sm-30 { padding-right: 30px !important } .pr-sm-40 { padding-right: 40px !important } .pr-sm-50 { padding-right: 50px !important } .pr-sm-60 { padding-right: 60px !important } .pr-sm-70 { padding-right: 70px !important } .pr-sm-80 { padding-right: 80px !important } .pr-sm-90 { padding-right: 90px !important } .pr-sm-100 { padding-right: 100px !important } .ph-sm-0 { padding-left: 0 !important;padding-right: 0!important;} .ph-sm-5 { padding-left: 5px !important;padding-right: 5px!important;} .ph-sm-10 { padding-left: 10px !important;padding-right: 10px!important;} .ph-sm-15 { padding-left: 15px !important;padding-right: 15px!important;} .ph-sm-20 { padding-left: 20px !important;padding-right: 20px!important;} .ph-sm-30 { padding-left: 30px !important;padding-right: 30px!important;} .ph-sm-40 { padding-left: 40px !important;padding-right: 40px!important;} .ph-sm-50 { padding-left: 50px!important;padding-right: 50px!important;} .ph-sm-60 { padding-left: 60px!important;padding-right: 60px!important;} .ph-sm-70 { padding-left: 70px!important;padding-right: 70px!important;} .ph-sm-80 { padding-left: 80px!important;padding-right: 80px!important;} .ph-sm-90 { padding-left: 90px!important;padding-right: 90px!important;} .ph-sm-100 { padding-left: 100px!important;padding-right: 100px!important;} } @media (min-width: 768px) { .pb-md-0 { padding-bottom: 0px !important } .pb-md-5 { padding-bottom: 5px !important } .pb-md-10 { padding-bottom: 10px !important } .pb-md-15 { padding-bottom: 15px !important } .pb-md-20 { padding-bottom: 20px !important } .pb-md-25 { padding-bottom: 25px !important } .pb-md-30 { padding-bottom: 30px !important } .pb-md-40 { padding-bottom: 40px !important } .pb-md-50 { padding-bottom: 50px !important } .pb-md-60 { padding-bottom: 60px !important } .pb-md-70 { padding-bottom: 70px !important } .pb-md-80 { padding-bottom: 80px !important } .pb-md-90 { padding-bottom: 90px !important } .pb-md-100 { padding-bottom: 100px !important } .pt-md-0 { padding-top: 0px !important } .pt-md-5 { padding-top: 5px !important } .pt-md-10 { padding-top: 10px !important } .pt-md-15 { padding-top: 15px !important } .pt-md-20 { padding-top: 20px !important } .pt-md-25 { padding-top: 25px !important } .pt-md-30 { padding-top: 30px !important } .pt-md-40 { padding-top: 40px !important } .pt-md-50 { padding-top: 50px !important } .pt-md-60 { padding-top: 60px !important } .pt-md-70 { padding-top: 70px !important } .pt-md-80 { padding-top: 80px !important } .pt-md-90 { padding-top: 90px !important } .pt-md-100 { padding-top: 100px !important } .pl-md-0 { padding-left: 0px !important } .pl-md-5 { padding-left: 5px !important } .pl-md-10 { padding-left: 10px !important } .pl-md-15 { padding-left: 15px !important } .pl-md-20 { padding-left: 20px !important } .pl-md-25 { padding-left: 25px !important } .pl-md-30 { padding-left: 30px !important } .pl-md-40 { padding-left: 40px !important } .pl-md-50 { padding-left: 50px !important } .pl-md-60 { padding-left: 60px !important } .pl-md-70 { padding-left: 70px !important } .pl-md-80 { padding-left: 80px !important } .pl-md-90 { padding-left: 90px !important } .pl-md-100 { padding-left: 100px !important } .pr-md-0 { padding-right: 0px !important } .pr-md-5 { padding-right: 5px !important } .pr-md-10 { padding-right: 10px !important } .pr-md-15 { padding-right: 15px !important } .pr-md-20 { padding-right: 20px !important } .pr-md-25 { padding-right: 25px !important } .pr-md-30 { padding-right: 30px !important } .pr-md-40 { padding-right: 40px !important } .pr-md-50 { padding-right: 50px !important } .pr-md-60 { padding-right: 60px !important } .pr-md-70 { padding-right: 70px !important } .pr-md-80 { padding-right: 80px !important } .pr-md-90 { padding-right: 90px !important } .pr-md-100 { padding-right: 100px !important } .ph-md-0 { padding-left: 0 !important;padding-right: 0!important;} .ph-md-5 { padding-left: 5px !important;padding-right: 5px!important;} .ph-md-10 { padding-left: 10px !important;padding-right: 10px!important;} .ph-md-15 { padding-left: 15px !important;padding-right: 15px!important;} .ph-md-20 { padding-left: 20px !important;padding-right: 20px!important;} .ph-md-30 { padding-left: 30px !important;padding-right: 30px!important;} .ph-md-40 { padding-left: 40px !important;padding-right: 40px!important;} .ph-md-50 { padding-left: 50px!important;padding-right: 50px!important;} .ph-md-60 { padding-left: 60px!important;padding-right: 60px!important;} .ph-md-70 { padding-left: 70px!important;padding-right: 70px!important;} .ph-md-80 { padding-left: 80px!important;padding-right: 80px!important;} .ph-md-90 { padding-left: 90px!important;padding-right: 90px!important;} .ph-md-100 { padding-left: 100px!important;padding-right: 100px!important;} } @media (min-width: 992px) { .pb-lg-0 { padding-bottom: 0px !important } .pb-lg-5 { padding-bottom: 5px !important } .pb-lg-10 { padding-bottom: 10px !important } .pb-lg-15 { padding-bottom: 15px !important } .pb-lg-20 { padding-bottom: 20px !important } .pb-lg-25 { padding-bottom: 25px !important } .pb-lg-30 { padding-bottom: 30px !important } .pb-lg-40 { padding-bottom: 40px !important } .pb-lg-50 { padding-bottom: 50px !important } .pb-lg-60 { padding-bottom: 60px !important } .pb-lg-70 { padding-bottom: 70px !important } .pb-lg-80 { padding-bottom: 80px !important } .pb-lg-90 { padding-bottom: 90px !important } .pb-lg-100 { padding-bottom: 100px !important } .pt-lg-0 { padding-top: 0px !important } .pt-lg-5 { padding-top: 5px !important } .pt-lg-10 { padding-top: 10px !important } .pt-lg-15 { padding-top: 15px !important } .pt-lg-20 { padding-top: 20px !important } .pt-lg-25 { padding-top: 25px !important } .pt-lg-30 { padding-top: 30px !important } .pt-lg-40 { padding-top: 40px !important } .pt-lg-50 { padding-top: 50px !important } .pt-lg-60 { padding-top: 60px !important } .pt-lg-70 { padding-top: 70px !important } .pt-lg-80 { padding-top: 80px !important } .pt-lg-90 { padding-top: 90px !important } .pt-lg-100 { padding-top: 100px !important } .pl-lg-0 { padding-left: 0px !important } .pl-lg-5 { padding-left: 5px !important } .pl-lg-10 { padding-left: 10px !important } .pl-lg-15 { padding-left: 15px !important } .pl-lg-20 { padding-left: 20px !important } .pl-lg-25 { padding-left: 25px !important } .pl-lg-30 { padding-left: 30px !important } .pl-lg-40 { padding-left: 40px !important } .pl-lg-50 { padding-left: 50px !important } .pl-lg-60 { padding-left: 60px !important } .pl-lg-70 { padding-left: 70px !important } .pl-lg-80 { padding-left: 80px !important } .pl-lg-90 { padding-left: 90px !important } .pl-lg-100 { padding-left: 100px !important } .pr-lg-0 { padding-right: 0px !important } .pr-lg-5 { padding-right: 5px !important } .pr-lg-10 { padding-right: 10px !important } .pr-lg-15 { padding-right: 15px !important } .pr-lg-20 { padding-right: 20px !important } .pr-lg-25 { padding-right: 25px !important } .pr-lg-30 { padding-right: 30px !important } .pr-lg-40 { padding-right: 40px !important } .pr-lg-50 { padding-right: 50px !important } .pr-lg-60 { padding-right: 60px !important } .pr-lg-70 { padding-right: 70px !important } .pr-lg-80 { padding-right: 80px !important } .pr-lg-90 { padding-right: 90px !important } .pr-lg-100 { padding-right: 100px !important } .ph-lg-0 { padding-left: 0 !important;padding-right: 0!important;} .ph-lg-5 { padding-left: 5px !important;padding-right: 5px!important;} .ph-lg-10 { padding-left: 10px !important;padding-right: 10px!important;} .ph-lg-15 { padding-left: 15px !important;padding-right: 15px!important;} .ph-lg-20 { padding-left: 20px !important;padding-right: 20px!important;} .ph-lg-30 { padding-left: 30px !important;padding-right: 30px!important;} .ph-lg-40 { padding-left: 40px !important;padding-right: 40px!important;} .ph-lg-50 { padding-left: 50px!important;padding-right: 50px!important;} .ph-lg-60 { padding-left: 60px!important;padding-right: 60px!important;} .ph-lg-70 { padding-left: 70px!important;padding-right: 70px!important;} .ph-lg-80 { padding-left: 80px!important;padding-right: 80px!important;} .ph-lg-90 { padding-left: 90px!important;padding-right: 90px!important;} .ph-lg-100 { padding-left: 100px!important;padding-right: 100px!important;} } @media (min-width: 1200px) { .pb-xl-0 { padding-bottom: 0px !important } .pb-xl-5 { padding-bottom: 5px !important } .pb-xl-10 { padding-bottom: 10px !important } .pb-xl-15 { padding-bottom: 15px !important } .pb-xl-20 { padding-bottom: 20px !important } .pb-xl-25 { padding-bottom: 25px !important } .pb-xl-30 { padding-bottom: 30px !important } .pb-xl-40 { padding-bottom: 40px !important } .pb-xl-50 { padding-bottom: 50px !important } .pb-xl-60 { padding-bottom: 60px !important } .pb-xl-70 { padding-bottom: 70px !important } .pb-xl-80 { padding-bottom: 80px !important } .pb-xl-90 { padding-bottom: 90px !important } .pb-xl-100 { padding-bottom: 100px !important } .pt-xl-0 { padding-top: 0px !important } .pt-xl-5 { padding-top: 5px !important } .pt-xl-10 { padding-top: 10px !important } .pt-xl-15 { padding-top: 15px !important } .pt-xl-20 { padding-top: 20px !important } .pt-xl-25 { padding-top: 25px !important } .pt-xl-30 { padding-top: 30px !important } .pt-xl-40 { padding-top: 40px !important } .pt-xl-50 { padding-top: 50px !important } .pt-xl-60 { padding-top: 60px !important } .pt-xl-70 { padding-top: 70px !important } .pt-xl-80 { padding-top: 80px !important } .pt-xl-90 { padding-top: 90px !important } .pt-xl-100 { padding-top: 100px !important } .pl-xl-0 { padding-left: 0px !important } .pl-xl-5 { padding-left: 5px !important } .pl-xl-10 { padding-left: 10px !important } .pl-xl-15 { padding-left: 15px !important } .pl-xl-20 { padding-left: 20px !important } .pl-xl-25 { padding-left: 25px !important } .pl-xl-30 { padding-left: 30px !important } .pl-xl-40 { padding-left: 40px !important } .pl-xl-50 { padding-left: 50px !important } .pl-xl-60 { padding-left: 60px !important } .pl-xl-70 { padding-left: 70px !important } .pl-xl-80 { padding-left: 80px !important } .pl-xl-90 { padding-left: 90px !important } .pl-xl-100 { padding-left: 100px !important } .pr-xl-0 { padding-right: 0px !important } .pr-xl-5 { padding-right: 5px !important } .pr-xl-10 { padding-right: 10px !important } .pr-xl-15 { padding-right: 15px !important } .pr-xl-20 { padding-right: 20px !important } .pr-xl-25 { padding-right: 25px !important } .pr-xl-30 { padding-right: 30px !important } .pr-xl-40 { padding-right: 40px !important } .pr-xl-50 { padding-right: 50px !important } .pr-xl-60 { padding-right: 60px !important } .pr-xl-70 { padding-right: 70px !important } .pr-xl-80 { padding-right: 80px !important } .pr-xl-90 { padding-right: 90px !important } .pr-xl-100 { padding-right: 100px !important } .ph-xl-0 { padding-left: 0 !important;padding-right: 0!important;} .ph-xl-5 { padding-left: 5px !important;padding-right: 5px!important;} .ph-xl-10 { padding-left: 10px !important;padding-right: 10px!important;} .ph-xl-15 { padding-left: 15px !important;padding-right: 15px!important;} .ph-xl-20 { padding-left: 20px !important;padding-right: 20px!important;} .ph-xl-30 { padding-left: 30px !important;padding-right: 30px!important;} .ph-xl-40 { padding-left: 40px !important;padding-right: 40px!important;} .ph-xl-50 { padding-left: 50px!important;padding-right: 50px!important;} .ph-xl-60 { padding-left: 60px!important;padding-right: 60px!important;} .ph-xl-70 { padding-left: 70px!important;padding-right: 70px!important;} .ph-xl-80 { padding-left: 80px!important;padding-right: 80px!important;} .ph-xl-90 { padding-left: 90px!important;padding-right: 90px!important;} .ph-xl-100 { padding-left: 100px!important;padding-right: 100px!important;} } /** * Image */ .image-border { border: 1px solid #DEDEDE; padding: 1px; } .mage-border.border-2px { padding: 2px; } .image-auto-center { text-align: center; clear: both; margin: 25px 0 20px; } .image-auto-center img { display: inline-block; width: auto; } .image-auto img { display: inline-block; width: auto; } .image-circle, .img-circle { border-radius: 50%; } .height-auto img { height: auto !important; } .image.fit-contain img { object-fit:contain } .image.fit-cover img { object-fit:cover } .image.fit-none img { object-fit:none } .image.fit-fill img { object-fit:fill } .image.fit-scale-down img { object-fit:scale-down } .bg-image, .image-bg { background-position:center center; background-repeat:no-repeat; background-size:cover; width: 100%; } .bg-image.position-top, .image-bg.position-top { background-position:center top; } .bg-image.position-bottom, .image-bg.position-bottom { background-position:center bottom; } .bg-image.position-left, .image-bg.position-left { background-position:left bottom; } .bg-image.position-right, .image-bg.position-right { background-position:right bottom; } .overlay-relative { position: relative; } .overlay-relative .overlay-holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: 0.5; color: #FFF; } .overlay-relative .overlay-holder.overlay-white { background: #FFF; color: inherit; } .overlay-relative .overlay-holder.opacity-10 { opacity: 1; } .overlay-relative .overlay-holder.opacity-9 { opacity: 0.9; } .overlay-relative .overlay-holder.opacity-8 { opacity: 0.8; } .overlay-relative .overlay-holder.opacity-7 { opacity: 0.7; } .overlay-relative .overlay-holder.opacity-6 { opacity: 0.6; } .overlay-relative .overlay-holder.opacity-5 { opacity: 0.5; } .overlay-relative .overlay-holder.opacity-4 { opacity: 0.4; } .overlay-relative .overlay-holder.opacity-3 { opacity: 0.3; } .overlay-relative .overlay-holder.opacity-2 { opacity: 0.2; } .overlay-relative .overlay-holder.opacity-1 { opacity: 0.1; } .overlay-relative .overlay-holder.opacity-0 { opacity: 0; } [data-dark-overlay], [data-white-overlay] {position:relative;z-index:1} [data-dark-overlay]:after, [data-white-overlay]:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1} [data-dark-overlay="1"]:after{background:rgba(0,0,0,0.1)} [data-dark-overlay="2"]:after{background:rgba(0,0,0,0.2)} [data-dark-overlay="3"]:after{background:rgba(0,0,0,0.3)} [data-dark-overlay="4"]:after{background:rgba(0,0,0,0.4)} [data-dark-overlay="5"]:after{background:rgba(0,0,0,0.5)} [data-dark-overlay="6"]:after{background:rgba(0,0,0,0.6)} [data-dark-overlay="7"]:after{background:rgba(0,0,0,0.7)} [data-dark-overlay="8"]:after{background:rgba(0,0,0,0.8)} [data-dark-overlay="9"]:after{background:rgba(0,0,0,0.9)} [data-white-overlay="1"]:after{background:rgba(255,255,255,0.1)} [data-white-overlay="2"]:after{background:rgba(255,255,255,0.2)} [data-white-overlay="3"]:after{background:rgba(255,255,255,0.3)} [data-white-overlay="4"]:after{background:rgba(255,255,255,0.4)} [data-white-overlay="5"]:after{background:rgba(255,255,255,0.5)} [data-white-overlay="6"]:after{background:rgba(255,255,255,0.6)} [data-white-overlay="7"]:after{background:rgba(255,255,255,0.7)} [data-white-overlay="8"]:after{background:rgba(255,255,255,0.8)} [data-white-overlay="9"]:after{background:rgba(255,255,255,0.9)} .overlay-relative.overlay-gradient .overlay-holder { opacity: 1; background-color: transparent; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .overlay-relative.overlay-gradient .overlay-holder.right { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } .overlay-relative.overlay-gradient .overlay-holder.top { background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .overlay-relative.overlay-gradient .overlay-holder.bottom { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .overlay-relative.overlay-gradient.gradient-white .overlay-holder { background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .overlay-relative.overlay-gradient.gradient-white .overlay-holder.right { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .overlay-relative.overlay-gradient.gradient-white .overlay-holder.top { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .overlay-relative.overlay-gradient.gradient-white .overlay-holder.bottom { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,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,0.99) 99%,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 */ } .caption-relative { position: relative; } .caption-relative .caption-holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; color: #FFF; overflow: hidden; } .caption-relative .caption-holder .caption-top { align-self: flex-start; } .caption-relative .caption-holder .caption-bottom { align-self: flex-end; } .caption-relative .caption-holder .caption-inner { position: relative; width: 100%; margin-top: 171px; margin-left: 20px;} .caption-relative .caption-top.caption-gradient { background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); padding: 10px; padding-bottom: 50px; } .caption-relative .caption-bottom.caption-gradient { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ padding: 10px; padding-top: 50px; } .caption-relative .caption-show-hide { -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; height: 0; overflow: hidden; } .caption-relative:hover .caption-show-hide { opacity: 1; height: 100px; } /** * Layout */ .vertical-align-wrapper .display-table { display: table; width: 100%; height: 100%; } .vertical-align-wrapper .display-table .middle, .vertical-align-wrapper .display-table .top, .vertical-align-wrapper .display-table .bottom { display: table-cell; } .vertical-align-wrapper .display-table .top { vertical-align: top; } .vertical-align-wrapper .display-table .middle { vertical-align: middle; } .vertical-align-wrapper .display-table .bottom { vertical-align: bottom; } .col-5-wrapper { margin: 0; } .col-5-wrapper:before, .col-5-wrapper:after { display: table; content: " "; } .col-5-wrapper:after { clear: both; } .col-5-item { float: left; width: 20%; } .col-5-wrapper.gap-5 { margin-left: -3px; margin-right: -2px; margin-bottom: -5px; } .col-5-wrapper.gap-5 .col-5-item { padding-left: 3px; padding-right: 2px; margin-bottom: 5px; } .col-5-wrapper.gap-5 .col-5-item > div { margin-bottom: 5px; } .col-5-wrapper.gap-10 { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .col-5-wrapper.gap-10 .col-5-item { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .col-5-wrapper.gap-10 .col-5-item > div { margin-bottom: 10px; } .col-5-wrapper.gap-20 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .col-5-wrapper.gap-20 .col-5-item { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .col-5-wrapper.gap-20 .col-5-item > div { margin-bottom: 20px; } .col-5-wrapper.gap-30 { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .col-5-wrapper.gap-30 .col-5-item { padding-left: 15px; padding-right: 15px; } .col-5-wrapper.gap-30 .col-5-item > div { margin-bottom: 30px; } ul.col-2 li { width: 50%; float: left; } ul.col-3 li { width: 33.33333333%; float: left; } ul.col-4 li { width: 25%; float: left; } ul.col-5 li { width: 20%; float: left; } .flex-row-with-banner-wrapper { box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 } .flex-row-with-banner-wrapper [class*=col-]{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0} .flex-row-with-banner-wrapper [class*=col-] > div, .flex-row-with-banner-wrapper [class*=col-] > a, .flex-row-with-banner-wrapper [class*=col-] > aside, .flex-row-with-banner-wrapper [class*=col-] > article, .flex-row-with-banner-wrapper [class*=col-] > figure { width: 100%; } .flex-row-with-banner-wrapper .col-160-width {-webkit-flex-basis:160px;-ms-flex-preferred-size:160px;flex-basis:160px;max-width:160px} .flex-row-with-banner-wrapper .col-250-width {-webkit-flex-basis:250px;-ms-flex-preferred-size:250px;flex-basis:250px;max-width:250px} .flex-row-with-banner-wrapper .col-300-width {-webkit-flex-basis:300px;-ms-flex-preferred-size:300px;flex-basis:300px;max-width:300px} .flex-row-with-banner-wrapper .col-stretch .col-inner { padding: 0 30px; } .equal-two-col-wrapper { position: relative; overflow: hidden; } .equal-two-col-wrapper .equal-two-col-absolute { position: absolute; top: 0; bottom: 0; width: 50%; background-color: #333; } .equal-two-col-wrapper .equal-two-col-absolute.on-left { left: 0; } .equal-two-col-wrapper .equal-two-col-absolute.on-right { right: 0; } .equal-two-col-wrapper .equal-two-col-box.on-left { padding-right: 15px; } .equal-two-col-wrapper .equal-two-col-box.on-right { padding-left: 15px; } .onetwo-two-col-wrapper { position: relative; overflow: hidden; } .onetwo-two-col-wrapper .onetwo-two-col-absolute { position: absolute; top: 0; bottom: 0; width: 33.33333333333%; background-color: #333; } .col-relative { position: relative; } .col-absolute { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .row > [class*=col] > div, .row > [class*=col] > a , .row > [class*=col] > article , .row > [class*=col] > figure { } .row > [class*=col] > .col-inner { display: block; width: 100%; } .row.reverse {-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .row.equal-height > [class*=col] { display:-webkit-flex;display:-ms-flexbox;display:flex } .shrink-auto { display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap } .shrink-auto > div { -ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%; } .shrink-auto .col-auto {-ms-flex:1 1 0;flex:1 1 0;width:auto} .shrink-auto .col-shrink {-ms-flex:0 0 auto;flex:0 0 auto;width:auto; } .row-equal-col-wrapper { position: relative; } .row-equal-col-wrapper .sidebar-wrapper, .row-equal-col-wrapper .content-wrapper { padding-top: 40px; padding-bottom: 40px; } .row-equal-col-wrapper.with-line { overflow: hidden; } .row-equal-col-wrapper.with-line:before { content:""; position: absolute; top: 0; bottom: 0; left: 25%; width: 3px; background: #E1E1E1; margin-left: -9px; } .row-equal-col-wrapper.with-line .sidebar-wrapper { margin-right: 10px; } .row-equal-col-wrapper.with-line .content-wrapper { margin-left: 10px; } .row-equal-col-wrapper.with-sidebar-bg {} .row-equal-col-wrapper.with-sidebar-bg:before { content:""; position: absolute; top: 0; bottom: 0; left: -100%; right: 75%; background: #E1E1E1; margin-right: 15px; } .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper { margin-right: 20px; } .row-equal-col-wrapper.with-sidebar-bg .content-wrapper { margin-left: 10px; } .width-50 { width: 50%; } .width-25 { width: 25%; } .width-20 { width: 20%; } .width-10 { width: 10%; } .row-col-4 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row-col-4:before, .row-col-4:after { display: table; content: " "; } .row-col-4:after { clear: both; } .row-col-4 .item-col-4 { width: 25%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; float: left; } .row-col-5 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row-col-5:before, .row-col-5:after { display: table; content: " "; } .row-col-5:after { clear: both; } .row-col-5 .item-col-5 { width: 20%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; float: left; } .row-col-5.no-mb { margin-bottom: 0; } .row-col-5.no-mb .item-col-5 { margin-bottom: 0; } .wrapper-vertical-separate-line [class*=GridLex-grid] > div > div { position: relative; } .wrapper-vertical-separate-line [class*=GridLex-grid] > div > div:after { content:""; position: absolute; top: 0; bottom: 0; right: -16px; width: 2px; background: #EDEDED; } .wrapper-vertical-separate-line [class*=GridLex-grid] > div:last-child > div:after { display: none; } .bg-primary .wrapper-vertical-separate-line [class*=GridLex-grid] > div > div:after { background: rgba(255,255,255,0.8); } @media only screen and (max-width: 991px) { .row-equal-col-wrapper.with-line:before { left: 33.3333333%; margin-left: -7px; } .row-equal-col-wrapper.with-line .sidebar-wrapper { margin-right: 5px; } .row-equal-col-wrapper.with-line .content-wrapper { margin-left: 5px; } .row-equal-col-wrapper.with-sidebar-bg:before { right: 66.66666666%; margin-right: 10px; } .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper { margin-right: 10px; } .row-equal-col-wrapper.with-sidebar-bg .content-wrapper { margin-left: 5px; } } @media only screen and (max-width: 767px) { .row-equal-col-wrapper .sidebar-wrapper, .row-equal-col-wrapper .content-wrapper { padding-top: 30px; padding-bottom: 30px; } .row-equal-col-wrapper .sidebar-wrapper { padding-bottom: 0; } .row-equal-col-wrapper.with-line:before, .row-equal-col-wrapper.with-sidebar-bg:before { display: none;} .row-equal-col-wrapper.with-line .sidebar-wrapper { margin-right: 0; } .row-equal-col-wrapper.with-line .content-wrapper { margin-left: 0; } .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper { margin-right: 0; position: relative; background: #E1E1E1; padding-bottom: 30px; } .row-equal-col-wrapper.with-sidebar-bg .content-wrapper { margin-left: 0; } .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper:before, .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper:after { content:""; position: absolute; top: 0; bottom: 0; left: -100%; width: 100%; background: #E1E1E1; } .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper:after { left: auto; right: -100%; } } @media (min-width: 576px) { .row.equal-height-sm > [class*=col] { display:-webkit-flex;display:-ms-flexbox;display:flex } .row.shrink-auto-sm { display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap } .row.shrink-auto-sm > div { -ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%; } .row.shrink-auto-sm .col-auto {-ms-flex:1 1 0;flex:1 1 0;width:auto} .row.shrink-auto-sm .col-shrink {-ms-flex:0 0 auto;flex:0 0 auto;width:auto; } .row.direction-reverse-sm {-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .order-first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last-sm { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media (min-width: 768px) { .row.equal-height-md > [class*=col] { display:-webkit-flex;display:-ms-flexbox;display:flex } .shrink-auto-md { display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap } .shrink-auto-md > div { -ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%; } .shrink-auto-md .col-auto {-ms-flex:1 1 0;flex:1 1 0;width:auto} .shrink-auto-md .col-shrink {-ms-flex:0 0 auto;flex:0 0 auto;width:auto; } .row.direction-reverse-md {-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .order-first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last-md { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media (min-width: 992px) { .row.equal-height-lg > [class*=col] { display:-webkit-flex;display:-ms-flexbox;display:flex } .shrink-auto-lg { display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap } .shrink-auto-lg > div { -ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%; } .shrink-auto-lg .col-auto {-ms-flex:1 1 0;flex:1 1 0;width:auto} .shrink-auto-lg .col-shrink {-ms-flex:0 0 auto;flex:0 0 auto;width:auto; } .row.direction-reverse-lg {-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .order-first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last-lg { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } @media (min-width: 1200px) { .row.equal-height-xl > [class*=col] { display:-webkit-flex;display:-ms-flexbox;display:flex } .shrink-auto-xl { display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap } .shrink-auto-xl > div { -ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%; } .shrink-auto-xl .col-auto {-ms-flex:1 1 0;flex:1 1 0;width:auto} .shrink-auto-xl .col-shrink {-ms-flex:0 0 auto;flex:0 0 auto;width:auto; } .row.direction-reverse-xl {-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .order-first-xl { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last-xl { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } /** * Typography */ .font10 { font-size: 10px !important; } .font11 { font-size: 11px !important; } .font12 { font-size: 12px !important; } .font13 { font-size: 13px !important; } .font14 { font-size: 14px !important; } .font16 { font-size: 16px !important; } .font18 { font-size: 18px !important; } .font20 { font-size: 20px !important; } .font22{ font-size: 22px !important; } .font24 { font-size: 24px !important; } .font26 { font-size: 26px !important; } .font32 { font-size: 32px !important; } .font35 { font-size: 35px !important; } .font40 { font-size: 40px !important; } .font50 { font-size: 50px !important; } .font100 { font-weight: 100 !important; } .font200 { font-weight: 200 !important; } .font300 { font-weight: 300 !important; } .font400 { font-weight: 400 !important; } .font500 { font-weight: 500 !important; } .font600 { font-weight: 600 !important; } .font700, .font-bold { font-weight: 700 !important; } .font800 { font-weight: 800 !important; } .font900 { font-weight: 900 !important; } .line-1 { line-height: 1 !important; } .line-11 { line-height: 1.1 !important; } .line-115 { line-height: 1.15 !important; } .line-12 { line-height: 1.2 !important; } .line-125 { line-height: 1.25 !important; } .line-13 { line-height: 1.3 !important; } .line-135 { line-height: 1.35 !important; } .line-14 { line-height: 1.4 !important; } .line-145 { line-height: 1.45 !important; } .line-15 { line-height: 1.5 !important; } .line-155 { line-height: 1.55 !important; } .line-16 { line-height: 1.6 !important; } .line-165 { line-height: 1.65 !important; } .line-17 { line-height: 1.7 !important; } .line-175 { line-height: 1.75 !important; } .line-18 { line-height: 1.8 !important; } .line-185 { line-height: 1.85 !important; } .line-19 { line-height: 1.9 !important; } .line-195 { line-height: 1.95 !important; } .line-2 { line-height: 2 !important; } .line-25 { line-height: 2.5 !important; } .spacing--05, .letter-spacing--05 { letter-spacing: -0.5px; } .spacing--1, .letter-spacing--1 { letter-spacing: -1px; } .spacing--15, .letter-spacing--15 { letter-spacing: -1.5px; } .spacing-0, .letter-spacing-0 { letter-spacing: 0; } .spacing-05, .letter-spacing-05 { letter-spacing: 0.5px; } .spacing-1, .letter-spacing-1 { letter-spacing: 1px; } .spacing-15, .letter-spacing-15 { letter-spacing: 1.5px; } .spacing-2, .letter-spacing-2 { letter-spacing: 2px; } .spacing-3, .letter-spacing-3 { letter-spacing: 3px; } .spacing-4, .letter-spacing-4 { letter-spacing: 4px; } .spacing-5, .letter-spacing-5 { letter-spacing: 5px; } .font-italic { font-style: italic !important; } .text-uppercase { text-transform: uppercase !important; } .text-lowercase { text-transform: lowercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-col-2, .text-column-2 { column-count: 2; } .text-col-3, .text-column-3 { column-count: 3; } .text-col-4, .text-column-4 { column-count: 4; } [class*=text-col-] { column-gap: 30px; } .line-through, .not-this { text-decoration: line-through; } .line-under { text-decoration: underline; } .text-primary { color: #3F51B5 !important; } .text-secondary { color: #FE0000 !important; } .text-info { color: #154EB5 !important; } .text-success { color: #10C47F !important; } .text-warning { color: #EB7A2A !important; } .text-danger { color: #EB334B !important; } .text-white { color: #FFF !important; } .text-muted { color: #A1A1A1 !important; } .text-black, .text-dark { color: #000 !important; } /** * Row > Number of Columns */ .row.cols-1 > .col {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%} .row.cols-2 > .col {-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%} .row.cols-3 > .col {-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%} .row.cols-4 > .col {-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%} .row.cols-5 > .col {-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%} .row.cols-6 > .col {-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%} .row.cols-7 > .col {-webkit-flex-basis:14.28571429%;-ms-flex-preferred-size:14.28571429%;flex-basis:14.28571429%;max-width:14.28571429%} .row.cols-8 > .col {-webkit-flex-basis:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%;max-width:12.5%} .row.cols-9 > .col {-webkit-flex-basis:11.11111111%;-ms-flex-preferred-size:11.11111111%;flex-basis:11.11111111%;max-width:11.11111111%} .row.cols-10 > .col {-webkit-flex-basis:10%;-ms-flex-preferred-size:10%;flex-basis:10%;max-width:10%} .row.cols-11 > .col {-webkit-flex-basis:9.09090909%;-ms-flex-preferred-size:9.09090909%;flex-basis:9.09090909%;max-width:9.09090909%} .row.cols-12 > .col {-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%} @media (min-width: 576px) { .row.cols-sm-1 > .col {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%} .row.cols-sm-2 > .col {-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%} .row.cols-sm-3 > .col {-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%} .row.cols-sm-4 > .col {-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%} .row.cols-sm-5 > .col {-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%} .row.cols-sm-6 > .col {-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%} .row.cols-sm-7 > .col {-webkit-flex-basis:14.28571429%;-ms-flex-preferred-size:14.28571429%;flex-basis:14.28571429%;max-width:14.28571429%} .row.cols-sm-8 > .col {-webkit-flex-basis:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%;max-width:12.5%} .row.cols-sm-9 > .col {-webkit-flex-basis:11.11111111%;-ms-flex-preferred-size:11.11111111%;flex-basis:11.11111111%;max-width:11.11111111%} .row.cols-sm-10 > .col {-webkit-flex-basis:10%;-ms-flex-preferred-size:10%;flex-basis:10%;max-width:10%} .row.cols-sm-11 > .col {-webkit-flex-basis:9.09090909%;-ms-flex-preferred-size:9.09090909%;flex-basis:9.09090909%;max-width:9.09090909%} .row.cols-sm-12 > .col {-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%} } @media (min-width: 768px) { .row.cols-md-1 > .col {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%} .row.cols-md-2 > .col {-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%} .row.cols-md-3 > .col {-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%} .row.cols-md-4 > .col {-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%} .row.cols-md-5 > .col {-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%} .row.cols-md-6 > .col {-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%} .row.cols-md-7 > .col {-webkit-flex-basis:14.28571429%;-ms-flex-preferred-size:14.28571429%;flex-basis:14.28571429%;max-width:14.28571429%} .row.cols-md-8 > .col {-webkit-flex-basis:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%;max-width:12.5%} .row.cols-md-9 > .col {-webkit-flex-basis:11.11111111%;-ms-flex-preferred-size:11.11111111%;flex-basis:11.11111111%;max-width:11.11111111%} .row.cols-md-10 > .col {-webkit-flex-basis:10%;-ms-flex-preferred-size:10%;flex-basis:10%;max-width:10%} .row.cols-md-11 > .col {-webkit-flex-basis:9.09090909%;-ms-flex-preferred-size:9.09090909%;flex-basis:9.09090909%;max-width:9.09090909%} .row.cols-md-12 > .col {-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%} } @media (min-width: 992px) { .row.cols-lg-1 > .col {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%} .row.cols-lg-2 > .col {-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%} .row.cols-lg-3 > .col {-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%} .row.cols-lg-4 > .col {-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%} .row.cols-lg-5 > .col {-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%} .row.cols-lg-6 > .col {-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%} .row.cols-lg-7 > .col {-webkit-flex-basis:14.28571429%;-ms-flex-preferred-size:14.28571429%;flex-basis:14.28571429%;max-width:14.28571429%} .row.cols-lg-8 > .col {-webkit-flex-basis:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%;max-width:12.5%} .row.cols-lg-9 > .col {-webkit-flex-basis:11.11111111%;-ms-flex-preferred-size:11.11111111%;flex-basis:11.11111111%;max-width:11.11111111%} .row.cols-lg-10 > .col {-webkit-flex-basis:10%;-ms-flex-preferred-size:10%;flex-basis:10%;max-width:10%} .row.cols-lg-11 > .col {-webkit-flex-basis:9.09090909%;-ms-flex-preferred-size:9.09090909%;flex-basis:9.09090909%;max-width:9.09090909%} .row.cols-lg-12 > .col {-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%} } @media (min-width: 1200px) { .row.cols-xl-1 > .col {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%} .row.cols-xl-2 > .col {-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%} .row.cols-xl-3 > .col {-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%} .row.cols-xl-4 > .col {-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%} .row.cols-xl-5 > .col {-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;max-width:20%} .row.cols-xl-6 > .col {-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%} .row.cols-xl-7 > .col {-webkit-flex-basis:14.28571429%;-ms-flex-preferred-size:14.28571429%;flex-basis:14.28571429%;max-width:14.28571429%} .row.cols-xl-8 > .col {-webkit-flex-basis:12.5%;-ms-flex-preferred-size:12.5%;flex-basis:12.5%;max-width:12.5%} .row.cols-xl-9 > .col {-webkit-flex-basis:11.11111111%;-ms-flex-preferred-size:11.11111111%;flex-basis:11.11111111%;max-width:11.11111111%} .row.cols-xl-10 > .col {-webkit-flex-basis:10%;-ms-flex-preferred-size:10%;flex-basis:10%;max-width:10%} .row.cols-xl-11 > .col {-webkit-flex-basis:9.09090909%;-ms-flex-preferred-size:9.09090909%;flex-basis:9.09090909%;max-width:9.09090909%} .row.cols-xl-12 > .col {-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%} } /** * Row Gap */ .row.gap-0 { margin-left: 0; margin-right: 0; } .row.gap-0 > [class*=col] { padding-left: 0; padding-right: 0; } .row.gap-1 { margin-left: -1px; margin-right: 0; margin-bottom: -1px; } .row.gap-1 > [class*=col] { padding-left: 1px; padding-right: 0; padding-bottom: 1px; } .row.gap-2 { margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .row.gap-2 > [class*=col] { padding-left: 1px; padding-right: 1px; padding-bottom: 2px; } .row.gap-3 { margin-left: -2px; margin-right: -1px; margin-bottom: -3px; } .row.gap-3 > [class*=col] { padding-left: 2px; padding-right: 1px; padding-bottom: 3px; } .row.gap-4 { margin-left: -2px; margin-right: -2px; margin-bottom: -4px; } .row.gap-4 > [class*=col] { padding-left: 2px; padding-right: 2px; padding-bottom: 4px; } .row.gap-5 { margin-left: -3px; margin-right: -2px; margin-bottom: -5px; } .row.gap-5 > [class*=col] { padding-left: 3px; padding-right: 2px; padding-bottom: 5px; } .row.gap-10 { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .row.gap-10 > [class*=col] { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .row.gap-15 { margin-left: -8px; margin-right: -7px; margin-bottom: -15px; } .row.gap-15 > [class*=col] { padding-left: 8px; padding-right: 7px; padding-bottom: 15px; } .row.gap-20 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row.gap-20 > [class*=col] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .row.gap-25 { margin-left: -13px; margin-right: -12px; margin-bottom: -25px; } .row.gap-25 > [class*=col] { padding-left: 13px; padding-right: 12px; padding-bottom: 25px; } .row.gap-30 { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .row.gap-30 > [class*=col] { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .row.gap-40 { margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } .row.gap-40 > [class*=col] { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .row.gap-50 { margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } .row.gap-50 > [class*=col] { padding-left: 25px; padding-right: 25px; padding-bottom: 50px; } .row.gap-60 { margin-left: -30px; margin-right: -30px; margin-bottom: -60px; } .row.gap-60 > [class*=col] { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } .row.gap-70 { margin-left: -35px; margin-right: -35px; margin-bottom: -70px; } .row.gap-70 > [class*=col] { padding-left: 35px; padding-right: 35px; padding-bottom: 70px; } .row.gap-80 { margin-left: -40px; margin-right: -40px; margin-bottom: -80px; } .row.gap-80 > [class*=col] { padding-left: 40px; padding-right: 40px; padding-bottom: 80px; } .row.gap-90 { margin-left: -45px; margin-right: -45px; margin-bottom: -90px; } .row.gap-90 > [class*=col] { padding-left: 45px; padding-right: 45px; padding-bottom: 90px; } .row.gap-100 { margin-left: -50px; margin-right: -50px; margin-bottom: -100px; } .row.gap-100 > [class*=col] { padding-left: 50px; padding-right: 50px; padding-bottom: 100px; } .row.gap-120 { margin-left: -60px; margin-right: -60px; margin-bottom: -120px; } .row.gap-120 > [class*=col] { padding-left: 60px; padding-right: 60px; padding-bottom: 120px; } .row.gap-150 { margin-left: -75px; margin-right: -75px; margin-bottom: -150px; } .row.gap-150 > [class*=col] { padding-left: 75px; padding-right: 75px; padding-bottom: 150px; } .row.gap-180 { margin-left: -90px; margin-right: -90px; margin-bottom: -180px; } .row.gap-180 > [class*=col] { padding-left: 90px; padding-right: 90px; padding-bottom: 180px; } .row.gap-200 { margin-left: -100px; margin-right: -100px; margin-bottom: -200px; } .row.gap-200 > [class*=col] { padding-left: 100px; padding-right: 100px; padding-bottom: 200px; } @media (min-width: 576px) { .row.gap-sm-0 { margin-left: 0; margin-right: 0; } .row.gap-sm-0 > [class*=col] { padding-left: 0; padding-right: 0; } .row.gap-sm-1 { margin-left: -1px; margin-right: 0; margin-bottom: -1px; } .row.gap-sm-1 > [class*=col] { padding-left: 1px; padding-right: 0; padding-bottom: 1px; } .row.gap-sm-2 { margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .row.gap-sm-2 > [class*=col] { padding-left: 1px; padding-right: 1px; padding-bottom: 2px; } .row.gap-sm-3 { margin-left: -2px; margin-right: -1px; margin-bottom: -3px; } .row.gap-sm-3 > [class*=col] { padding-left: 2px; padding-right: 1px; padding-bottom: 3px; } .row.gap-sm-4 { margin-left: -2px; margin-right: -2px; margin-bottom: -4px; } .row.gap-sm-4 > [class*=col] { padding-left: 2px; padding-right: 2px; padding-bottom: 4px; } .row.gap-sm-5 { margin-left: -3px; margin-right: -2px; margin-bottom: -5px; } .row.gap-sm-5 > [class*=col] { padding-left: 3px; padding-right: 2px; padding-bottom: 5px; } .row.gap-sm-10 { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .row.gap-sm-10 > [class*=col] { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .row.gap-sm-15 { margin-left: -8px; margin-right: -7px; margin-bottom: -15px; } .row.gap-sm-15 > [class*=col] { padding-left: 8px; padding-right: 7px; padding-bottom: 15px; } .row.gap-sm-20 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row.gap-sm-20 > [class*=col] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .row.gap-sm-25 { margin-left: -13px; margin-right: -12px; margin-bottom: -25px; } .row.gap-sm-25 > [class*=col] { padding-left: 13px; padding-right: 12px; padding-bottom: 25px; } .row.gap-sm-30 { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .row.gap-sm-30 > [class*=col] { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .row.gap-sm-40 { margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } .row.gap-sm-40 > [class*=col] { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .row.gap-sm-50 { margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } .row.gap-sm-50 > [class*=col] { padding-left: 25px; padding-right: 25px; padding-bottom: 50px; } .row.gap-sm-60 { margin-left: -30px; margin-right: -30px; margin-bottom: -60px; } .row.gap-sm-60 > [class*=col] { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } .row.gap-sm-70 { margin-left: -35px; margin-right: -35px; margin-bottom: -70px; } .row.gap-sm-70 > [class*=col] { padding-left: 35px; padding-right: 35px; padding-bottom: 70px; } .row.gap-sm-80 { margin-left: -40px; margin-right: -40px; margin-bottom: -80px; } .row.gap-sm-80 > [class*=col] { padding-left: 40px; padding-right: 40px; padding-bottom: 80px; } .row.gap-sm-90 { margin-left: -45px; margin-right: -45px; margin-bottom: -90px; } .row.gap-sm-90 > [class*=col] { padding-left: 45px; padding-right: 45px; padding-bottom: 90px; } .row.gap-sm-100 { margin-left: -50px; margin-right: -50px; margin-bottom: -100px; } .row.gap-sm-100 > [class*=col] { padding-left: 50px; padding-right: 50px; padding-bottom: 100px; } .row.gap-sm-120 { margin-left: -60px; margin-right: -60px; margin-bottom: -120px; } .row.gap-sm-120 > [class*=col] { padding-left: 60px; padding-right: 60px; padding-bottom: 120px; } .row.gap-sm-150 { margin-left: -75px; margin-right: -75px; margin-bottom: -150px; } .row.gap-sm-150 > [class*=col] { padding-left: 75px; padding-right: 75px; padding-bottom: 150px; } .row.gap-sm-180 { margin-left: -90px; margin-right: -90px; margin-bottom: -180px; } .row.gap-sm-180 > [class*=col] { padding-left: 90px; padding-right: 90px; padding-bottom: 180px; } .row.gap-sm-200 { margin-left: -100px; margin-right: -100px; margin-bottom: -200px; } .row.gap-sm-200 > [class*=col] { padding-left: 100px; padding-right: 100px; padding-bottom: 200px; } } @media (min-width: 768px) { .row.gap-md-0 { margin-left: 0; margin-right: 0; } .row.gap-md-0 > [class*=col] { padding-left: 0; padding-right: 0; } .row.gap-md-1 { margin-left: -1px; margin-right: 0; margin-bottom: -1px; } .row.gap-md-1 > [class*=col] { padding-left: 1px; padding-right: 0; padding-bottom: 1px; } .row.gap-md-2 { margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .row.gap-md-2 > [class*=col] { padding-left: 1px; padding-right: 1px; padding-bottom: 2px; } .row.gap-md-3 { margin-left: -2px; margin-right: -1px; margin-bottom: -3px; } .row.gap-md-3 > [class*=col] { padding-left: 2px; padding-right: 1px; padding-bottom: 3px; } .row.gap-md-4 { margin-left: -2px; margin-right: -2px; margin-bottom: -4px; } .row.gap-md-4 > [class*=col] { padding-left: 2px; padding-right: 2px; padding-bottom: 4px; } .row.gap-md-5 { margin-left: -3px; margin-right: -2px; margin-bottom: -5px; } .row.gap-md-5 > [class*=col] { padding-left: 3px; padding-right: 2px; padding-bottom: 5px; } .row.gap-md-10 { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .row.gap-md-10 > [class*=col] { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .row.gap-md-15 { margin-left: -8px; margin-right: -7px; margin-bottom: -15px; } .row.gap-md-15 > [class*=col] { padding-left: 8px; padding-right: 7px; padding-bottom: 15px; } .row.gap-md-20 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row.gap-md-20 > [class*=col] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .row.gap-md-25 { margin-left: -13px; margin-right: -12px; margin-bottom: -25px; } .row.gap-md-25 > [class*=col] { padding-left: 13px; padding-right: 12px; padding-bottom: 25px; } .row.gap-md-30 { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .row.gap-md-30 > [class*=col] { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .row.gap-md-40 { margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } .row.gap-md-40 > [class*=col] { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .row.gap-md-50 { margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } .row.gap-md-50 > [class*=col] { padding-left: 25px; padding-right: 25px; padding-bottom: 50px; } .row.gap-md-60 { margin-left: -30px; margin-right: -30px; margin-bottom: -60px; } .row.gap-md-60 > [class*=col] { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } .row.gap-md-70 { margin-left: -35px; margin-right: -35px; margin-bottom: -70px; } .row.gap-md-70 > [class*=col] { padding-left: 35px; padding-right: 35px; padding-bottom: 70px; } .row.gap-md-80 { margin-left: -40px; margin-right: -40px; margin-bottom: -80px; } .row.gap-md-80 > [class*=col] { padding-left: 40px; padding-right: 40px; padding-bottom: 80px; } .row.gap-md-90 { margin-left: -45px; margin-right: -45px; margin-bottom: -90px; } .row.gap-md-90 > [class*=col] { padding-left: 45px; padding-right: 45px; padding-bottom: 90px; } .row.gap-md-100 { margin-left: -50px; margin-right: -50px; margin-bottom: -100px; } .row.gap-md-100 > [class*=col] { padding-left: 50px; padding-right: 50px; padding-bottom: 100px; } .row.gap-md-120 { margin-left: -60px; margin-right: -60px; margin-bottom: -120px; } .row.gap-md-120 > [class*=col] { padding-left: 60px; padding-right: 60px; padding-bottom: 120px; } .row.gap-md-150 { margin-left: -75px; margin-right: -75px; margin-bottom: -150px; } .row.gap-md-150 > [class*=col] { padding-left: 75px; padding-right: 75px; padding-bottom: 150px; } .row.gap-md-180 { margin-left: -90px; margin-right: -90px; margin-bottom: -180px; } .row.gap-md-180 > [class*=col] { padding-left: 90px; padding-right: 90px; padding-bottom: 180px; } .row.gap-md-200 { margin-left: -100px; margin-right: -100px; margin-bottom: -200px; } .row.gap-md-200 > [class*=col] { padding-left: 100px; padding-right: 100px; padding-bottom: 200px; } } @media (min-width: 992px) { .row.gap-lg-0 { margin-left: 0; margin-right: 0; } .row.gap-lg-0 > [class*=col] { padding-left: 0; padding-right: 0; } .row.gap-lg-1 { margin-left: -1px; margin-right: 0; margin-bottom: -1px; } .row.gap-lg-1 > [class*=col] { padding-left: 1px; padding-right: 0; padding-bottom: 1px; } .row.gap-lg-2 { margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .row.gap-lg-2 > [class*=col] { padding-left: 1px; padding-right: 1px; padding-bottom: 2px; } .row.gap-lg-3 { margin-left: -2px; margin-right: -1px; margin-bottom: -3px; } .row.gap-lg-3 > [class*=col] { padding-left: 2px; padding-right: 1px; padding-bottom: 3px; } .row.gap-lg-4 { margin-left: -2px; margin-right: -2px; margin-bottom: -4px; } .row.gap-lg-4 > [class*=col] { padding-left: 2px; padding-right: 2px; padding-bottom: 4px; } .row.gap-lg-5 { margin-left: -3px; margin-right: -2px; margin-bottom: -5px; } .row.gap-lg-5 > [class*=col] { padding-left: 3px; padding-right: 2px; padding-bottom: 5px; } .row.gap-lg-10 { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .row.gap-lg-10 > [class*=col] { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .row.gap-lg-15 { margin-left: -8px; margin-right: -7px; margin-bottom: -15px; } .row.gap-lg-15 > [class*=col] { padding-left: 8px; padding-right: 7px; padding-bottom: 15px; } .row.gap-lg-20 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row.gap-lg-20 > [class*=col] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .row.gap-lg-25 { margin-left: -13px; margin-right: -12px; margin-bottom: -25px; } .row.gap-lg-25 > [class*=col] { padding-left: 13px; padding-right: 12px; padding-bottom: 25px; } .row.gap-lg-30 { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .row.gap-lg-30 > [class*=col] { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .row.gap-lg-40 { margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } .row.gap-lg-40 > [class*=col] { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .row.gap-lg-50 { margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } .row.gap-lg-50 > [class*=col] { padding-left: 25px; padding-right: 25px; padding-bottom: 50px; } .row.gap-lg-60 { margin-left: -30px; margin-right: -30px; margin-bottom: -60px; } .row.gap-lg-60 > [class*=col] { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } .row.gap-lg-70 { margin-left: -35px; margin-right: -35px; margin-bottom: -70px; } .row.gap-lg-70 > [class*=col] { padding-left: 35px; padding-right: 35px; padding-bottom: 70px; } .row.gap-lg-80 { margin-left: -40px; margin-right: -40px; margin-bottom: -80px; } .row.gap-lg-80 > [class*=col] { padding-left: 40px; padding-right: 40px; padding-bottom: 80px; } .row.gap-lg-90 { margin-left: -45px; margin-right: -45px; margin-bottom: -90px; } .row.gap-lg-90 > [class*=col] { padding-left: 45px; padding-right: 45px; padding-bottom: 90px; } .row.gap-lg-100 { margin-left: -50px; margin-right: -50px; margin-bottom: -100px; } .row.gap-lg-100 > [class*=col] { padding-left: 50px; padding-right: 50px; padding-bottom: 100px; } .row.gap-lg-120 { margin-left: -60px; margin-right: -60px; margin-bottom: -120px; } .row.gap-lg-120 > [class*=col] { padding-left: 60px; padding-right: 60px; padding-bottom: 120px; } .row.gap-lg-150 { margin-left: -75px; margin-right: -75px; margin-bottom: -150px; } .row.gap-lg-150 > [class*=col] { padding-left: 75px; padding-right: 75px; padding-bottom: 150px; } .row.gap-lg-180 { margin-left: -90px; margin-right: -90px; margin-bottom: -180px; } .row.gap-lg-180 > [class*=col] { padding-left: 90px; padding-right: 90px; padding-bottom: 180px; } .row.gap-lg-200 { margin-left: -100px; margin-right: -100px; margin-bottom: -200px; } .row.gap-lg-200 > [class*=col] { padding-left: 100px; padding-right: 100px; padding-bottom: 200px; } } @media (min-width: 1200px) { .row.gap-xl-0 { margin-left: 0; margin-right: 0; } .row.gap-xl-0 > [class*=col] { padding-left: 0; padding-right: 0; } .row.gap-xl-1 { margin-left: -1px; margin-right: 0; margin-bottom: -1px; } .row.gap-xl-1 > [class*=col] { padding-left: 1px; padding-right: 0; padding-bottom: 1px; } .row.gap-xl-2 { margin-left: -1px; margin-right: -1px; margin-bottom: -2px; } .row.gap-xl-2 > [class*=col] { padding-left: 1px; padding-right: 1px; padding-bottom: 2px; } .row.gap-xl-3 { margin-left: -2px; margin-right: -1px; margin-bottom: -3px; } .row.gap-xl-3 > [class*=col] { padding-left: 2px; padding-right: 1px; padding-bottom: 3px; } .row.gap-xl-4 { margin-left: -2px; margin-right: -2px; margin-bottom: -4px; } .row.gap-xl-4 > [class*=col] { padding-left: 2px; padding-right: 2px; padding-bottom: 4px; } .row.gap-xl-5 { margin-left: -3px; margin-right: -2px; margin-bottom: -5px; } .row.gap-xl-5 > [class*=col] { padding-left: 3px; padding-right: 2px; padding-bottom: 5px; } .row.gap-xl-10 { margin-left: -5px; margin-right: -5px; margin-bottom: -10px; } .row.gap-xl-10 > [class*=col] { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .row.gap-xl-15 { margin-left: -8px; margin-right: -7px; margin-bottom: -15px; } .row.gap-xl-15 > [class*=col] { padding-left: 8px; padding-right: 7px; padding-bottom: 15px; } .row.gap-xl-20 { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .row.gap-xl-20 > [class*=col] { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .row.gap-xl-25 { margin-left: -13px; margin-right: -12px; margin-bottom: -25px; } .row.gap-xl-25 > [class*=col] { padding-left: 13px; padding-right: 12px; padding-bottom: 25px; } .row.gap-xl-30 { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .row.gap-xl-30 > [class*=col] { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .row.gap-xl-40 { margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } .row.gap-xl-40 > [class*=col] { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } .row.gap-xl-50 { margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } .row.gap-xl-50 > [class*=col] { padding-left: 25px; padding-right: 25px; padding-bottom: 50px; } .row.gap-xl-60 { margin-left: -30px; margin-right: -30px; margin-bottom: -60px; } .row.gap-xl-60 > [class*=col] { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } .row.gap-xl-70 { margin-left: -35px; margin-right: -35px; margin-bottom: -70px; } .row.gap-xl-70 > [class*=col] { padding-left: 35px; padding-right: 35px; padding-bottom: 70px; } .row.gap-xl-80 { margin-left: -40px; margin-right: -40px; margin-bottom: -80px; } .row.gap-xl-80 > [class*=col] { padding-left: 40px; padding-right: 40px; padding-bottom: 80px; } .row.gap-xl-90 { margin-left: -45px; margin-right: -45px; margin-bottom: -90px; } .row.gap-xl-90 > [class*=col] { padding-left: 45px; padding-right: 45px; padding-bottom: 90px; } .row.gap-xl-100 { margin-left: -50px; margin-right: -50px; margin-bottom: -100px; } .row.gap-xl-100 > [class*=col] { padding-left: 50px; padding-right: 50px; padding-bottom: 100px; } .row.gap-xl-120 { margin-left: -60px; margin-right: -60px; margin-bottom: -120px; } .row.gap-xl-120 > [class*=col] { padding-left: 60px; padding-right: 60px; padding-bottom: 120px; } .row.gap-xl-150 { margin-left: -75px; margin-right: -75px; margin-bottom: -150px; } .row.gap-xl-150 > [class*=col] { padding-left: 75px; padding-right: 75px; padding-bottom: 150px; } .row.gap-xl-180 { margin-left: -90px; margin-right: -90px; margin-bottom: -180px; } .row.gap-xl-180 > [class*=col] { padding-left: 90px; padding-right: 90px; padding-bottom: 180px; } .row.gap-xl-200 { margin-left: -100px; margin-right: -100px; margin-bottom: -200px; } .row.gap-xl-200 > [class*=col] { padding-left: 100px; padding-right: 100px; padding-bottom: 200px; } } /** * Row Margin Bottom */ .row.mb-0 { margin-bottom: 0 !important; } .row.mb-0 > [class*=col] { padding-bottom: 0px; } .row.mb-1 { margin-bottom: -1px !important; } .row.mb-1 > [class*=col] { padding-bottom: 1px; } .row.mb-2 { margin-bottom: -2px !important; } .row.mb-2 > [class*=col] { padding-bottom: 2px; } .row.mb-3 { margin-bottom: -3px !important; } .row.mb-3 > [class*=col] { padding-bottom: 3px; } .row.mb-4 { margin-bottom: -4px !important; } .row.mb-4 > [class*=col] { padding-bottom: 4px; } .row.mb-5 { margin-bottom: -5px !important; } .row.mb-5 > [class*=col] { padding-bottom: 5px; } .row.mb-10 { margin-bottom: -10px !important; } .row.mb-10 > [class*=col] { padding-bottom: 10px; } .row.mb-15 { margin-bottom: -15px !important; } .row.mb-15 > [class*=col] { padding-bottom: 15px; } .row.mb-20 { margin-bottom: -20px !important; } .row.mb-20 > [class*=col] { padding-bottom: 20px; } .row.mb-25 { margin-bottom: -25px !important; } .row.mb-25 > [class*=col] { padding-bottom: 25px; } .row.mb-30 { margin-bottom: -30px !important; } .row.mb-30 > [class*=col] { padding-bottom: 30px; } .row.mb-40 { margin-bottom: -40px !important; } .row.mb-40 > [class*=col] { padding-bottom: 40px; } .row.mb-50 { margin-bottom: -50px !important; } .row.mb-50 > [class*=col] { padding-bottom: 50px; } .row.mb-60 { margin-bottom: -60px !important; } .row.mb-60 > [class*=col] { padding-bottom: 60px; } .row.mb-70 { margin-bottom: -70px !important; } .row.mb-70 > [class*=col] { padding-bottom: 70px; } .row.mb-80 { margin-bottom: -80px !important; } .row.mb-80 > [class*=col] { padding-bottom: 80px; } .row.mb-90 { margin-bottom: -90px !important; } .row.mb-90 > [class*=col] { padding-bottom: 90px; } .row.mb-100 { margin-bottom: -100px !important; } .row.mb-100 > [class*=col] { padding-bottom: 100px; } .row.mb-120 { margin-bottom: -120px !important; } .row.mb-120 > [class*=col] { padding-bottom: 120px; } .row.mb-150 { margin-bottom: -150px !important; } .row.mb-150 > [class*=col] { padding-bottom: 150px; } .row.mb-180 { margin-bottom: -180px !important; } .row.mb-180 > [class*=col] { padding-bottom: 180px; } .row.mb-200 { margin-bottom: -200px !important; } .row.mb-200 > [class*=col] { padding-bottom: 200px; } @media (min-width: 576px) { .row.mb-sm-0 { margin-bottom: 0 !important; } .row.mb-sm-0 > [class*=col] { padding-bottom: 0px; } .row.mb-sm-1 { margin-bottom: -1px !important; } .row.mb-sm-1 > [class*=col] { padding-bottom: 1px; } .row.mb-sm-2 { margin-bottom: -2px !important; } .row.mb-sm-2 > [class*=col] { padding-bottom: 2px; } .row.mb-sm-3 { margin-bottom: -3px !important; } .row.mb-sm-3 > [class*=col] { padding-bottom: 3px; } .row.mb-sm-4 { margin-bottom: -4px !important; } .row.mb-sm-4 > [class*=col] { padding-bottom: 4px; } .row.mb-sm-5 { margin-bottom: -5px !important; } .row.mb-sm-5 > [class*=col] { padding-bottom: 5px; } .row.mb-sm-10 { margin-bottom: -10px !important; } .row.mb-sm-10 > [class*=col] { padding-bottom: 10px; } .row.mb-sm-15 { margin-bottom: -15px !important; } .row.mb-sm-15 > [class*=col] { padding-bottom: 15px; } .row.mb-sm-20 { margin-bottom: -20px !important; } .row.mb-sm-20 > [class*=col] { padding-bottom: 20px; } .row.mb-sm-25 { margin-bottom: -25px !important; } .row.mb-sm-25 > [class*=col] { padding-bottom: 25px; } .row.mb-sm-30 { margin-bottom: -30px !important; } .row.mb-sm-30 > [class*=col] { padding-bottom: 30px; } .row.mb-sm-40 { margin-bottom: -40px !important; } .row.mb-sm-40 > [class*=col] { padding-bottom: 40px; } .row.mb-sm-50 { margin-bottom: -50px !important; } .row.mb-sm-50 > [class*=col] { padding-bottom: 50px; } .row.mb-sm-60 { margin-bottom: -60px !important; } .row.mb-sm-60 > [class*=col] { padding-bottom: 60px; } .row.mb-sm-70 { margin-bottom: -70px !important; } .row.mb-sm-70 > [class*=col] { padding-bottom: 70px; } .row.mb-sm-80 { margin-bottom: -80px !important; } .row.mb-sm-80 > [class*=col] { padding-bottom: 80px; } .row.mb-sm-90 { margin-bottom: -90px !important; } .row.mb-sm-90 > [class*=col] { padding-bottom: 90px; } .row.mb-sm-100 { margin-bottom: -100px !important; } .row.mb-sm-100 > [class*=col] { padding-bottom: 100px; } .row.mb-sm-120 { margin-bottom: -120px !important; } .row.mb-sm-120 > [class*=col] { padding-bottom: 120px; } .row.mb-sm-150 { margin-bottom: -150px !important; } .row.mb-sm-150 > [class*=col] { padding-bottom: 150px; } .row.mb-sm-180 { margin-bottom: -180px !important; } .row.mb-sm-180 > [class*=col] { padding-bottom: 180px; } .row.mb-sm-200 { margin-bottom: -200px !important; } .row.mb-sm-200 > [class*=col] { padding-bottom: 200px; } } @media (min-width: 768px) { .row.mb-md-0 { margin-bottom: 0 !important; } .row.mb-md-0 > [class*=col] { padding-bottom: 0px; } .row.mb-md-1 { margin-bottom: -1px !important; } .row.mb-md-1 > [class*=col] { padding-bottom: 1px; } .row.mb-md-2 { margin-bottom: -2px !important; } .row.mb-md-2 > [class*=col] { padding-bottom: 2px; } .row.mb-md-3 { margin-bottom: -3px !important; } .row.mb-md-3 > [class*=col] { padding-bottom: 3px; } .row.mb-md-4 { margin-bottom: -4px !important; } .row.mb-md-4 > [class*=col] { padding-bottom: 4px; } .row.mb-md-5 { margin-bottom: -5px !important; } .row.mb-md-5 > [class*=col] { padding-bottom: 5px; } .row.mb-md-10 { margin-bottom: -10px !important; } .row.mb-md-10 > [class*=col] { padding-bottom: 10px; } .row.mb-md-15 { margin-bottom: -15px !important; } .row.mb-md-15 > [class*=col] { padding-bottom: 15px; } .row.mb-md-20 { margin-bottom: -20px !important; } .row.mb-md-20 > [class*=col] { padding-bottom: 20px; } .row.mb-md-25 { margin-bottom: -25px !important; } .row.mb-md-25 > [class*=col] { padding-bottom: 25px; } .row.mb-md-30 { margin-bottom: -30px !important; } .row.mb-md-30 > [class*=col] { padding-bottom: 30px; } .row.mb-md-40 { margin-bottom: -40px !important; } .row.mb-md-40 > [class*=col] { padding-bottom: 40px; } .row.mb-md-50 { margin-bottom: -50px !important; } .row.mb-md-50 > [class*=col] { padding-bottom: 50px; } .row.mb-md-60 { margin-bottom: -60px !important; } .row.mb-md-60 > [class*=col] { padding-bottom: 60px; } .row.mb-md-70 { margin-bottom: -70px !important; } .row.mb-md-70 > [class*=col] { padding-bottom: 70px; } .row.mb-md-80 { margin-bottom: -80px !important; } .row.mb-md-80 > [class*=col] { padding-bottom: 80px; } .row.mb-md-90 { margin-bottom: -90px !important; } .row.mb-md-90 > [class*=col] { padding-bottom: 90px; } .row.mb-md-100 { margin-bottom: -100px !important; } .row.mb-md-100 > [class*=col] { padding-bottom: 100px; } .row.mb-md-120 { margin-bottom: -120px !important; } .row.mb-md-120 > [class*=col] { padding-bottom: 120px; } .row.mb-md-150 { margin-bottom: -150px !important; } .row.mb-md-150 > [class*=col] { padding-bottom: 150px; } .row.mb-md-180 { margin-bottom: -180px !important; } .row.mb-md-180 > [class*=col] { padding-bottom: 180px; } .row.mb-md-200 { margin-bottom: -200px !important; } .row.mb-md-200 > [class*=col] { padding-bottom: 200px; } } @media (min-width: 992px) { .row.mb-lg-0 { margin-bottom: 0 !important; } .row.mb-lg-0 > [class*=col] { padding-bottom: 0px; } .row.mb-lg-1 { margin-bottom: -1px !important; } .row.mb-lg-1 > [class*=col] { padding-bottom: 1px; } .row.mb-lg-2 { margin-bottom: -2px !important; } .row.mb-lg-2 > [class*=col] { padding-bottom: 2px; } .row.mb-lg-3 { margin-bottom: -3px !important; } .row.mb-lg-3 > [class*=col] { padding-bottom: 3px; } .row.mb-lg-4 { margin-bottom: -4px !important; } .row.mb-lg-4 > [class*=col] { padding-bottom: 4px; } .row.mb-lg-5 { margin-bottom: -5px !important; } .row.mb-lg-5 > [class*=col] { padding-bottom: 5px; } .row.mb-lg-10 { margin-bottom: -10px !important; } .row.mb-lg-10 > [class*=col] { padding-bottom: 10px; } .row.mb-lg-15 { margin-bottom: -15px !important; } .row.mb-lg-15 > [class*=col] { padding-bottom: 15px; } .row.mb-lg-20 { margin-bottom: -20px !important; } .row.mb-lg-20 > [class*=col] { padding-bottom: 20px; } .row.mb-lg-25 { margin-bottom: -25px !important; } .row.mb-lg-25 > [class*=col] { padding-bottom: 25px; } .row.mb-lg-30 { margin-bottom: -30px !important; } .row.mb-lg-30 > [class*=col] { padding-bottom: 30px; } .row.mb-lg-40 { margin-bottom: -40px !important; } .row.mb-lg-40 > [class*=col] { padding-bottom: 40px; } .row.mb-lg-50 { margin-bottom: -50px !important; } .row.mb-lg-50 > [class*=col] { padding-bottom: 50px; } .row.mb-lg-60 { margin-bottom: -60px !important; } .row.mb-lg-60 > [class*=col] { padding-bottom: 60px; } .row.mb-lg-70 { margin-bottom: -70px !important; } .row.mb-lg-70 > [class*=col] { padding-bottom: 70px; } .row.mb-lg-80 { margin-bottom: -80px !important; } .row.mb-lg-80 > [class*=col] { padding-bottom: 80px; } .row.mb-lg-90 { margin-bottom: -90px !important; } .row.mb-lg-90 > [class*=col] { padding-bottom: 90px; } .row.mb-lg-100 { margin-bottom: -100px !important; } .row.mb-lg-100 > [class*=col] { padding-bottom: 100px; } .row.mb-lg-120 { margin-bottom: -120px !important; } .row.mb-lg-120 > [class*=col] { padding-bottom: 120px; } .row.mb-lg-150 { margin-bottom: -150px !important; } .row.mb-lg-150 > [class*=col] { padding-bottom: 150px; } .row.mb-lg-180 { margin-bottom: -180px !important; } .row.mb-lg-180 > [class*=col] { padding-bottom: 180px; } .row.mb-lg-200 { margin-bottom: -200px !important; } .row.mb-lg-200 > [class*=col] { padding-bottom: 200px; } } @media (min-width: 1200px) { .row.mb-xl-0 { margin-bottom: 0 !important; } .row.mb-xl-0 > [class*=col] { padding-bottom: 0px; } .row.mb-xl-1 { margin-bottom: -1px !important; } .row.mb-xl-1 > [class*=col] { padding-bottom: 1px; } .row.mb-xl-2 { margin-bottom: -2px !important; } .row.mb-xl-2 > [class*=col] { padding-bottom: 2px; } .row.mb-xl-3 { margin-bottom: -3px !important; } .row.mb-xl-3 > [class*=col] { padding-bottom: 3px; } .row.mb-xl-4 { margin-bottom: -4px !important; } .row.mb-xl-4 > [class*=col] { padding-bottom: 4px; } .row.mb-xl-5 { margin-bottom: -5px !important; } .row.mb-xl-5 > [class*=col] { padding-bottom: 5px; } .row.mb-xl-10 { margin-bottom: -10px !important; } .row.mb-xl-10 > [class*=col] { padding-bottom: 10px; } .row.mb-xl-15 { margin-bottom: -15px !important; } .row.mb-xl-15 > [class*=col] { padding-bottom: 15px; } .row.mb-xl-20 { margin-bottom: -20px !important; } .row.mb-xl-20 > [class*=col] { padding-bottom: 20px; } .row.mb-xl-25 { margin-bottom: -25px !important; } .row.mb-xl-25 > [class*=col] { padding-bottom: 25px; } .row.mb-xl-30 { margin-bottom: -30px !important; } .row.mb-xl-30 > [class*=col] { padding-bottom: 30px; } .row.mb-xl-40 { margin-bottom: -40px !important; } .row.mb-xl-40 > [class*=col] { padding-bottom: 40px; } .row.mb-xl-50 { margin-bottom: -50px !important; } .row.mb-xl-50 > [class*=col] { padding-bottom: 50px; } .row.mb-xl-60 { margin-bottom: -60px !important; } .row.mb-xl-60 > [class*=col] { padding-bottom: 60px; } .row.mb-xl-70 { margin-bottom: -70px !important; } .row.mb-xl-70 > [class*=col] { padding-bottom: 70px; } .row.mb-xl-80 { margin-bottom: -80px !important; } .row.mb-xl-80 > [class*=col] { padding-bottom: 80px; } .row.mb-xl-90 { margin-bottom: -90px !important; } .row.mb-xl-90 > [class*=col] { padding-bottom: 90px; } .row.mb-xl-100 { margin-bottom: -100px !important; } .row.mb-xl-100 > [class*=col] { padding-bottom: 100px; } .row.mb-xl-120 { margin-bottom: -120px !important; } .row.mb-xl-120 > [class*=col] { padding-bottom: 120px; } .row.mb-xl-150 { margin-bottom: -150px !important; } .row.mb-xl-150 > [class*=col] { padding-bottom: 150px; } .row.mb-xl-180 { margin-bottom: -180px !important; } .row.mb-xl-180 > [class*=col] { padding-bottom: 180px; } .row.mb-xl-200 { margin-bottom: -200px !important; } .row.mb-xl-200 > [class*=col] { padding-bottom: 200px; } } .flex-vertical-align { display: flex; align-items: center; justify-content: center; } .flex-vertical-align > div { width: 100%; } .flex-vertical-align .align-top { align-self: flex-start; } .flex-vertical-align .align-bottom { align-self: flex-end; } /** * Reordering */ .col-1-max {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2-max {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3-max {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4-max {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5-max {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6-max {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7-max {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8-max {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9-max {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10-max {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11-max {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12-max {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} /** * Column width from max */ @media (max-width: 1119.99px) { .col-xl-1-re {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xl-2-re {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xl-3-re {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xl-4-re {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-5-re {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xl-6-re {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-7-re {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xl-8-re {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xl-9-re {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xl-10-re {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xl-11-re {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xl-12-re {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (max-width: 991.99px) { .col-lg-1-re {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-lg-2-re {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-3-re {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4-re {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-5-re {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-6-re {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-lg-7-re {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-lg-8-re {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-9-re {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-lg-10-re {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-11-re {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-lg-12-re {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (max-width: 767.99px) { .col-md-1-re {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-md-2-re {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-md-3-re {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-4-re {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-5-re {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6-re {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7-re {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-8-re {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-md-9-re {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-md-10-re {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-md-11-re {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-md-12-re {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (max-width: 575.99px) { .col-sm-1-re {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-sm-2-re {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-sm-3-re {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-sm-4-re {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-sm-5-re {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-sm-6-re {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-sm-7-re {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-sm-8-re {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-sm-9-re {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10-re {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11-re {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-sm-12-re {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (max-width: 478.99px) { .col-xs-1-re {-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xs-2-re {-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xs-3-re {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xs-4-re {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xs-5-re {-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xs-6-re {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xs-7-re {-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xs-8-re {-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xs-9-re {-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xs-10-re {-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xs-11-re {-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xs-12-re {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } /** * Border */ .border { border: 1px solid #E1E1E1; } .border-primary { border-color: #3F51B5; } .border-secondary { border-color: #FE0000; } .border-bottom { border-bottom: 1px solid #E1E1E1; } .border-top { border-top: 1px solid #E1E1E1; } .border-right { border-right: 1px solid #E1E1E1; } .border-left { border-left: 1px solid #E1E1E1; } .no-border { border: 0 !important; } .border-1px { border-width: 1px; } .border-2px { border-width: 2px; } .border-3px { border-width: 3px; } .border-4px { border-width: 4px; } .border-5px { border-width: 5px; } .border-circle { border-radius: 50%; } /** * List */ ul.list-with-icon li { position:relative; padding-left: 20px; margin-bottom: 10px; } ul.list-with-icon li i { position: absolute; top: 4px; left: 0; line-height: 1.25; } ul.border-bottom { border-bottom: 0; } ul.border-bottom li { border-bottom: 1px solid #E1E1E1; padding-bottom: 10px; } ul.border-bottom.dotted li { border-bottom: 1px dotted #CCC; } ul.border-bottom li:last-child { border-bottom: 0; } ul.ul.list-circle li { list-style-type: circle; } ul.ul.list-square li { list-style-type: square; } ol.ol.decimal-leading-zero li { list-style-type: decimal-leading-zero; } ol.ol.lower-roman li { list-style-type: lower-roman; } ol.ol.upper-roman li { list-style-type: upper-roman; } ol.ol.lower-latin li { list-style-type: lower-latin; } ol.ol.upper-latin li { list-style-type: upper-latin; } ul.list-with-header li { line-height: 1.6; } ul.list-with-header li h5, ul.list-with-header li h6 { line-height: 1.25; margin: 0 0 10px; } ul.list-with-header li h6 { font-size: 15px; } ul.list-with-header li + li { margin-top: 25px; } ul.list-icon-absolute { margin-bottom: -10px; } ul.list-icon-absolute li { position:relative; padding-left: 30px; margin-bottom: 10px; } ul.list-icon-absolute li .icon-font { display: block; position: absolute; top: 3px; left: 0; line-height: 1.15; } ul.list-icon-absolute li .icon-font .material-icons { font-size: 20px; margin-top: -3px; } ul.list-icon-absolute.row li { padding-left: 45px; } ul.list-icon-absolute.row li .icon-font { left: 15px; } ul.list-icon-data-attr { margin-bottom: -10px; } ul.list-icon-data-attr li { position: relative; padding-left: 25px; line-height: 1.55; margin-bottom: 10px; } ul.list-icon-data-attr li[data-content]:before { content: attr(data-content); position: absolute; left: 0; top: 2px; font-size: 17px; color: #FE0000; display: block; line-height: 1; } ul.list-icon-data-attr.font-ionicons li[data-content]:before { font-family:"Ionicons"; } ul.list-icon-data-attr.font-awesome { margin-bottom: -5px; } ul.list-icon-data-attr.font-awesome li { padding-left: 20px; margin-bottom: 5px; } ul.list-icon-data-attr.font-awesome li[data-content]:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 4px; font-size: 12px; } ul.list-icon-data-attr.row li { padding-left: 30px; } ul.list-icon-data-attr.row li[data-content]:before { left: 15px; } ul.list-block-md li { display: inline-block; margin: 0; margin-right: 5px; } ul.list-inline-block li { display: inline-block; margin-right: 12px; } ul.list-inline-block li:last-child { margin-right: 0; } @media (min-width: 576px) { } @media (min-width: 768px) { ul.list-block-md li { display: block; } ul.list-icon-data-attr.font-awesome.list-block-md { margin-bottom: -5px; } ul.list-icon-data-attr.font-awesome.list-block-md li { margin-bottom: 5px; } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /** * Background */ .bg-primary { background: #3F51B5 !important; color: #FFF; } .bg-secondary { background: #FE0000 !important; color: #FFF; } .bg-info { background: #154EB5 !important; color: #FFF; } .bg-success { background: #10C47F !important; color: #FFF; } .bg-warning { background: #EB7A2A !important; color: #FFF; } .bg-danger { background: #EB334B !important; color: #FFF; } .bg-white-shadow { background: #FFF; padding: 10px 25px 15px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); } .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-info h1, .bg-info h2, .bg-info h3, .bg-info h4, .bg-info h5, .bg-info h6, .bg-success h1, .bg-success h2, .bg-success h3, .bg-success h4, .bg-success h5, .bg-success h6, .bg-warning h1, .bg-warning h2, .bg-warning h3, .bg-warning h4, .bg-warning h5, .bg-warning h6, .bg-danger h1, .bg-danger h2, .bg-danger h3, .bg-danger h4, .bg-danger h5, .bg-danger h6, .bg-color-02 h1, .bg-color-02 h2, .bg-color-02 h3, .bg-color-02 h4, .bg-color-02 h5, .bg-color-02 h6, .bg-bg-color-03 h1, .bg-bg-color-03 h2, .bg-bg-color-03 h3, .bg-bg-color-03 h4, .bg-bg-color-03 h5, .bg-bg-color-03 h6 { color: #FFF !important; } .bg-primary a, .bg-info a, .bg-success a, .bg-danger a { color: #FFF; } .bg-primary a:hover, .bg-info a:hover, .bg-success a:hover, .bg-danger a:hover { text-decoration: underline; } a.bg-primary:hover { background-color: #26316D !important; } a.bg-secondary:hover { background-color: #962C2E !important; } .bg-white { background: #FFF; color: inherit; } .bg-light { background: #F4F6F9; } .bg-light-02 { background: #E3E3E3; } .bg-dark { background: #212B36 !important; color: #FFF; } .bg-dark-02 { background: #1A1A1A; color: rgba(255,255,255,0.8); } .bg-light-primary { background: #EBEFF2; } .bg-light-secondary { background: #FAF2F2; } .bg-light-info { background: #F0F3FA; } .bg-light-success { background: #EBF5F1; } .bg-light-warning { background: #FAF6F2; } .bg-light-danger { background: #FFF7F8; } .bg-none { background: none; } .bg-color-transparent { background-color: transparent; } .bg-box-border-primary { background-color: #F7F8FC; border: 2px solid #3F51B5; padding: 20px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); } .bg-box-border-secondary { background-color: #FFFCFA; border: 2px solid #FE0000; padding: 20px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.09); } .overlay-relative .overlay-holder.overlay-primary { background-color: #FF1944; color: #FFF; } .overlay-relative .overlay-holder.overlay-light { background-color: #F2F2F2; color: inherit; } /** * Button */ .btn { -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; text-transform: uppercase; font-size: 13px; font-weight: 500; padding-top: 9px; padding-bottom: 7px; border-radius: 3px; border-radius: 30px;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; } .btn:hover, .btn:focus, .btn.focus { text-decoration: none; } .btn.active, .btn:hover,.btn:focus,.btn:active,.btn:active:focus{ -webkit-box-shadow:none;box-shadow:none;outline:none; } .btn-default { color: #DC221A; background-color: #E3E3E3; border-color: #E3E3E3; } .btn-default:hover { background-color: #D4D4D4; border-color: #D4D4D4; } .btn-dark { color: #FFF; background-color: #1C2021; border-color: #1C2021; } .btn-dark:hover { background-color: #666; border-color: #666; } .btn-primary { background: #3F51B5; border-color: #3F51B5; color: #FFF; } .btn-primary:hover { background: #26316D; border-color: #26316D; } .btn-secondary { background: #FE0000; border-color: #FE0000; color: #FFF; } .btn-secondary:hover { background: #962C2E; border-color: #962C2E; } .btn-info { background: #154EB5; border-color: #154EB5; color: #FFF; } .btn-info:hover { background: #113E91; border-color: #113E91; } .btn-success { background: #10C47F; border-color: #10C47F; color: #FFF; } .btn-success:hover { background: #0D9D66; border-color: #0D9D66; } .btn-warning { background: #EB7A2A; border-color: #EB7A2A; color: #FFF; } .btn-warning:hover { background: #BC6222; border-color: #BC6222; } .btn-danger { background: #BC293C; border-color: #BC293C; color: #FFF; } .btn-danger:hover { background: #9E2B28; border-color: #9E2B28; } .btn-primary:hover, .btn-secondary:hover, .btn-info:hover, .btn-success:hover, .btn-warning:hover, .btn-danger:hover, .btn-dark:hover { color: #FFF; } .btn-primary.btn-border, .btn-secondary.btn-border, .btn-info.btn-border, .btn-success.btn-border, .btn-warning.btn-border, .btn-danger.btn-border, .btn-dark.btn-border { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-primary.btn-border { color: #3F51B5; } .btn-secondary.btn-border { color: #FE0000; } .btn-info.btn-border { color: #154EB5; } .btn-success.btn-border { color: #10C47F; } .btn-warning.btn-border { color: #EB7A2A; } .btn-danger.btn-border { color: #BC293C; } .btn-dark.btn-border { color: #1C2021; } .btn-primary.btn-border:hover, .btn-secondary.btn-border:hover, .btn-info.btn-border:hover, .btn-success.btn-border:hover, .btn-warning.btn-border:hover, .btn-dark.btn-border:hover, .btn-danger.btn-border:hover { opacity: 0.5; -webkit-box-shadow: 0px 3px 24px -3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 24px -3px rgba(0,0,0,0.4); box-shadow: 0px 3px 24px -3px rgba(0,0,0,0.4); } .btn-round, .btn-lg.btn-round, .btn-sm.btn-round { border-radius: 50px; } .btn-xs { padding: 0 7px; padding-top: 5px; padding-bottom: 4px; font-size: 9px; border-radius: 2px; letter-spacing: 1.5px; line-height: 1; font-weight: 500; } .btn-sm { padding-top: 7px; padding-bottom: 6px; font-size: 11px; border-radius: 3px; letter-spacing: 1.3px; } .btn-lg { padding: 10px 20px; padding-top: 13px; padding-bottom: 11px; border-radius: 5px; font-size: 15px; } .btn-wide { padding-left: 30px; padding-right: 30px; } .btn-wider { padding-left: 50px; padding-right: 50px; } .btn-toggle.collapsed-on { display: none; } .btn-toggle.collapsed.collapsed-on { display: inline-block; } /** When with .collapsed, mean box closed */ .btn-toggle.btn-block.collapsed.collapsed-on { display: block; } .btn-toggle.collapsed-off { display: inline-block; } .btn-toggle.btn-block.collapsed-off { display: block; } .btn-toggle.collapsed.collapsed-off { display: none; } .btn-toggle.collapsed-disapear { display: none; } .btn-toggle.collapsed.collapsed-disapear { display: inline-block; } .btn-toggle.btn-block.collapsed.collapsed-disapear { display: block; } .btn-shadow { -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21); box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.21); } .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus, .btn:focus, .btn.focus { box-shadow: none; } .btn-text-inherit { font: inherit; text-transform: inherit; background-color: transparent; padding: 0; margin: 0; letter-spacing: inherit; line-height: inherit; color: inherit; } .btn-link { padding-left: 0; padding-right: 0; color: #FF5252; } a.btn-link:hover, a.btn.btn-link:hover { color: #FF5252; text-decoration: underline; } .btn.btn-facebook { background: #3b5998; color: #FFF; } .btn.btn-google { background: #db3236; color: #FFF; } .btn.btn-twitter { background: #00aced; color: #FFF; } .btn.btn-pinterest { background: #c8232c ; color: #FFF; } .btn.btn-facebook:hover { opacity: 0.8; } .btn-change-search.collapsed:before {content:'+ Change Search'; } .btn-change-search:before {content:'- Cancel'; } /** * Form */ .form-control, .form-readonly-control[readonly], .form-control-readonly[readonly]{ transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; background: #FFF; border: 1px solid #E1E1E1; border-radius: 3px; } .form-control:focus {border-color:#A1A1A1;outline:0;-webkit-box-shadow:none;box-shadow:none;} .form-control::-moz-placeholder { color: #9B9B9B; } .form-control:-ms-input-placeholder { color: #9B9B9B; } .form-control::-webkit-input-placeholder { color: #9B9B9B; } .input-group.border { border-radius: 3px; border-color: #E1E1E1 !important; transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; } .input-group.border.bg-change-focus-addclass.focus { border-color: #A1A1A1 !important; } .form-bg-light, .form-bg-light:focus { background-color: #F9F9F9; } .form-round, .form-group-sm .form-round, .form-group-lg .form-round { border-radius: 50px; padding-left: 15px; padding-right: 15px; } .form-group-lg .form-round { padding-left: 20px; padding-right: 20px; } .custom-select { font-size: 1rem; } .custom-select-sm { font-size: 0.875rem; padding-top: 3px; } .custom-select-lg { font-size: 1.25rem; } .custom-file-label , .custom-file-label::after { padding-top: 8px; } .custom-select-sm{height:calc(1.8125rem + 2px); } .custom-select-lg{height:calc(2.875rem + 2px); } .custom-file-sm, .custom-file-input, .custom-file-label, .custom-file-label::after { font-size: 1rem; } .custom-file-sm, .custom-file-sm .custom-file-input, .custom-file-sm .custom-file-label { height:calc(1.8125rem + 2px); font-size: 0.875rem; } .custom-file-sm .custom-file-label::after { height:calc(calc(1.8125rem + 2px) - 1px * 2); font-size: 0.875rem; } .custom-file-sm .custom-file-label, .custom-file-sm .custom-file-label::after { padding-top: 4px; } .custom-file-lg, .custom-file-lg .custom-file-input, .custom-file-lg .custom-file-label { height: calc(2.875rem + 2px); font-size: 1.25rem; } .custom-file-lg .custom-file-label::after { height:calc(calc(2.875rem + 2px) - 1px * 2); font-size: 1.25rem; } .custom-file-lg .custom-file-label, .custom-file-lg .custom-file-label::after { padding-top: 10px; } .custom-control-input:checked ~ .custom-control-label::before { border-color: #FE0000; background-color: #FE0000; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ABD5BD; } .custom-control-label::before { top: 3px; } .custom-control-label::after { top: 3px; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: #3F51B5; border-color: #3F51B5; } .custom-control.custom-checkbox + .custom-control.custom-checkbox, .custom-control.custom-radio + .custom-control.custom-radio { margin-top: 3px; } .input-group.border .form-control { border: 0; } .input-group.border .input-group-prepend .input-group-text, .input-group.border .input-group-append .input-group-text { border: 0; } .form-icon-left, .form-icon-right { position: relative; } .form-icon-left .form-control { padding-left: 30px; } .form-icon-right .form-control { padding-right: 30px; } .form-icon-left .icon-font, .form-icon-right .icon-font { position: absolute; top: 0; bottom: 0; width: 33px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; } .form-icon-left .icon-font { left: 0; } .form-icon-right .icon-font { right: 0; } .bg-primary .form-control { border-color: #FFF; }