/*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-family: adobe-heiti-std, sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } @font-face { font-family: 'DIN-Medium'; src: url("fonts/DIN-MEDI.eot"); /* IE9 Compat Modes */ src: url("fonts/DIN-MEDI.eot?#iefix") format("embedded-opentype"), url("fonts/DIN-MEDI.woff") format("woff"), url("fonts/DIN-MEDI.ttf") format("truetype"), url("fonts/DIN-MEDI.svg#d810fd0de5f94c19f1c61300cb3051eb") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'DIN-Light'; src: url("fonts/DINWebPro-Light.eot"); /* IE9 Compat Modes */ src: url("fonts/DINWebPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/DINWebPro-Light.woff") format("woff"), url("fonts/DINWebPro-Light.ttf") format("truetype"), url("fonts/DINWebPro-Light.svg#2b702afc57c9151b23ad3a48d4931d0c") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 200; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } .flexslider { overflow: hidden; border: none; margin: 0; } .flexslider .flex-control-paging { bottom: 0; } .flexslider .slides li { position: relative; } .flexslider .flex-direction-nav a::before { font-size: 30px; color: #fff; } .color-primary { color: #007fd6; } /*-------------------------------------------------------------- # Icons --------------------------------------------------------------*/ @font-face { font-family: "smithsdetection"; src: url("fonts/smithsdetection.eot"); src: url("fonts/smithsdetection.eot?#iefix") format("embedded-opentype"), url("fonts/smithsdetection.woff") format("woff"), url("fonts/smithsdetection.ttf") format("truetype"), url("fonts/smithsdetection.svg#smithsdetection") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "smithsdetection" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "smithsdetection" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-angle-down:before { content: "\61"; } .icon-map-marker:before { content: "\62"; } .icon-phone:before { content: "\63"; } .icon-envelope:before { content: "\64"; } .icon-globe:before { content: "\65"; } /*-------------------------------------------------------------- # Slider --------------------------------------------------------------*/ .slider .flexslider { overflow: hidden; border: none; margin: 0; } .slider .flexslider .flex-control-paging { bottom: 0; } .slider .flexslider .slides li { position: relative; line-height: 0; height: calc(100vw * 199 / 683); width: 100%; overflow: hidden; background-size: cover; } .slider .flexslider .flex-direction-nav a::before { font-size: 30px; color: #fff; } /*-------------------------------------------------------------- # CTA Heading --------------------------------------------------------------*/ .cta-fullwidth .title { margin: 0; font-size: 35px; font-weight: 500; text-align: center; color: #1C262B!important; margin-bottom: 30px; letter-spacing: 0.7px; } @media screen and (max-width: 767px) { .cta-fullwidth .title { font-size: 19px; margin-bottom: 16px; } } .cta-fullwidth { text-align: center; padding-top: 45px; padding-bottom: 45px; background-color: #007fd6; } .cta-fullwidth.primary p { color: #fff; } .cta-fullwidth.primary .btn { border: none; } @media screen and (max-width: 767px) { .cta-fullwidth { padding-top: 30px; padding-bottom: 30px; } } .cta-fullwidth p { margin: 0; color: #1C262B; font-size: 17px; font-weight: 300; line-height: 1.5; text-align: center; letter-spacing: 0.4px; } @media screen and (max-width: 767px) { .cta-fullwidth p { font-size: 16px; line-height: 21px; } } .cta-fullwidth .btn { margin-top: 40px; } @media screen and (max-width: 767px) { .cta-fullwidth .btn { margin-top: 25px; } } .cta-fullwidth.primary .btn-primary { color: #fff !important; background: #25a6ff !important; } .cta-fullwidth.primary .btn-primary a { color: #fff !important; } .cta-fullwidth.primary .btn-primary:hover { color: #007fd6 !important; background: #fff !important; } .cta-fullwidth.secondary, .cta-fullwidth.gray { background: transparent; } .cta-fullwidth.secondary .title, .cta-fullwidth.gray .title { color: #1C262B; } .cta-fullwidth.secondary p, .cta-fullwidth.gray p { color: #1C262B; } .cta-fullwidth.gray { background: #f7f7f7; } .cta-fullwidth.horizontal { text-align: left; } .cta-fullwidth.horizontal .left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .cta-fullwidth.horizontal .left { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } } .cta-fullwidth.horizontal p { margin: 0; } .cta-fullwidth.horizontal .icon { width: 60px; height: auto; margin-right: 30px; } @media (max-width: 767px) { .cta-fullwidth.horizontal .icon { width: 25px; margin-right: 0; margin-bottom: 12px; } } .cta-fullwidth.horizontal .row-inner { -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .cta-fullwidth.horizontal .row-inner { -ms-flex-direction: column; flex-direction: column; } } .cta-fullwidth.horizontal .content-container { padding: 0 30px 0 0; } @media (max-width: 767px) { .cta-fullwidth.horizontal .content-container { padding-left: 0; padding-right: 0; } } .cta-fullwidth.horizontal .content-container * { text-align: left; } @media (max-width: 767px) { .cta-fullwidth.horizontal .content-container * { text-align: center; } } .cta-fullwidth.horizontal .content-container .title { margin-bottom: 10px; } @media (max-width: 767px) { .cta-fullwidth.horizontal .content-container p { font-size: 16px; font-weight: 300; line-height: 21px; } } .cta-fullwidth.horizontal .btn { margin: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 0; flex-grow: 0; display: block; } @media (max-width: 767px) { .cta-fullwidth.horizontal .btn { margin-top: 25px; } } /*-------------------------------------------------------------- # Search Page --------------------------------------------------------------*/ .search-box-wrap { float: left; width: 250px; } #search-box { width: 100%; } #search-box * { box-sizing: border-box; } #search-box input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #search-box.search-box-mobile { margin-bottom: 10px; margin-top: 10px; } #search-box .awesomplete { position: relative; display: block; } #search-box .search-field { width: 100%; height: 36px; color: #979797; font-size: 14px; line-height: 16px; border: solid 1px #0088D2; border-right: none; padding-right: 36px; } #search-box .search-submit { display: inline; background: transparent; border: solid 1px #0088D2; border-left: none; position: absolute; right: 0; top: 0; } #search-box .search-submit i { color: #0088D2; font-size: 16px; } #search-box .search-submit:focus { outline: 0; } #search-box div.awesomplete > ul { top: 32px; padding: 0 20px; background: #fff; } #search-box div.awesomplete > ul:before { display: none; } #search-box div.awesomplete > ul li { padding: 10px 0; border-bottom: solid 1px #F6F6F6; color: #007FD6; font-size: 14px; letter-spacing: 0; line-height: 21px; } #search-box div.awesomplete > ul li:last-child { border-bottom: none; } #search-box div.awesomplete > ul li mark { background: transparent; font-weight: bold; color: #007FD6; } #search-box div.awesomplete > ul li[aria-selected="true"], #search-box div.awesomplete > ul li:hover { background: transparent; } @media screen and (max-width: 767px) { .search-results .cta-fullwidth .title { margin-bottom: 0px; } } .search-results .search-result-item { width: 100%; border-bottom: 1px solid #EEEEEE; padding-bottom: 22px; margin-bottom: 22px; } @media (min-width: 992px) { .search-results .search-result-item { padding-bottom: 25px; margin-bottom: 30px; } } .search-results .search-result-item > article { height: auto; overflow: hidden; } .search-results .sr-avatar { margin-bottom: 10px; } @media (min-width: 992px) { .search-results .sr-avatar { float: left; width: 177px; margin-right: 15px; margin-bottom: 0; } } .search-results .sr-content { width: auto; overflow: hidden; } .search-results .sr-content .entry-title { margin-top: 0; margin-bottom: 15px; font-size: 19px; color: #007FD6; line-height: 28.5px; font-weight: normal; text-align: justify; } .search-results .sr-content .entry-title a { text-decoration: none; } .search-results .sr-content .entry-summary { margin-top: 0; font-size: 17px; color: #333333; letter-spacing: 0; line-height: 26px; text-align: justify; } .search-results .sr-content .entry-summary p:first-child { margin-top: 0; } .search-results .sr-content .entry-summary p:last-child { margin-bottom: 0; } .search-results #breadcrumbs { margin: 10px 0 0; font-size: 14px; color: #007FD6; line-height: 17px; } .search-results #breadcrumbs li:after { font-size: 11.4px; color: #007FD6; } .search-results #breadcrumbs .home-item a { padding-left: 0; } .search-results #breadcrumbs .home-item a:after { display: none; } picture img { vertical-align: bottom; } /*-------------------------------------------------------------- # Image fullwidth --------------------------------------------------------------*/ .image-fullwidth { line-height: 0; height: calc(100vw * 199 / 683); width: 100%; overflow: hidden; background-size: cover; } /*-------------------------------------------------------------- # Market Grid --------------------------------------------------------------*/ .market-grid { margin: 20px 0; } @media (max-width: 767px) { .market-grid { margin-top: 0; } } .market-grid .resizer-row #resizer { height: 0; } .market-grid .grid-link { text-decoration: none; display: block; margin-bottom: 22px; position: relative; } @media (min-width: 992px) { .market-grid .grid-link:hover .content.content-normal { opacity: 0; } .market-grid .grid-link:hover .content.content-hover { opacity: 1; } .market-grid .grid-link:hover .background { transform: scale(0.8); } } .market-grid .background { height: 345px; background-size: cover; position: relative; transition: all .8s; transform-origin: 100% 50%; } @media (max-width: 767px) { .market-grid .background { height: 215px; } } .market-grid .market-item { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; } .market-grid .market-item .content { height: auto; overflow: hidden; -ms-flex: 0; flex: 0; position: absolute; top: 50%; transform: translateY(-50%); padding: 20px; z-index: 1; transition: all .8s; } .market-grid .market-item .content * { z-index: 1; } .market-grid .market-item .content:before { z-index: 0; display: block; content: " "; position: absolute; background: rgba(0, 127, 214, 0.53); top: 0; left: 0; width: 100%; height: 100%; border-bottom-left-radius: 40px; border-top-right-radius: 40px; } @media (max-width: 767px) { .market-grid .market-item .content:before { border-bottom-left-radius: 20px; border-top-right-radius: 20px; } } .market-grid .market-item .content h2 { display: inline-block; font-family: adobe-heiti-std, sans-serif; font-size: 30px; font-weight: 500; line-height: 44px; color: #ffffff; z-index: 1; padding: 0; margin: 0; } @media (max-width: 767px) { .market-grid .market-item .content h2 { font-size: 19px; line-height: 23px; } } .market-grid .market-item .content p { width: 100%; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; z-index: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: justify; } @media (max-width: 767px) { .market-grid .market-item .content p { font-size: 16px; line-height: 21px; } } .market-grid .market-item .content.content-normal { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .market-grid .market-item .content.content-hover { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; color: #fff; opacity: 0; padding: 40px 40px; height: 100%; width: 100%; word-wrap: break-word; } .market-grid .market-item .content.content-hover h2 { text-align: left; background: transparent; margin: 0; padding: 0; } /*-------------------------------------------------------------- # Market Grid --------------------------------------------------------------*/ .product-grid .pagination { margin-top: 40px; } .product-grid .product-list-item { position: relative; margin-bottom: 22px; } .product-grid .product-list-item .image-container { line-height: 0; } @media (max-width: 767px) { .product-grid .product-list-item .image-container { width: 100%; height: auto; } } @media (max-width: 767px) { .product-grid .product-list-item .image-container img { width: 100%; } } .product-grid .product-list-item .content { bottom: 0; left: 0; right: 0; top: 0; transition: all 2s; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; overflow: hidden; position: absolute; } .product-grid .product-list-item .content h1 { font-size: 18px; font-weight: 500; color: #ffffff; margin: 0; bottom: 0; left: 0; position: absolute; padding: 15px 20px 10px; background-color: rgba(37, 166, 255, 0.8); width: 100%; transition: all .5s; } @media (max-width: 767px) { .product-grid .product-list-item .content h1 { font-size: 19px; } } .product-grid .product-list-item .content .hover-content { position: absolute; padding: 15px 20px 10px; background-color: rgba(37, 166, 255, 0.8); width: 100%; top: 0; bottom: 0; left: 0; height: 100%; opacity: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; transition: all .5s; text-align: center; } .product-grid .product-list-item .content p { margin-top: 15px; margin-bottom: 0; font-size: 18px; font-weight: 500; color: #ffffff; width: 100%; } @media (max-width: 767px) { .product-grid .product-list-item .content p { margin-top: 0; font-size: 16px; line-height: 21px; } } .product-grid .product-list-item .content .btn { margin-top: 30px; display: none; transition: transform 2s; transform: translateY(100%); } .product-grid .product-list-item:hover .content { transition: all .5s; top: 0; } .product-grid .product-list-item:hover .content .entry-title { opacity: 0; } .product-grid .product-list-item:hover .content .hover-content { opacity: 1; } .product-grid .product-list-item:hover .content .btn { display: block; transform: translateY(0); } /*-------------------------------------------------------------- # Product Single --------------------------------------------------------------*/ .product-single { margin-top: 50px; } @media (max-width: 767px) { .product-single { margin-top: 0; } } .product-single .left-column { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 767px) { .product-single .left-column { display: block; } } .product-single .image-slider-nav { margin-top: 10px; } .product-single .image-slider-nav li { cursor: pointer; } .product-single .left-detail { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0 30px; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 991px) { .product-single .left-detail { margin-top: 10px; background-color: #fff; } } .product-single .left-detail h1 { font-family: adobe-heiti-std, sans-serif; margin-top: 10px; margin-bottom: 5px; font-size: 25px; line-height: 25px; color: #007fd6; text-align: left; } @media (max-width: 767px) { .product-single .left-detail h1 { text-align: center; font-size: 19px; line-height: 23px; } } .product-single .left-detail .tagline { color: #4a4a4a; font-size: 20px; font-weight: bold; letter-spacing: -.97px; margin-bottom: 2px; margin: 0; } @media (max-width: 767px) { .product-single .left-detail .tagline { text-align: center; font-size: 16px; line-height: 21px; } } .product-single .left-detail .content { margin-top: 20px; font-size: 18px; font-weight: 300; line-height: 26px; color: #333333; } @media (max-width: 767px) { .product-single .left-detail .content { font-size: 16px; line-height: 21px; } } .product-single .left-detail .content ul, .product-single .left-detail .content ol { margin: 0; padding-left: 20px; } .product-single .left-detail .content p { margin: 0; } .product-single hr.section-spliter { border-color: #8c8c8c; margin-top: 50px; margin-bottom: 35px; } .product-single .detail-tabs .tabs { display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; -ms-flex-pack: center; justify-content: center; } .product-single .detail-tabs .tabs .tab-link { cursor: pointer; font-size: 21px; font-weight: 300; color: #007fd6; border-bottom: 2px solid #fff; transition: all .5s; } .product-single .detail-tabs .tabs .tab-link:hover, .product-single .detail-tabs .tabs .tab-link.active { border-bottom: 2px solid #007fd6; } .product-single .detail-tabs .tabs .tab-link + .tab-link { margin-left: 40px; position: relative; } .product-single .detail-tabs .tabs .tab-link + .tab-link:before { display: block; content: " "; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #007fd6; left: -20px; top: 14px; } .product-single .detail-tabs .tabs .tab-link a { text-decoration: none; } .product-single .detail-tabs .tabs .tab-link.download { display: none; } .product-single .detail-tabs table td:first-child { white-space: nowrap; padding-right: 10px; } .product-single .detail-tabs table ul, .product-single .detail-tabs table ol { margin-left: 0; padding-left: 25px; } .product-single .detail-tabs .tab-content-container { margin-top: 25px; } .product-single .detail-tabs .tab-content-container .tab-content { display: none; } .product-single .detail-tabs .tab-content-container .tab-content.active { display: block; } .product-single .detail-tabs .tab-content-container .tab-content p { text-align: left; } .product-single .detail-tabs .collapse-container { margin-top: 10px; } .product-single .detail-tabs .collapse-container .collapse { border-top: 1px solid rgba(151, 151, 151, 0.8); } .product-single .detail-tabs .collapse-container .collapse-trigger { display: block; color: #007fd6; text-decoration: none; padding-top: 10px; padding-bottom: 10px; } .product-single .detail-tabs .collapse-container .collapse-content { height: 0; overflow: hidden; transition: all .5s; } .product-single .detail-tabs .collapse-container .collapse-content.active { border-top: 1px solid rgba(151, 151, 151, 0.8); height: auto; } .product-single .detail-tabs .collapse-container .collapse-content table { margin-top: 10px; } #product-comparison.parent-table { text-align: justify; font-size: 16px; color: #333333; line-height: 21px; margin-bottom: 60px; width: 100%; } #product-comparison.parent-table .parent-header { display: inline-block; z-index: 999999; top: 0; transition: transform 1s; background: #fff; } #product-comparison.parent-table .parent-header .col-content { margin-bottom: 5px; } #product-comparison.parent-table .parent-header .row-content { background: #007FD6; font-size: 18px; color: #FFFFFF; line-height: 28.5px; text-align: center; margin-bottom: 0; white-space: nowrap; padding: 15px 5px; } #product-comparison.parent-table .parent-content .pc-button { display: none; } #product-comparison.parent-table .parent-table-group { width: 100%; background: #F7F7F7; text-align: center; overflow: hidden; } #product-comparison.parent-table .parent-table-group .col-title { width: 100%; padding: 10px 15px; font-size: 16px; color: #333333; line-height: 21px; border-bottom: none; text-align: center; } #product-comparison.parent-table .parent-table-content { width: 100%; overflow: hidden; border-bottom: solid 1px #ccc; } #product-comparison.parent-table .parent-table-content:last-child { padding-bottom: 40px; } #product-comparison.parent-table .parent-table-content .col-content { overflow: hidden; } #product-comparison.parent-table .col-content-wrapper { overflow: hidden; } #product-comparison.parent-table .col-title { padding: 15px 10px; color: #777777; line-height: 17px; white-space: inherit; float: left; margin-right: 5px; margin-bottom: 5px; font-weight: bold; font-size: 14px; color: #000; width: 80px; } @media (min-width: 768px) { #product-comparison.parent-table .col-title { width: 123px; } } #product-comparison.parent-table .col-content { float: left; position: relative; } #product-comparison.parent-table .row-table { padding: 0; margin: 0; overflow: hidden; transition: transform 0.2s; } #product-comparison.parent-table .row-content { padding: 15px; list-style: none; display: inline-block; margin-right: 5px; margin-bottom: 5px; } #product-comparison.parent-table .row-content:last-child { margin-right: 0; } #product-comparison.parent-table .pc-button { background: #007FD6; width: 40px; height: 100%; color: #fff; font-size: 30px; position: absolute; top: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; visibility: hidden; } #product-comparison.parent-table .pc-button.pc-prev { left: -45px; } #product-comparison.parent-table .pc-button.pc-next { right: -45px; } .collapse-container #product-comparison.parent-table { margin-top: 20px; margin-bottom: 25px; } .collapse-container #product-comparison.parent-table .parent-header { position: inherit !important; } .collapse-container #product-comparison.parent-table .parent-header .pc-button { display: none; } .collapse-container #product-comparison.parent-table .parent-table-group { background: #eee; border-bottom: solid 1px #CCCCCC; cursor: pointer; } .collapse-container #product-comparison.parent-table .parent-table-group .col-title { text-align: left; } .collapse-container #product-comparison.parent-table .pc-collapsed { display: none; } .collapse-container #product-comparison.parent-table .pc-collapsed[data-group="1"] { display: block; } .collapse-container #product-comparison.parent-table .parent-table-content-wrapper { position: relative; } .collapse-container #product-comparison.parent-table .pc-button { z-index: 9999; background: transparent; display: none; } .collapse-container #product-comparison.parent-table .pc-button i { color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .collapse-container #product-comparison.parent-table .pc-button.pc-prev { left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%); } .collapse-container #product-comparison.parent-table .pc-button.pc-next { right: 0; background: linear-gradient(-90deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%); } .collapse-container #product-comparison.parent-table .active .parent-table-group { border-bottom: none; } .collapse-container #product-comparison.parent-table .active .parent-table-content { border-bottom: none; } .collapse-container #product-comparison.parent-table .active .parent-table-content:last-child { padding-bottom: 0; } .collapse-container #product-comparison.parent-table .active .pc-button { display: block; } /*-------------------------------------------------------------- # Blog Pages --------------------------------------------------------------*/ body.tax-sd-post-category p:last-of-type, BODY.single-sd-post p:last-of-type { margin-bottom: 0; } body.tax-sd-post-category p:first-of-type, BODY.single-sd-post p:first-of-type { margin-top: 0; } body.tax-sd-post-category .entry-title, BODY.single-sd-post .entry-title { margin: 0 0 10px; font-size: 24px; color: #007FD6; line-height: 36px; text-align: justify; font-weight: 500; } body.tax-sd-post-category .entry-content, BODY.single-sd-post .entry-content { font-size: 16px; line-height: 24px; padding-bottom: 60px; text-align: justify; font-weight: 300; } body.tax-sd-post-category .entry-content h2, BODY.single-sd-post .entry-content h2 { font-size: 20px; color: #0088D2; line-height: 30px; font-weight: 500; } body.tax-sd-post-category .blog-listing-wrap, BODY.single-sd-post .blog-listing-wrap { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; margin-bottom: 22px; } body.tax-sd-post-category .blog-listing-wrap:last-child, BODY.single-sd-post .blog-listing-wrap:last-child { margin-bottom: 30px; border-bottom: none; } body.tax-sd-post-category .blog-listing-wrap .entry-content-wrap, BODY.single-sd-post .blog-listing-wrap .entry-content-wrap { width: auto; overflow: hidden; } body.tax-sd-post-category .blog-listing-wrap .entry-title, BODY.single-sd-post .blog-listing-wrap .entry-title { line-height: 0; font-weight: normal; } body.tax-sd-post-category .blog-listing-wrap .entry-title a, BODY.single-sd-post .blog-listing-wrap .entry-title a { font-size: 19px; line-height: 28.5px; text-decoration: none; } body.tax-sd-post-category .blog-listing-wrap .entry-content, BODY.single-sd-post .blog-listing-wrap .entry-content { margin: 15px 0 0; padding: 0; } body.tax-sd-post-category .blog-listing-wrap .image-post-listing, BODY.single-sd-post .blog-listing-wrap .image-post-listing { margin-bottom: 15px; width: 100%; } @media (min-width: 768px) { body.tax-sd-post-category .blog-listing-wrap .image-post-listing, BODY.single-sd-post .blog-listing-wrap .image-post-listing { width: 177px; height: auto; float: left; margin-right: 15px; } } body.tax-sd-post-category .wp-caption-text, BODY.single-sd-post .wp-caption-text { text-align: left; } .page-title { font-size: 24px; color: #007FD6; line-height: 36px; text-align: center; font-weight: 500; margin: 30px 0 15px; } @media (min-width: 992px) { .page-title { margin: 45px 0 30px; } } @media (min-width: 992px) { .center-content { float: left; width: 71.875%; } .center-sidebar { float: right; width: 26.78571%; } } .entry-date { font-size: 14px; color: #777777; line-height: 17px; } .wp-caption-text { font-size: 14px; color: #777777; line-height: 17px; } #secondary { margin-bottom: 50px; } .widget-blog .widget { /*border: 1px solid #007FD6;*/ /*border-radius: 0 40px;*/ padding: 20px; margin-bottom: 22px; font-size: 17px; line-height: 26px; overflow: hidden; text-align: justify; } .widget-blog .widget.widget_text { background: #0088D2; color: #FFFFFF; } .widget-blog .widget.widget_text a { display: block; background: #25A6FF; padding: 5.5px 40px; text-decoration: none; color: #fff; margin-top: 21px; float: right; } .widget-blog .widget.widget_recent_entries, .widget-blog .widget.popular-posts { padding-bottom: 10px; } .widget-blog .widget.widget_recent_entries ul, .widget-blog .widget.popular-posts ul { margin: 0; padding: 0; } .widget-blog .widget.widget_recent_entries ul li, .widget-blog .widget.popular-posts ul li { list-style: none; font-size: 14px; color: #007FD6; line-height: 21px; padding: 10px 0; border-bottom: 1px solid #F6F6F6; position: relative; } .widget-blog .widget.widget_recent_entries ul li:last-child, .widget-blog .widget.popular-posts ul li:last-child { border-bottom: none; } .widget-blog .widget.widget_recent_entries ul li:after, .widget-blog .widget.popular-posts ul li:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '\f105'; font-family: FontAwesome; font-size: 14px; color: #007FD6; letter-spacing: 0; line-height: 21px; } .widget-blog .widget.widget_recent_entries ul li a, .widget-blog .widget.popular-posts ul li a { text-decoration: none; padding-right: 20px; display: block; } .widgettitle { font-size: 19px; color: #007FD6; line-height: 28.5px; font-weight: normal; margin: 0 0 15px; } /*-------------------------------------------------------------- # Contact form --------------------------------------------------------------*/ .contact-form { background: #f7f7f7; padding: 10px 0 50px; } .contact-form .message-group { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .contact-form .message-group textarea { -ms-flex-positive: 1; flex-grow: 1; } .contact-form .notice { display: block; margin-top: 25px; font-size: 15px; font-weight: 300; } .contact-form .submit-response { text-align: center; padding: 20px 0px; } .contact-form .submit-response.success { color: #007fd6; } .contact-form .submit-response.error { color: #ff0000; } .contact-form .button-container { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } /*-------------------------------------------------------------- # Market Grid --------------------------------------------------------------*/ .service-grid .fix-fullheight { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-direction: column; flex-direction: column; } .service-grid .service-item { margin-bottom: 22px; -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; background-color: #f7f7f7; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 55px 34px; } @media (max-width: 767px) { .service-grid .service-item { padding-bottom: 10px; } } @media (max-width: 767px) { .service-grid .service-item { padding: 25px 30px; padding-bottom: 35px; } } @media (min-width: 768px) and (max-width: 991px) { .service-grid .service-item { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } } .service-grid .service-item .top { -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) and (max-width: 991px) { .service-grid .service-item .top { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } } .service-grid .service-item .vertical { height: 100%; width: 2px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 20px; max-height: 50px; } .service-grid .service-item .icon { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: auto; height: 52px; } @media (max-width: 767px) { .service-grid .service-item .icon { height: 45px; } } @media (min-width: 768px) and (max-width: 991px) { .service-grid .service-item .icon { margin-right: 10px; } } .service-grid .service-item h1 { font-size: 18px; font-weight: 500; color: #333333; margin: 17px 0 20px 0; } @media (max-width: 767px) { .service-grid .service-item h1 { margin: 13px 0 13px 0; line-height: 14px; } } @media (min-width: 768px) and (max-width: 991px) { .service-grid .service-item h1 { min-width: 108px; } } .service-grid .service-item hr { width: 30px; height: 2px; background: #007fd6; margin: 0; margin-top: 15px; } .service-grid .service-item p { margin: 0; width: 100%; text-align: justify; } @media (max-width: 767px) { .service-grid .service-item p { text-align: center; } } .service-grid .service-item a { margin-top: 35px; } .service-grid .service-item .btn { display: inline-block; -ms-flex-positive: 0; flex-grow: 0; width: auto; } @media (max-width: 767px) { .service-grid .service-item .btn { margin-top: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .service-grid .service-item .btn { white-space: nowrap; margin-top: 0; margin-left: 15px; padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------- # Button --------------------------------------------------------------*/ @media (max-width: 767px) { body.android .btn { padding-top: 15px; } } .btn { font-size: 14px; font-weight: 500; text-align: center; color: #1C262B !important; background: #fff; padding: 5px 40px; text-decoration: none; display: inline-block; transition: all .5s; border: 1px solid #1C262B; font-family: "Source Han Sans CN", Arial, sans-serif; letter-spacing: 0.28px; } @media (max-width: 767px) { .btn { font-size: 18px; padding: 10px 40px; line-height: 20px; } } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover { color: #0073aa !important; border-color: #0073aa !important; } .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:hover { color: #fff !important; background: #ff751d; } .btn.btn-white { background: #fff !important; color: #007fd6 !important; } .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white:hover { color: #fff !important; background: #007fd6 !important; } /*-------------------------------------------------------------- # Grid --------------------------------------------------------------*/ .container:after { content: ""; display: table; clear: both; } .row, .row-reverse { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .gr-0, .gr-1, .gr-2, .gr-3, .gr-4, .gr-5, .gr-6, .gr-7, .gr-8, .gr-9, .gr-10, .gr-11, .gr-12, .gr-13, .gr-14, .gr-15, .gr-16, .gr-17, .gr-18 { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } .gr-adapt { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } .gr-grow { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } .push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18 { position: relative; } .pull-0, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18 { position: relative; } .nowrap { -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap > * { white-space: normal; } .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } .gr-centered { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } @media screen and (max-width: 543px) { .container\@xs:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 543px) { .row\@xs, .row-reverse\@xs { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (max-width: 543px) { .gr-0\@xs, .gr-1\@xs, .gr-2\@xs, .gr-3\@xs, .gr-4\@xs, .gr-5\@xs, .gr-6\@xs, .gr-7\@xs, .gr-8\@xs, .gr-9\@xs, .gr-10\@xs, .gr-11\@xs, .gr-12\@xs, .gr-13\@xs, .gr-14\@xs, .gr-15\@xs, .gr-16\@xs, .gr-17\@xs, .gr-18\@xs { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (max-width: 543px) { .gr-adapt\@xs { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (max-width: 543px) { .gr-grow\@xs { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (max-width: 543px) { .push-0\@xs, .push-1\@xs, .push-2\@xs, .push-3\@xs, .push-4\@xs, .push-5\@xs, .push-6\@xs, .push-7\@xs, .push-8\@xs, .push-9\@xs, .push-10\@xs, .push-11\@xs, .push-12\@xs, .push-13\@xs, .push-14\@xs, .push-15\@xs, .push-16\@xs, .push-17\@xs, .push-18\@xs { position: relative; } } @media screen and (max-width: 543px) { .pull-0\@xs, .pull-1\@xs, .pull-2\@xs, .pull-3\@xs, .pull-4\@xs, .pull-5\@xs, .pull-6\@xs, .pull-7\@xs, .pull-8\@xs, .pull-9\@xs, .pull-10\@xs, .pull-11\@xs, .pull-12\@xs, .pull-13\@xs, .pull-14\@xs, .pull-15\@xs, .pull-16\@xs, .pull-17\@xs, .pull-18\@xs { position: relative; } } @media screen and (max-width: 543px) { .nowrap\@xs { -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@xs > * { white-space: normal; } } @media screen and (max-width: 543px) { .wrap\@xs { -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (max-width: 543px) { .gr-centered\@xs { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 544px) and (max-width: 767px) { .container\@sm:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 544px) and (max-width: 767px) { .row\@sm, .row-reverse\@sm { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 544px) and (max-width: 767px) { .gr-0\@sm, .gr-1\@sm, .gr-2\@sm, .gr-3\@sm, .gr-4\@sm, .gr-5\@sm, .gr-6\@sm, .gr-7\@sm, .gr-8\@sm, .gr-9\@sm, .gr-10\@sm, .gr-11\@sm, .gr-12\@sm, .gr-13\@sm, .gr-14\@sm, .gr-15\@sm, .gr-16\@sm, .gr-17\@sm, .gr-18\@sm { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 544px) and (max-width: 767px) { .gr-adapt\@sm { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 544px) and (max-width: 767px) { .gr-grow\@sm { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 544px) and (max-width: 767px) { .push-0\@sm, .push-1\@sm, .push-2\@sm, .push-3\@sm, .push-4\@sm, .push-5\@sm, .push-6\@sm, .push-7\@sm, .push-8\@sm, .push-9\@sm, .push-10\@sm, .push-11\@sm, .push-12\@sm, .push-13\@sm, .push-14\@sm, .push-15\@sm, .push-16\@sm, .push-17\@sm, .push-18\@sm { position: relative; } } @media screen and (min-width: 544px) and (max-width: 767px) { .pull-0\@sm, .pull-1\@sm, .pull-2\@sm, .pull-3\@sm, .pull-4\@sm, .pull-5\@sm, .pull-6\@sm, .pull-7\@sm, .pull-8\@sm, .pull-9\@sm, .pull-10\@sm, .pull-11\@sm, .pull-12\@sm, .pull-13\@sm, .pull-14\@sm, .pull-15\@sm, .pull-16\@sm, .pull-17\@sm, .pull-18\@sm { position: relative; } } @media screen and (min-width: 544px) and (max-width: 767px) { .nowrap\@sm { -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@sm > * { white-space: normal; } } @media screen and (min-width: 544px) and (max-width: 767px) { .wrap\@sm { -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 544px) and (max-width: 767px) { .gr-centered\@sm { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container\@md:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 768px) and (max-width: 991px) { .row\@md, .row-reverse\@md { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 768px) and (max-width: 991px) { .gr-0\@md, .gr-1\@md, .gr-2\@md, .gr-3\@md, .gr-4\@md, .gr-5\@md, .gr-6\@md, .gr-7\@md, .gr-8\@md, .gr-9\@md, .gr-10\@md, .gr-11\@md, .gr-12\@md, .gr-13\@md, .gr-14\@md, .gr-15\@md, .gr-16\@md, .gr-17\@md, .gr-18\@md { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .gr-adapt\@md { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .gr-grow\@md { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .push-0\@md, .push-1\@md, .push-2\@md, .push-3\@md, .push-4\@md, .push-5\@md, .push-6\@md, .push-7\@md, .push-8\@md, .push-9\@md, .push-10\@md, .push-11\@md, .push-12\@md, .push-13\@md, .push-14\@md, .push-15\@md, .push-16\@md, .push-17\@md, .push-18\@md { position: relative; } } @media screen and (min-width: 768px) and (max-width: 991px) { .pull-0\@md, .pull-1\@md, .pull-2\@md, .pull-3\@md, .pull-4\@md, .pull-5\@md, .pull-6\@md, .pull-7\@md, .pull-8\@md, .pull-9\@md, .pull-10\@md, .pull-11\@md, .pull-12\@md, .pull-13\@md, .pull-14\@md, .pull-15\@md, .pull-16\@md, .pull-17\@md, .pull-18\@md { position: relative; } } @media screen and (min-width: 768px) and (max-width: 991px) { .nowrap\@md { -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@md > * { white-space: normal; } } @media screen and (min-width: 768px) and (max-width: 991px) { .wrap\@md { -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 768px) and (max-width: 991px) { .gr-centered\@md { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container\@lg:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .row\@lg, .row-reverse\@lg { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .gr-0\@lg, .gr-1\@lg, .gr-2\@lg, .gr-3\@lg, .gr-4\@lg, .gr-5\@lg, .gr-6\@lg, .gr-7\@lg, .gr-8\@lg, .gr-9\@lg, .gr-10\@lg, .gr-11\@lg, .gr-12\@lg, .gr-13\@lg, .gr-14\@lg, .gr-15\@lg, .gr-16\@lg, .gr-17\@lg, .gr-18\@lg { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .gr-adapt\@lg { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .gr-grow\@lg { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .push-0\@lg, .push-1\@lg, .push-2\@lg, .push-3\@lg, .push-4\@lg, .push-5\@lg, .push-6\@lg, .push-7\@lg, .push-8\@lg, .push-9\@lg, .push-10\@lg, .push-11\@lg, .push-12\@lg, .push-13\@lg, .push-14\@lg, .push-15\@lg, .push-16\@lg, .push-17\@lg, .push-18\@lg { position: relative; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .pull-0\@lg, .pull-1\@lg, .pull-2\@lg, .pull-3\@lg, .pull-4\@lg, .pull-5\@lg, .pull-6\@lg, .pull-7\@lg, .pull-8\@lg, .pull-9\@lg, .pull-10\@lg, .pull-11\@lg, .pull-12\@lg, .pull-13\@lg, .pull-14\@lg, .pull-15\@lg, .pull-16\@lg, .pull-17\@lg, .pull-18\@lg { position: relative; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .nowrap\@lg { -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@lg > * { white-space: normal; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .wrap\@lg { -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .gr-centered\@lg { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 1200px) { .container\@xl:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 1200px) { .row\@xl, .row-reverse\@xl { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 1200px) { .gr-0\@xl, .gr-1\@xl, .gr-2\@xl, .gr-3\@xl, .gr-4\@xl, .gr-5\@xl, .gr-6\@xl, .gr-7\@xl, .gr-8\@xl, .gr-9\@xl, .gr-10\@xl, .gr-11\@xl, .gr-12\@xl, .gr-13\@xl, .gr-14\@xl, .gr-15\@xl, .gr-16\@xl, .gr-17\@xl, .gr-18\@xl { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 1200px) { .gr-adapt\@xl { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 1200px) { .gr-grow\@xl { max-width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; padding-right: 11px; padding-left: 11px; } } @media screen and (min-width: 1200px) { .push-0\@xl, .push-1\@xl, .push-2\@xl, .push-3\@xl, .push-4\@xl, .push-5\@xl, .push-6\@xl, .push-7\@xl, .push-8\@xl, .push-9\@xl, .push-10\@xl, .push-11\@xl, .push-12\@xl, .push-13\@xl, .push-14\@xl, .push-15\@xl, .push-16\@xl, .push-17\@xl, .push-18\@xl { position: relative; } } @media screen and (min-width: 1200px) { .pull-0\@xl, .pull-1\@xl, .pull-2\@xl, .pull-3\@xl, .pull-4\@xl, .pull-5\@xl, .pull-6\@xl, .pull-7\@xl, .pull-8\@xl, .pull-9\@xl, .pull-10\@xl, .pull-11\@xl, .pull-12\@xl, .pull-13\@xl, .pull-14\@xl, .pull-15\@xl, .pull-16\@xl, .pull-17\@xl, .pull-18\@xl { position: relative; } } @media screen and (min-width: 1200px) { .nowrap\@xl { -ms-flex-wrap: none; flex-wrap: nowrap; white-space: nowrap; } .nowrap\@xl > * { white-space: normal; } } @media screen and (min-width: 1200px) { .wrap\@xl { -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: normal; } } @media screen and (min-width: 1200px) { .gr-centered\@xl { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } #gridle-settings { content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "18", "column-width" : null, "gutter-width" : "22px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "11px", "gutter-bottom" : "0", "gutter-left" : "11px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "xs":{ "name" : "xs", "min-width" : null, "max-width" : "543px", "query" : "screen and (max-width: 543px)", "classes" : true, "context" : "18", "column-width" : null, "gutter-width" : "22px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "11px", "gutter-bottom" : "0", "gutter-left" : "11px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "sm":{ "name" : "sm", "min-width" : "544px", "max-width" : "767px", "query" : "screen and (min-width: 544px) and (max-width: 767px)", "classes" : true, "context" : "18", "column-width" : null, "gutter-width" : "22px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "11px", "gutter-bottom" : "0", "gutter-left" : "11px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "md":{ "name" : "md", "min-width" : "768px", "max-width" : "991px", "query" : "screen and (min-width: 768px) and (max-width: 991px)", "classes" : true, "context" : "18", "column-width" : null, "gutter-width" : "22px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "11px", "gutter-bottom" : "0", "gutter-left" : "11px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "lg":{ "name" : "lg", "min-width" : "992px", "max-width" : "1199px", "query" : "screen and (min-width: 992px) and (max-width: 1199px)", "classes" : true, "context" : "18", "column-width" : null, "gutter-width" : "22px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "11px", "gutter-bottom" : "0", "gutter-left" : "11px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "xl":{ "name" : "xl", "min-width" : "1200px", "max-width" : null, "query" : "screen and (min-width: 1200px)", "classes" : true, "context" : "18", "column-width" : null, "gutter-width" : "22px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "11px", "gutter-bottom" : "0", "gutter-left" : "11px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }'; } .gr-0 { -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0 { left: 0%; right: auto; } .pull-0 { right: 0%; left: auto; } .prefix-0 { margin-left: 0%; } .suffix-0 { margin-right: 0%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0 { -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1 { -ms-flex-preferred-size: 5.55556%; flex-basis: 5.55556%; max-width: 5.55556%; } .push-1 { left: 5.55556%; right: auto; } .pull-1 { right: 5.55556%; left: auto; } .prefix-1 { margin-left: 5.55556%; } .suffix-1 { margin-right: 5.55556%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1 { -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2 { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .push-2 { left: 11.11111%; right: auto; } .pull-2 { right: 11.11111%; left: auto; } .prefix-2 { margin-left: 11.11111%; } .suffix-2 { margin-right: 11.11111%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2 { -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .push-3 { left: 16.66667%; right: auto; } .pull-3 { right: 16.66667%; left: auto; } .prefix-3 { margin-left: 16.66667%; } .suffix-3 { margin-right: 16.66667%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3 { -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4 { -ms-flex-preferred-size: 22.22222%; flex-basis: 22.22222%; max-width: 22.22222%; } .push-4 { left: 22.22222%; right: auto; } .pull-4 { right: 22.22222%; left: auto; } .prefix-4 { margin-left: 22.22222%; } .suffix-4 { margin-right: 22.22222%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4 { -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5 { -ms-flex-preferred-size: 27.77778%; flex-basis: 27.77778%; max-width: 27.77778%; } .push-5 { left: 27.77778%; right: auto; } .pull-5 { right: 27.77778%; left: auto; } .prefix-5 { margin-left: 27.77778%; } .suffix-5 { margin-right: 27.77778%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5 { -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .push-6 { left: 33.33333%; right: auto; } .pull-6 { right: 33.33333%; left: auto; } .prefix-6 { margin-left: 33.33333%; } .suffix-6 { margin-right: 33.33333%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6 { -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7 { -ms-flex-preferred-size: 38.88889%; flex-basis: 38.88889%; max-width: 38.88889%; } .push-7 { left: 38.88889%; right: auto; } .pull-7 { right: 38.88889%; left: auto; } .prefix-7 { margin-left: 38.88889%; } .suffix-7 { margin-right: 38.88889%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7 { -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8 { -ms-flex-preferred-size: 44.44444%; flex-basis: 44.44444%; max-width: 44.44444%; } .push-8 { left: 44.44444%; right: auto; } .pull-8 { right: 44.44444%; left: auto; } .prefix-8 { margin-left: 44.44444%; } .suffix-8 { margin-right: 44.44444%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8 { -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-9 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-9 { left: 50%; right: auto; } .pull-9 { right: 50%; left: auto; } .prefix-9 { margin-left: 50%; } .suffix-9 { margin-right: 50%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-9 { -moz-order: 9; -ms-flex-order: 9; order: 9; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-10 { -ms-flex-preferred-size: 55.55556%; flex-basis: 55.55556%; max-width: 55.55556%; } .push-10 { left: 55.55556%; right: auto; } .pull-10 { right: 55.55556%; left: auto; } .prefix-10 { margin-left: 55.55556%; } .suffix-10 { margin-right: 55.55556%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-10 { -moz-order: 10; -ms-flex-order: 10; order: 10; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-11 { -ms-flex-preferred-size: 61.11111%; flex-basis: 61.11111%; max-width: 61.11111%; } .push-11 { left: 61.11111%; right: auto; } .pull-11 { right: 61.11111%; left: auto; } .prefix-11 { margin-left: 61.11111%; } .suffix-11 { margin-right: 61.11111%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-11 { -moz-order: 11; -ms-flex-order: 11; order: 11; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-12 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .push-12 { left: 66.66667%; right: auto; } .pull-12 { right: 66.66667%; left: auto; } .prefix-12 { margin-left: 66.66667%; } .suffix-12 { margin-right: 66.66667%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-12 { -moz-order: 12; -ms-flex-order: 12; order: 12; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-13 { -ms-flex-preferred-size: 72.22222%; flex-basis: 72.22222%; max-width: 72.22222%; } .push-13 { left: 72.22222%; right: auto; } .pull-13 { right: 72.22222%; left: auto; } .prefix-13 { margin-left: 72.22222%; } .suffix-13 { margin-right: 72.22222%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-13 { -moz-order: 13; -ms-flex-order: 13; order: 13; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-14 { -ms-flex-preferred-size: 77.77778%; flex-basis: 77.77778%; max-width: 77.77778%; } .push-14 { left: 77.77778%; right: auto; } .pull-14 { right: 77.77778%; left: auto; } .prefix-14 { margin-left: 77.77778%; } .suffix-14 { margin-right: 77.77778%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-14 { -moz-order: 14; -ms-flex-order: 14; order: 14; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-15 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .push-15 { left: 83.33333%; right: auto; } .pull-15 { right: 83.33333%; left: auto; } .prefix-15 { margin-left: 83.33333%; } .suffix-15 { margin-right: 83.33333%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-15 { -moz-order: 15; -ms-flex-order: 15; order: 15; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-16 { -ms-flex-preferred-size: 88.88889%; flex-basis: 88.88889%; max-width: 88.88889%; } .push-16 { left: 88.88889%; right: auto; } .pull-16 { right: 88.88889%; left: auto; } .prefix-16 { margin-left: 88.88889%; } .suffix-16 { margin-right: 88.88889%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-16 { -moz-order: 16; -ms-flex-order: 16; order: 16; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-17 { -ms-flex-preferred-size: 94.44444%; flex-basis: 94.44444%; max-width: 94.44444%; } .push-17 { left: 94.44444%; right: auto; } .pull-17 { right: 94.44444%; left: auto; } .prefix-17 { margin-left: 94.44444%; } .suffix-17 { margin-right: 94.44444%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-17 { -moz-order: 17; -ms-flex-order: 17; order: 17; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-18 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-18 { left: 100%; right: auto; } .pull-18 { right: 100%; left: auto; } .prefix-18 { margin-left: 100%; } .suffix-18 { margin-right: 100%; } .order-first { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-18 { -moz-order: 18; -ms-flex-order: 18; order: 18; } .order-last { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .no-gutter { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left { padding-left: 0; } .no-gutter-right { padding-right: 0; } .no-gutter-top { padding-top: 0; } .no-gutter-bottom { padding-bottom: 0; } .gutter { padding-right: 11px; padding-left: 11px; } .gutter-left { padding-left: 11px; } .gutter-right { padding-right: 11px; } .auto-height { height: inherit; } .row { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row-reverse { margin-left: 0 !important; margin-right: 0 !important; } .row-full { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); transform: translateX(-50%); } .col { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .col-reverse { -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .row-align-left { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center { -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .row-align-right { -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .row-align-top { -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom { -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .hide { display: none; } .not-visible { visibility: hidden; } .show { display: block; } .show-inline { display: inline-block; } .visible { visibility: visible; } .row-debug { position: relative; z-index: 99999; overflow: hidden; } .row-debug:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 11.11111% 100%; z-index: 99999; } body { direction: ltr; } @media screen and (max-width: 543px) { .gr-0\@xs { -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@xs { left: 0%; right: auto; } .pull-0\@xs { right: 0%; left: auto; } .prefix-0\@xs { margin-left: 0%; } .suffix-0\@xs { margin-right: 0%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@xs { -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@xs { -ms-flex-preferred-size: 5.55556%; flex-basis: 5.55556%; max-width: 5.55556%; } .push-1\@xs { left: 5.55556%; right: auto; } .pull-1\@xs { right: 5.55556%; left: auto; } .prefix-1\@xs { margin-left: 5.55556%; } .suffix-1\@xs { margin-right: 5.55556%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@xs { -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@xs { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .push-2\@xs { left: 11.11111%; right: auto; } .pull-2\@xs { right: 11.11111%; left: auto; } .prefix-2\@xs { margin-left: 11.11111%; } .suffix-2\@xs { margin-right: 11.11111%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@xs { -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@xs { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .push-3\@xs { left: 16.66667%; right: auto; } .pull-3\@xs { right: 16.66667%; left: auto; } .prefix-3\@xs { margin-left: 16.66667%; } .suffix-3\@xs { margin-right: 16.66667%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@xs { -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@xs { -ms-flex-preferred-size: 22.22222%; flex-basis: 22.22222%; max-width: 22.22222%; } .push-4\@xs { left: 22.22222%; right: auto; } .pull-4\@xs { right: 22.22222%; left: auto; } .prefix-4\@xs { margin-left: 22.22222%; } .suffix-4\@xs { margin-right: 22.22222%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@xs { -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@xs { -ms-flex-preferred-size: 27.77778%; flex-basis: 27.77778%; max-width: 27.77778%; } .push-5\@xs { left: 27.77778%; right: auto; } .pull-5\@xs { right: 27.77778%; left: auto; } .prefix-5\@xs { margin-left: 27.77778%; } .suffix-5\@xs { margin-right: 27.77778%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@xs { -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@xs { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .push-6\@xs { left: 33.33333%; right: auto; } .pull-6\@xs { right: 33.33333%; left: auto; } .prefix-6\@xs { margin-left: 33.33333%; } .suffix-6\@xs { margin-right: 33.33333%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@xs { -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@xs { -ms-flex-preferred-size: 38.88889%; flex-basis: 38.88889%; max-width: 38.88889%; } .push-7\@xs { left: 38.88889%; right: auto; } .pull-7\@xs { right: 38.88889%; left: auto; } .prefix-7\@xs { margin-left: 38.88889%; } .suffix-7\@xs { margin-right: 38.88889%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@xs { -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@xs { -ms-flex-preferred-size: 44.44444%; flex-basis: 44.44444%; max-width: 44.44444%; } .push-8\@xs { left: 44.44444%; right: auto; } .pull-8\@xs { right: 44.44444%; left: auto; } .prefix-8\@xs { margin-left: 44.44444%; } .suffix-8\@xs { margin-right: 44.44444%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@xs { -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-9\@xs { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-9\@xs { left: 50%; right: auto; } .pull-9\@xs { right: 50%; left: auto; } .prefix-9\@xs { margin-left: 50%; } .suffix-9\@xs { margin-right: 50%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-9\@xs { -moz-order: 9; -ms-flex-order: 9; order: 9; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-10\@xs { -ms-flex-preferred-size: 55.55556%; flex-basis: 55.55556%; max-width: 55.55556%; } .push-10\@xs { left: 55.55556%; right: auto; } .pull-10\@xs { right: 55.55556%; left: auto; } .prefix-10\@xs { margin-left: 55.55556%; } .suffix-10\@xs { margin-right: 55.55556%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-10\@xs { -moz-order: 10; -ms-flex-order: 10; order: 10; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-11\@xs { -ms-flex-preferred-size: 61.11111%; flex-basis: 61.11111%; max-width: 61.11111%; } .push-11\@xs { left: 61.11111%; right: auto; } .pull-11\@xs { right: 61.11111%; left: auto; } .prefix-11\@xs { margin-left: 61.11111%; } .suffix-11\@xs { margin-right: 61.11111%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-11\@xs { -moz-order: 11; -ms-flex-order: 11; order: 11; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-12\@xs { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .push-12\@xs { left: 66.66667%; right: auto; } .pull-12\@xs { right: 66.66667%; left: auto; } .prefix-12\@xs { margin-left: 66.66667%; } .suffix-12\@xs { margin-right: 66.66667%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-12\@xs { -moz-order: 12; -ms-flex-order: 12; order: 12; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-13\@xs { -ms-flex-preferred-size: 72.22222%; flex-basis: 72.22222%; max-width: 72.22222%; } .push-13\@xs { left: 72.22222%; right: auto; } .pull-13\@xs { right: 72.22222%; left: auto; } .prefix-13\@xs { margin-left: 72.22222%; } .suffix-13\@xs { margin-right: 72.22222%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-13\@xs { -moz-order: 13; -ms-flex-order: 13; order: 13; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-14\@xs { -ms-flex-preferred-size: 77.77778%; flex-basis: 77.77778%; max-width: 77.77778%; } .push-14\@xs { left: 77.77778%; right: auto; } .pull-14\@xs { right: 77.77778%; left: auto; } .prefix-14\@xs { margin-left: 77.77778%; } .suffix-14\@xs { margin-right: 77.77778%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-14\@xs { -moz-order: 14; -ms-flex-order: 14; order: 14; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-15\@xs { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .push-15\@xs { left: 83.33333%; right: auto; } .pull-15\@xs { right: 83.33333%; left: auto; } .prefix-15\@xs { margin-left: 83.33333%; } .suffix-15\@xs { margin-right: 83.33333%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-15\@xs { -moz-order: 15; -ms-flex-order: 15; order: 15; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-16\@xs { -ms-flex-preferred-size: 88.88889%; flex-basis: 88.88889%; max-width: 88.88889%; } .push-16\@xs { left: 88.88889%; right: auto; } .pull-16\@xs { right: 88.88889%; left: auto; } .prefix-16\@xs { margin-left: 88.88889%; } .suffix-16\@xs { margin-right: 88.88889%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-16\@xs { -moz-order: 16; -ms-flex-order: 16; order: 16; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-17\@xs { -ms-flex-preferred-size: 94.44444%; flex-basis: 94.44444%; max-width: 94.44444%; } .push-17\@xs { left: 94.44444%; right: auto; } .pull-17\@xs { right: 94.44444%; left: auto; } .prefix-17\@xs { margin-left: 94.44444%; } .suffix-17\@xs { margin-right: 94.44444%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-17\@xs { -moz-order: 17; -ms-flex-order: 17; order: 17; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-18\@xs { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-18\@xs { left: 100%; right: auto; } .pull-18\@xs { right: 100%; left: auto; } .prefix-18\@xs { margin-left: 100%; } .suffix-18\@xs { margin-right: 100%; } .order-first\@xs { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-18\@xs { -moz-order: 18; -ms-flex-order: 18; order: 18; } .order-last\@xs { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@xs { float: left; } .float-right\@xs { float: right; } .clear\@xs { clear: both; } .clear-left\@xs { clear: left; } .clear-right\@xs { clear: right; } .no-gutter\@xs { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@xs { padding-left: 0; } .no-gutter-right\@xs { padding-right: 0; } .no-gutter-top\@xs { padding-top: 0; } .no-gutter-bottom\@xs { padding-bottom: 0; } .gutter\@xs { padding-right: 11px; padding-left: 11px; } .gutter-left\@xs { padding-left: 11px; } .gutter-right\@xs { padding-right: 11px; } .auto-height\@xs { height: inherit; } .row\@xs { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row\@xs { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@xs { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row-reverse\@xs { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@xs { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); transform: translateX(-50%); } .col\@xs { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .col-reverse\@xs { -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .row-align-left\@xs { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@xs { -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@xs { -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@xs { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .row-align-top\@xs { -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@xs { -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@xs { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@xs { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .hide\@xs { display: none; } .not-visible\@xs { visibility: hidden; } .show\@xs { display: block; } .show-inline\@xs { display: inline-block; } .visible\@xs { visibility: visible; } .row-debug\@xs { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@xs:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 11.11111% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 544px) and (max-width: 767px) { .gr-0\@sm { -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@sm { left: 0%; right: auto; } .pull-0\@sm { right: 0%; left: auto; } .prefix-0\@sm { margin-left: 0%; } .suffix-0\@sm { margin-right: 0%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@sm { -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@sm { -ms-flex-preferred-size: 5.55556%; flex-basis: 5.55556%; max-width: 5.55556%; } .push-1\@sm { left: 5.55556%; right: auto; } .pull-1\@sm { right: 5.55556%; left: auto; } .prefix-1\@sm { margin-left: 5.55556%; } .suffix-1\@sm { margin-right: 5.55556%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@sm { -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@sm { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .push-2\@sm { left: 11.11111%; right: auto; } .pull-2\@sm { right: 11.11111%; left: auto; } .prefix-2\@sm { margin-left: 11.11111%; } .suffix-2\@sm { margin-right: 11.11111%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@sm { -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@sm { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .push-3\@sm { left: 16.66667%; right: auto; } .pull-3\@sm { right: 16.66667%; left: auto; } .prefix-3\@sm { margin-left: 16.66667%; } .suffix-3\@sm { margin-right: 16.66667%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@sm { -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@sm { -ms-flex-preferred-size: 22.22222%; flex-basis: 22.22222%; max-width: 22.22222%; } .push-4\@sm { left: 22.22222%; right: auto; } .pull-4\@sm { right: 22.22222%; left: auto; } .prefix-4\@sm { margin-left: 22.22222%; } .suffix-4\@sm { margin-right: 22.22222%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@sm { -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@sm { -ms-flex-preferred-size: 27.77778%; flex-basis: 27.77778%; max-width: 27.77778%; } .push-5\@sm { left: 27.77778%; right: auto; } .pull-5\@sm { right: 27.77778%; left: auto; } .prefix-5\@sm { margin-left: 27.77778%; } .suffix-5\@sm { margin-right: 27.77778%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@sm { -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@sm { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .push-6\@sm { left: 33.33333%; right: auto; } .pull-6\@sm { right: 33.33333%; left: auto; } .prefix-6\@sm { margin-left: 33.33333%; } .suffix-6\@sm { margin-right: 33.33333%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@sm { -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@sm { -ms-flex-preferred-size: 38.88889%; flex-basis: 38.88889%; max-width: 38.88889%; } .push-7\@sm { left: 38.88889%; right: auto; } .pull-7\@sm { right: 38.88889%; left: auto; } .prefix-7\@sm { margin-left: 38.88889%; } .suffix-7\@sm { margin-right: 38.88889%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@sm { -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@sm { -ms-flex-preferred-size: 44.44444%; flex-basis: 44.44444%; max-width: 44.44444%; } .push-8\@sm { left: 44.44444%; right: auto; } .pull-8\@sm { right: 44.44444%; left: auto; } .prefix-8\@sm { margin-left: 44.44444%; } .suffix-8\@sm { margin-right: 44.44444%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@sm { -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-9\@sm { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-9\@sm { left: 50%; right: auto; } .pull-9\@sm { right: 50%; left: auto; } .prefix-9\@sm { margin-left: 50%; } .suffix-9\@sm { margin-right: 50%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-9\@sm { -moz-order: 9; -ms-flex-order: 9; order: 9; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-10\@sm { -ms-flex-preferred-size: 55.55556%; flex-basis: 55.55556%; max-width: 55.55556%; } .push-10\@sm { left: 55.55556%; right: auto; } .pull-10\@sm { right: 55.55556%; left: auto; } .prefix-10\@sm { margin-left: 55.55556%; } .suffix-10\@sm { margin-right: 55.55556%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-10\@sm { -moz-order: 10; -ms-flex-order: 10; order: 10; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-11\@sm { -ms-flex-preferred-size: 61.11111%; flex-basis: 61.11111%; max-width: 61.11111%; } .push-11\@sm { left: 61.11111%; right: auto; } .pull-11\@sm { right: 61.11111%; left: auto; } .prefix-11\@sm { margin-left: 61.11111%; } .suffix-11\@sm { margin-right: 61.11111%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-11\@sm { -moz-order: 11; -ms-flex-order: 11; order: 11; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-12\@sm { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .push-12\@sm { left: 66.66667%; right: auto; } .pull-12\@sm { right: 66.66667%; left: auto; } .prefix-12\@sm { margin-left: 66.66667%; } .suffix-12\@sm { margin-right: 66.66667%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-12\@sm { -moz-order: 12; -ms-flex-order: 12; order: 12; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-13\@sm { -ms-flex-preferred-size: 72.22222%; flex-basis: 72.22222%; max-width: 72.22222%; } .push-13\@sm { left: 72.22222%; right: auto; } .pull-13\@sm { right: 72.22222%; left: auto; } .prefix-13\@sm { margin-left: 72.22222%; } .suffix-13\@sm { margin-right: 72.22222%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-13\@sm { -moz-order: 13; -ms-flex-order: 13; order: 13; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-14\@sm { -ms-flex-preferred-size: 77.77778%; flex-basis: 77.77778%; max-width: 77.77778%; } .push-14\@sm { left: 77.77778%; right: auto; } .pull-14\@sm { right: 77.77778%; left: auto; } .prefix-14\@sm { margin-left: 77.77778%; } .suffix-14\@sm { margin-right: 77.77778%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-14\@sm { -moz-order: 14; -ms-flex-order: 14; order: 14; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-15\@sm { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .push-15\@sm { left: 83.33333%; right: auto; } .pull-15\@sm { right: 83.33333%; left: auto; } .prefix-15\@sm { margin-left: 83.33333%; } .suffix-15\@sm { margin-right: 83.33333%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-15\@sm { -moz-order: 15; -ms-flex-order: 15; order: 15; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-16\@sm { -ms-flex-preferred-size: 88.88889%; flex-basis: 88.88889%; max-width: 88.88889%; } .push-16\@sm { left: 88.88889%; right: auto; } .pull-16\@sm { right: 88.88889%; left: auto; } .prefix-16\@sm { margin-left: 88.88889%; } .suffix-16\@sm { margin-right: 88.88889%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-16\@sm { -moz-order: 16; -ms-flex-order: 16; order: 16; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-17\@sm { -ms-flex-preferred-size: 94.44444%; flex-basis: 94.44444%; max-width: 94.44444%; } .push-17\@sm { left: 94.44444%; right: auto; } .pull-17\@sm { right: 94.44444%; left: auto; } .prefix-17\@sm { margin-left: 94.44444%; } .suffix-17\@sm { margin-right: 94.44444%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-17\@sm { -moz-order: 17; -ms-flex-order: 17; order: 17; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-18\@sm { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-18\@sm { left: 100%; right: auto; } .pull-18\@sm { right: 100%; left: auto; } .prefix-18\@sm { margin-left: 100%; } .suffix-18\@sm { margin-right: 100%; } .order-first\@sm { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-18\@sm { -moz-order: 18; -ms-flex-order: 18; order: 18; } .order-last\@sm { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@sm { float: left; } .float-right\@sm { float: right; } .clear\@sm { clear: both; } .clear-left\@sm { clear: left; } .clear-right\@sm { clear: right; } .no-gutter\@sm { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@sm { padding-left: 0; } .no-gutter-right\@sm { padding-right: 0; } .no-gutter-top\@sm { padding-top: 0; } .no-gutter-bottom\@sm { padding-bottom: 0; } .gutter\@sm { padding-right: 11px; padding-left: 11px; } .gutter-left\@sm { padding-left: 11px; } .gutter-right\@sm { padding-right: 11px; } .auto-height\@sm { height: inherit; } .row\@sm { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row\@sm { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@sm { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row-reverse\@sm { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@sm { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); transform: translateX(-50%); } .col\@sm { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .col-reverse\@sm { -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .row-align-left\@sm { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@sm { -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@sm { -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@sm { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .row-align-top\@sm { -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@sm { -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@sm { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@sm { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .hide\@sm { display: none; } .not-visible\@sm { visibility: hidden; } .show\@sm { display: block; } .show-inline\@sm { display: inline-block; } .visible\@sm { visibility: visible; } .row-debug\@sm { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@sm:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 11.11111% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 768px) and (max-width: 991px) { .gr-0\@md { -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@md { left: 0%; right: auto; } .pull-0\@md { right: 0%; left: auto; } .prefix-0\@md { margin-left: 0%; } .suffix-0\@md { margin-right: 0%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@md { -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@md { -ms-flex-preferred-size: 5.55556%; flex-basis: 5.55556%; max-width: 5.55556%; } .push-1\@md { left: 5.55556%; right: auto; } .pull-1\@md { right: 5.55556%; left: auto; } .prefix-1\@md { margin-left: 5.55556%; } .suffix-1\@md { margin-right: 5.55556%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@md { -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@md { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .push-2\@md { left: 11.11111%; right: auto; } .pull-2\@md { right: 11.11111%; left: auto; } .prefix-2\@md { margin-left: 11.11111%; } .suffix-2\@md { margin-right: 11.11111%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@md { -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@md { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .push-3\@md { left: 16.66667%; right: auto; } .pull-3\@md { right: 16.66667%; left: auto; } .prefix-3\@md { margin-left: 16.66667%; } .suffix-3\@md { margin-right: 16.66667%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@md { -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@md { -ms-flex-preferred-size: 22.22222%; flex-basis: 22.22222%; max-width: 22.22222%; } .push-4\@md { left: 22.22222%; right: auto; } .pull-4\@md { right: 22.22222%; left: auto; } .prefix-4\@md { margin-left: 22.22222%; } .suffix-4\@md { margin-right: 22.22222%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@md { -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@md { -ms-flex-preferred-size: 27.77778%; flex-basis: 27.77778%; max-width: 27.77778%; } .push-5\@md { left: 27.77778%; right: auto; } .pull-5\@md { right: 27.77778%; left: auto; } .prefix-5\@md { margin-left: 27.77778%; } .suffix-5\@md { margin-right: 27.77778%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@md { -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@md { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .push-6\@md { left: 33.33333%; right: auto; } .pull-6\@md { right: 33.33333%; left: auto; } .prefix-6\@md { margin-left: 33.33333%; } .suffix-6\@md { margin-right: 33.33333%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@md { -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@md { -ms-flex-preferred-size: 38.88889%; flex-basis: 38.88889%; max-width: 38.88889%; } .push-7\@md { left: 38.88889%; right: auto; } .pull-7\@md { right: 38.88889%; left: auto; } .prefix-7\@md { margin-left: 38.88889%; } .suffix-7\@md { margin-right: 38.88889%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@md { -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@md { -ms-flex-preferred-size: 44.44444%; flex-basis: 44.44444%; max-width: 44.44444%; } .push-8\@md { left: 44.44444%; right: auto; } .pull-8\@md { right: 44.44444%; left: auto; } .prefix-8\@md { margin-left: 44.44444%; } .suffix-8\@md { margin-right: 44.44444%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@md { -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-9\@md { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-9\@md { left: 50%; right: auto; } .pull-9\@md { right: 50%; left: auto; } .prefix-9\@md { margin-left: 50%; } .suffix-9\@md { margin-right: 50%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-9\@md { -moz-order: 9; -ms-flex-order: 9; order: 9; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-10\@md { -ms-flex-preferred-size: 55.55556%; flex-basis: 55.55556%; max-width: 55.55556%; } .push-10\@md { left: 55.55556%; right: auto; } .pull-10\@md { right: 55.55556%; left: auto; } .prefix-10\@md { margin-left: 55.55556%; } .suffix-10\@md { margin-right: 55.55556%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-10\@md { -moz-order: 10; -ms-flex-order: 10; order: 10; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-11\@md { -ms-flex-preferred-size: 61.11111%; flex-basis: 61.11111%; max-width: 61.11111%; } .push-11\@md { left: 61.11111%; right: auto; } .pull-11\@md { right: 61.11111%; left: auto; } .prefix-11\@md { margin-left: 61.11111%; } .suffix-11\@md { margin-right: 61.11111%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-11\@md { -moz-order: 11; -ms-flex-order: 11; order: 11; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-12\@md { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .push-12\@md { left: 66.66667%; right: auto; } .pull-12\@md { right: 66.66667%; left: auto; } .prefix-12\@md { margin-left: 66.66667%; } .suffix-12\@md { margin-right: 66.66667%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-12\@md { -moz-order: 12; -ms-flex-order: 12; order: 12; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-13\@md { -ms-flex-preferred-size: 72.22222%; flex-basis: 72.22222%; max-width: 72.22222%; } .push-13\@md { left: 72.22222%; right: auto; } .pull-13\@md { right: 72.22222%; left: auto; } .prefix-13\@md { margin-left: 72.22222%; } .suffix-13\@md { margin-right: 72.22222%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-13\@md { -moz-order: 13; -ms-flex-order: 13; order: 13; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-14\@md { -ms-flex-preferred-size: 77.77778%; flex-basis: 77.77778%; max-width: 77.77778%; } .push-14\@md { left: 77.77778%; right: auto; } .pull-14\@md { right: 77.77778%; left: auto; } .prefix-14\@md { margin-left: 77.77778%; } .suffix-14\@md { margin-right: 77.77778%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-14\@md { -moz-order: 14; -ms-flex-order: 14; order: 14; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-15\@md { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .push-15\@md { left: 83.33333%; right: auto; } .pull-15\@md { right: 83.33333%; left: auto; } .prefix-15\@md { margin-left: 83.33333%; } .suffix-15\@md { margin-right: 83.33333%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-15\@md { -moz-order: 15; -ms-flex-order: 15; order: 15; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-16\@md { -ms-flex-preferred-size: 88.88889%; flex-basis: 88.88889%; max-width: 88.88889%; } .push-16\@md { left: 88.88889%; right: auto; } .pull-16\@md { right: 88.88889%; left: auto; } .prefix-16\@md { margin-left: 88.88889%; } .suffix-16\@md { margin-right: 88.88889%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-16\@md { -moz-order: 16; -ms-flex-order: 16; order: 16; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-17\@md { -ms-flex-preferred-size: 94.44444%; flex-basis: 94.44444%; max-width: 94.44444%; } .push-17\@md { left: 94.44444%; right: auto; } .pull-17\@md { right: 94.44444%; left: auto; } .prefix-17\@md { margin-left: 94.44444%; } .suffix-17\@md { margin-right: 94.44444%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-17\@md { -moz-order: 17; -ms-flex-order: 17; order: 17; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-18\@md { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-18\@md { left: 100%; right: auto; } .pull-18\@md { right: 100%; left: auto; } .prefix-18\@md { margin-left: 100%; } .suffix-18\@md { margin-right: 100%; } .order-first\@md { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-18\@md { -moz-order: 18; -ms-flex-order: 18; order: 18; } .order-last\@md { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@md { float: left; } .float-right\@md { float: right; } .clear\@md { clear: both; } .clear-left\@md { clear: left; } .clear-right\@md { clear: right; } .no-gutter\@md { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@md { padding-left: 0; } .no-gutter-right\@md { padding-right: 0; } .no-gutter-top\@md { padding-top: 0; } .no-gutter-bottom\@md { padding-bottom: 0; } .gutter\@md { padding-right: 11px; padding-left: 11px; } .gutter-left\@md { padding-left: 11px; } .gutter-right\@md { padding-right: 11px; } .auto-height\@md { height: inherit; } .row\@md { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row\@md { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@md { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row-reverse\@md { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@md { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); transform: translateX(-50%); } .col\@md { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .col-reverse\@md { -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .row-align-left\@md { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@md { -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@md { -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@md { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .row-align-top\@md { -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@md { -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@md { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@md { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .hide\@md { display: none; } .not-visible\@md { visibility: hidden; } .show\@md { display: block; } .show-inline\@md { display: inline-block; } .visible\@md { visibility: visible; } .row-debug\@md { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@md:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 11.11111% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .gr-0\@lg { -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@lg { left: 0%; right: auto; } .pull-0\@lg { right: 0%; left: auto; } .prefix-0\@lg { margin-left: 0%; } .suffix-0\@lg { margin-right: 0%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@lg { -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@lg { -ms-flex-preferred-size: 5.55556%; flex-basis: 5.55556%; max-width: 5.55556%; } .push-1\@lg { left: 5.55556%; right: auto; } .pull-1\@lg { right: 5.55556%; left: auto; } .prefix-1\@lg { margin-left: 5.55556%; } .suffix-1\@lg { margin-right: 5.55556%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@lg { -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@lg { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .push-2\@lg { left: 11.11111%; right: auto; } .pull-2\@lg { right: 11.11111%; left: auto; } .prefix-2\@lg { margin-left: 11.11111%; } .suffix-2\@lg { margin-right: 11.11111%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@lg { -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@lg { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .push-3\@lg { left: 16.66667%; right: auto; } .pull-3\@lg { right: 16.66667%; left: auto; } .prefix-3\@lg { margin-left: 16.66667%; } .suffix-3\@lg { margin-right: 16.66667%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@lg { -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@lg { -ms-flex-preferred-size: 22.22222%; flex-basis: 22.22222%; max-width: 22.22222%; } .push-4\@lg { left: 22.22222%; right: auto; } .pull-4\@lg { right: 22.22222%; left: auto; } .prefix-4\@lg { margin-left: 22.22222%; } .suffix-4\@lg { margin-right: 22.22222%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@lg { -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@lg { -ms-flex-preferred-size: 27.77778%; flex-basis: 27.77778%; max-width: 27.77778%; } .push-5\@lg { left: 27.77778%; right: auto; } .pull-5\@lg { right: 27.77778%; left: auto; } .prefix-5\@lg { margin-left: 27.77778%; } .suffix-5\@lg { margin-right: 27.77778%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@lg { -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@lg { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .push-6\@lg { left: 33.33333%; right: auto; } .pull-6\@lg { right: 33.33333%; left: auto; } .prefix-6\@lg { margin-left: 33.33333%; } .suffix-6\@lg { margin-right: 33.33333%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@lg { -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@lg { -ms-flex-preferred-size: 38.88889%; flex-basis: 38.88889%; max-width: 38.88889%; } .push-7\@lg { left: 38.88889%; right: auto; } .pull-7\@lg { right: 38.88889%; left: auto; } .prefix-7\@lg { margin-left: 38.88889%; } .suffix-7\@lg { margin-right: 38.88889%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@lg { -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@lg { -ms-flex-preferred-size: 44.44444%; flex-basis: 44.44444%; max-width: 44.44444%; } .push-8\@lg { left: 44.44444%; right: auto; } .pull-8\@lg { right: 44.44444%; left: auto; } .prefix-8\@lg { margin-left: 44.44444%; } .suffix-8\@lg { margin-right: 44.44444%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@lg { -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-9\@lg { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-9\@lg { left: 50%; right: auto; } .pull-9\@lg { right: 50%; left: auto; } .prefix-9\@lg { margin-left: 50%; } .suffix-9\@lg { margin-right: 50%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-9\@lg { -moz-order: 9; -ms-flex-order: 9; order: 9; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-10\@lg { -ms-flex-preferred-size: 55.55556%; flex-basis: 55.55556%; max-width: 55.55556%; } .push-10\@lg { left: 55.55556%; right: auto; } .pull-10\@lg { right: 55.55556%; left: auto; } .prefix-10\@lg { margin-left: 55.55556%; } .suffix-10\@lg { margin-right: 55.55556%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-10\@lg { -moz-order: 10; -ms-flex-order: 10; order: 10; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-11\@lg { -ms-flex-preferred-size: 61.11111%; flex-basis: 61.11111%; max-width: 61.11111%; } .push-11\@lg { left: 61.11111%; right: auto; } .pull-11\@lg { right: 61.11111%; left: auto; } .prefix-11\@lg { margin-left: 61.11111%; } .suffix-11\@lg { margin-right: 61.11111%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-11\@lg { -moz-order: 11; -ms-flex-order: 11; order: 11; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-12\@lg { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .push-12\@lg { left: 66.66667%; right: auto; } .pull-12\@lg { right: 66.66667%; left: auto; } .prefix-12\@lg { margin-left: 66.66667%; } .suffix-12\@lg { margin-right: 66.66667%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-12\@lg { -moz-order: 12; -ms-flex-order: 12; order: 12; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-13\@lg { -ms-flex-preferred-size: 72.22222%; flex-basis: 72.22222%; max-width: 72.22222%; } .push-13\@lg { left: 72.22222%; right: auto; } .pull-13\@lg { right: 72.22222%; left: auto; } .prefix-13\@lg { margin-left: 72.22222%; } .suffix-13\@lg { margin-right: 72.22222%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-13\@lg { -moz-order: 13; -ms-flex-order: 13; order: 13; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-14\@lg { -ms-flex-preferred-size: 77.77778%; flex-basis: 77.77778%; max-width: 77.77778%; } .push-14\@lg { left: 77.77778%; right: auto; } .pull-14\@lg { right: 77.77778%; left: auto; } .prefix-14\@lg { margin-left: 77.77778%; } .suffix-14\@lg { margin-right: 77.77778%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-14\@lg { -moz-order: 14; -ms-flex-order: 14; order: 14; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-15\@lg { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .push-15\@lg { left: 83.33333%; right: auto; } .pull-15\@lg { right: 83.33333%; left: auto; } .prefix-15\@lg { margin-left: 83.33333%; } .suffix-15\@lg { margin-right: 83.33333%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-15\@lg { -moz-order: 15; -ms-flex-order: 15; order: 15; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-16\@lg { -ms-flex-preferred-size: 88.88889%; flex-basis: 88.88889%; max-width: 88.88889%; } .push-16\@lg { left: 88.88889%; right: auto; } .pull-16\@lg { right: 88.88889%; left: auto; } .prefix-16\@lg { margin-left: 88.88889%; } .suffix-16\@lg { margin-right: 88.88889%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-16\@lg { -moz-order: 16; -ms-flex-order: 16; order: 16; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-17\@lg { -ms-flex-preferred-size: 94.44444%; flex-basis: 94.44444%; max-width: 94.44444%; } .push-17\@lg { left: 94.44444%; right: auto; } .pull-17\@lg { right: 94.44444%; left: auto; } .prefix-17\@lg { margin-left: 94.44444%; } .suffix-17\@lg { margin-right: 94.44444%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-17\@lg { -moz-order: 17; -ms-flex-order: 17; order: 17; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-18\@lg { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-18\@lg { left: 100%; right: auto; } .pull-18\@lg { right: 100%; left: auto; } .prefix-18\@lg { margin-left: 100%; } .suffix-18\@lg { margin-right: 100%; } .order-first\@lg { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-18\@lg { -moz-order: 18; -ms-flex-order: 18; order: 18; } .order-last\@lg { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@lg { float: left; } .float-right\@lg { float: right; } .clear\@lg { clear: both; } .clear-left\@lg { clear: left; } .clear-right\@lg { clear: right; } .no-gutter\@lg { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@lg { padding-left: 0; } .no-gutter-right\@lg { padding-right: 0; } .no-gutter-top\@lg { padding-top: 0; } .no-gutter-bottom\@lg { padding-bottom: 0; } .gutter\@lg { padding-right: 11px; padding-left: 11px; } .gutter-left\@lg { padding-left: 11px; } .gutter-right\@lg { padding-right: 11px; } .auto-height\@lg { height: inherit; } .row\@lg { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row\@lg { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@lg { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row-reverse\@lg { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@lg { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); transform: translateX(-50%); } .col\@lg { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .col-reverse\@lg { -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .row-align-left\@lg { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@lg { -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@lg { -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@lg { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .row-align-top\@lg { -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@lg { -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@lg { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@lg { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .hide\@lg { display: none; } .not-visible\@lg { visibility: hidden; } .show\@lg { display: block; } .show-inline\@lg { display: inline-block; } .visible\@lg { visibility: visible; } .row-debug\@lg { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@lg:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 11.11111% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 1200px) { .gr-0\@xl { -ms-flex-preferred-size: 0%; flex-basis: 0%; max-width: 0%; } .push-0\@xl { left: 0%; right: auto; } .pull-0\@xl { right: 0%; left: auto; } .prefix-0\@xl { margin-left: 0%; } .suffix-0\@xl { margin-right: 0%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-0\@xl { -moz-order: 0; -ms-flex-order: 0; order: 0; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-1\@xl { -ms-flex-preferred-size: 5.55556%; flex-basis: 5.55556%; max-width: 5.55556%; } .push-1\@xl { left: 5.55556%; right: auto; } .pull-1\@xl { right: 5.55556%; left: auto; } .prefix-1\@xl { margin-left: 5.55556%; } .suffix-1\@xl { margin-right: 5.55556%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-1\@xl { -moz-order: 1; -ms-flex-order: 1; order: 1; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-2\@xl { -ms-flex-preferred-size: 11.11111%; flex-basis: 11.11111%; max-width: 11.11111%; } .push-2\@xl { left: 11.11111%; right: auto; } .pull-2\@xl { right: 11.11111%; left: auto; } .prefix-2\@xl { margin-left: 11.11111%; } .suffix-2\@xl { margin-right: 11.11111%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-2\@xl { -moz-order: 2; -ms-flex-order: 2; order: 2; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-3\@xl { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .push-3\@xl { left: 16.66667%; right: auto; } .pull-3\@xl { right: 16.66667%; left: auto; } .prefix-3\@xl { margin-left: 16.66667%; } .suffix-3\@xl { margin-right: 16.66667%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-3\@xl { -moz-order: 3; -ms-flex-order: 3; order: 3; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-4\@xl { -ms-flex-preferred-size: 22.22222%; flex-basis: 22.22222%; max-width: 22.22222%; } .push-4\@xl { left: 22.22222%; right: auto; } .pull-4\@xl { right: 22.22222%; left: auto; } .prefix-4\@xl { margin-left: 22.22222%; } .suffix-4\@xl { margin-right: 22.22222%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-4\@xl { -moz-order: 4; -ms-flex-order: 4; order: 4; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-5\@xl { -ms-flex-preferred-size: 27.77778%; flex-basis: 27.77778%; max-width: 27.77778%; } .push-5\@xl { left: 27.77778%; right: auto; } .pull-5\@xl { right: 27.77778%; left: auto; } .prefix-5\@xl { margin-left: 27.77778%; } .suffix-5\@xl { margin-right: 27.77778%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-5\@xl { -moz-order: 5; -ms-flex-order: 5; order: 5; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-6\@xl { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .push-6\@xl { left: 33.33333%; right: auto; } .pull-6\@xl { right: 33.33333%; left: auto; } .prefix-6\@xl { margin-left: 33.33333%; } .suffix-6\@xl { margin-right: 33.33333%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-6\@xl { -moz-order: 6; -ms-flex-order: 6; order: 6; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-7\@xl { -ms-flex-preferred-size: 38.88889%; flex-basis: 38.88889%; max-width: 38.88889%; } .push-7\@xl { left: 38.88889%; right: auto; } .pull-7\@xl { right: 38.88889%; left: auto; } .prefix-7\@xl { margin-left: 38.88889%; } .suffix-7\@xl { margin-right: 38.88889%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-7\@xl { -moz-order: 7; -ms-flex-order: 7; order: 7; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-8\@xl { -ms-flex-preferred-size: 44.44444%; flex-basis: 44.44444%; max-width: 44.44444%; } .push-8\@xl { left: 44.44444%; right: auto; } .pull-8\@xl { right: 44.44444%; left: auto; } .prefix-8\@xl { margin-left: 44.44444%; } .suffix-8\@xl { margin-right: 44.44444%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-8\@xl { -moz-order: 8; -ms-flex-order: 8; order: 8; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-9\@xl { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .push-9\@xl { left: 50%; right: auto; } .pull-9\@xl { right: 50%; left: auto; } .prefix-9\@xl { margin-left: 50%; } .suffix-9\@xl { margin-right: 50%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-9\@xl { -moz-order: 9; -ms-flex-order: 9; order: 9; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-10\@xl { -ms-flex-preferred-size: 55.55556%; flex-basis: 55.55556%; max-width: 55.55556%; } .push-10\@xl { left: 55.55556%; right: auto; } .pull-10\@xl { right: 55.55556%; left: auto; } .prefix-10\@xl { margin-left: 55.55556%; } .suffix-10\@xl { margin-right: 55.55556%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-10\@xl { -moz-order: 10; -ms-flex-order: 10; order: 10; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-11\@xl { -ms-flex-preferred-size: 61.11111%; flex-basis: 61.11111%; max-width: 61.11111%; } .push-11\@xl { left: 61.11111%; right: auto; } .pull-11\@xl { right: 61.11111%; left: auto; } .prefix-11\@xl { margin-left: 61.11111%; } .suffix-11\@xl { margin-right: 61.11111%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-11\@xl { -moz-order: 11; -ms-flex-order: 11; order: 11; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-12\@xl { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .push-12\@xl { left: 66.66667%; right: auto; } .pull-12\@xl { right: 66.66667%; left: auto; } .prefix-12\@xl { margin-left: 66.66667%; } .suffix-12\@xl { margin-right: 66.66667%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-12\@xl { -moz-order: 12; -ms-flex-order: 12; order: 12; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-13\@xl { -ms-flex-preferred-size: 72.22222%; flex-basis: 72.22222%; max-width: 72.22222%; } .push-13\@xl { left: 72.22222%; right: auto; } .pull-13\@xl { right: 72.22222%; left: auto; } .prefix-13\@xl { margin-left: 72.22222%; } .suffix-13\@xl { margin-right: 72.22222%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-13\@xl { -moz-order: 13; -ms-flex-order: 13; order: 13; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-14\@xl { -ms-flex-preferred-size: 77.77778%; flex-basis: 77.77778%; max-width: 77.77778%; } .push-14\@xl { left: 77.77778%; right: auto; } .pull-14\@xl { right: 77.77778%; left: auto; } .prefix-14\@xl { margin-left: 77.77778%; } .suffix-14\@xl { margin-right: 77.77778%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-14\@xl { -moz-order: 14; -ms-flex-order: 14; order: 14; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-15\@xl { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .push-15\@xl { left: 83.33333%; right: auto; } .pull-15\@xl { right: 83.33333%; left: auto; } .prefix-15\@xl { margin-left: 83.33333%; } .suffix-15\@xl { margin-right: 83.33333%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-15\@xl { -moz-order: 15; -ms-flex-order: 15; order: 15; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-16\@xl { -ms-flex-preferred-size: 88.88889%; flex-basis: 88.88889%; max-width: 88.88889%; } .push-16\@xl { left: 88.88889%; right: auto; } .pull-16\@xl { right: 88.88889%; left: auto; } .prefix-16\@xl { margin-left: 88.88889%; } .suffix-16\@xl { margin-right: 88.88889%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-16\@xl { -moz-order: 16; -ms-flex-order: 16; order: 16; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-17\@xl { -ms-flex-preferred-size: 94.44444%; flex-basis: 94.44444%; max-width: 94.44444%; } .push-17\@xl { left: 94.44444%; right: auto; } .pull-17\@xl { right: 94.44444%; left: auto; } .prefix-17\@xl { margin-left: 94.44444%; } .suffix-17\@xl { margin-right: 94.44444%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-17\@xl { -moz-order: 17; -ms-flex-order: 17; order: 17; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .gr-18\@xl { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .push-18\@xl { left: 100%; right: auto; } .pull-18\@xl { right: 100%; left: auto; } .prefix-18\@xl { margin-left: 100%; } .suffix-18\@xl { margin-right: 100%; } .order-first\@xl { -moz-order: -1; -ms-flex-order: -1; order: -1; } .order-18\@xl { -moz-order: 18; -ms-flex-order: 18; order: 18; } .order-last\@xl { -moz-order: 9999; -ms-flex-order: 9999; order: 9999; } .float-left\@xl { float: left; } .float-right\@xl { float: right; } .clear\@xl { clear: both; } .clear-left\@xl { clear: left; } .clear-right\@xl { clear: right; } .no-gutter\@xl { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .no-gutter-left\@xl { padding-left: 0; } .no-gutter-right\@xl { padding-right: 0; } .no-gutter-top\@xl { padding-top: 0; } .no-gutter-bottom\@xl { padding-bottom: 0; } .gutter\@xl { padding-right: 11px; padding-left: 11px; } .gutter-left\@xl { padding-left: 11px; } .gutter-right\@xl { padding-right: 11px; } .auto-height\@xl { height: inherit; } .row\@xl { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row\@xl { margin-left: 0 !important; margin-right: 0 !important; } .row-reverse\@xl { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } [class*="no-gutter"] > .row-reverse\@xl { margin-left: 0 !important; margin-right: 0 !important; } .row-full\@xl { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); transform: translateX(-50%); } .col\@xl { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .col-reverse\@xl { -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-left: 0 !important; padding-right: 0 !important; margin-left: -11px; margin-right: -11px; } .row-align-left\@xl { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .row-align-center\@xl { -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .row-align-right\@xl { -ms-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; } .row-align-middle\@xl { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .row-align-top\@xl { -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } .row-align-bottom\@xl { -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; } .row-align-around\@xl { -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; } .row-align-between\@xl { -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .hide\@xl { display: none; } .not-visible\@xl { visibility: hidden; } .show\@xl { display: block; } .show-inline\@xl { display: inline-block; } .visible\@xl { visibility: visible; } .row-debug\@xl { position: relative; z-index: 99999; overflow: hidden; } .row-debug\@xl:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 11.11111% 100%; z-index: 99999; } body { direction: ltr; } } [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -11px; margin-right: -11px; } @media screen and (max-width: 543px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -11px; margin-right: -11px; } } @media screen and (min-width: 544px) and (max-width: 767px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -11px; margin-right: -11px; } } @media screen and (min-width: 768px) and (max-width: 991px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -11px; margin-right: -11px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -11px; margin-right: -11px; } } @media screen and (min-width: 1200px) { [class*="gr-"] > [class^="row"], [class*="gr-"] > [class^="col"] { margin-left: -11px; margin-right: -11px; } } .column { -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 543px) { .column\@xs { -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 544px) and (max-width: 767px) { .column\@sm { -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 768px) and (max-width: 991px) { .column\@md { -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .column\@lg { -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1200px) { .column\@xl { -ms-flex-direction: column; flex-direction: column; } } .column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (max-width: 543px) { .column-reverse\@xs { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 544px) and (max-width: 767px) { .column-reverse\@sm { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 768px) and (max-width: 991px) { .column-reverse\@md { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .column-reverse\@lg { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (min-width: 1200px) { .column-reverse\@xl { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .container { margin-left: auto; margin-right: auto; padding-right: 11px; padding-left: 11px; } @media (min-width: 576px) { .container { padding-right: 11px; padding-left: 11px; } } @media (min-width: 768px) { .container { padding-right: 11px; padding-left: 11px; } } @media (min-width: 992px) { .container { padding-right: 11px; padding-left: 11px; } } @media (min-width: 1200px) { .container { padding-right: 11px; padding-left: 11px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { margin-left: auto; margin-right: auto; padding-right: 11px; padding-left: 11px; } @media (min-width: 576px) { .container-fluid { padding-right: 11px; padding-left: 11px; } } @media (min-width: 768px) { .container-fluid { padding-right: 11px; padding-left: 11px; } } @media (min-width: 992px) { .container-fluid { padding-right: 11px; padding-left: 11px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 11px; padding-left: 11px; } } /*-------------------------------------------------------------- # CTA Grid --------------------------------------------------------------*/ .cta-grid .grid-item .gr-9 { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 767px) { .cta-grid .grid-item .gr-9 { display: block; } } .cta-grid .grid-item:nth-child(2n) .row { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 767px) { .cta-grid .grid-item:nth-child(2n) .row { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 767px) { .cta-grid .grid-item .row { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cta-grid .grid-item .text-container { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 30px 20px; background: #f7f7f7; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 767px) { .cta-grid .grid-item .text-container { padding: 31px 36px; height: auto; } } .cta-grid .grid-item .text-container .title { font-family: adobe-heiti-std, sans-serif; font-size: 26px; font-weight: 500; font-style: normal; font-stretch: normal; text-align: center; color: #007fd6; margin: 0 0 25px; width: 100%; } @media (max-width: 767px) { .cta-grid .grid-item .text-container .title { font-size: 19px; margin-bottom: 14px; } } .cta-grid .grid-item .text-container p { margin: 0; display: inline-block; max-width: 450px; font-size: 17px; font-weight: 300; line-height: 26px; text-align: justify; color: #333333; width: 100%; } @media (max-width: 767px) { .cta-grid .grid-item .text-container p { font-size: 16px; line-height: 21px; } } .cta-grid .grid-item .text-container .btn { margin-top: 35px; display: block; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .cta-grid .grid-item .text-container .btn { margin-top: 10px; } } @media (min-width: 992px) { .cta-grid .grid-item:nth-child(2n) .image-container { -ms-flex-pack: end; justify-content: flex-end; } } .cta-grid .grid-item .image-container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; line-height: 0; overflow: hidden; width: 100%; height: 100%; min-height: 380px; background-size: cover; } @media (max-width: 767px) { .cta-grid .grid-item .image-container { min-height: 205px; } } .cta-grid .grid-item .image-container img { max-height: 379px; } /*-------------------------------------------------------------- # Contact map --------------------------------------------------------------*/ .contact-map { padding: 50px 0; } @media (max-width: 767px) { .contact-map { padding: 25px 0; } } .contact-map .container { text-align: center; } .contact-map .title { font-size: 26px; font-weight: 500; text-align: center; color: #007fd6; margin: 0 0 50px; } @media (max-width: 767px) { .contact-map .title { font-size: 19px; margin-bottom: 25px; } } .contact-map img[src*=".svg"] { width: 100%; height: auto; max-width: 800px; fill: transparent; transition: all .3s; } .contact-map .offices { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-top: 50px; border-bottom: 2px solid #007FD6; } @media (max-width: 767px) { .contact-map .offices { margin-top: 20px; } } .contact-map .offices .office { width: 33.33333%; padding: 0 22px 70px; font-size: 16px; font-weight: 300; text-align: left; color: #333333; } @media (min-width: 768px) and (max-width: 991px) { .contact-map .offices .office { width: 50%; } } @media (max-width: 767px) { .contact-map .offices .office { width: 100%; padding-bottom: 25px; max-width: 320px; } } .contact-map .offices .office .title { margin: 0; font-size: 22px; font-weight: 500; text-align: left; color: #007fd6; border-bottom: 1px solid #007fd6; margin-bottom: 10px; } @media (max-width: 767px) { .contact-map .offices .office .title { font-size: 19px; } } .contact-map .offices .office .tagline { display: block; margin-bottom: 15px; } @media (max-width: 767px) { .contact-map .offices .office .tagline { font-size: 16px; } } .contact-map .offices .office ul { margin: 0; padding: 0; list-style: none; } .contact-map .offices .office ul li { display: -ms-flexbox; display: flex; line-height: 20px; } .contact-map .offices .office ul li i { color: #007fd6; margin-right: 12px; display: inline-block; font-size: 20px; } @media (max-width: 767px) { .contact-map .offices .office ul li i { font-size: 16px; margin-right: 5px; } } @media (max-width: 767px) { .contact-map .offices .office ul li span { font-size: 16px; } } .contact-map .offices .office ul li + li { margin-top: 15px; } /*-------------------------------------------------------------- # Authorized Partners --------------------------------------------------------------*/ .authorized_partners .title { font-size: 26px; line-height: 26px; font-weight: 500; text-align: center; color: #007fd6; margin: 0 0 50px; } .authorized_partners .partners { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .authorized_partners .partners .partner { width: 50%; text-align: left; margin-bottom: 70px; padding-left: 150px; } @media (max-width: 767px) { .authorized_partners .partners .partner { width: 100%; margin-bottom: 25px; max-width: 320px; padding-left: 0; } } .authorized_partners .partners .partner img { height: 80px; } .authorized_partners .partners .partner ul { margin: 0; padding: 0; list-style: none; } .authorized_partners .partners .partner ul li { display: -ms-flexbox; display: flex; line-height: 20px; margin-bottom: 15px; } .authorized_partners .partners .partner ul li i { color: #007fd6; margin-right: 12px; display: inline-block; font-size: 20px; } .authorized_partners .partners .partner ul li span { font-weight: 300; } .authorized_partners .partners .partner .title { text-align: left; font-size: 16px; margin: 30px 0 20px; font-weight: bold; } .authorized_partners .partners .partner .partner-cta { font-size: 17px; font-weight: 500; text-align: center; color: #ffffff !important; background: #007fd6; padding: 5px 40px; text-decoration: none; display: inline-block; transition: all .5s; } #partner-title { text-align: center; color: #007fd6; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea { color: #666; border: 2px solid #f7f7f7; display: block; font-size: 16px; padding: 10px 15px; width: 100%; transition: all .5s; margin: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, select:focus, textarea:focus { color: #111; } input[type="text"]:focus, input[type="text"]:active, input[type="text"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="email"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="url"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="password"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="search"]:hover, input[type="number"]:focus, input[type="number"]:active, input[type="number"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="tel"]:hover, input[type="range"]:focus, input[type="range"]:active, input[type="range"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="date"]:hover, input[type="month"]:focus, input[type="month"]:active, input[type="month"]:hover, input[type="week"]:focus, input[type="week"]:active, input[type="week"]:hover, input[type="time"]:focus, input[type="time"]:active, input[type="time"]:hover, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:hover, input[type="color"]:focus, input[type="color"]:active, input[type="color"]:hover, select:focus, select:active, select:hover, textarea:focus, textarea:active, textarea:hover { outline: none; border: 2px solid #cbcbcb; } input[type="text"]:focus.error, input[type="text"]:active.error, input[type="text"]:hover.error, input[type="email"]:focus.error, input[type="email"]:active.error, input[type="email"]:hover.error, input[type="url"]:focus.error, input[type="url"]:active.error, input[type="url"]:hover.error, input[type="password"]:focus.error, input[type="password"]:active.error, input[type="password"]:hover.error, input[type="search"]:focus.error, input[type="search"]:active.error, input[type="search"]:hover.error, input[type="number"]:focus.error, input[type="number"]:active.error, input[type="number"]:hover.error, input[type="tel"]:focus.error, input[type="tel"]:active.error, input[type="tel"]:hover.error, input[type="range"]:focus.error, input[type="range"]:active.error, input[type="range"]:hover.error, input[type="date"]:focus.error, input[type="date"]:active.error, input[type="date"]:hover.error, input[type="month"]:focus.error, input[type="month"]:active.error, input[type="month"]:hover.error, input[type="week"]:focus.error, input[type="week"]:active.error, input[type="week"]:hover.error, input[type="time"]:focus.error, input[type="time"]:active.error, input[type="time"]:hover.error, input[type="datetime"]:focus.error, input[type="datetime"]:active.error, input[type="datetime"]:hover.error, input[type="datetime-local"]:focus.error, input[type="datetime-local"]:active.error, input[type="datetime-local"]:hover.error, input[type="color"]:focus.error, input[type="color"]:active.error, input[type="color"]:hover.error, select:focus.error, select:active.error, select:hover.error, textarea:focus.error, textarea:active.error, textarea:hover.error { border: solid 2px #ff0000; } input[type="text"].error, input[type="email"].error, input[type="url"].error, input[type="password"].error, input[type="search"].error, input[type="number"].error, input[type="tel"].error, input[type="range"].error, input[type="date"].error, input[type="month"].error, input[type="week"].error, input[type="time"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="color"].error, select.error, textarea.error { border: solid 2px #ff0000; } select { border-radius: 0; -webkit-appearance: none; background: #fff; font-size: 16px; position: relative; background-image: url("../../img/arrow.svg"); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: pointer; } select::-ms-expand { display: none; } textarea { width: 100%; } label { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 300; color: #333333; } .input-group { margin-top: 20px; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #007fd6; } a:visited { color: #007fd6; } a:hover, a:focus, a:active { color: #008ae5; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; z-index: 1000; float: left; } @media (max-width: 1199px) { .main-navigation { -ms-flex-pack: start; justify-content: flex-start; display: none; float: none; } .main-navigation.active { display: -ms-flexbox; display: flex; } } @media (max-width: 1199px) { .main-navigation .main-menu { width: 100%; } } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .main-navigation ul { -ms-flex-direction: column; flex-direction: column; } } .main-navigation ul a { display: block; font-size: 16px; font-family: adobe-heiti-std, sans-serif; font-weight: 400; color: #007fd6; line-height: 1.2; text-decoration: none; padding: 20px 20px; transition: all .3s; } @media (max-width: 1199px) { .main-navigation ul a { padding: 10px 20px; } } @media (max-width: 1199px) { .main-navigation ul li { border-bottom: 1px solid #F6F6F6; } } .main-navigation ul li:focus > a, .main-navigation ul li:active > a, .main-navigation ul li:hover > a { background: #f3f3f3; } .main-navigation .menu-item-has-children { position: relative; } .main-navigation .menu-item-has-children > a { position: relative; } .main-navigation .menu-item-has-children > a:after { font-family: "smithsdetection" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\61"; font-size: 20px; color: #007fd6; position: absolute; right: 0; top: 35%; } @media (max-width: 1199px) { .main-navigation .menu-item-has-children > a:after { display: none; } } @media (min-width: 992px) { .main-navigation .menu-item-has-children:hover > .sub-menu, .main-navigation .menu-item-has-children:active > .sub-menu, .main-navigation .menu-item-has-children:focus > .sub-menu { display: block; } } .main-navigation .menu-item-has-children.active > .sub-menu { display: block; } .main-navigation .menu-item-has-children.active > .menu-with-arrow i { transform: rotate(180deg); } @media (max-width: 1199px) { .main-navigation .menu-item-has-children .menu-with-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .main-navigation .menu-item-has-children .menu-with-arrow a { -ms-flex-positive: 1; flex-grow: 1; } .main-navigation .menu-item-has-children .menu-with-arrow i { cursor: pointer; transition: all .5s; padding: 10px; } .main-navigation .menu-item-has-children .menu-with-arrow i:focus, .main-navigation .menu-item-has-children .menu-with-arrow i:active, .main-navigation .menu-item-has-children .menu-with-arrow i:hover { background: none; } } .main-navigation .sub-menu { position: absolute; top: 100%; right: 0; width: auto; display: none; -ms-flex-direction: column; flex-direction: column; background: #f3f3f3; min-width: 180px; border: 1px solid #e0e0e0; } @media (max-width: 1199px) { .main-navigation .sub-menu { border: none; position: relative; top: 0; left: 0; background: #fff; } .main-navigation .sub-menu li { padding-left: 30px; } } .main-navigation .sub-menu li + li { border-top: 1px solid #e0e0e0; } .main-navigation .sub-menu li:hover a, .main-navigation .sub-menu li:active a, .main-navigation .sub-menu li:focus a { background: #ecebeb; } @media (max-width: 1199px) { .main-navigation .sub-menu li:hover a, .main-navigation .sub-menu li:active a, .main-navigation .sub-menu li:focus a { background: #fff; } } .main-navigation .sub-menu a { padding: 15px 20px; white-space: nowrap; } .footer-navigation-container { max-width: 700px; } .footer-navigation { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .footer-navigation .menu-footer-3-container ul { -ms-flex-direction: column; flex-direction: column; } .footer-navigation .menu-footer-container { -ms-flex-positive: 2; flex-grow: 2; } .footer-navigation .menu-footer-3-container { -ms-flex-positive: 1; flex-grow: 1; } .footer-navigation ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .footer-navigation ul a:focus, .footer-navigation ul a:active, .footer-navigation ul a:hover { color: #007fd6 !important; } .footer-navigation ul li { -ms-flex-positive: 1; flex-grow: 1; } .footer-navigation ul li > a { font-size: 20px; font-weight: 300; text-align: center; color: #007fd6; text-decoration: none; } .footer-navigation ul .sub-menu { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; } .footer-navigation ul .sub-menu a { font-size: 15px; font-weight: 300; line-height: 25px; color: #333333; } /* Change style of main menu on sub smith detection website */ .smiths-detection-main-navigation{ width:100% !important; } /*-------------------------------------------------------------- ## Posts Pagination --------------------------------------------------------------*/ .pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-top: 50px; margin-bottom: 50px; } .pagination .nav-links .page-numbers { text-decoration: none; padding: 10px 15px; color: #007fd6; transition: all .5s; } .pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers:hover { background: #007fd6; color: #fff; } .pagination .nav-links .page-numbers.dots:hover { background: none; color: #007fd6; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; margin-right: 1.5em; } .alignright { display: inline; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /* .site-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: relative; border-bottom: 1px solid #F6F6F6; } @media screen and (max-width: 767px) { .site-header { -ms-flex-pack: center; justify-content: center; } } .site-header .trigger { padding: 20px; height: 100%; display: none; position: absolute; right: -11px; top: 0; cursor: pointer; } @media (max-width: 1199px) { .site-header .trigger { display: block; padding: 13px; } } .site-header .site-branding { display: inline-block; margin-left: 20px; } @media (max-width: 1199px) { .site-header .site-branding { margin-left: 0; padding: 15px 0; } } .site-header .site-branding .site-title { margin: 0; padding: 0; line-height: 0; } .site-header .site-branding img { width: 340px; } @media screen and (max-width: 991px) { .site-header .site-branding img { width: 193px; } } */ .site-mainmenu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ footer.site-footer { background: #f7f7f7; font-family: adobe-heiti-std, sans-serif; font-size: 14px; font-weight: 300; color: #333333; padding: 45px 45px 30px; } @media (max-width: 767px) { footer.site-footer { font-size: 9px; padding: 17px; } } footer.site-footer .site-info { margin-top: 45px; text-align: center; } @media (max-width: 767px) { footer.site-footer .site-info { margin-top: 0; } } @media (max-width: 767px) { footer.site-footer .footer-navigation-container { display: none; } } footer.site-footer .footer-navigation-container .footer-navigation > div { text-align: center; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } #page { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } #page .header-container { width: 100%; -ms-flex-positive: 0; flex-grow: 0; } #page #content { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; min-height: 70vh; } #page .container-fluid { width: 100%; } .clearfix { clear: both; overflow: hidden; } #breadcrumbs { padding: 0; margin: 10px 0 30px; } #breadcrumbs li { list-style: none; float: left; padding-left: 25px; position: relative; font-size: 14px; line-height: 20px; } #breadcrumbs li a { color: #007FD6; text-decoration: none; display: block; } #breadcrumbs li:after { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-family: FontAwesome; font-size: 14px; color: #222222; content: '\f105'; } #breadcrumbs li.home-item { padding-left: 0; } #breadcrumbs li.home-item:after { display: none; } #breadcrumbs li.home-item a { padding-left: 15px; position: relative; } #breadcrumbs li.home-item a:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: FontAwesome; font-size: 14px; color: #007FD6; content: '\f015'; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Page --------------------------------------------------------------*/ .page-template-error .header-container, .error404 .header-container { margin-left: 0; margin-right: 0; } .page-template-error .site, .error404 .site { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; -ms-flex-pack: justify; justify-content: space-between; } .page-error section { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; margin: 22px; } .page-error section .page-header { text-align: center; } .page-error section .page-header img { max-width: 117px; } .page-error section .page-title { font-size: 96px; font-weight: 500; line-height: 100px; text-align: center; color: #007fd6; margin: 0; font-family: adobe-heiti-std, sans-serif; } @media (max-width: 767px) { .page-error section .page-title { font-size: 19px; line-height: 23px; } } .page-error section .page-tagline { font-family: adobe-heiti-std, sans-serif; font-size: 39px; font-weight: 300; line-height: 36px; text-align: center; color: #333333; margin: 0; } @media (max-width: 767px) { .page-error section .page-tagline { font-size: 16px; line-height: 23px; } } .page-error section .page-content { margin: 0; font-size: 18px; font-weight: 300; line-height: 26px; text-align: center; color: #333333; } @media (max-width: 767px) { .page-error section .page-content { font-size: 16px; line-height: 23px; } } .page-error section .page-content a { text-decoration: none; } .page-error section .page-content ol { margin: 0; padding: 0; list-style: none; } .home .slider--fullwidth + .cta-fullwidth { padding-top: 65px; padding-bottom: 65px; } @media screen and (max-width: 767px) { .home .slider--fullwidth + .cta-fullwidth { padding-top: 31px; padding-bottom: 31px; margin-bottom: 0; } } .page-id-871 .flexslider .slides li { background-position: center; background-size: cover; min-height: 489px; line-height: 1; } @media screen and (max-width: 767px) { .page-id-871 .flexslider .slides li { min-height: 400px; } } .page-id-871 .flexslider .slides li .hero-container { position: absolute; z-index: 1; width: 100%; height: 100%; display: table; text-align: center; } .page-id-871 .flexslider .slides li .hero-container .hero-info { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .page-id-871 .flexslider .slides li .hero-container .hero-info .heading-title { font-size: 42px; font-weight: normal; color: #fff; margin: 0px; line-height: 1.5; } @media screen and (max-width: 860px) { .page-id-871 .flexslider .slides li .hero-container .hero-info .heading-title { margin: 0px 30px; font-size: 28px; } } .page-id-871 .flexslider .slides li .hero-container .hero-info .sub-heading-title { font-size: 30px; font-weight: normal; color: #fff; margin: 10px 0px; line-height: 1.5; } @media screen and (max-width: 860px) { .page-id-871 .flexslider .slides li .hero-container .hero-info .sub-heading-title { margin: 10px 30px; font-size: 20px; } } .page-id-871 .flexslider .slides li .hero-container .hero-info .cta-container { margin-top: 30px; } .page-id-871 .flexslider .slides li .hero-container .hero-info .cta-container .btn { line-height: 1.5; } .page-id-863 .contact-map .offices { border-bottom: none; } .page-id-863 .authorized_partners { display: none; } /*# sourceMappingURL=style.css.map */ .single-sd-post p { margin-bottom: 1.5em !important; } .single-sd-post .page-content, .single-sd-post .entry-content, .single-sd-post .entry-summary { margin: 1.5em 0 0 !important; padding: 0 !important; max-width: none !important; } .single-sd-post .entry .entry-header, .single-sd-post .entry .entry-title, .tax-sd-product-category .entry .entry-header, .tax-sd-product-category .entry .entry-title, .tax-sd-post-category .entry .entry-header, .tax-sd-post-category .entry .entry-title { display: block !important; margin: 0 !important; } .single-sd-post .entry .entry-title:before, .tax-sd-product-category .entry .entry-title:before, .tax-sd-post-category .entry .entry-title:before { display: none !important; } .tax-sd-post-category .page-header { margin: 0 !important; } .tax-sd-post-category .page-header .page-title { display: block !important; margin: 45px 0 60px 0; font-size: 35px; font-weight: 500; text-align: center; color: #1C262B; letter-spacing: 0.7px; } /* Group Grid */ .group-grid { padding: 0px 10px; cursor: pointer; } .group-grid .col-lg-4, .group-grid .col-lg-6 { padding: 0; overflow: hidden; } .group-grid .c-articles-grid__item-container:hover .c-articles-grid__img { transform: scale(1.2); } .group-grid .c-articles-grid__latest { background-color: rgba(0, 0, 0, 0.4); } .group-grid .c-articles-grid__latest:hover { background-color: rgba(0, 0, 0, 0.6); } .group-grid .c-articles-grid__latest-synopsis { height: 100%; background: none; padding-top: 80px; } .group-grid .c-articles-grid__latest-synopsis:hover { padding-top: 80px; } .group-grid .c-articles-grid__latest-title { font-size: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; font-weight: 600; width: 100%; } .group-grid .c-articles-grid__latest-desc { visibility: visible; font-size: 17px; color: #FFFFFF; letter-spacing: 0; text-align: center; } .c-footer-main-link { font-size: 16px; font-weight: 600; letter-spacing: 0.32px; padding-bottom: 8px; } a.back-to-group-link { display: block; } #product-title{ font-size: 42px; letter-spacing: -1.45px; max-width: 100%; line-height: 50px; text-transform: none !important; } .tab-content ul{ list-style: dotted !important; } .entry-content > h2{ text-align: left; } .entry-content { text-align: left !important; } .entry-content > ul{ list-style: dotted !important; padding-left: 20px; } .tab-content > ul{ list-style: dotted !important; padding-left: 20px !important; } .popular-posts > .widgettitle{ text-align: left !important; } @media only screen and (max-width: 800px) { .c-footer-nav{ border-bottom: 1px solid rgba(151, 151, 151, 0) !important; } .c-footer__nav-container{ padding-bottom: 10px; border-bottom: 1px solid rgba(151, 151, 151, 0.5) !important; } } .content-container h1{ color: #007fd6 !important; } a.hero-cta, a.cta-fullwidth-btn, a.cta-grid-btn, .btn.btn-primary{ background-color: #007fd6 !important; color: white !important; border: 0 !important; font-weight: bold; font-size: 17px; } a.hero-cta:hover, a.cta-fullwidth-btn:hover, a.cta-grid-btn:hover, .btn.btn-primary:hover{ background-color: #008ae5 !important; color: white !important; border: 0 !important; font-weight: bold; font-size: 17px; } .btn{ border: 0 !important; font-size: 17px !important; font-weight: 500 !important; } .block { height: 400px; background-size: cover; background-position: center center; position: relative; margin-top: 13px; margin-bottom: 13px; } .block .inner { width: 100%; height: 100%; position: absolute; background-image: linear-gradient(to bottom,rgba(40,40,40,.1),rgba(43,43,43,.7),rgba(51,51,51,.9)); top: 0; left: 0; padding: 5%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; color: #fff; padding-bottom: 30px; } .block .inner span.line { display: block; width: 80px; height: 5px; margin-bottom: 15px; } .block .inner h4 { font-size: 28px; letter-spacing: -.27px; line-height: 18.4px; margin-bottom: 15px; } .inner p { width: 75%; height: 0; opacity: 0; transition: all ease-in-out .6s; } .term-biological-threat-detection .inner p img { display:none; } .block .inner a.readmore_l { position: absolute; transition: opacity ease .1s; right: 20px; color: #fff; height: auto; font-size: 18px; letter-spacing: -.18px; font-family: DINPro-Medium,sans-serif; opacity: 0; z-index: 999; transition: all ease-in-out .5s; bottom: 20px; font-weight: bold; } .block:hover .inner a.readmore_l { display: block; opacity: 1; } .block:hover .inner p { height: auto; opacity: 1; } #mega-menu-wrap-smiths-detection-main-navigation #mega-menu-smiths-detection-main-navigation li#mega-menu-item-1173 a { background: url(/wp-content/themes/smiths-group/smiths-detection-logo.png) no-repeat scroll 0 0 / 256px; font-size: 0; width: 256px; } .item2item { background-position: center; background-size: cover; /* height: 400px; */ height: 692px; margin-bottom: 7.5px; position: relative; margin-top: 6px; } .mobile-item2item{ background-position: center; background-size: cover; /* height: 400px; */ height: 320px; margin-bottom: 7.5px; position: relative; margin-top: 6px; } .Itemov { background-image: linear-gradient(to bottom,rgba(30,30,30,0),rgba(27,27,27,.8)); height: 100%; width: 100%; position: relative; } .item1item { background-position: center; background-size: cover; height: calc(50% - 10px); margin-bottom: 6px; position: relative; margin-top: 6px; } .cont { width: 100%; bottom: 0; position: absolute; color: #fff; } .Itemov .cont h2, .Itemov .cont h2 { font-size: 36px; line-height: 52px; letter-spacing: -.41px; text-align: left; } .Itemov .cont .description, .Itemov .cont .description { font-size: 16px; letter-spacing: -.18px; transition: height .5s ease; height: 50px; overflow: hidden; } .Itemov:hover .description { height: 140px; } .Itemov .cont a.readmore_l { position: absolute; transition: all ease .4s; right: 0; color: #fff; display: none; font-size: 18px; letter-spacing: -.18px; opacity: 0; font-weight: bold; } .Itemov:hover a.readmore_l { display: block; opacity: 1; font-weight: bold; margin-right: 50px; } // Small devices (landscape phones, 576px and up) @media screen and (max-width: 543px) { .item2item\@xs { background-position: center; background-size: cover; height: 300px; margin-bottom: 7.5px; position: relative; margin-top: 6px; color:red !important; } .Itemov { background-image: linear-gradient(to bottom,rgba(30,30,30,0),rgba(27,27,27,.8)); height: 100%; width: 100%; position: relative; } .item1item { background-position: center; background-size: cover; height: 300px; margin-bottom: 6px; position: relative; margin-top: 6px; } .cont { width: 100%; bottom: 0; color:red !important; } } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { } @media screen and (min-width: 1200px){ .gr-4{ flex-basis: 25% !important; max-width: 25% !important; } } .market-block-title{ padding: 0 20px; font-size: 30px; } .readmore{padding: 4px;} .market-item2item { background-position: center; background-size: cover; height: 550px; margin-bottom: 7.5px; position: relative; margin-top: 13px; margin-bottom: 13px; } .Itemov .cont a.readmore_market { position: absolute; transition: all ease .4s; right: 0; color: #fff; font-size: 18px; letter-spacing: -.18px; opacity: 0; } .Itemov:hover a.readmore_market { opacity: 1; } .Itemov .cont .market-description, .Itemov .cont .market-description { font-size: 14px; letter-spacing: -.18px; transition: height .5s ease; height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: clip } .Itemov:hover .market-description { height: 160px; } /*---- CSS for Content-Category ---*/ .box__release .image { height: 100%; width: 100%; background-position: center; background-size: cover; position: relative; transform-origin: right bottom; transition: all 250ms ease-in-out; } .box__release .image:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)); } .box__release { margin-bottom: 0; height: 300px; width: 100%; overflow: hidden; position: relative; } .item .release__information { padding-top: 40px; } .item:hover .release__information { transform: translate(0,-66px); } .item .release__information:before { content: ""; position: absolute; left: -18px; top: 0; width: 18px; height: 100%; background-color: #eaeaea; } .item:hover .release__excerpt { transition: opacity 180ms ease 180ms; transform: scale(1.05); opacity: 1; } .release__content { background-color: #eaeaea; padding-left: 18px; position: relative; height: 165px; } .release__information { padding-top: 40px; } .item .release__information { transition: transform 250ms ease; position: relative; padding-top: 20px; background-color: #eaeaea; } .release__title { font-size: 16px; line-height: 24px; letter-spacing: -.16px; color: #4a4a4a; margin-bottom: 10px; width: 80%; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .wrapper-archive-releases .latests .release__date { font-size: 12px; line-height: 12px; letter-spacing: -.16px; color: #979797; } .release__date { font-size: 12px; line-height: 12px; letter-spacing: -.16px; color: #979797; } .release__excerpt { font-size: 16px; letter-spacing: -.16px; line-height: 20px; color: #4a4a4a; width: 80%; position: absolute; bottom: 40px; left: 25px; opacity: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .item .release__excerpt { bottom: 40px; } /*---- Most Read Sidebar ----*/ .center-sidebar .wpp-list { counter-reset: my-badass-counter; border-bottom: 1px solid #4a4a4a; } .center-sidebar .wpp-list dt { border-top: 1px solid #4a4a4a; padding: 20px 0 20px 50px; position: relative; min-height: 75px; } .center-sidebar .wpp-list dt:after { content: counter(my-badass-counter); counter-increment: my-badass-counter; position: absolute; left: 15px; top: 15px; font-size: 32px; line-height: 41px; color: #007fd6; font-weight: 400; margin-left: 3px; } .center-sidebar .wpp-list dt:before { content: "0"; position: absolute; left: 0; top: 15px; font-size: 32px; line-height: 41px; color: #007fd6; font-weight: 400; } .center-sidebar .wpp-list dt a { color: #4a4a4a; cursor: pointer !important; font-weight: 400; } .center-sidebar .wpp-list dt a:hover { text-decoration: underline; } .center-sidebar .widgettitle { font-size: 22px !important; letter-spacing: -.53px; color: #4a4a4a !important; font-weight: bold; } /*--- Product Single page ---*/ .product-specification-list{ margin-top: 40px; } .product-specification-list ul li{ list-style: dotted; margin-left: 20px; } .cta-bar{ margin-top: 50px; background-color: #03559e; padding-top: 25px; padding-bottom: 25px; } .cta-bar__container { position: relative; height: 50px; min-height: 50px; } .cta-bar__copy { font-size: 20px; color: #fff; letter-spacing: -.29px; display: inline-block; margin-top: 12px; } .cta-bar__buttons { line-height: 45px; float: right; } .product-desc-topic{ font-size: 12px; line-height: 14px; color: #979797; margin-bottom: 5px; } .product-desc-product-title{ color: #007fd6; font-size: 24px; line-height: 28px; margin-bottom: 10px; } .product-desc-container{ color: #999; background-color: #fff; padding: 25px 30px !important; } .product-desc-container p{ font-size: 16px !important; } .product-desc-container ul{ margin-left: 16px; } .product-desc-technical { color: #999; background-color: #fff; padding: 25px 30px !important; } .product-desc-technical table tr td { border-bottom: 1px solid #999; border-left: 0; border-right: 0; border-top: 0; } .btn-blue { background-color: #007fd6; color: #fff !important; border-radius: 0 !important; } .mobile-market-grid{ display: none; } @media only screen and (max-width: 768px) { .market-grid { display: none; } .mobile-market-grid{ display: block; } } .content-container h1{ color:white !important; } .main-sd-navigation { display: inline-block!important; margin: 0; text-align: right; margin-left: 0; width: 94%; } #header-sd-widget-area { width: 6%; display: inline-block; vertical-align: top; } .chw-widget .search-form{ top: 50 !important; height: 150px !important; } .chw-widget .search-form input{ margin: 0 auto !important; text-align: center !important; } .chw-widget .search-form input.search-submit{ display: none; } /* SmithsGroups slider */ .content { position: relative; top: 0; right: 0; left: 0; bottom: 0; } .content .css-carousel { height: 450px; } .content .css-carousel .carousel-slides, .content .css-carousel .carousel-inner, .content .css-carousel .carousel-item { height: 100%; } .content .css-carousel .carousel-item { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .swiper-slide .center { width: 100%; height: 100%; display: table; text-align: center; position: relative; } .swiper-slide .center .title { display: table-cell; vertical-align: middle; color: #fff; font-size: 36px; font-weight: 600; background-color: rgba(0, 0, 0, 0.3); } .content .css-carousel .carousel-item .credit { display: none; position: absolute; right: 0; bottom: 0; padding: 20px; color: #fff; font-size: 14px; } .content .css-carousel .carousel-item .credit a { color: #fff; text-decoration: underline; font-weight: 700; } .content .css-carousel .carousel-item .credit a:hover { text-decoration: none; } .css-carousel .carousel-nav label{ width: 10px !important; height: 10px !important; } .single-sd-post .site-content { margin-top:100px; } @media(max-width:768px){ .swiper-slide .center .title{ padding: 13% 0 7% !important; display: table-cell; vertical-align: middle; color: #fff; font-size: 16px; font-weight: 600; } .swiper-slide .center .title .elementor-button-text{ font-size: 14px; } .swiper-slide .center .title .elementor-button{ padding: 8px 16px !important; margin-top: 15px; } } .post-1478.entry .entry-header .entry-meta { display:none!important; }