D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
skdesign
/
public_html
/
css
/
Filename :
main.css
back
Copy
@charset "UTF-8"; /*------------------------------------------------------------------ [Master Stylesheet] Project: TATEE Version: 1.0 Last change: 11/2018 [Add Define a table of contents Link] Assigned to: HAU NGUYEN Primary use: AuCreative -------------------------------------------------------------------*/ /* ========================================================================== #BOX-SIZING ========================================================================== */ /** * More sensible default box-sizing: * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { padding: 0; margin: 0; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* ========================================================================== #NORMALIZE ========================================================================== */ img { max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", Arial, "Helvetica Neue", sans-serif; font-weight: 700; text-transform: none; line-height: 1.2; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display: inline-block; line-height: 1.2; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 15px; } h6 { font-size: 13px; } ul { list-style: none; } /* ========================================================================== #RESET ========================================================================== */ /** * A very simple reset that sits on top of Normalize.css. */ body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, ul, figure, hr, fieldset, legend { margin: 0; padding: 0; } /** * Remove trailing margins from nested lists. */ li > ol, li > ul { margin-bottom: 0; } /** * Remove default table spacing. */ table { border-collapse: collapse; border-spacing: 0; } /** * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;` * on fieldsets. */ fieldset { min-width: 0; /* [1] */ border: 0; } button { outline: none; background: transparent; } /* ========================================================================== #SHARED ========================================================================== */ /** * Shared declarations for certain elements. */ /** * Always declare margins in the same direction: * csswizardry.com/2012/06/single-direction-margin-declarations */ .bg-pattern-01 { background: url("../images/bg-pattern-01.jpg") center center/cover fixed no-repeat; } /* BLOCK REVEALER */ .block-revealer { position: absolute; top: 0; width: 0; bottom: 0; background: #222; z-index: 99; } @-webkit-keyframes revealIn { 0% { width: 0; } 100% { width: 100%; } } @-moz-keyframes revealIn { 0% { width: 0; } 100% { width: 100%; } } @-o-keyframes revealIn { 0% { width: 0; } 100% { width: 100%; } } @keyframes revealIn { 0% { width: 0; } 100% { width: 100%; } } @-webkit-keyframes revealOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes revealOut { 0% { -moz-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(100%); transform: translateX(100%); } } @-o-keyframes revealOut { 0% { -o-transform: translateX(0); transform: translateX(0); } 100% { -o-transform: translateX(100%); transform: translateX(100%); } } @keyframes revealOut { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes revealOutContent { 0% { opacity: 0; visibility: hidden; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } 100% { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes revealOutContent { 0% { opacity: 0; visibility: hidden; -moz-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } 100% { opacity: 1; visibility: visible; -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes revealOutContent { 0% { opacity: 0; visibility: hidden; transform: translate3d(60px, 0, 0); } 100% { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } } @keyframes revealOutContent { 0% { opacity: 0; visibility: hidden; -webkit-transform: translate3d(60px, 0, 0); -moz-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } 100% { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* ========================================================================== #BUTTON ========================================================================== */ .au-btn, .swal-button { display: inline-block; line-height: 43px; border: 1px solid #888; padding: 0 23px; font-size: 13px; color: #555; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .au-btn .ic-arrow, .swal-button .ic-arrow { margin-left: 7px; -webkit-transition: inherit; -o-transition: inherit; -moz-transition: inherit; transition: inherit; } .au-btn:hover, .swal-button:hover { color: #fff; background: #222; border-color: transparent; } .au-btn:hover .ic-arrow, .swal-button:hover .ic-arrow { color: #fff; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .au-btn--solid, .swal-button { background: #222; color: #fff; border: none; line-height: 45px; } .au-btn--solid:hover, .swal-button:hover { background: #666; } .au-btn--light { color: #ebebeb; border-color: #bebebe; } .au-btn--light-2 { color: #555; background: #fff; } .au-btn--light-2:hover { background: #222; } .au-btn-lg { padding: 0 35px; } .au-btn-xl { padding: 0 50px; } .au-btn--c6 { color: #666; } /* ========================================================================== #CONTACT ========================================================================== */ .contact-info__item { color: #222; margin-bottom: 20px; } .contact-info__item .value--dark { color: #222222; } .contact-info.contact-info--light { padding: 40px 70px; padding-top: 72px; } .contact-info.contact-info--light .title { text-transform: initial; } .contact-info.contact-info--light .contact-info__item { color: #ebebeb; margin-bottom: 25px; } @media (max-width: 1199px) { .contact-info.contact-info--light { padding: 40px; padding-bottom: 15px; } } /* ========================================================================== #COUNTDOWN ========================================================================== */ .countdown { padding-top: 115px; padding-bottom: 20px; } .countdown__item { width: 200px; height: 200px; color: #fff; margin: 0 auto; margin-bottom: 80px; position: relative; } .countdown__item-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .countdown__item .value { font-size: 74px; font-weight: 700; display: block; line-height: 1; margin-bottom: -12px; } .countdown__item .desc { font-size: 22px; letter-spacing: 0.3em; text-transform: uppercase; font-weight: 400; } .countdown__item .line { position: absolute; display: inline-block; width: 50%; height: 50%; border-top: 1px solid #fff; border-left: 1px solid #fff; top: 1px; left: 0px; } .countdown__item .line--bottom { border: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; top: auto; left: auto; bottom: 0px; right: 0px; } /* ========================================================================== #PAGE ========================================================================== */ /** * Simple page-level setup. * * 1. Set the default `font-size` and `line-height` for the entire project. * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when * navigating between pages that do/do not have enough content to produce * scrollbars naturally. * 3. Ensure the page always fills at least the entire height of the viewport. */ html, body { background: #fff; color: #555; font-family: "Poppins", Arial, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 2.3076923077; font-weight: 400; min-height: 100%; overflow-y: auto; } @media (min-width: 1200px) { .container { max-width: 1200px; } } @media (max-width: 991px) { .container { max-width: unset; } } /* ========================================================================== #ICON ========================================================================== */ .ic-fb:hover { color: #3b5998; } .ic-insta:hover { color: #e1306c; } .ic-twi:hover { color: #00aced; } .ic-pinterest:hover { color: #cb2027; } .ic-google:hover { color: #dd4b39; } /* ========================================================================== #LINKS ========================================================================== */ a { display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; outline: none; } a:hover { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } .link { font-size: 13px; color: #fff; text-transform: capitalize; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .link i { font-size: inherit; color: inherit; margin-left: 7px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .link:hover { color: #f2f2f2; } .link:hover i { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .link-2 { color: #222; } .link-2:hover { color: #222; text-decoration: underline; } /* ========================================================================== #LIST RATING ========================================================================== */ .list-rating__item { display: inline-block; } .list-rating__item i { color: #ebcd1e; font-size: 14px; } .list-rating.list-rating--lg .list-rating__item i { font-size: 18px; } .au-rating { float: left; margin-top: -13px; margin-bottom: 23px; position: relative; z-index: 3; } .au-rating:after { content: '' !important; display: block !important; clear: both !important; } .au-rating > span { display: inline-block; margin-right: 10px; } .au-rating input { display: none; } .au-rating label { float: right; margin-right: 5px; margin-bottom: 0; cursor: pointer; } .au-rating label:before { content: '\f005'; font-family: 'Font Awesome\ 5 Free'; color: #222; font-weight: 400; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .au-rating input:checked ~ label:before, .au-rating input:hover ~ label:before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; content: '\f005'; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } /* ========================================================================== #LIST SOCIAL ========================================================================== */ .list-social__item { display: inline-block; } .list-social__item a { display: block; padding: 0 10px; font-size: 13px; color: #333; } .list-social__item a i { font-size: inherit; color: inherit; } .list-social-2 .list-social__item:first-child a { padding-left: 0; } .list-social-2 .list-social__item a { padding: 0 8px; color: #ebebeb; } .list-social-2 .list-social__item .ic-fb:hover { color: #3b5998; } .list-social-2 .list-social__item .ic-insta:hover { color: #e1306c; } .list-social-2 .list-social__item .ic-twi:hover { color: #00aced; } .list-social-2 .list-social__item .ic-pinterest:hover { color: #cb2027; } .list-social-2 .list-social__item .ic-google:hover { color: #dd4b39; } .list-social--ver .list-social__item { display: block; } .list-social--ver .list-social__item:first-child a { padding-left: 8px; } .list-social--ver .list-social__item:last-child a { padding-bottom: 0; } .list-social--ver .list-social__item a { padding: 5px 8px; text-align: center; } .list-social--light .list-social__item a { color: #fff; } .list-social--light .list-social__item .ic-fb:hover { color: #3b5998; } .list-social--light .list-social__item .ic-insta:hover { color: #e1306c; } .list-social--light .list-social__item .ic-twi:hover { color: #00aced; } .list-social--light .list-social__item .ic-pinterest:hover { color: #cb2027; } .list-social--light .list-social__item .ic-google:hover { color: #dd4b39; } .list-social--light2 .list-social__item a { color: #888; } .list-social--light2 .list-social__item .ic-fb:hover { color: #3b5998; } .list-social--light2 .list-social__item .ic-insta:hover { color: #e1306c; } .list-social--light2 .list-social__item .ic-twi:hover { color: #00aced; } .list-social--light2 .list-social__item .ic-pinterest:hover { color: #cb2027; } .list-social--light2 .list-social__item .ic-google:hover { color: #dd4b39; } .list-social--big .list-social__item:first-child a { padding-left: 0; } .list-social--big .list-social__item a { font-size: 18px; padding: 0 13px; } .list-social--md .list-social__item a { font-size: 15px; color: #222222; padding: 0 13px; } .list-social--md .list-social__item .ic-fb:hover { color: #3b5998; } .list-social--md .list-social__item .ic-insta:hover { color: #e1306c; } .list-social--md .list-social__item .ic-twi:hover { color: #00aced; } .list-social--md .list-social__item .ic-pinterest:hover { color: #cb2027; } .list-social--md .list-social__item .ic-google:hover { color: #dd4b39; } .list-social-3 { position: fixed; top: 0; bottom: 0; left: 62px; margin: auto; height: 55px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 999; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -moz-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform: rotate(-90deg) translate(-50%, 50%); -o-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%); } .list-social-3 .list-social__item { display: inline-block; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } .list-social-3 .list-social__item:nth-child(1) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .list-social-3 .list-social__item:nth-child(2) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .list-social-3 .list-social__item:nth-child(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .list-social-3 .list-social__item:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .list-social-3 .list-social__item:nth-child(5) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .list-social-3 .list-social__item:hover .icon { margin-top: -5px; } .list-social-3 .list-social__item a { text-transform: uppercase; font-size: 11px; color: #fff; display: block; letter-spacing: 0.3em; padding: 10px 30px; position: relative; z-index: 9; } .list-social-3 .list-social__item a:hover { color: #ececec; } .list-social-3 .list-social__item .icon { font-size: 40px; color: #ebebeb; opacity: 0.15; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1; } @media (max-width: 1760px) { .list-social-3 { left: 15px; } } /* MEDIA ABOUT */ .media-about .title-sub { margin-bottom: 18px; } .media-about .title-1 { margin-bottom: 38px; } .media-about .media__body { padding-right: 40px; } @media (max-width: 1199px) { .media-about .media__body { padding-right: 0; } } .media-about .media__text { margin-bottom: 84px; } .media-about .media__img { position: relative; } @media (max-width: 1199px) { .media-about .media__img { margin-top: 50px; } } .media-about .media__img-inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .media-about .number { font-size: 180px; color: #fff; font-weight: 700; line-height: 1; display: block; margin-bottom: -6px; text-align: center; } .media-about .desc { color: #fff; display: block; text-transform: uppercase; font-size: 13px; letter-spacing: 0.3em; text-align: center; } .media-about .line { position: absolute; display: inline-block; width: 230px; height: 230px; border-top: 1px solid #fff; border-left: 1px solid #fff; top: 100px; left: 100px; opacity: 0; visibility: hidden; -webkit-transition: all 0.55s ease-in-out; -o-transition: all 0.55s ease-in-out; -moz-transition: all 0.55s ease-in-out; transition: all 0.55s ease-in-out; } .media-about .line-bottom { border: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; top: auto; left: auto; bottom: 100px; right: 100px; } .media-about .line.active { opacity: 1; visibility: visible; top: 20px; left: 20px; } .media-about .line.active.line-bottom { top: auto; left: auto; bottom: 20px; right: 20px; } .media-about .media__img--rect .media__img-inner { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .media-about .media__img--rect .number { font-size: 120px; margin-bottom: 2px; } .media-about .media__img--rect .line, .media-about .media__img--rect .line-bottom { width: 0; height: 0; visibility: hidden; opacity: 0; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } @media (max-width: 1519px) { .media-about .media__img--rect .line, .media-about .media__img--rect .line-bottom { opacity: 1; visibility: visible; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); height: -webkit-calc(50% - 20px); height: -moz-calc(50% - 20px); height: calc(50% - 20px); -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } } .media-about .media__img--rect.active .line, .media-about .media__img--rect.active .line-bottom { opacity: 1; visibility: visible; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); height: -webkit-calc(50% - 20px); height: -moz-calc(50% - 20px); height: calc(50% - 20px); } .media-about-2 { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .media-about-2 .media__img { min-width: 390px; } .media-about-2 .media__body { padding-left: 60px; } .media-about-2 .title-sub { color: #888; margin-bottom: 14px; } .media-about-2 .title-1 { font-size: 30px; line-height: -webkit-calc(50/30); line-height: -moz-calc(50/30); line-height: calc(50/30); margin-bottom: 25px; } .media-about-2 .media__text { margin-bottom: 39px; } @media (max-width: 991px) { .media-about-2 { display: block; } .media-about-2 .media__img { width: 100%; min-width: 100%; margin-bottom: 50px; } .media-about-2 .media__body { padding-left: 0; } } .media-about-3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-width: 300px; margin-bottom: 20px; } .media-about-3 .media__number-wrap { width: 56px; height: 56px; border: 1px solid #222; position: relative; margin-right: 20px; } .media-about-3 .media__number { line-height: 1; font-size: 24px; color: #222; font-weight: 700; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; } .media-about-3 .line, .media-about-3 .line--bottom { position: absolute; display: inline-block; width: 25px; height: 25px; border-top: 1px solid #222; border-left: 1px solid #222; top: 3px; left: 3px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .media-about-3 .line--bottom { border: none; border-right: 1px solid #222; border-bottom: 1px solid #222; top: auto; left: auto; right: 3px; bottom: 3px; } .media-about-3:hover .line, .media-about-3:hover .line-bottom { width: 52px; height: 52px; } /* MEDIA BLOG */ .blog { position: relative; z-index: 9; margin-bottom: 50px; } .blog .entry-image { overflow: hidden; } .blog .entry-image > a { display: block; overflow: hidden; } .blog .entry-image img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .blog .entry-image:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .blog .entry-title { margin-top: 30px; margin-bottom: 5px; } .blog .entry-title a { font-size: 18px; color: #222; text-transform: uppercase; } .blog .entry-title a:hover { color: #666; } .blog .entry-meta { font-size: 11px; color: #888; letter-spacing: 0.3em; display: inline-block; } /* MEDIA PROJECT */ .media-project { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .media-project .bg-overlay { opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .media-project .media__img { overflow: hidden; } .media-project .media__img img { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .media-project:hover .bg-overlay { opacity: 1; } .media-project:hover .media__img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .media-project:hover .media__body .title, .media-project:hover .media__body .address { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .media-project:hover .line:before { width: 100%; } .media-project:hover .line:after { height: 100%; } .media-project .media__body { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; } .media-project .media__body .title, .media-project .media__body .address { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .media-project .media__body .address { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .media-project .media__body .title a { font-size: 24px; color: #fff; font-weight: 700; text-transform: uppercase; } .media-project .media__body .title a:hover { color: #ccc; } .media-project .media__body .address { font-size: 11px; color: #ececec; } .media-project .line { position: absolute; top: 20px; left: 20px; z-index: 9; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); height: -webkit-calc(50% - 20px); height: -moz-calc(50% - 20px); height: calc(50% - 20px); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .media-project .line:before, .media-project .line:after { content: ''; background: #fff; display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .media-project .line:before { height: 1px; width: 0; } .media-project .line:after { width: 1px; height: 0; } .media-project .line--bottom { top: auto; left: auto; bottom: 20px; right: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .media-project-1 { margin-bottom: 40px; } .media-project-hover { width: -webkit-calc(100% / 5); width: -moz-calc(100% / 5); width: calc(100% / 5); height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid rgba(242, 242, 242, 0.3); position: relative; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .media-project-hover .bg-overlay { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .media-project-hover:hover .bg-overlay { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .media-project-hover:hover .media__number { bottom: 0; } .media-project-hover .media__body { text-align: center; padding: 0 50px; position: relative; } .media-project-hover .media__sub-title { color: #fff; margin-bottom: 15px; } .media-project-hover .media__title { margin-bottom: 60px; } .media-project-hover .media__title a { font-size: 30px; color: #fff; line-height: -webkit-calc(48/30); line-height: -moz-calc(48/30); line-height: calc(48/30); display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .media-project-hover .media__title a:hover { text-decoration: underline; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .media-project-hover .media__number { position: absolute; font-size: 100px; color: #fff; font-weight: 100; line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1199px) { .media-project-hover .media__body { padding: 0 20px; } .media-project-hover .media__title a { font-size: 24px; line-height: 1.25; } } @media (max-width: 991px) { .media-project-hover { width: 100%; height: 700px; border-right: none; border-bottom: 1px solid rgba(242, 242, 242, 0.3); } .media-project-hover .media__number { bottom: 0; } } .media-project-2 { position: relative; overflow: hidden; margin-bottom: 20px; } .media-project-2 .media__img { margin: 0 auto; text-align: center; } .media-project-2 .media__img > img { display: inline-block; } .media-project-2 .media__body { position: absolute; min-width: 200px; left: 0; bottom: 15px; background: #fff; padding: 9px 20px; padding-bottom: 12px; padding-right: 30px; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.3s; transition: opacity 0.2s, -webkit-transform 0.3s; -o-transition: opacity 0.2s, -o-transform 0.3s; -moz-transition: transform 0.3s, opacity 0.2s, -moz-transform 0.3s; transition: transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .media-project-2 .media__title { margin-bottom: -4px; } .media-project-2 .media__title a { text-transform: uppercase; font-size: 18px; color: #222; } .media-project-2 .media__title a:hover { color: #666; } .media-project-2 .address { font-size: 11px; color: #888; display: block; } .media-project-2:hover .media__body { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); opacity: 1; -webkit-transition: opacity 0.1s, -webkit-transform 0.4s; transition: opacity 0.1s, -webkit-transform 0.4s; -o-transition: opacity 0.1s, -o-transform 0.4s; -moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s; transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s; } .media-project-3 { position: relative; overflow: hidden; margin-bottom: 100px; } .media-project-3.right .media__body { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .media-project-3.right .add, .media-project-3.right .year { right: auto; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .media-project-3.right .media__content { padding-left: 0; padding-right: 80px; text-align: right; } .media-project-3.right .pointer { left: auto; right: -63px; } .media-project-3.right .pointer:before { left: auto; right: 0; margin-left: auto; margin-right: -9px; } .media-project-3 .media__body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 991px) { .media-project-3 .media__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .media-project-3 .media__content { padding-left: 80px; max-width: 750px; position: relative; } @media (max-width: 1199px) { .media-project-3 .media__content { padding-left: 30px; } } .media-project-3 .media__img { width: 685px; overflow: hidden; } .media-project-3 .media__img > a { display: block; overflow: hidden; } .media-project-3 .media__img img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .media-project-3 .media__img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .media-project-3 .media__img a { display: block; } .media-project-3 .add, .media-project-3 .year { text-transform: uppercase; color: #888; position: absolute; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; right: 0; letter-spacing: 0.2em; } .media-project-3 .add { top: 0; } .media-project-3 .year { bottom: 0; } .media-project-3 .title-sub { margin-bottom: 13px; } .media-project-3 .title-3 { margin-bottom: 25px; } @media (max-width: 1199px) { .media-project-3 .title-3 { font-size: 38px; } } .media-project-3 .media__text { margin-bottom: 50px; } .media-project-3 .pointer { width: 115px; height: 1px; background: #222; position: absolute; left: -63px; top: 63px; z-index: 9; } .media-project-3 .pointer:before { content: ''; display: block; width: 9px; height: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #222; background: transparent; left: 0px; top: 50%; margin-top: -4.5px; margin-left: -9px; } @media (max-width: 1199px) { .media-project-3 .pointer { width: 82px; } } @media (max-width: 991px) { .media-project-3 { overflow: visible; } .media-project-3 .media__content { width: 100%; max-width: 100%; } .media-project-3 .media__body { visibility: visible; overflow: visible; } .media-project-3 .media__content { padding-left: 0; padding-top: 40px; } .media-project-3 .media__img { width: 100%; } .media-project-3 .add, .media-project-3 .year { right: auto; top: -35px; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; } .media-project-3 .add { left: 0; } .media-project-3 .year { right: 0; bottom: auto; } .media-project-3 .pointer { display: none; } .media-project-3.right .media__content { width: 100%; max-width: 100%; } .media-project-3.right .media__body { overflow: visible; display: block; } .media-project-3.right .media__content { padding-top: 40px; } .media-project-3.right .media__img { width: 100%; } .media-project-3.right .add, .media-project-3.right .year { right: auto; top: -35px; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .media-project-3.right .add { right: 0; left: auto; } .media-project-3.right .year { left: 0; bottom: auto; } } .media-project-4 { overflow: hidden; } .media-project-4 .media__img { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: -o-transform 0.4s; -moz-transition: transform 0.4s, -moz-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s; } .media-project-4 .media__body { background: #fff; padding: 19px 20px; position: absolute; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s; transition: opacity 0.1s 0.3s, -webkit-transform 0.4s; -o-transition: opacity 0.1s 0.3s, -o-transform 0.4s; -moz-transition: transform 0.4s, opacity 0.1s 0.3s, -moz-transform 0.4s; transition: transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .media-project-4 .media__title { margin-bottom: -7px; } .media-project-4:hover .media__body { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: opacity 0.1s, -webkit-transform 0.4s; transition: opacity 0.1s, -webkit-transform 0.4s; -o-transition: opacity 0.1s, -o-transform 0.4s; -moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s; transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s; } .media-project-4:hover .media__img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } /* MEDIA SERVICE */ .media-service { text-align: center; padding: 0 30px; margin-bottom: 50px; } .media-service:hover .media__img { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); } .media-service .media__img { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 40px; } .media-service .media__img > img { margin: 0 auto; } .media-service .media__title { position: relative; margin-bottom: 10px; } .media-service .media__title .title { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .media-service .media__title .title a { font-size: 18px; color: #222; text-transform: uppercase; } .media-service .media__title .title a:hover { color: #666; } .media-service .media__title .number { font-size: 72px; color: #ebebeb; font-weight: 300; display: inline-block; line-height: 1; } .media-service-2 { position: relative; background: #fff; width: 240px; height: 240px; margin-right: 25px; margin-bottom: 40px; text-align: center; } .media-service-2 .line { position: absolute; display: inline-block; width: 110px; height: 110px; border-top: 1px solid #888; border-left: 1px solid #888; top: 10px; left: 10px; } .media-service-2 .line--bottom { border: none; border-right: 1px solid #888; border-bottom: 1px solid #888; top: auto; left: auto; bottom: 10px; right: 10px; } .media-service-2 .media__title a { text-transform: uppercase; font-size: 18px; color: #222; } .media-service-2 .media__title a:hover { color: #666; } .media-service-2 .media__icon { margin-bottom: 25px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .media-service-2 .media__body { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: visible; } .media-service-2:hover .media__icon { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); } @media (max-width: 767px) { .media-service-2 { width: 100%; } } .media-service-1 { text-align: center; padding: 0 30px; } @media (max-width: 991px) { .media-service-1 { margin-bottom: 50px; } } .media-service-1 .media__img { position: relative; width: 260px; height: 260px; margin: 0 auto; } .media-service-1 .media__img-inner { overflow: hidden; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .media-service-1 .media__img-inner > img { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .media-service-1 .title-number { margin-top: 70px; margin-bottom: 35px; } .media-service-1 .img-line { position: absolute; z-index: 9; left: 10px; right: 10px; bottom: 10px; } .media-service-1 .img-rotate-1 { -webkit-transform: rotate(115deg); -moz-transform: rotate(115deg); -ms-transform: rotate(115deg); -o-transform: rotate(115deg); transform: rotate(115deg); top: 28px; bottom: auto; right: auto; left: -16px; } .media-service-1 .img-rotate-2 { -webkit-transform: rotate(-115deg); -moz-transform: rotate(-115deg); -ms-transform: rotate(-115deg); -o-transform: rotate(-115deg); transform: rotate(-115deg); left: auto; bottom: auto; top: 28px; right: -15px; } .media-service-1:hover .media__img-inner > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* MEDIA STATISTIC */ .media-statistic { overflow: hidden; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .media-statistic .media__icon { font-size: 100px; color: #ebebeb; margin-left: -22px; } .media-statistic .media__body { padding-left: 30px; } .media-statistic .number { font-size: 30px; color: #222; font-weight: 700; line-height: 1; display: inline-block; } .media-statistic .number:after { content: '+'; } .media-statistic .name { color: #555; letter-spacing: 0.3em; text-transform: uppercase; font-weight: 400; font-size: 13px; } @media (max-width: 991px) { .media-statistic { width: 100%; } } .media-statistic-2 { position: relative; margin-bottom: 70px; } .media-statistic-2:before { content: ''; display: block; width: 100px; height: 100px; background: #f8f8f8; } .media-statistic-2 .media__number { font-size: 30px; color: #222; font-weight: 700; display: inline-block; line-height: 1; } .media-statistic-2 .media__number:after { content: "+"; } .media-statistic-2 .media__body { position: absolute; top: 50%; left: 23px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .media-statistic-2 .media__title { color: #555; margin-top: 4px; } /* MEDIA TEAM */ .media-team { margin-bottom: 80px; } .media-team .media__img-wrap { position: relative; width: 260px; height: 260px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; margin-bottom: 36px; } .media-team .media__img-wrap .media__img { width: 100%; height: 100%; overflow: visible; } .media-team .list-social { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .media-team .media__body { text-align: center; } .media-team .list-social__item a { font-size: 15px; padding: 0 8px; } .media-team .overlay { position: absolute; left: 0; top: 0; display: inline-block; height: 100%; width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .media-team:hover .overlay { -webkit-box-shadow: 0 0 0 130px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 0 130px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 0 130px rgba(0, 0, 0, 0.5) inset; } .media-team:hover .list-social { visibility: visible; opacity: 1; } /* MEDIA TESTI */ .media-testi { background: #f8f8f8; text-align: center; overflow: visible; position: relative; margin-bottom: 70px; padding: 60px 65px; padding-top: 62px; } .media-testi.light { background: #fff; } .media-testi.light .quote { color: #f8f8f8; } @media (max-width: 575px) { .media-testi { padding: 60px 35px; } } .media-testi .media__img { width: 100px; height: 100px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -50px; } .media-testi .media__title { position: relative; margin-top: 50px; margin-bottom: 10px; } .media-testi .quote { font-size: 87px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -35px; z-index: 0; } .media-testi .name { position: relative; z-index: 99; margin-bottom: 5px; } .media-testi .name a { font-size: 18px; color: #222; font-weight: 700; text-transform: uppercase; } .media-testi .name a:hover { color: #666; } .media-testi .job { font-size: 11px; color: #888; position: relative; z-index: 99; } .media-testi-2 { text-align: center; } .media-testi-2 .media__text { color: #ebebeb; margin-bottom: 45px; } .media-testi-2 .name { margin-bottom: 5px; } .media-testi-2 .job { text-transform: uppercase; } /* MOUSE WHEEL */ .mouse-wheel-wrap { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; } .mouse-wheel-wrap .mouse-wheel__down { font-size: 20px; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .mouse-wheel { display: block; width: 17px; height: 25px; border: 1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0 auto; margin-bottom: 5px; position: relative; } .mouse-wheel__inner { display: inline-block; height: 8px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: absolute; left: 50%; margin-left: -2.5px; top: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-animation: mouse_scroll 1.5s ease-out infinite forwards; -moz-animation: mouse_scroll 1.5s ease-out infinite forwards; -o-animation: mouse_scroll 1.5s ease-out infinite forwards; animation: mouse_scroll 1.5s ease-out infinite forwards; } @-webkit-keyframes mouse_scroll { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(5px); transform: translateY(5px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes mouse_scroll { 0% { -moz-transform: translateY(0); transform: translateY(0); } 50% { -moz-transform: translateY(5px); transform: translateY(5px); } 100% { -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes mouse_scroll { 0% { -o-transform: translateY(0); transform: translateY(0); } 50% { -o-transform: translateY(5px); transform: translateY(5px); } 100% { -o-transform: translateY(0); transform: translateY(0); } } @keyframes mouse_scroll { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } /* ========================================================================== #REV ARROW ========================================================================== */ .au-rev-arrow-1, .au-rev-arrow-2, .au-rev-arrow-3, .au-rev-arrow-4 { background: transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 99; } .au-rev-arrow-1:hover, .au-rev-arrow-2:hover, .au-rev-arrow-3:hover, .au-rev-arrow-4:hover { background: #222; } .au-rev-arrow-1:hover:before, .au-rev-arrow-2:hover:before, .au-rev-arrow-3:hover:before, .au-rev-arrow-4:hover:before { color: #fff; } .au-rev-arrow-1:before, .au-rev-arrow-2:before, .au-rev-arrow-3:before, .au-rev-arrow-4:before { font-size: 24px; color: #222; } .au-rev-arrow-1.tp-leftarrow, .au-rev-arrow-2.tp-leftarrow, .au-rev-arrow-3.tp-leftarrow, .au-rev-arrow-4.tp-leftarrow { margin-left: -55px; margin-top: -20px; } .au-rev-arrow-1.tp-rightarrow, .au-rev-arrow-2.tp-rightarrow, .au-rev-arrow-3.tp-rightarrow, .au-rev-arrow-4.tp-rightarrow { margin-right: -55px; margin-top: -20px; } .au-rev-arrow-2, .au-rev-arrow-4 { z-index: 999; } .au-rev-arrow-2:before, .au-rev-arrow-3:before, .au-rev-arrow-4:before { color: #fff; } .au-rev-arrow-2.tp-leftarrow, .au-rev-arrow-3.tp-leftarrow, .au-rev-arrow-4.tp-leftarrow { margin-left: 22px; margin-top: -20px; } .au-rev-arrow-2.tp-rightarrow, .au-rev-arrow-3.tp-rightarrow, .au-rev-arrow-4.tp-rightarrow { margin-right: 22px; margin-top: -20px; } .au-rev-arrow-3:before { font-size: 30px; color: #ebebeb; } .au-rev-arrow-3.tp-leftarrow { margin-left: -60px; margin-top: -20px; } .au-rev-arrow-3.tp-rightarrow { margin-right: -60px; margin-top: -20px; } .au-rev-arrow-3:hover { background: #ebebeb; } .au-rev-arrow-3:hover:before { color: #222; } .au-rev-arrow-4:hover { background: transparent; } .au-rev-arrow-4:hover:before, .au-rev-arrow-4:hover:after { color: #fff; } .au-rev-arrow-4.tparrows { width: 90px; height: 90px; } .au-rev-arrow-4.tp-leftarrow, .au-rev-arrow-4.tp-rightarrow { margin: 0; } .au-rev-arrow-4:before, .au-rev-arrow-4:after { font-size: 60px; color: #ebebeb; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* ========================================================================== #REV ARROW ========================================================================== */ .rev-btn-1, .rev-btn-2 { display: inline-block; line-height: 43px; padding: 0 22px; border: 1px solid #ececec; font-size: 13px; color: #fff; text-transform: capitalize; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .rev-btn-1:hover, .rev-btn-2:hover { background: #ececec; color: #222; } .rev-btn-1:hover > .arrow, .rev-btn-2:hover > .arrow { -webkit-transform: translateY(20px) !important; -moz-transform: translateY(20px) !important; -ms-transform: translateY(20px) !important; -o-transform: translateY(20px) !important; transform: translateY(20px) !important; } .rev-btn-2 { color: #ebebeb; border-color: #bebebe; } .rev-btn-2:hover { background: #bebebe; } /* ========================================================================== #REV BULLETS ========================================================================== */ .au-rev-bullet-1 { width: auto !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .au-rev-bullet-1 .tp-bullet { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; width: 20px; height: 20px; position: static; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 7px; } .au-rev-bullet-1 .tp-bullet:nth-child(1) .tp-bullet-title:before { content: '01'; } .au-rev-bullet-1 .tp-bullet:nth-child(2) .tp-bullet-title:before { content: '02'; } .au-rev-bullet-1 .tp-bullet:nth-child(3) .tp-bullet-title:before { content: '03'; } .au-rev-bullet-1 .tp-bullet:after { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: block; content: ''; background: #bebebe; width: 60px !important; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); opacity: 0; height: 1px; margin-left: 5px; } .au-rev-bullet-1 .tp-bullet.selected { width: 80px; } .au-rev-bullet-1 .tp-bullet.selected:after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .au-rev-bullet-1 .tp-bullet-title { position: relative; width: 20px !important; height: 20px; } .au-rev-bullet-1 .tp-bullet-title:before { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 14px; color: #fff; } .au-rev-bullet-2 .tp-bullet { width: 8px; height: 8px; background: #bebebe; } .au-rev-bullet-2 .tp-bullet:after { content: ''; position: absolute; display: block; width: 24px; height: 24px; border: 1px solid #fff; background: transparent; margin-top: -8px; margin-left: -8px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .au-rev-bullet-2 .tp-bullet:hover { background: #fff; } .au-rev-bullet-2 .tp-bullet:hover:after { width: 16px; height: 16px; opacity: 1; visibility: visible; margin-top: -4px; margin-left: -4px; } .au-rev-bullet-2 .tp-bullet.selected { background: #fff; } .au-rev-bullet-2 .tp-bullet.selected:after { width: 16px; height: 16px; opacity: 1; visibility: visible; margin-top: -4px; margin-left: -4px; } .au-rev-bullet-3 .tp-bullet { background: transparent; width: 20px; height: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .au-rev-bullet-3 .tp-bullet-number { color: #ebebeb; font-size: 13px; line-height: 1; position: relative; } .au-rev-bullet-3 .tp-bullet-number:before, .au-rev-bullet-3 .tp-bullet-number:after { content: ''; display: block; width: 33px; height: 1px; background: #fff; position: absolute; z-index: 9; bottom: -3px; right: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center left; -moz-transform-origin: center left; -ms-transform-origin: center left; -o-transform-origin: center left; transform-origin: center left; } .au-rev-bullet-3 .tp-bullet-number:after { bottom: -7px; -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; } .au-rev-bullet-3 .tp-bullet.selected .tp-bullet-number:before, .au-rev-bullet-3 .tp-bullet.selected .tp-bullet-number:after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); opacity: 1; visibility: visible; } @media (max-width: 991px) { .au-rev-bullet-3 { display: none; } } /* ========================================================================== #REV ITEMS ========================================================================== */ .list-rev-item--ov { overflow: visible !important; } .rev-item--ov { overflow: visible !important; } .rev-carousel .tp-revslider-slidesli:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 99; visibility: visible; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rev-carousel .tp-revslider-slidesli.active-revslide:before { opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /* ========================================================================== #REV TEXT ========================================================================== */ .rev-text-1 { text-transform: uppercase; letter-spacing: 0.3em; font-family: "Poppins", Arial, "Helvetica Neue", sans-serif; } .rev-text-2 { font-family: "Poppins", Arial, "Helvetica Neue", sans-serif; } .rev-text-3 { text-decoration: underline; font-family: "Poppins", Arial, "Helvetica Neue", sans-serif; } .rev-text-4 { font-family: "Poppins", Arial, "Helvetica Neue", sans-serif; text-transform: uppercase; letter-spacing: 0.3em; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } @media (max-width: 991px) { .rev-text-4 { -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; } } /* ========================================================================== #SECTION TITLE ========================================================================== */ .section-title { text-align: center; margin-bottom: 50px; position: relative; z-index: 9; } .section-title .title-sub { margin-bottom: 9px; } .section-title--light .title-1 { color: #fff; line-height: -webkit-calc(48/38); line-height: -moz-calc(48/38); line-height: calc(48/38); } .section-title--light .title-sub { color: #ebebeb; margin-bottom: 17px; } .select2-container, .selection { display: block; } .select2-container { max-width: 100%; } .select--no-search .select2-search { display: none !important; } .rs1-select2 { outline: none; min-width: 220px; } .rs1-select2 .select2-container { width: 100% !important; outline: none; } .rs1-select2 .select2-container .select2-selection--single { height: 50px; } .rs1-select2 .select2-container--default .select2-selection--single { border-color: #ebebeb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; } .rs1-select2 .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 13px; color: #888; line-height: 48px; padding-right: 50px; padding-left: 20px; } .rs1-select2 .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; width: 50px; } .rs1-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .rs1-select2 .select2-container--default .select2-selection--single .select2-selection__arrow:after { font-family: "Material-Design-Iconic-Font"; content: '\f2f9'; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #888; } .rs1-select2 .select2-container--open .select2-dropdown { font-size: 13px; border: 1px solid #e0e0e0; margin-top: 5px; overflow: hidden; } .rs1-select2 .select2-container--default .select2-results__option--highlighted { background: #222; } .rs1-select2 .select2-container--default .select2-results__option { padding: 10px 20px; } /* ========================================================================== #TABLE ========================================================================== */ .table-cart { margin-bottom: 55px; } .table-cart .table-cart__title { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .table-cart .table-cart__title th { font-size: 18px; color: #222; text-transform: capitalize; font-weight: 400; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } .table-cart .cart_item { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .table-cart tbody tr td:before { content: attr(data-title) ": "; font-weight: 700; float: left; display: none; } @media (max-width: 991px) { .table-cart tbody tr { display: block; width: 100%; } .table-cart tbody tr td { width: 100%; display: block; text-align: right; padding: 10px 15px; line-height: 40px; } } .table-cart th { padding: 30px 20px; } .table-cart td { vertical-align: middle; padding: 35px 20px; } .table-cart .product-name { font-size: 18px; color: #222; font-weight: 700; margin-left: 30px; } .table-cart .product-name:hover { color: #666; } .table-cart .product-thumbnail__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .table-cart .wp-post-image { margin-bottom: 0; } .table-cart .product-remove { width: 7.27%; } .table-cart .product-thumbnail { width: 34.07%; } .table-cart .product-price { width: 22.68%; } .table-cart .product-quantity { width: 19.95%; } .table-cart .product-subtotal { width: 16.03%; } @media (max-width: 991px) { .table-cart .product-remove, .table-cart .product-thumbnail, .table-cart .product-price, .table-cart .product-quantity, .table-cart .product-subtotal { width: 100%; } .table-cart thead { display: none; } .table-cart .product-thumbnail { height: auto; } .table-cart .product-thumbnail__inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .table-cart .product-quantity .qty-box { margin-left: auto; } } .product-remove { text-align: center; } .product-remove .remove { color: #888; } .product-remove .remove:hover { color: red; } .table-cart__footer-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; } @media (max-width: 991px) { .table-cart__footer-inner { display: block; } } .table-cart__footer .coupon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .table-cart__footer .coupon input { max-width: 200px; padding: 13.5px 20px; } .table-cart__footer .coupon button { margin-left: 17px; } @media (max-width: 991px) { .table-cart__footer .coupon { display: block; margin-bottom: 20px; } .table-cart__footer .coupon > input { max-width: 100%; width: 100%; } .table-cart__footer .coupon button { margin: 0; margin-top: 20px; } } .table-cart__footer td { padding: 0; } .cart-subtotal__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 0; border-bottom: 1px solid #e5e5e5; font-size: 18px; } .cart-subtotal__item .title { width: 270px; } .cart-subtotal__item .value { width: -webkit-calc(100% - 270px); width: -moz-calc(100% - 270px); width: calc(100% - 270px); } @media (max-width: 991px) { .cart-subtotal__item .title { width: 100px; } .cart-subtotal__item value { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); } } .cart-subtotal .cart-subtotal__item:last-child { border-bottom: none; } .cart_totals { margin-bottom: 30px; } .cart_totals-title { font-size: 25px; color: #222; margin-bottom: 13px; } /* TEXT */ .text--s18 { font-size: 18px; line-height: -webkit-calc(30/18); line-height: -moz-calc(30/18); line-height: calc(30/18); } .text--s18-40 { font-size: 18px; line-height: -webkit-calc(40/18); line-height: -moz-calc(40/18); line-height: calc(40/18); } .text--c2 { color: #222; } /* ========================================================================== #TITLE ========================================================================== */ .title-sub { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.3em; font-weight: 400; } .title-sub--c8 { color: #888; } .title-sub--ceb { color: #ebebeb; } .title-1 { font-weight: 700; font-size: 38px; color: #222; line-height: -webkit-calc(50/38); line-height: -moz-calc(50/38); line-height: calc(50/38); } .title-2 { font-size: 700; font-size: 48px; color: #222; line-height: -webkit-calc(60/48); line-height: -moz-calc(60/48); line-height: calc(60/48); } .title-3 { font-size: 60px; font-weight: 700; text-transform: capitalize; color: #222; line-height: 1.2; } .title-4 { font-size: 25px; line-height: -webkit-calc(48/25); line-height: -moz-calc(48/25); line-height: calc(48/25); color: #fff; } @media (max-width: 991px) { .title-4 { line-height: 1.2; font-size: 22px; } } .title-5 { font-size: 18px; color: #222; font-weight: 400; text-transform: uppercase; } .title-6 { color: #222; font-weight: 700; text-transform: uppercase; } .title-7 { font-size: 25px; font-weight: 700; text-transform: inherit; color: #222222; } .title--sm a { font-weight: 700; font-size: 18px; color: #222; text-transform: uppercase; } .title--sm a:hover { color: #666; } .title--sm2 { font-weight: 700; font-size: 18px; color: #222; text-transform: uppercase; } .title--sm3 a { font-weight: 700; font-size: 18px; color: #fff; text-transform: capitalize; } .title--sm3:hover { color: #ebebeb; } .title--light { color: #ffffff; } .title-sub--sm { font-size: 11px; color: #888; } .title-number { position: relative; text-align: center; } .title-number .title { position: relative; z-index: 9; } .title-number .number { font-size: 72px; color: #ebebeb; font-weight: 300; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ========================================================================== #BOX ========================================================================== */ .box { display: block; position: relative; } .box:after { content: '' !important; display: block !important; clear: both !important; } .box__head { position: relative; } .box__overlay, .box__link-overlay, .box__head__overlay { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .box .title--xs { font-size: 16px; } .box__title { margin-bottom: 8px; } .box__text { margin-bottom: 0; } .box__img { margin-bottom: 0; } .box__icon { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .box__icon.au-icon--md .au-icon__icon { font-size: 26px; } .box__icon.au-icon--lg { width: 82px; height: 82px; } .box__icon.au-icon--lg .au-icon__icon { font-size: 36px; } .box__icon.au-icon--lg.au-icon--border-black { border-color: #999; } .box__icon.au-icon--flat .au-icon__icon { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .box__icon.au-icon--flat:hover { background: none; } .box__icon:hover { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .box--center { text-align: center; } .box--center .box__icon, .box--center .box__img, .box--center .box__process-number { margin-left: auto; margin-right: auto; } .box--border { border: 1px solid #ebebeb; } .box--shadow { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); } .box--cover .box__overlay { background: rgba(0, 0, 0, 0.8); } .box--cover .box__title { color: #fff; } .box--cover .box__text { color: #cccccc; } .box--cover .box__content { position: relative; z-index: 1; } .box--outicon { padding-top: 25px; } .box--outicon .box__icon { position: absolute; top: -25px; left: 50%; margin-left: -25px; } .box--outicon .box__head { position: static; } .box--beside .box__head { float: left; } .box--beside .box__body { margin-left: 50px; } .box--beside-reverse .box__head { float: right; } .box--beside-reverse .box__body { margin-right: 50px; } .box--lg .box__title { margin-bottom: 13px; } .box--lg .au-icon--flat.au-icon--lg { width: 45px; height: 45px; } /* ========================================================================== #FORM ========================================================================== */ input, textarea { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; } input { width: 100%; } textarea { width: 100%; } button { outline: none; border: none; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .au-input, .au-textarea { background: #f8f8f8; line-height: 1.25; padding: 17px 20px; color: #333; margin-bottom: 20px; } .au-input::-webkit-input-placeholder, .au-textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #888; } .au-input:-moz-placeholder, .au-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888; opacity: 1; } .au-input::-moz-placeholder, .au-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888; opacity: 1; } .au-input:-ms-input-placeholder, .au-textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888; } .au-input:-ms-input-placeholder, .au-textarea:-ms-input-placeholder { /* Microsoft Edge */ color: #888; } .au-input-2, .au-textarea-2 { border: 1px solid #ebebeb; line-height: 1.25; padding: 16px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .au-input-2::-webkit-input-placeholder, .au-textarea-2::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #888888; } .au-input-2:-moz-placeholder, .au-textarea-2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888; opacity: 1; } .au-input-2::-moz-placeholder, .au-textarea-2::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888; opacity: 1; } .au-input-2:-ms-input-placeholder, .au-textarea-2:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888888; } .au-input-2:-ms-input-placeholder, .au-textarea-2:-ms-input-placeholder { /* Microsoft Edge */ color: #888888; } .au-input-2:focus, .au-textarea-2:focus { border-color: #222; } .au-textarea { resize: none; height: 190px; } .au-textarea--low { height: 155px; } .au-textarea-2 { resize: none; height: 200px; } .au-checkbox { width: 11px; height: 11px; margin-right: 3px; vertical-align: middle; } .form-action { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 16px; padding-bottom: 30px; } .form-action .form-group--check { margin-left: 20px; } .form-group { margin-bottom: 14px; } .form-group--check { margin: 0; } .form-group--check label { margin: 0; } .form-row { margin: 0; } .form-login-wrap { padding-top: 100px; padding-bottom: 110px; } .form-label { margin-bottom: 4px; } .p-r-0 { padding-right: 0 !important; } .form-row > .col, .form-row > [class*=col-] { padding: 0; padding-right: 20px; } @media (max-width: 767px) { .form-row > .col, .form-row > [class*=col-] { padding-right: 0; } } /* QTY BOX */ .qty-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border: 1px solid #ebebeb; max-width: 100px; height: 45px; position: relative; } .qty-box > input { width: 50px; text-align: center; color: #555555; } .qty-box > input::-webkit-inner-spin-button, .qty-box > input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .qty-box .qty-btn { width: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #888; } /* ========================================================================== #LANDING ========================================================================== */ .landing .entry-header { text-align: center; padding-top: 100px; padding-bottom: 115px; } .landing .entry-header p { font-size: 18px; color: #666666; } .landing .entry-title { font-size: 60px; color: #222; margin-bottom: 35px; } .landing--sm .entry-header { padding-bottom: 85px; } .landing-page--dark { background: url("../images/landing/bg-landing.jpg") center center/cover no-repeat; } .landing-page--dark .landing .entry-title { color: #ffffff; } .landing-page--dark .landing .entry-header p { color: #ebebeb; } .landing-page--dark .landing .entry-content { text-align: center; } .landing-page--dark .landing .entry-content img { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .landing-page--dark .landing .entry-content img:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .media-landing { text-align: center; margin-bottom: 90px; } .media-landing:hover .media__img { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .media-landing .media__img { -webkit-box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.15); margin-bottom: 46px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .media-landing .media__title a { font-size: 36px; color: #222222; } .media-landing .media__title a:hover { color: #666666; } /* ========================================================================== #MEDIA ========================================================================== */ /** * Place any image- and text-like content side-by-side, as per: * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code */ .media { display: block; position: relative; } .media:after { content: '' !important; display: block !important; clear: both !important; } .media__img { display: block; } .media__img > img { display: block; } .media__img--slide { position: relative; } .media__img--slide .slick__wrap-content { position: relative; } .media__img--slide .slick__dots { position: absolute; left: 50%; bottom: 25px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .media__img--slide .slick-arrow { position: absolute; top: 50%; margin-top: -20px; } .media__img--slide .slick-next { right: 20px; } .media__img--slide .slick-prev { left: 20px; } .media__img--zoom { overflow: hidden; } .media__img--zoom > img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .media__img--zoom > img:hover { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .media__body { display: block; overflow: hidden; } .media__title { margin-bottom: 0; } .media__text { margin-bottom: 0; } .media__link-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .media__overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .media__video { position: relative; } .media__video-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .media__quote-info { font-size: 15px; color: #808080; display: block; } .media__quote-text { margin-bottom: 15px; } /* Media Beside */ .media--beside > .media__img { float: left; } .media--beside-reverse > .media__img { float: right; } /* Color text white on black background*/ .media--reverse .media__avatar, .media--reverse .media__title, .media--reverse .media__label, .media--reverse .media__tag { color: #fff; } .media--reverse .media__avatar a, .media--reverse .media__title a, .media--reverse .media__label a, .media--reverse .media__tag a { color: #fff; } /* ========================================================================== #PAGELINE ========================================================================== */ .page-line { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .page-line .container { height: 100%; } .page-line.light .page-line__inner { opacity: 0.1; } .page-line__inner { height: 100%; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; opacity: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .page-line__inner .page-col:last-child { border: none; } @media (max-width: 991px) { .page-line { display: none; } } .page-line-slider { z-index: 9; } .page-col { width: 33.3333333333%; height: 100%; border-right: 1px solid #f4f4f4; background: transparent; } .page-line__item { position: absolute; top: 0; bottom: 0; width: 1px; background: #f2f2f2; opacity: 0.1; left: 0; z-index: 9; } .page-line__item-2 { left: -webkit-calc(100% / 3); left: -moz-calc(100% / 3); left: calc(100% / 3); } .page-line__item-3 { left: auto; right: -webkit-calc(100% / 3); right: -moz-calc(100% / 3); right: calc(100% / 3); } .page-line__item-4 { left: auto; right: 0; } /* ========================================================================== #PAGE ========================================================================== */ .page-coming { height: 100vh; position: relative; } .page-coming .section-content { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } @media (max-width: 991px) { .page-coming { height: auto; } .page-coming .section-content { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 90px 0; } } /* ========================================================================== #SECTIONS ========================================================================== */ .section { position: relative; z-index: 9; } .section-content { position: relative; } .client-section { padding: 0 5px; padding-top: 100px; padding-bottom: 20px; } @media (max-width: 1199px) { .client-section { padding: 0 5px; padding-top: 50px; } } .section-row { margin: 0 -25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .section-row { display: block; } } .section-row--fit { margin: 0; } .section-row--p-sm { margin: 0 -10px; } @media (max-width: 991px) { .section-row--p-sm { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .section-row--p-sm { display: block; } } .p-r-155 { padding-right: 155px !important; } @media (max-width: 991px) { .p-r-155 { padding-right: 0 !important; } } .section-col-3 { width: 25%; padding: 0 10px; } @media (max-width: 767px) { .section-col-3 { width: 100%; } } .section-col-4, .section-col-4--px { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding-right: 30px; } @media (max-width: 991px) { .section-col-4, .section-col-4--px { width: 100%; padding: 0; } } .section-col-4--px { padding: 0 10px; } #main { position: relative; } #fs-container { height: 100vh; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url("../images/bg-project-01.jpg"); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991px) { #fs-container { height: auto; display: block; } } .service-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .service-wrap .media-service-2:last-child { margin-right: 0; } @media (max-width: 1519px) { .service-wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .service-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* REV SECTION */ .rev_slider_wrapper--p80 { padding: 0 80px; } @media (max-width: 1519px) { .rev_slider_wrapper--p80 { padding: 0; } } .rev-spacer { height: 80px; } @media (max-width: 991px) { .rev-spacer { display: none; } } .video { width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; overflow: hidden; position: relative; } .video .video__icon-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .video .video__cover { height: 0; opacity: 0; position: absolute; display: block; } .video .video__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .video .video__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999; } .video .video__overlay:hover .video__icon-play { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .video .video__content { height: 100%; opacity: 0; z-index: 0; -webkit-transition: all 4s; -o-transition: all 4s; -moz-transition: all 4s; transition: all 4s; } .video .video__content iframe { display: block; } /* ========================================================================== #WRAPPER ========================================================================== */ /** * Page-level constraining and wrapping elements. */ .page-wrapper { overflow: hidden; } .wrap { margin-left: auto; margin-right: auto; position: relative; } .wrap--content-center { text-align: center; } .wrap--left-auto { margin-left: auto; margin-right: 0; } @media (max-width: 991px) { .wrap--left-auto { margin-right: auto; } } .wrap--right-auto { margin-right: auto; margin-left: 0; } .wrap--w420 { max-width: 530px; } .wrap--w530 { max-width: 530px; } .wrap--w540 { max-width: 540px; } .wrap--w570 { max-width: 570px; } .wrap--w587 { max-width: 587px; } .wrap--w600 { max-width: 600px; } .wrap--w625 { max-width: 625px; } .wrap--w630 { max-width: 630px; } .wrap--w680 { max-width: 680px; } .wrap--w700 { max-width: 700px; } .wrap--w720 { max-width: 720px; } .wrap--w740 { max-width: 740px; } .wrap--w768 { max-width: 768px; } .wrap--w770 { max-width: 770px; } .wrap--w800 { max-width: 800px; } .wrap--w820 { max-width: 820px; } .wrap--w830 { max-width: 830px; } .wrap--w850 { max-width: 850px; } .wrap--w860 { max-width: 850px; } .wrap--w870 { max-width: 870px; } .wrap--w880 { max-width: 880px; } .wrap--w900 { max-width: 900px; } .wrap--w940 { max-width: 940px; } .wrap--w970 { max-width: 970px; } .wrap--w990 { max-width: 990px; } .wrap--w1100 { max-width: 1100px; } .wrap--w1170 { max-width: 1170px; } .wrap--w1330 { max-width: 1330px; } .wrap--w1375 { max-width: 1375px; } .wrap--w1390 { max-width: 1390px; } .wrap--w1400 { max-width: 1400px; } .wrap--w1425 { max-width: 1425px; } .wrap--w1530 { max-width: 1530px; } .wrap--w1575 { max-width: 1575px; } .wrap--w1570 { max-width: 1570px; } .wrap--w1590 { max-width: 1590px; } .wrap--w1620 { max-width: 1620px; } .wrap--w1630 { max-width: 1630px; } .wrap--w1680 { max-width: 1680px; } .wrap--w1760 { max-width: 1760px; } .wrap--w1790 { max-width: 1790px; } .wrap--w1774 { max-width: 1774px; } .wrap--w1790 { max-width: 1790px; } .wrap--w1810 { max-width: 1810px; } .wrap--w1820 { max-width: 1820px; } .wrap--w1850 { max-width: 1850px; } /* ========================================================================== #BLOG ========================================================================== */ .wp-image-gallery { margin-bottom: 20px; } .blog-detail-1 .entry-header { margin-bottom: 29px; } .blog-detail-1 .entry-title { font-size: 25px; color: #222; text-transform: uppercase; margin-bottom: 2px; } .blog-detail-1 .wp-post-image { margin-bottom: 30px; } .blog-detail-1 .entry-date { font-size: 11px; color: #888; letter-spacing: 0.3em; } .blog-detail-1 .entry-share { padding: 0; margin: 0; } .blog-detail-1 .entry-share > span { margin-right: 5px; } .blog-detail-1 .entry-content p { margin-bottom: 30px; } .blog-detail-1 .entry-content blockquote { background: #f8f8f8; position: relative; text-align: center; font-size: 18px; color: #222; font-weight: 700; padding: 50px 40px; margin-bottom: 30px; } .blog-detail-1 .entry-content blockquote p { position: relative; margin: 0; } .blog-detail-1 .entry-content blockquote:before { font-family: 'themify'; content: "\e67f"; font-size: 87px; line-height: 1; color: #ffffff; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .entry-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; padding-bottom: 85px; } @media (max-width: 991px) { .entry-footer { display: block; } } .entry-tags { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .entry-tags > span { margin-right: 10px; } /* COMMENT */ .comment-list { margin-left: 125px; } @media (max-width: 575px) { .comment-list { margin-left: 0; margin-top: 145px; } } .comment-list .comment:last-child { margin-bottom: 0; } .comment-area-form { padding-top: 32px; padding-bottom: 50px; } .comment { margin-bottom: 20px; } @media (max-width: 575px) { .comment { margin-bottom: 150px; } } .comment-title { margin-bottom: 33px; color: #222222; font-size: 25px; } .comment-body { border: 1px solid #ebebeb; padding: 24px 37px; padding-bottom: 26px; background: #fff; } .comment-body .reply a { color: #222222; text-transform: capitalize; font-weight: 500; } .comment-body .reply a:hover { color: #666; } .comment-content { margin-bottom: 17px; } .comment-author { position: relative; margin-bottom: -5px; } .comment-author .avatar { overflow: hidden; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 100px; height: 100px; position: absolute; left: -162px; top: -25px; } @media (max-width: 575px) { .comment-author .avatar { left: -37px; top: -142px; } } .comment-author .fn { text-transform: uppercase; font-size: 18px; color: #222; } .comment-metadata a { font-size: 11px; color: #888; letter-spacing: 0.3em; } .comment-metadata a:hover { color: #222; } /* ========================================================================== #FOOTER ========================================================================== */ .footer { position: relative; padding: 75px 0; padding-bottom: 95px; background-image: url("../images/bg-footer-01.jpg"); } .footer.bg-parallax { background-position: 0 -245px; background-attachment: scroll; } @media (max-width: 991px) { .footer.bg-parallax { background-position: center center; } } .footer p { color: #fff; } @media (max-width: 991px) { .footer { padding-bottom: 35px; } .footer-col { margin-bottom: 50px; } } .footer-2 .footer-col { margin-bottom: 30px; } .footer-2 .footer-col p { color: #888; } @media (max-width: 991px) { .footer-2 .footer-col { margin-bottom: 10px; text-align: center !important; } } .footer-3 p { color: #ebebeb; } .footer-3 .footer-col { margin-bottom: 30px; } @media (max-width: 991px) { .footer-3 { margin-bottom: 10px; text-align: center !important; } } /* ========================================================================== #HEADER ========================================================================== */ .header__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-contact { color: #fff; display: inline-block; margin-right: 40px; } /* HEADER 1 */ .header-1 .header__content-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-1 .header-nav-menu { margin-right: 47px; } .header-1--light { position: absolute; top: 0; left: 0; right: 0; z-index: 99; } .header-1--light .menu a { color: #fff; } .header-1--light .menu a:hover { color: #ccc; } /* HEADER 2 */ .header-2, .header-5 { position: absolute; top: 0; left: 0; right: 0; z-index: 99; padding: 35px 0; } .header-2 .header__content-right, .header-5 .header__content-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-2 .header-social, .header-5 .header-social { margin-right: 40px; } .header-2--static { position: static; } .header-2--dark { position: static; } .header-2--dark .header-contact { color: #222; } .header-2--dark .hamburger.hamburger--sm { border-color: #888; } .header-2--dark .hamburger.hamburger--sm:hover { background: #222; border-color: #222; } .header-2--dark .hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner, .header-2--dark .hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner:before, .header-2--dark .hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner:after { background-color: #fff; } .header-2--dark .hamburger.hamburger--sm .hamburger-box .hamburger-inner, .header-2--dark .hamburger.hamburger--sm .hamburger-box .hamburger-inner:before, .header-2--dark .hamburger.hamburger--sm .hamburger-box .hamburger-inner:after { background-color: #555; } /* HEADER 5 */ .header-5 .header-contact { color: #ebebeb; margin: 0; display: block; text-align: right; } .header-content-center { position: absolute; left: 0; right: 0; top: 0; z-index: -1; } /* HEADER PAGE PILLING */ .header-page-pilling .hamburger.hamburger--sm { color: #fff; } .header-page-pilling.light .hamburger.hamburger--sm { border-color: #888; } .header-page-pilling.light .hamburger.hamburger--sm .hamburger-box .hamburger-inner, .header-page-pilling.light .hamburger.hamburger--sm .hamburger-box .hamburger-inner:before, .header-page-pilling.light .hamburger.hamburger--sm .hamburger-box .hamburger-inner:after { background-color: #555; } /* HEADER MOBILE */ .header-nav-menu-mobile { display: none; margin-bottom: 20px; } .header-mobile { position: relative; } .header-mobile .header-mobile__bar { padding: 15px 0; } .header-mobile .header-mobile__bar-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-mobile--light .hamburger { border-color: #fff; } .header-mobile--light .hamburger:hover { background: #fff; } .header-mobile--light .hamburger:hover .hamburger-box .hamburger-inner, .header-mobile--light .hamburger:hover .hamburger-box .hamburger-inner:after, .header-mobile--light .hamburger:hover .hamburger-box .hamburger-inner:before { background: #222; } .header-mobile--light .hamburger-inner, .header-mobile--light .hamburger-inner:after, .header-mobile--light .hamburger-inner:before { background: #fff; } .hamburger { border: 1px solid #888; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; width: 50px; height: 50px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .hamburger:hover { background: #111; border-color: transparent; } .hamburger:hover .hamburger-box .hamburger-inner, .hamburger:hover .hamburger-box .hamburger-inner:before, .hamburger:hover .hamburger-box .hamburger-inner:after { background-color: #fff; } .hamburger .hamburger-box { width: 20px; height: 15px; } .hamburger .hamburger-box .hamburger-inner { width: 20px; height: 2px; } .hamburger .hamburger-box .hamburger-inner:before { width: 20px; height: 2px; top: 6px; } .hamburger .hamburger-box .hamburger-inner:after { width: 20px; height: 2px; top: 12px; } .hamburger.is-active .hamburger-inner { top: -2px; } .hamburger.is-active .hamburger-inner:after { top: 20px; } .hamburger.hamburger--sm { width: 30px; height: 30px; border-color: #ebebeb; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .hamburger.hamburger--sm:hover { background: #fff; } .hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner, .hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner:before, .hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner:after { background-color: #222; } .hamburger.hamburger--sm .hamburger-box .hamburger-inner, .hamburger.hamburger--sm .hamburger-box .hamburger-inner:before, .hamburger.hamburger--sm .hamburger-box .hamburger-inner:after { background-color: #fff; } .hamburger.hamburger--sm .hamburger-box { width: 12px; height: 11px; } .hamburger.hamburger--sm .hamburger-box .hamburger-inner { width: 12px; height: 2px; } .hamburger.hamburger--sm .hamburger-box .hamburger-inner:before { width: 12px; height: 2px; top: 4px; } .hamburger.hamburger--sm .hamburger-box .hamburger-inner:after { width: 12px; height: 2px; top: 8px; } .hamburger.hamburger--sm.is-active .hamburger-inner { top: -4px; } .hamburger.hamburger--sm.is-active .hamburger-inner:after { top: 20px; } /* HEADER FIXED */ .header--fixed { position: fixed; top: 0; left: 0; right: 0; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.95); z-index: 9999; } .header--fixed .menu-item a { padding: 17px 22px; } /* ========================================================================== #MENU ========================================================================== */ .menu li { list-style: none; } .menu a { font-size: 13px; color: #222; text-transform: capitalize; } .menu a:hover { color: #333; } .menu-item { display: inline-block; } .menu-item a { display: block; padding: 26px 22px; } .menu-item-has-children { position: relative; } .menu-item-has-children:hover > .sub-menu { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 100%; opacity: 1; } .menu-mobile { background: #f8f8f8; } .menu-mobile .menu-item { display: block; } .menu-mobile .menu-item a { padding: 10px 15px; padding-right: 25px; border-bottom: 1px solid #e6e6e6; position: relative; } .menu-mobile .menu-item.menu-item-has-children > a::after { display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "Material-Design-Iconic-Font"; content: '\f278'; width: 50px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 0; font-size: 18px; font-weight: 700; } .menu-mobile .menu-item.menu-item-has-children > a.active::after { content: '\f273'; } .menu-mobile .sub-menu { position: static; visibility: visible; opacity: 1; padding: 0; min-width: 100%; background: #f8f8f8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .menu-mobile .sub-menu .menu-item a { color: #222; } .menu-mobile .sub-menu .menu-item a:hover { color: #333; } .menu-mobile .sub-menu .menu-item .sub-menu .menu-item a { padding-left: 60px; } .sub-menu { position: absolute; z-index: 999; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 110%; left: 0; min-width: 265px; -webkit-box-shadow: 1.286px 1.532px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1.286px 1.532px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 1.286px 1.532px 9px 0px rgba(0, 0, 0, 0.1); background: #222; padding: 15px 0; } .sub-menu .menu-item { display: block; } .sub-menu .menu-item a { color: #fff; padding: 10px 30px; } .sub-menu .menu-item a:hover { color: #ccc; } .sub-menu .menu-item-has-children > .sub-menu { top: 0; left: 105%; } .sub-menu .menu-item-has-children > .sub-menu.sub-menu--left { top: 0; left: auto; right: 105%; } .sub-menu .menu-item-has-children:hover > .sub-menu { left: 100%; } .sub-menu .menu-item-has-children:hover > .sub-menu.sub-menu--left { left: auto; right: 100%; } /* MENU SIDEBAR */ #menu-sidebar-overlay { background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #menu-sidebar-overlay.active { visibility: visible; opacity: 1; } .menu-sidebar { position: fixed; z-index: 99999; width: 445px; top: 0; right: 0; bottom: 0; background: #fff; padding: 87px 80px 75px 85px; overflow-y: scroll; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .menu-sidebar::-webkit-scrollbar { display: none; } .menu-sidebar.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu-sidebar .copyright { color: #888; margin-top: 208px; } .btn-close { font-size: 18px; color: #888; position: absolute; right: 85px; top: 30px; z-index: 99; } .btn-close:hover { color: red; } .menu-sidebar-nav-menu { margin-bottom: 80px; } .menu-sidebar-nav-menu .menu a { font-size: 30px; font-weight: 700; } .menu-sidebar-nav-menu .menu a:hover { color: #666; } .menu-sidebar-nav-menu .menu-item { display: block; } .menu-sidebar-nav-menu .menu-item a { display: block; line-height: 1.2; padding: 17.5px 0; } .menu-sidebar-nav-menu .menu-item .sub-menu { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 100%; opacity: 1; position: static; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 5px 0; min-width: 100%; } .menu-sidebar-nav-menu .menu-item .sub-menu .menu-item { display: block; } .menu-sidebar-nav-menu .menu-item .sub-menu .menu-item a { color: #222; padding: 8px 0; padding-right: 0; font-size: 18px; } .menu-sidebar-nav-menu .menu-item .sub-menu .menu-item a:hover { color: #666; } /* ========================================================================== #NAVIGATION ========================================================================== */ .project-navigation, .project-navigation-2 { padding-top: 40px; padding-bottom: 85px; } .project-navigation .nav-links, .project-navigation-2 .nav-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #ebebeb; padding: 19px 0; } .project-navigation .nav-previous, .project-navigation .nav-next, .project-navigation .all-link-wrap, .project-navigation-2 .nav-previous, .project-navigation-2 .nav-next, .project-navigation-2 .all-link-wrap { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .project-navigation .nav-previous > a, .project-navigation .nav-next > a, .project-navigation .all-link-wrap > a, .project-navigation-2 .nav-previous > a, .project-navigation-2 .nav-next > a, .project-navigation-2 .all-link-wrap > a { font-size: 18px; color: #888; } .project-navigation .nav-previous > a:hover, .project-navigation .nav-next > a:hover, .project-navigation .all-link-wrap > a:hover, .project-navigation-2 .nav-previous > a:hover, .project-navigation-2 .nav-next > a:hover, .project-navigation-2 .all-link-wrap > a:hover { color: #222; } .project-navigation .nav-next, .project-navigation-2 .nav-next { text-align: right; } .project-navigation .all-link-wrap, .project-navigation-2 .all-link-wrap { text-align: center; } .project-navigation-2 { padding-top: 0; padding-bottom: 0; } .project-navigation-2 .nav-links { padding: 14px 70px; } @media (max-width: 575px) { .project-navigation-2 .nav-links { padding: 14px 35px; } } .blog-navigation { position: relative; padding-bottom: 105px; } .page-numbers { margin-left: -12px; } .page-numbers > li { display: inline-block; } .page-number { display: block; line-height: 20px; padding: 0 12px; text-align: center; color: #555; } .page-number.current, .page-number:hover { color: #222; text-decoration: underline; } .page-number.next:hover, .page-number.prev:hover { text-decoration: none; color: #666; } /* ========================================================================== #PAGE HEADING ========================================================================== */ .page-heading { position: relative; } .page-heading__inner { padding: 20px 65px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media (max-width: 991px) { .page-heading__inner { padding: 20px 25px; } } /* ========================================================================== #PAGE INFO ========================================================================== */ .page-info .copyright { color: #fff; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; position: fixed; z-index: 999; right: 70px; bottom: 21%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .page-info__title { font-weight: 400; font-size: 18px; color: #fff; text-transform: capitalize; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; position: fixed; z-index: 999; right: 75px; top: 21%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .page-info.light .copyright { color: #555; } .page-info.light .page-info__title { color: #555; } .page-info.light .list-social-3 .list-social__item a { color: #222; } .page-info.light .list-social-3 .list-social__item .icon { opacity: 0.6; } @media (max-width: 1760px) { .page-info__title { right: 15px; } .page-info .copyright { right: 11px; } } @media (max-width: 1519px) { .page-info { display: none; } } .page-info-2 { position: absolute; z-index: 99; left: 0; right: 0; bottom: 70px; } .page-info-2 .page-info__inner { position: relative; } .page-info-2 .list-social { position: absolute; right: 0; bottom: -webkit-calc(100% - 10px); bottom: -moz-calc(100% - 10px); bottom: calc(100% - 10px); } .page-info-2 .list-social__item a { color: #fff; } .page-info-2 .copyright { position: absolute; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; left: 0; white-space: nowrap; bottom: 100%; color: #fff; } /*Loader*/ .loader { display: inline-block; width: 35px; height: 35px; color: inherit; vertical-align: middle; pointer-events: none; position: relative; } .loader:before, .loader:after { content: ''; width: inherit; height: inherit; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: loader-08 2.0s infinite ease-in-out; -moz-animation: loader-08 2.0s infinite ease-in-out; -o-animation: loader-08 2.0s infinite ease-in-out; animation: loader-08 2.0s infinite ease-in-out; } .loader:after { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes loader-08 { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes loader-08 { 0%, 100% { -moz-transform: scale(0); transform: scale(0); } 50% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes loader-08 { 0%, 100% { -o-transform: scale(0); transform: scale(0); } 50% { -o-transform: scale(1); transform: scale(1); } } @keyframes loader-08 { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .loader { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .no-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .no-border { border: none !important; } /* ========================================================================== #PAGE PILLING ========================================================================== */ .page-pagepiling-wrap { height: 100vh; } @media (max-width: 1519px) { .page-pagepiling-wrap { height: unset; } } .section-pp { background: #fff; height: 100vh; overflow-y: scroll; } @media (max-width: 1519px) { .section-pp { height: auto; position: relative; } .section-pp.section-pp--pad { padding-top: 100px; padding-bottom: 80px; } } #pp-nav.right { right: 78px; } @media (max-width: 1760px) { #pp-nav.right { right: 20px; } } #pp-nav.pp-bullet li { margin: 0; margin-bottom: 14px; } #pp-nav.pp-bullet li a { width: 8px; height: 8px; background: #ebebeb; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #pp-nav.pp-bullet li a:hover span, #pp-nav.pp-bullet li a.active span { opacity: 1; visibility: visible; width: 16px; height: 16px; } #pp-nav.pp-bullet li span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; opacity: 0; visibility: hidden; width: 25px; height: 25px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: transparent; border: 1px solid #ebebeb !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #pp-nav.pp-bullet.light li a { background: #222; } #pp-nav.pp-bullet.light li span { border-color: #222 !important; } /* ========================================================================== #PROJECT POST ========================================================================== */ /* GENERAL */ .entry-content p { margin-bottom: 10px; } .entry-share { padding-left: 20px; padding-top: 20px; margin-bottom: 60px; } @media (max-width: 1199px) { .entry-share { padding-left: 0; } } .entry-share .key { font-size: 15px; color: #222; font-weight: 700; display: inline-block; margin-right: 24px; } .entry-share .list-social { display: inline-block; } .wp-post-image { display: block; margin-bottom: 40px; } .project-style-1, .project-style-4 { padding-top: 85px; } .project-style-1 .entry-title, .project-style-4 .entry-title { font-size: 60px; color: #222; text-transform: capitalize; margin-bottom: 45px; } .project-style-1 .entry-meta, .project-style-4 .entry-meta { background: #f8f8f8; padding: 60px 70px; padding-bottom: 25px; margin-bottom: 60px; } .project-style-1 .entry-meta__item, .project-style-4 .entry-meta__item { margin-bottom: 35px; } .project-style-1 .entry-meta__item .key, .project-style-4 .entry-meta__item .key { color: #000022; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; } .project-style-1 .entry-content, .project-style-4 .entry-content { padding-left: 20px; } @media (max-width: 1199px) { .project-style-1 .entry-content, .project-style-4 .entry-content { padding-left: 0; } } .project-style-2, .project-style-3 { padding-top: 60px; padding-bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .project-style-2 .entry-summary, .project-style-3 .entry-summary { border: 1px solid #ebebeb; background: #fff; } .project-style-2 .entry-summary.sticky, .project-style-3 .entry-summary.sticky { position: fixed; top: 0; z-index: 999; } .project-style-2 .entry-summary__inner, .project-style-3 .entry-summary__inner { padding: 65px 70px; padding-bottom: 58px; } @media (max-width: 575px) { .project-style-2 .entry-summary__inner, .project-style-3 .entry-summary__inner { padding: 40px 35px; } } .project-style-2 .entry-title, .project-style-3 .entry-title { font-size: 38px; color: #222; margin-bottom: 30px; } .project-style-2 .entry-meta, .project-style-3 .entry-meta { padding-top: 32px; } .project-style-2 .entry-meta__item, .project-style-3 .entry-meta__item { margin-bottom: 18px; } .project-style-2 .entry-meta__item .key, .project-style-3 .entry-meta__item .key { color: #000022; font-size: 18px; text-transform: uppercase; display: inline-block; margin-right: 20px; vertical-align: baseline; } .project-style-2 .entry-meta__item .value, .project-style-3 .entry-meta__item .value { display: inline-block; vertical-align: baseline; } .project-style-2 .entry-share, .project-style-3 .entry-share { padding-left: 0; margin-bottom: 0; padding-top: 60px; } .project-style-2 .project-images, .project-style-2 .entry-summary-wrap, .project-style-3 .project-images, .project-style-3 .entry-summary-wrap { padding: 0 15px; } .project-style-2 .project-images, .project-style-3 .project-images { width: 72%; } .project-style-2 .entry-summary-wrap, .project-style-3 .entry-summary-wrap { width: 28%; position: relative; } @media (max-width: 1199px) { .project-style-2 .project-images, .project-style-2 .entry-summary-wrap, .project-style-3 .project-images, .project-style-3 .entry-summary-wrap { width: 100%; } } .project-style-2 .entry-summary-wrap { position: relative; } @media (max-width: 1519px) { .project-style-2 .entry-summary__inner { padding: 30px 30px; } } @media (max-width: 575px) { .project-style-2 .entry-summary__inner { padding: 40px 35px; } } @media (max-width: 1519px) { .project-style-2 .project-navigation-2 .nav-links { padding: 14px 30px; } .project-style-2 .entry-title { margin-bottom: 10px; font-size: 30px; } .project-style-2 .entry-meta { padding-top: 22px; } .project-style-2 .entry-share { padding-top: 25px; } } .project-style-3 { position: relative; margin: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 80px; } .project-style-3 .entry-summary { max-width: 465px; background: #fff; position: absolute; left: 65px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1519px) { .project-style-3 .entry-summary { left: 0; } .project-style-3 .entry-summary .entry-summary__inner { padding: 20px 45px; padding-bottom: 30px; } } @media (max-width: 575px) { .project-style-3 .entry-summary .entry-title { font-size: 25px; margin-bottom: 15px; } .project-style-3 .entry-summary .entry-meta { padding-top: 15px; } .project-style-3 .entry-summary .entry-share { padding-top: 10px; } .project-style-3 .entry-summary .entry-summary__inner { padding: 15px 45px; padding-bottom: 20px; } } .project-style-4 .entry-meta { margin-bottom: 20px; } .project-style-4 .entry-share { margin-bottom: 20px; } /* ========================================================================== #SLICK ========================================================================== */ .slick-wrap { position: relative; } .slick-item { outline: none; } .slick__item { outline: none; } .slick-track { outline: none; } .slick-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; } .slick-wrap-content { overflow: hidden; } /* SLICK PROJECT */ .slick-project .slick-content { margin: 0 -20px; overflow: hidden; } .slick-project .slick-item { width: 25%; padding: 0 20px; } /* SLICK TESTI */ .slick-testi .slick-item { width: 50%; padding: 0 25px; } .slick-testi .slick-content { margin: 0 -25px; } .slick-testi .slick-arrow { margin-top: -50px; } .slick-testi-2 { padding: 50px; padding-bottom: 32px; } @media (max-width: 1199px) { .slick-testi-2 { padding: 25px 30px; } } /* SLICK GALLERY */ .slick-gallery { margin-bottom: 40px; } /* SLICK PRODUCT */ .slick-product .slick__dots { margin-top: 25px; cursor: pointer; } /* SLICK ARROWS */ .slick-arrow { position: absolute; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; color: #222; } .slick-arrow:hover { color: #666; } .arrows-1 .slick-prev { left: -45px; } .arrows-1 .slick-next { right: -45px; } .arrows-1.light .slick-arrow { color: #ebebeb; } @media (max-width: 991px) { .arrows-1 { display: none; } } .arrows-2 .slick-prev { left: 15px; } .arrows-2 .slick-next { right: 15px; } .arrows-2.light .slick-arrow { color: #fff; } .arrows-2.light .slick-arrow:hover { color: #ccc; } /* SLICK DOTS */ .slick-dots { padding-left: 0; margin-bottom: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slick-dots button { display: none; } .slick-dots li { list-style: none; } .dots-style1 li { cursor: pointer; margin: 0 5px; display: block; vertical-align: top; width: 7px; height: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #888; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dots-style1 li.slick-active { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; } .dots-style1 .slick-dots { margin-top: 30px; } .dots-style2 .slick-dots { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -12.5px; } .dots-style2 .slick-dots li { padding: 0 12.5px; } /* ========================================================================== #WIDGET ========================================================================== */ .widget-title { font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 30px; } .widget-sidebar .widget { margin-bottom: 35px; } .widget-sidebar .widget-title { color: #222; text-transform: none; margin-bottom: 5px; } .widget-sidebar .widget_recent_entries { margin-bottom: 25px; } .widget-address ul li { color: #ebebeb; padding: 1px 0; } .widget_pages ul li a { color: #ebebeb; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_pages ul li a:hover { text-decoration: underline; } .widget_search .search-form { position: relative; } .widget_search .search-field { border: 1px solid #ebebeb; padding: 9px 18px; padding-right: 35px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color: #666; } .widget_search .search-field::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #888; } .widget_search .search-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888; opacity: 1; } .widget_search .search-field::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888; opacity: 1; } .widget_search .search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888; } .widget_search .search-field:-ms-input-placeholder { /* Microsoft Edge */ color: #888; } .widget_search .search-field:focus { border-color: #222; } .widget_search .search-submit { position: absolute; height: 100%; top: 1px; right: 16px; font-size: 15px; color: #888; } .widget_recent_entries ul li { border-bottom: 1px solid #ebebeb; padding: 10px 0; } .widget_recent_entries ul li:last-child { border-bottom: none; } .widget_recent_entries ul li a { display: block; color: #222; text-transform: uppercase; } .widget_recent_entries ul li a:hover { color: #666; } .widget_categories .widget-title { margin-bottom: 15px; } .widget_categories ul .cat-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 0; } .widget_categories ul .cat-item a { color: #555; } .widget_categories ul .cat-item a:hover { color: #666; } .widget_categories ul .cat-item .cat-count { font-size: 11px; color: #888; } .widget_tag_cloud .widget-title { margin-bottom: 25px; } .wp-tag-cloud:after { content: '' !important; display: block !important; clear: both !important; } .wp-tag-cloud > li { float: left; display: block; margin-right: 7px; margin-bottom: 10px; } .wp-tag-cloud > li a { display: block; border: 1px solid #ebebeb; line-height: 1.2; color: #555; padding: 6.5px 20px; } .wp-tag-cloud > li a:hover { background: #222; color: #fff; border-color: transparent; } .widget_instagram .widget-title { margin-bottom: 25px; } .widget_instagram_list { margin-right: -15px; } .widget_instagram_list:after { content: '' !important; display: block !important; clear: both !important; } .widget_instagram_list > li { display: block; width: 80px; float: left; margin-right: 15px; margin-bottom: 15px; } .widget_instagram_list > li a { display: block; overflow: hidden; } .widget_instagram_list > li a > a { display: block; overflow: hidden; } .widget_instagram_list > li a img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .widget_instagram_list > li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* ========================================================================== #WOOCOMERCE ========================================================================== */ /* SHOP */ .woocommerce-result-count-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; } .woocommerce-result-count { color: #888; } .product-thumbnail-wrap { height: 350px; background: #f8f8f8; position: relative; overflow: hidden; } .product-thumbnail-wrap .product-thumbnail { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product { margin-bottom: 30px; } .product .product-content { padding-top: 17px; } .product .product-name { margin-bottom: -3px; } .product .product-name a { font-size: 18px; color: #333333; text-transform: uppercase; } .product .product-name a:hover { color: #666; } .product .onsale, .product .hot { display: inline-block; padding: 7px 20px; background: #f1646c; font-size: 11px; color: #fff; line-height: 1; text-transform: uppercase; position: absolute; left: 0; top: 20px; } .product .hot { background: #9dd5c0; } .product .product-price { font-size: 18px; margin-bottom: -8px; } .product .product-price .price-sale { color: #f1646c; margin-left: 15px; } .product .product-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; } .product .add_to_cart_button { display: block; text-align: center; font-size: 11px; color: #555; text-transform: uppercase; padding: 15px 10px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .product .add_to_cart_button:hover { color: #f1646c; } .product:hover .add_to_cart_button { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .product:hover .product-thumbnail { -webkit-transform: translate(-50%, -60%); -moz-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); -o-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } /* PRODUCT DETAIL */ .product-detail .entry-summary { padding-left: 70px; } @media (max-width: 991px) { .product-detail .entry-summary { padding-left: 0; padding-top: 60px; } } .product-detail .entry-title { font-size: 30px; color: #222; } .product-detail .list-rating { margin-top: 2px; } .product-detail .woocommerce-product-details__short-description { margin-top: 20px; margin-bottom: 30px; } .product-detail .form-add-cart { margin-bottom: 30px; } .product-detail .product-meta { margin-bottom: 45px; } .woocommerce-Price-amount { font-size: 18px; } .form-add-cart { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .form-add-cart > button { margin-left: 30px; } .sku_wrapper, .posted_in, .tagged-as, .shared { color: #222222; font-weight: 700; margin-bottom: 7px; } .sku { font-weight: 400; color: #555555; } .posted_in a, .tagged-as a { font-weight: 400; color: #555; } .posted_in a:after, .tagged-as a:after { content: ', '; } .posted_in a:hover, .tagged-as a:hover { text-decoration: underline; } .posted_in a:last-child:after, .tagged-as a:last-child:after { content: ''; } .shared { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .wc-tabs { border-bottom: 1px solid #ebebeb; } .wc-tabs li a.nav-link { display: block; color: #222222; text-transform: uppercase; padding: 20px 60px; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; background: transparent; } .wc-tabs li a.nav-link.active { color: #222222; background: transparent; border-color: #ebebeb #ebebeb #fff; } @media (max-width: 767px) { .wc-tabs li a.nav-link { padding: 15px; } } .nav-tabs .nav-link { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wc-tab { border: 1px solid #ebebeb; border-top: none; padding: 55px 60px; } @media (max-width: 767px) { .wc-tab { padding: 35px 30px; } } .woocommerce-noreviews { color: #222222; } .comment-notes { font-size: 11px; color: #888; } .form-comment { margin-top: 23px; } .related-products { padding-top: 75px; padding-bottom: 80px; } /* CART */ .cart { padding-top: 100px; padding-bottom: 120px; } .cart .entry-title { font-size: 48px; font-weight: 700; color: #222; margin-bottom: 68px; } /* CHECKOUT */ .checkout .entry-title { font-size: 48px; font-weight: 700; color: #222; margin-bottom: 68px; } .woocommerce-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f8f8f8; padding: 25px 30px; margin-bottom: 20px; } @media (max-width: 575px) { .woocommerce-info { display: block; } } .showlogin { color: #555; text-decoration: underline; } .showlogin:hover { text-decoration: none; color: red; } .woocommerce-form { padding: 20px 0; } .woocommerce-form-coupon .coupon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce-form-coupon .coupon input { max-width: 300px; padding: 13.5px 20px; margin-right: 20px; } @media (max-width: 575px) { .woocommerce-form-coupon .coupon { display: block; } .woocommerce-form-coupon .coupon input { max-width: 100%; width: 100%; margin-bottom: 15px; } } /* CHECKOUT */ .checkout { padding-top: 100px; padding-bottom: 120px; } .woocommerce-checkout { padding-top: 37px; } .woocommerce-checkout-review-order { padding-top: 50px; } .woocommerce-checkout-review-order-table { width: 100%; font-size: 18px; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 5px 0; } .woocommerce-checkout-review-order-table tr { border-bottom: 1px solid #ebebeb; } .woocommerce-checkout-review-order-table td.product-total { width: 18%; } .woocommerce-checkout-review-order-table .product-name { color: #222; } .woocommerce-checkout-review-order-table thead th { color: #222; font-weight: 400; text-transform: capitalize; } .woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .shipping-subtotal th, .woocommerce-checkout-review-order-table .order-total th { font-weight: 400; } .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount { color: #f1646c; font-weight: 700; } .woocommerce-checkout-payment { margin-top: 43px; background: #f8f8f8; padding: 35px 70px; padding-bottom: 65px; } @media (max-width: 575px) { .woocommerce-checkout-payment { padding-left: 30px; padding-right: 30px; } } .wc_payment_method .form-group--check .au-checkbox { margin-right: 15px; } .wc_payment_method .form-group--check label { font-weight: 600; color: #222222; text-transform: uppercase; } .wc_payment_method .payment_box { padding: 0 30px; } .wc_payment_method .payment_box p { margin: 0; } .payment_method_paypal { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .payment_method_paypal .payment_desc { margin-left: 10px; } .payment_method_paypal .payment_desc a { color: #555; } .payment_method_paypal .payment_desc a:hover { text-decoration: underline; } .place-order { padding-top: 45px; } /* PAGINATION */ .woocommerce-pagination { padding-top: 10px; padding-bottom: 50px; } /* FILTER PRICE */ .filter-price .filter-bar { position: relative; width: 100%; height: 1px; margin-bottom: 20px; margin-top: 35px; } .filter-price .bar-not-fill { position: absolute; top: 50%; left: 0; height: 1px; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #bebebe; } .filter-price .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .filter-price .noUi-origin { position: absolute; height: 0; width: 0; } .filter-price .noUi-connect { position: absolute; top: 0; left: 0; background: transparent; bottom: 0; right: 0; } .filter-price .noUi-handle { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #222; display: block; position: absolute; top: 50%; margin-top: -4px; cursor: pointer; outline: 0; } .filter-price .noUi-handle.noUi-handle-upper { margin-left: -10px; } .filter-price .filter-bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; } .filter-price .filter-range { white-space: nowrap; } .filter-price .filter-link { color: #222; text-transform: uppercase; font-weight: 600; text-align: right; } /* WIDGET */ .widget_popular_products .widget-title { margin-bottom: 25px; } .product_list_widget__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .product_list_widget__item .product-thumbnail { width: 100px; margin-right: 25px; overflow: hidden; } .product_list_widget__item .product-thumbnail > a { display: block; overflow: hidden; } .product_list_widget__item .product-thumbnail img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .product_list_widget__item .product-thumbnail:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .product_list_widget__item .product-title { margin-bottom: -3px; } .product_list_widget__item .product-title a { display: block; color: #333333; text-transform: uppercase; line-height: 1.2; font-size: 13px; } .product_list_widget__item .product-title a:hover { color: #666; } .product_list_widget__item .list-rating { margin-top: -10px; } /* ========================================================================== #ALIGN ========================================================================== */ .float-left { float: left; } .float-right { float: right; } .vertical-align-top { vertical-align: top; } .vertical-align-baseline { vertical-align: baseline; } .vertical-align-bottom { vertical-align: bottom; } .clear { clear: both; } .five-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; transition: width 6s ease-in-out; } /* BACKGROUND */ .bg-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 0; } .bg-overlay--p85 { background: rgba(0, 0, 0, 0.85); } .bg-parallax { background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .bg-pattern-1 { background: url("../images/icon/bg-pattern-02.jpg") center center/cover no-repeat; } .bg-pattern-2 { background: url("../images/icon/bg-pattern-03.jpg") center center/cover no-repeat; } .bg-image-1 { background: url("../images/bg-page-01.jpg") center center/cover no-repeat; } .bg-image-2 { background: url("../images/bg-page-02.jpg") center center/cover no-repeat; } .bg-image-3 { background: url("../images/bg-coming.jpg") center center/cover no-repeat; } .bg-c2 { background: #222222; } .show { display: block; } .hidden { display: none; } /* ========================================================================== #IMAGES ========================================================================== */ .img--rounded { overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .img-client { display: block; text-align: center; margin-bottom: 70px; } .img-client:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /* ========================================================================== #LAYOUT ========================================================================== */ /*Gutter helper class for boostrap*/ /*Gutter = 10px*/ .gutter-sm { margin-left: -5px; margin-right: -5px; } .gutter-sm > * { padding-left: 5px; padding-right: 5px; } /*Gutter = 20px*/ .gutter-md { margin-left: -10px; margin-right: -10px; } .gutter-md > * { padding-left: 10px; padding-right: 10px; } /*Gutter 1px*/ .gutter-line { margin-left: -.5px; margin-right: -.5px; } .gutter-line > * { padding-left: .5px; padding-right: .5px; margin-bottom: 1px; } /*Gutter = 40px*/ .gutter-lg { margin-left: -20px; margin-right: -20px; } .gutter-lg > * { padding-left: 20px; padding-right: 20px; } /*Gutter = 50px*/ .gutter-xl { margin-left: -25px; margin-right: -25px; } .gutter-xl > * { padding-left: 25px; padding-right: 25px; } /*Gutter = 70px*/ .gutter-xxl { margin-left: -35px; margin-right: -35px; } .gutter-xxl > * { padding-left: 35px; padding-right: 35px; } .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* ========================================================================== #OVERRIDE ========================================================================== */ .list-inline-item:not(:last-child) { margin: 0; } button { outline: none; } button:focus { outline: none; } /* ========================================================================== #POSITION ========================================================================== */ .position-static { position: static; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } /* ========================================================================== #SPACING @todo generate more generic classes and sizes ========================================================================== */ /*Padding, margin*/ .p-b-0 { padding-bottom: 0px; } .p-t-0 { padding-top: 0px; } .p-r-0 { padding-right: 0px; } .p-l-0 { padding-left: 0px; } .m-b-0 { margin-bottom: 0px; } .m-t-0 { margin-top: 0px; } .m-r-0 { margin-right: 0px; } .m-l-0 { margin-left: 0px; } .p-b-5 { padding-bottom: 5px; } .p-t-5 { padding-top: 5px; } .p-r-5 { padding-right: 5px; } .p-l-5 { padding-left: 5px; } .m-b-5 { margin-bottom: 5px; } .m-t-5 { margin-top: 5px; } .m-r-5 { margin-right: 5px; } .m-l-5 { margin-left: 5px; } .p-b-10 { padding-bottom: 10px; } .p-t-10 { padding-top: 10px; } .p-r-10 { padding-right: 10px; } .p-l-10 { padding-left: 10px; } .m-b-10 { margin-bottom: 10px; } .m-t-10 { margin-top: 10px; } .m-r-10 { margin-right: 10px; } .m-l-10 { margin-left: 10px; } .p-b-15 { padding-bottom: 15px; } .p-t-15 { padding-top: 15px; } .p-r-15 { padding-right: 15px; } .p-l-15 { padding-left: 15px; } .m-b-15 { margin-bottom: 15px; } .m-t-15 { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-l-15 { margin-left: 15px; } .p-b-20 { padding-bottom: 20px; } .p-t-20 { padding-top: 20px; } .p-r-20 { padding-right: 20px; } .p-l-20 { padding-left: 20px; } .m-b-20 { margin-bottom: 20px; } .m-t-20 { margin-top: 20px; } .m-r-20 { margin-right: 20px; } .m-l-20 { margin-left: 20px; } .p-b-25 { padding-bottom: 25px; } .p-t-25 { padding-top: 25px; } .p-r-25 { padding-right: 25px; } .p-l-25 { padding-left: 25px; } .m-b-25 { margin-bottom: 25px; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-l-25 { margin-left: 25px; } .p-b-30 { padding-bottom: 30px; } .p-t-30 { padding-top: 30px; } .p-r-30 { padding-right: 30px; } .p-l-30 { padding-left: 30px; } .m-b-30 { margin-bottom: 30px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-l-30 { margin-left: 30px; } .p-b-35 { padding-bottom: 35px; } .p-t-35 { padding-top: 35px; } .p-r-35 { padding-right: 35px; } .p-l-35 { padding-left: 35px; } .m-b-35 { margin-bottom: 35px; } .m-t-35 { margin-top: 35px; } .m-r-35 { margin-right: 35px; } .m-l-35 { margin-left: 35px; } .p-b-40 { padding-bottom: 40px; } .p-t-40 { padding-top: 40px; } .p-r-40 { padding-right: 40px; } .p-l-40 { padding-left: 40px; } .m-b-40 { margin-bottom: 40px; } .m-t-40 { margin-top: 40px; } .m-r-40 { margin-right: 40px; } .m-l-40 { margin-left: 40px; } .p-b-45 { padding-bottom: 45px; } .p-t-45 { padding-top: 45px; } .p-r-45 { padding-right: 45px; } .p-l-45 { padding-left: 45px; } .m-b-45 { margin-bottom: 45px; } .m-t-45 { margin-top: 45px; } .m-r-45 { margin-right: 45px; } .m-l-45 { margin-left: 45px; } .p-b-50 { padding-bottom: 50px; } .p-t-50 { padding-top: 50px; } .p-r-50 { padding-right: 50px; } .p-l-50 { padding-left: 50px; } .m-b-50 { margin-bottom: 50px; } .m-t-50 { margin-top: 50px; } .m-r-50 { margin-right: 50px; } .m-l-50 { margin-left: 50px; } .p-b-55 { padding-bottom: 55px; } .p-t-55 { padding-top: 55px; } .p-r-55 { padding-right: 55px; } .p-l-55 { padding-left: 55px; } .m-b-55 { margin-bottom: 55px; } .m-t-55 { margin-top: 55px; } .m-r-55 { margin-right: 55px; } .m-l-55 { margin-left: 55px; } .p-b-60 { padding-bottom: 60px; } .p-t-60 { padding-top: 60px; } .p-r-60 { padding-right: 60px; } .p-l-60 { padding-left: 60px; } .m-b-60 { margin-bottom: 60px; } .m-t-60 { margin-top: 60px; } .m-r-60 { margin-right: 60px; } .m-l-60 { margin-left: 60px; } .p-b-65 { padding-bottom: 65px; } .p-t-65 { padding-top: 65px; } .p-r-65 { padding-right: 65px; } .p-l-65 { padding-left: 65px; } .m-b-65 { margin-bottom: 65px; } .m-t-65 { margin-top: 65px; } .m-r-65 { margin-right: 65px; } .m-l-65 { margin-left: 65px; } .p-b-70 { padding-bottom: 70px; } .p-t-70 { padding-top: 70px; } .p-r-70 { padding-right: 70px; } .p-l-70 { padding-left: 70px; } .m-b-70 { margin-bottom: 70px; } .m-t-70 { margin-top: 70px; } .m-r-70 { margin-right: 70px; } .m-l-70 { margin-left: 70px; } .p-b-75 { padding-bottom: 75px; } .p-t-75 { padding-top: 75px; } .p-r-75 { padding-right: 75px; } .p-l-75 { padding-left: 75px; } .m-b-75 { margin-bottom: 75px; } .m-t-75 { margin-top: 75px; } .m-r-75 { margin-right: 75px; } .m-l-75 { margin-left: 75px; } .p-b-80 { padding-bottom: 80px; } .p-t-80 { padding-top: 80px; } .p-r-80 { padding-right: 80px; } .p-l-80 { padding-left: 80px; } .m-b-80 { margin-bottom: 80px; } .m-t-80 { margin-top: 80px; } .m-r-80 { margin-right: 80px; } .m-l-80 { margin-left: 80px; } .p-b-85 { padding-bottom: 85px; } .p-t-85 { padding-top: 85px; } .p-r-85 { padding-right: 85px; } .p-l-85 { padding-left: 85px; } .m-b-85 { margin-bottom: 85px; } .m-t-85 { margin-top: 85px; } .m-r-85 { margin-right: 85px; } .m-l-85 { margin-left: 85px; } .p-b-90 { padding-bottom: 90px; } .p-t-90 { padding-top: 90px; } .p-r-90 { padding-right: 90px; } .p-l-90 { padding-left: 90px; } .m-b-90 { margin-bottom: 90px; } .m-t-90 { margin-top: 90px; } .m-r-90 { margin-right: 90px; } .m-l-90 { margin-left: 90px; } .p-b-95 { padding-bottom: 95px; } .p-t-95 { padding-top: 95px; } .p-r-95 { padding-right: 95px; } .p-l-95 { padding-left: 95px; } .m-b-95 { margin-bottom: 95px; } .m-t-95 { margin-top: 95px; } .m-r-95 { margin-right: 95px; } .m-l-95 { margin-left: 95px; } .p-b-100 { padding-bottom: 100px; } .p-t-100 { padding-top: 100px; } .p-r-100 { padding-right: 100px; } .p-l-100 { padding-left: 100px; } .m-b-100 { margin-bottom: 100px; } .m-t-100 { margin-top: 100px; } .m-r-100 { margin-right: 100px; } .m-l-100 { margin-left: 100px; } .p-b-105 { padding-bottom: 105px; } .p-t-105 { padding-top: 105px; } .p-r-105 { padding-right: 105px; } .p-l-105 { padding-left: 105px; } .m-b-105 { margin-bottom: 105px; } .m-t-105 { margin-top: 105px; } .m-r-105 { margin-right: 105px; } .m-l-105 { margin-left: 105px; } .p-b-110 { padding-bottom: 110px; } .p-t-110 { padding-top: 110px; } .p-r-110 { padding-right: 110px; } .p-l-110 { padding-left: 110px; } .m-b-110 { margin-bottom: 110px; } .m-t-110 { margin-top: 110px; } .m-r-110 { margin-right: 110px; } .m-l-110 { margin-left: 110px; } .p-b-115 { padding-bottom: 115px; } .p-t-115 { padding-top: 115px; } .p-r-115 { padding-right: 115px; } .p-l-115 { padding-left: 115px; } .m-b-115 { margin-bottom: 115px; } .m-t-115 { margin-top: 115px; } .m-r-115 { margin-right: 115px; } .m-l-115 { margin-left: 115px; } .p-b-120 { padding-bottom: 120px; } .p-t-120 { padding-top: 120px; } .p-r-120 { padding-right: 120px; } .p-l-120 { padding-left: 120px; } .m-b-120 { margin-bottom: 120px; } .m-t-120 { margin-top: 120px; } .m-r-120 { margin-right: 120px; } .m-l-120 { margin-left: 120px; } .p-b-125 { padding-bottom: 125px; } .p-t-125 { padding-top: 125px; } .p-r-125 { padding-right: 125px; } .p-l-125 { padding-left: 125px; } .m-b-125 { margin-bottom: 125px; } .m-t-125 { margin-top: 125px; } .m-r-125 { margin-right: 125px; } .m-l-125 { margin-left: 125px; } .p-b-130 { padding-bottom: 130px; } .p-t-130 { padding-top: 130px; } .p-r-130 { padding-right: 130px; } .p-l-130 { padding-left: 130px; } .m-b-130 { margin-bottom: 130px; } .m-t-130 { margin-top: 130px; } .m-r-130 { margin-right: 130px; } .m-l-130 { margin-left: 130px; } .p-b-135 { padding-bottom: 135px; } .p-t-135 { padding-top: 135px; } .p-r-135 { padding-right: 135px; } .p-l-135 { padding-left: 135px; } .m-b-135 { margin-bottom: 135px; } .m-t-135 { margin-top: 135px; } .m-r-135 { margin-right: 135px; } .m-l-135 { margin-left: 135px; } .p-b-140 { padding-bottom: 140px; } .p-t-140 { padding-top: 140px; } .p-r-140 { padding-right: 140px; } .p-l-140 { padding-left: 140px; } .m-b-140 { margin-bottom: 140px; } .m-t-140 { margin-top: 140px; } .m-r-140 { margin-right: 140px; } .m-l-140 { margin-left: 140px; } .p-b-145 { padding-bottom: 145px; } .p-t-145 { padding-top: 145px; } .p-r-145 { padding-right: 145px; } .p-l-145 { padding-left: 145px; } .m-b-145 { margin-bottom: 145px; } .m-t-145 { margin-top: 145px; } .m-r-145 { margin-right: 145px; } .m-l-145 { margin-left: 145px; } .p-b-150 { padding-bottom: 150px; } .p-t-150 { padding-top: 150px; } .p-r-150 { padding-right: 150px; } .p-l-150 { padding-left: 150px; } .m-b-150 { margin-bottom: 150px; } .m-t-150 { margin-top: 150px; } .m-r-150 { margin-right: 150px; } .m-l-150 { margin-left: 150px; } .p-b-155 { padding-bottom: 155px; } .p-t-155 { padding-top: 155px; } .p-r-155 { padding-right: 155px; } .p-l-155 { padding-left: 155px; } .m-b-155 { margin-bottom: 155px; } .m-t-155 { margin-top: 155px; } .m-r-155 { margin-right: 155px; } .m-l-155 { margin-left: 155px; } .p-b-160 { padding-bottom: 160px; } .p-t-160 { padding-top: 160px; } .p-r-160 { padding-right: 160px; } .p-l-160 { padding-left: 160px; } .m-b-160 { margin-bottom: 160px; } .m-t-160 { margin-top: 160px; } .m-r-160 { margin-right: 160px; } .m-l-160 { margin-left: 160px; } .p-b-165 { padding-bottom: 165px; } .p-t-165 { padding-top: 165px; } .p-r-165 { padding-right: 165px; } .p-l-165 { padding-left: 165px; } .m-b-165 { margin-bottom: 165px; } .m-t-165 { margin-top: 165px; } .m-r-165 { margin-right: 165px; } .m-l-165 { margin-left: 165px; } .p-b-170 { padding-bottom: 170px; } .p-t-170 { padding-top: 170px; } .p-r-170 { padding-right: 170px; } .p-l-170 { padding-left: 170px; } .m-b-170 { margin-bottom: 170px; } .m-t-170 { margin-top: 170px; } .m-r-170 { margin-right: 170px; } .m-l-170 { margin-left: 170px; } .p-b-175 { padding-bottom: 175px; } .p-t-175 { padding-top: 175px; } .p-r-175 { padding-right: 175px; } .p-l-175 { padding-left: 175px; } .m-b-175 { margin-bottom: 175px; } .m-t-175 { margin-top: 175px; } .m-r-175 { margin-right: 175px; } .m-l-175 { margin-left: 175px; } .p-b-180 { padding-bottom: 180px; } .p-t-180 { padding-top: 180px; } .p-r-180 { padding-right: 180px; } .p-l-180 { padding-left: 180px; } .m-b-180 { margin-bottom: 180px; } .m-t-180 { margin-top: 180px; } .m-r-180 { margin-right: 180px; } .m-l-180 { margin-left: 180px; } .p-b-185 { padding-bottom: 185px; } .p-t-185 { padding-top: 185px; } .p-r-185 { padding-right: 185px; } .p-l-185 { padding-left: 185px; } .m-b-185 { margin-bottom: 185px; } .m-t-185 { margin-top: 185px; } .m-r-185 { margin-right: 185px; } .m-l-185 { margin-left: 185px; } .p-b-190 { padding-bottom: 190px; } .p-t-190 { padding-top: 190px; } .p-r-190 { padding-right: 190px; } .p-l-190 { padding-left: 190px; } .m-b-190 { margin-bottom: 190px; } .m-t-190 { margin-top: 190px; } .m-r-190 { margin-right: 190px; } .m-l-190 { margin-left: 190px; } .p-b-195 { padding-bottom: 195px; } .p-t-195 { padding-top: 195px; } .p-r-195 { padding-right: 195px; } .p-l-195 { padding-left: 195px; } .m-b-195 { margin-bottom: 195px; } .m-t-195 { margin-top: 195px; } .m-r-195 { margin-right: 195px; } .m-l-195 { margin-left: 195px; } .p-b-200 { padding-bottom: 200px; } .p-t-200 { padding-top: 200px; } .p-r-200 { padding-right: 200px; } .p-l-200 { padding-left: 200px; } .m-b-200 { margin-bottom: 200px; } .m-t-200 { margin-top: 200px; } .m-r-200 { margin-right: 200px; } .m-l-200 { margin-left: 200px; } .p-b-205 { padding-bottom: 205px; } .p-t-205 { padding-top: 205px; } .p-r-205 { padding-right: 205px; } .p-l-205 { padding-left: 205px; } .m-b-205 { margin-bottom: 205px; } .m-t-205 { margin-top: 205px; } .m-r-205 { margin-right: 205px; } .m-l-205 { margin-left: 205px; } .p-b-210 { padding-bottom: 210px; } .p-t-210 { padding-top: 210px; } .p-r-210 { padding-right: 210px; } .p-l-210 { padding-left: 210px; } .m-b-210 { margin-bottom: 210px; } .m-t-210 { margin-top: 210px; } .m-r-210 { margin-right: 210px; } .m-l-210 { margin-left: 210px; } .p-b-215 { padding-bottom: 215px; } .p-t-215 { padding-top: 215px; } .p-r-215 { padding-right: 215px; } .p-l-215 { padding-left: 215px; } .m-b-215 { margin-bottom: 215px; } .m-t-215 { margin-top: 215px; } .m-r-215 { margin-right: 215px; } .m-l-215 { margin-left: 215px; } .p-b-220 { padding-bottom: 220px; } .p-t-220 { padding-top: 220px; } .p-r-220 { padding-right: 220px; } .p-l-220 { padding-left: 220px; } .m-b-220 { margin-bottom: 220px; } .m-t-220 { margin-top: 220px; } .m-r-220 { margin-right: 220px; } .m-l-220 { margin-left: 220px; } .p-b-225 { padding-bottom: 225px; } .p-t-225 { padding-top: 225px; } .p-r-225 { padding-right: 225px; } .p-l-225 { padding-left: 225px; } .m-b-225 { margin-bottom: 225px; } .m-t-225 { margin-top: 225px; } .m-r-225 { margin-right: 225px; } .m-l-225 { margin-left: 225px; } .p-b-230 { padding-bottom: 230px; } .p-t-230 { padding-top: 230px; } .p-r-230 { padding-right: 230px; } .p-l-230 { padding-left: 230px; } .m-b-230 { margin-bottom: 230px; } .m-t-230 { margin-top: 230px; } .m-r-230 { margin-right: 230px; } .m-l-230 { margin-left: 230px; } .p-b-235 { padding-bottom: 235px; } .p-t-235 { padding-top: 235px; } .p-r-235 { padding-right: 235px; } .p-l-235 { padding-left: 235px; } .m-b-235 { margin-bottom: 235px; } .m-t-235 { margin-top: 235px; } .m-r-235 { margin-right: 235px; } .m-l-235 { margin-left: 235px; } .p-b-240 { padding-bottom: 240px; } .p-t-240 { padding-top: 240px; } .p-r-240 { padding-right: 240px; } .p-l-240 { padding-left: 240px; } .m-b-240 { margin-bottom: 240px; } .m-t-240 { margin-top: 240px; } .m-r-240 { margin-right: 240px; } .m-l-240 { margin-left: 240px; } .p-b-245 { padding-bottom: 245px; } .p-t-245 { padding-top: 245px; } .p-r-245 { padding-right: 245px; } .p-l-245 { padding-left: 245px; } .m-b-245 { margin-bottom: 245px; } .m-t-245 { margin-top: 245px; } .m-r-245 { margin-right: 245px; } .m-l-245 { margin-left: 245px; } .p-b-250 { padding-bottom: 250px; } .p-t-250 { padding-top: 250px; } .p-r-250 { padding-right: 250px; } .p-l-250 { padding-left: 250px; } .m-b-250 { margin-bottom: 250px; } .m-t-250 { margin-top: 250px; } .m-r-250 { margin-right: 250px; } .m-l-250 { margin-left: 250px; } .p-b-255 { padding-bottom: 255px; } .p-t-255 { padding-top: 255px; } .p-r-255 { padding-right: 255px; } .p-l-255 { padding-left: 255px; } .m-b-255 { margin-bottom: 255px; } .m-t-255 { margin-top: 255px; } .m-r-255 { margin-right: 255px; } .m-l-255 { margin-left: 255px; } .p-b-260 { padding-bottom: 260px; } .p-t-260 { padding-top: 260px; } .p-r-260 { padding-right: 260px; } .p-l-260 { padding-left: 260px; } .m-b-260 { margin-bottom: 260px; } .m-t-260 { margin-top: 260px; } .m-r-260 { margin-right: 260px; } .m-l-260 { margin-left: 260px; } .p-b-265 { padding-bottom: 265px; } .p-t-265 { padding-top: 265px; } .p-r-265 { padding-right: 265px; } .p-l-265 { padding-left: 265px; } .m-b-265 { margin-bottom: 265px; } .m-t-265 { margin-top: 265px; } .m-r-265 { margin-right: 265px; } .m-l-265 { margin-left: 265px; } .p-b-270 { padding-bottom: 270px; } .p-t-270 { padding-top: 270px; } .p-r-270 { padding-right: 270px; } .p-l-270 { padding-left: 270px; } .m-b-270 { margin-bottom: 270px; } .m-t-270 { margin-top: 270px; } .m-r-270 { margin-right: 270px; } .m-l-270 { margin-left: 270px; } .p-b-275 { padding-bottom: 275px; } .p-t-275 { padding-top: 275px; } .p-r-275 { padding-right: 275px; } .p-l-275 { padding-left: 275px; } .m-b-275 { margin-bottom: 275px; } .m-t-275 { margin-top: 275px; } .m-r-275 { margin-right: 275px; } .m-l-275 { margin-left: 275px; } .p-b-280 { padding-bottom: 280px; } .p-t-280 { padding-top: 280px; } .p-r-280 { padding-right: 280px; } .p-l-280 { padding-left: 280px; } .m-b-280 { margin-bottom: 280px; } .m-t-280 { margin-top: 280px; } .m-r-280 { margin-right: 280px; } .m-l-280 { margin-left: 280px; } .p-b-285 { padding-bottom: 285px; } .p-t-285 { padding-top: 285px; } .p-r-285 { padding-right: 285px; } .p-l-285 { padding-left: 285px; } .m-b-285 { margin-bottom: 285px; } .m-t-285 { margin-top: 285px; } .m-r-285 { margin-right: 285px; } .m-l-285 { margin-left: 285px; } .p-b-290 { padding-bottom: 290px; } .p-t-290 { padding-top: 290px; } .p-r-290 { padding-right: 290px; } .p-l-290 { padding-left: 290px; } .m-b-290 { margin-bottom: 290px; } .m-t-290 { margin-top: 290px; } .m-r-290 { margin-right: 290px; } .m-l-290 { margin-left: 290px; } .p-b-295 { padding-bottom: 295px; } .p-t-295 { padding-top: 295px; } .p-r-295 { padding-right: 295px; } .p-l-295 { padding-left: 295px; } .m-b-295 { margin-bottom: 295px; } .m-t-295 { margin-top: 295px; } .m-r-295 { margin-right: 295px; } .m-l-295 { margin-left: 295px; } .p-b-300 { padding-bottom: 300px; } .p-t-300 { padding-top: 300px; } .p-r-300 { padding-right: 300px; } .p-l-300 { padding-left: 300px; } .m-b-300 { margin-bottom: 300px; } .m-t-300 { margin-top: 300px; } .m-r-300 { margin-right: 300px; } .m-l-300 { margin-left: 300px; } @media (max-width: 1199px) { .p-lg-b-0 { padding-bottom: 0px; } .p-lg-t-0 { padding-top: 0px; } .p-lg-r-0 { padding-right: 0px; } .p-lg-l-0 { padding-left: 0px; } .m-lg-b-0 { margin-bottom: 0px; } .m-lg-t-0 { margin-top: 0px; } .m-lg-r-0 { margin-right: 0px; } .m-lg-l-0 { margin-left: 0px; } } @media (max-width: 1199px) { .p-lg-b-5 { padding-bottom: 5px; } .p-lg-t-5 { padding-top: 5px; } .p-lg-r-5 { padding-right: 5px; } .p-lg-l-5 { padding-left: 5px; } .m-lg-b-5 { margin-bottom: 5px; } .m-lg-t-5 { margin-top: 5px; } .m-lg-r-5 { margin-right: 5px; } .m-lg-l-5 { margin-left: 5px; } } @media (max-width: 1199px) { .p-lg-b-10 { padding-bottom: 10px; } .p-lg-t-10 { padding-top: 10px; } .p-lg-r-10 { padding-right: 10px; } .p-lg-l-10 { padding-left: 10px; } .m-lg-b-10 { margin-bottom: 10px; } .m-lg-t-10 { margin-top: 10px; } .m-lg-r-10 { margin-right: 10px; } .m-lg-l-10 { margin-left: 10px; } } @media (max-width: 1199px) { .p-lg-b-15 { padding-bottom: 15px; } .p-lg-t-15 { padding-top: 15px; } .p-lg-r-15 { padding-right: 15px; } .p-lg-l-15 { padding-left: 15px; } .m-lg-b-15 { margin-bottom: 15px; } .m-lg-t-15 { margin-top: 15px; } .m-lg-r-15 { margin-right: 15px; } .m-lg-l-15 { margin-left: 15px; } } @media (max-width: 1199px) { .p-lg-b-20 { padding-bottom: 20px; } .p-lg-t-20 { padding-top: 20px; } .p-lg-r-20 { padding-right: 20px; } .p-lg-l-20 { padding-left: 20px; } .m-lg-b-20 { margin-bottom: 20px; } .m-lg-t-20 { margin-top: 20px; } .m-lg-r-20 { margin-right: 20px; } .m-lg-l-20 { margin-left: 20px; } } @media (max-width: 1199px) { .p-lg-b-25 { padding-bottom: 25px; } .p-lg-t-25 { padding-top: 25px; } .p-lg-r-25 { padding-right: 25px; } .p-lg-l-25 { padding-left: 25px; } .m-lg-b-25 { margin-bottom: 25px; } .m-lg-t-25 { margin-top: 25px; } .m-lg-r-25 { margin-right: 25px; } .m-lg-l-25 { margin-left: 25px; } } @media (max-width: 1199px) { .p-lg-b-30 { padding-bottom: 30px; } .p-lg-t-30 { padding-top: 30px; } .p-lg-r-30 { padding-right: 30px; } .p-lg-l-30 { padding-left: 30px; } .m-lg-b-30 { margin-bottom: 30px; } .m-lg-t-30 { margin-top: 30px; } .m-lg-r-30 { margin-right: 30px; } .m-lg-l-30 { margin-left: 30px; } } @media (max-width: 1199px) { .p-lg-b-35 { padding-bottom: 35px; } .p-lg-t-35 { padding-top: 35px; } .p-lg-r-35 { padding-right: 35px; } .p-lg-l-35 { padding-left: 35px; } .m-lg-b-35 { margin-bottom: 35px; } .m-lg-t-35 { margin-top: 35px; } .m-lg-r-35 { margin-right: 35px; } .m-lg-l-35 { margin-left: 35px; } } @media (max-width: 1199px) { .p-lg-b-40 { padding-bottom: 40px; } .p-lg-t-40 { padding-top: 40px; } .p-lg-r-40 { padding-right: 40px; } .p-lg-l-40 { padding-left: 40px; } .m-lg-b-40 { margin-bottom: 40px; } .m-lg-t-40 { margin-top: 40px; } .m-lg-r-40 { margin-right: 40px; } .m-lg-l-40 { margin-left: 40px; } } @media (max-width: 1199px) { .p-lg-b-45 { padding-bottom: 45px; } .p-lg-t-45 { padding-top: 45px; } .p-lg-r-45 { padding-right: 45px; } .p-lg-l-45 { padding-left: 45px; } .m-lg-b-45 { margin-bottom: 45px; } .m-lg-t-45 { margin-top: 45px; } .m-lg-r-45 { margin-right: 45px; } .m-lg-l-45 { margin-left: 45px; } } @media (max-width: 1199px) { .p-lg-b-50 { padding-bottom: 50px; } .p-lg-t-50 { padding-top: 50px; } .p-lg-r-50 { padding-right: 50px; } .p-lg-l-50 { padding-left: 50px; } .m-lg-b-50 { margin-bottom: 50px; } .m-lg-t-50 { margin-top: 50px; } .m-lg-r-50 { margin-right: 50px; } .m-lg-l-50 { margin-left: 50px; } } @media (max-width: 1199px) { .p-lg-b-55 { padding-bottom: 55px; } .p-lg-t-55 { padding-top: 55px; } .p-lg-r-55 { padding-right: 55px; } .p-lg-l-55 { padding-left: 55px; } .m-lg-b-55 { margin-bottom: 55px; } .m-lg-t-55 { margin-top: 55px; } .m-lg-r-55 { margin-right: 55px; } .m-lg-l-55 { margin-left: 55px; } } @media (max-width: 1199px) { .p-lg-b-60 { padding-bottom: 60px; } .p-lg-t-60 { padding-top: 60px; } .p-lg-r-60 { padding-right: 60px; } .p-lg-l-60 { padding-left: 60px; } .m-lg-b-60 { margin-bottom: 60px; } .m-lg-t-60 { margin-top: 60px; } .m-lg-r-60 { margin-right: 60px; } .m-lg-l-60 { margin-left: 60px; } } @media (max-width: 1199px) { .p-lg-b-65 { padding-bottom: 65px; } .p-lg-t-65 { padding-top: 65px; } .p-lg-r-65 { padding-right: 65px; } .p-lg-l-65 { padding-left: 65px; } .m-lg-b-65 { margin-bottom: 65px; } .m-lg-t-65 { margin-top: 65px; } .m-lg-r-65 { margin-right: 65px; } .m-lg-l-65 { margin-left: 65px; } } @media (max-width: 1199px) { .p-lg-b-70 { padding-bottom: 70px; } .p-lg-t-70 { padding-top: 70px; } .p-lg-r-70 { padding-right: 70px; } .p-lg-l-70 { padding-left: 70px; } .m-lg-b-70 { margin-bottom: 70px; } .m-lg-t-70 { margin-top: 70px; } .m-lg-r-70 { margin-right: 70px; } .m-lg-l-70 { margin-left: 70px; } } @media (max-width: 1199px) { .p-lg-b-75 { padding-bottom: 75px; } .p-lg-t-75 { padding-top: 75px; } .p-lg-r-75 { padding-right: 75px; } .p-lg-l-75 { padding-left: 75px; } .m-lg-b-75 { margin-bottom: 75px; } .m-lg-t-75 { margin-top: 75px; } .m-lg-r-75 { margin-right: 75px; } .m-lg-l-75 { margin-left: 75px; } } @media (max-width: 1199px) { .p-lg-b-80 { padding-bottom: 80px; } .p-lg-t-80 { padding-top: 80px; } .p-lg-r-80 { padding-right: 80px; } .p-lg-l-80 { padding-left: 80px; } .m-lg-b-80 { margin-bottom: 80px; } .m-lg-t-80 { margin-top: 80px; } .m-lg-r-80 { margin-right: 80px; } .m-lg-l-80 { margin-left: 80px; } } @media (max-width: 1199px) { .p-lg-b-85 { padding-bottom: 85px; } .p-lg-t-85 { padding-top: 85px; } .p-lg-r-85 { padding-right: 85px; } .p-lg-l-85 { padding-left: 85px; } .m-lg-b-85 { margin-bottom: 85px; } .m-lg-t-85 { margin-top: 85px; } .m-lg-r-85 { margin-right: 85px; } .m-lg-l-85 { margin-left: 85px; } } @media (max-width: 1199px) { .p-lg-b-90 { padding-bottom: 90px; } .p-lg-t-90 { padding-top: 90px; } .p-lg-r-90 { padding-right: 90px; } .p-lg-l-90 { padding-left: 90px; } .m-lg-b-90 { margin-bottom: 90px; } .m-lg-t-90 { margin-top: 90px; } .m-lg-r-90 { margin-right: 90px; } .m-lg-l-90 { margin-left: 90px; } } @media (max-width: 1199px) { .p-lg-b-95 { padding-bottom: 95px; } .p-lg-t-95 { padding-top: 95px; } .p-lg-r-95 { padding-right: 95px; } .p-lg-l-95 { padding-left: 95px; } .m-lg-b-95 { margin-bottom: 95px; } .m-lg-t-95 { margin-top: 95px; } .m-lg-r-95 { margin-right: 95px; } .m-lg-l-95 { margin-left: 95px; } } @media (max-width: 1199px) { .p-lg-b-100 { padding-bottom: 100px; } .p-lg-t-100 { padding-top: 100px; } .p-lg-r-100 { padding-right: 100px; } .p-lg-l-100 { padding-left: 100px; } .m-lg-b-100 { margin-bottom: 100px; } .m-lg-t-100 { margin-top: 100px; } .m-lg-r-100 { margin-right: 100px; } .m-lg-l-100 { margin-left: 100px; } } @media (max-width: 1199px) { .p-lg-b-105 { padding-bottom: 105px; } .p-lg-t-105 { padding-top: 105px; } .p-lg-r-105 { padding-right: 105px; } .p-lg-l-105 { padding-left: 105px; } .m-lg-b-105 { margin-bottom: 105px; } .m-lg-t-105 { margin-top: 105px; } .m-lg-r-105 { margin-right: 105px; } .m-lg-l-105 { margin-left: 105px; } } @media (max-width: 1199px) { .p-lg-b-110 { padding-bottom: 110px; } .p-lg-t-110 { padding-top: 110px; } .p-lg-r-110 { padding-right: 110px; } .p-lg-l-110 { padding-left: 110px; } .m-lg-b-110 { margin-bottom: 110px; } .m-lg-t-110 { margin-top: 110px; } .m-lg-r-110 { margin-right: 110px; } .m-lg-l-110 { margin-left: 110px; } } @media (max-width: 1199px) { .p-lg-b-115 { padding-bottom: 115px; } .p-lg-t-115 { padding-top: 115px; } .p-lg-r-115 { padding-right: 115px; } .p-lg-l-115 { padding-left: 115px; } .m-lg-b-115 { margin-bottom: 115px; } .m-lg-t-115 { margin-top: 115px; } .m-lg-r-115 { margin-right: 115px; } .m-lg-l-115 { margin-left: 115px; } } @media (max-width: 1199px) { .p-lg-b-120 { padding-bottom: 120px; } .p-lg-t-120 { padding-top: 120px; } .p-lg-r-120 { padding-right: 120px; } .p-lg-l-120 { padding-left: 120px; } .m-lg-b-120 { margin-bottom: 120px; } .m-lg-t-120 { margin-top: 120px; } .m-lg-r-120 { margin-right: 120px; } .m-lg-l-120 { margin-left: 120px; } } @media (max-width: 1199px) { .p-lg-b-125 { padding-bottom: 125px; } .p-lg-t-125 { padding-top: 125px; } .p-lg-r-125 { padding-right: 125px; } .p-lg-l-125 { padding-left: 125px; } .m-lg-b-125 { margin-bottom: 125px; } .m-lg-t-125 { margin-top: 125px; } .m-lg-r-125 { margin-right: 125px; } .m-lg-l-125 { margin-left: 125px; } } @media (max-width: 1199px) { .p-lg-b-130 { padding-bottom: 130px; } .p-lg-t-130 { padding-top: 130px; } .p-lg-r-130 { padding-right: 130px; } .p-lg-l-130 { padding-left: 130px; } .m-lg-b-130 { margin-bottom: 130px; } .m-lg-t-130 { margin-top: 130px; } .m-lg-r-130 { margin-right: 130px; } .m-lg-l-130 { margin-left: 130px; } } @media (max-width: 1199px) { .p-lg-b-135 { padding-bottom: 135px; } .p-lg-t-135 { padding-top: 135px; } .p-lg-r-135 { padding-right: 135px; } .p-lg-l-135 { padding-left: 135px; } .m-lg-b-135 { margin-bottom: 135px; } .m-lg-t-135 { margin-top: 135px; } .m-lg-r-135 { margin-right: 135px; } .m-lg-l-135 { margin-left: 135px; } } @media (max-width: 1199px) { .p-lg-b-140 { padding-bottom: 140px; } .p-lg-t-140 { padding-top: 140px; } .p-lg-r-140 { padding-right: 140px; } .p-lg-l-140 { padding-left: 140px; } .m-lg-b-140 { margin-bottom: 140px; } .m-lg-t-140 { margin-top: 140px; } .m-lg-r-140 { margin-right: 140px; } .m-lg-l-140 { margin-left: 140px; } } @media (max-width: 1199px) { .p-lg-b-145 { padding-bottom: 145px; } .p-lg-t-145 { padding-top: 145px; } .p-lg-r-145 { padding-right: 145px; } .p-lg-l-145 { padding-left: 145px; } .m-lg-b-145 { margin-bottom: 145px; } .m-lg-t-145 { margin-top: 145px; } .m-lg-r-145 { margin-right: 145px; } .m-lg-l-145 { margin-left: 145px; } } @media (max-width: 1199px) { .p-lg-b-150 { padding-bottom: 150px; } .p-lg-t-150 { padding-top: 150px; } .p-lg-r-150 { padding-right: 150px; } .p-lg-l-150 { padding-left: 150px; } .m-lg-b-150 { margin-bottom: 150px; } .m-lg-t-150 { margin-top: 150px; } .m-lg-r-150 { margin-right: 150px; } .m-lg-l-150 { margin-left: 150px; } } @media (max-width: 1199px) { .p-lg-b-155 { padding-bottom: 155px; } .p-lg-t-155 { padding-top: 155px; } .p-lg-r-155 { padding-right: 155px; } .p-lg-l-155 { padding-left: 155px; } .m-lg-b-155 { margin-bottom: 155px; } .m-lg-t-155 { margin-top: 155px; } .m-lg-r-155 { margin-right: 155px; } .m-lg-l-155 { margin-left: 155px; } } @media (max-width: 1199px) { .p-lg-b-160 { padding-bottom: 160px; } .p-lg-t-160 { padding-top: 160px; } .p-lg-r-160 { padding-right: 160px; } .p-lg-l-160 { padding-left: 160px; } .m-lg-b-160 { margin-bottom: 160px; } .m-lg-t-160 { margin-top: 160px; } .m-lg-r-160 { margin-right: 160px; } .m-lg-l-160 { margin-left: 160px; } } @media (max-width: 1199px) { .p-lg-b-165 { padding-bottom: 165px; } .p-lg-t-165 { padding-top: 165px; } .p-lg-r-165 { padding-right: 165px; } .p-lg-l-165 { padding-left: 165px; } .m-lg-b-165 { margin-bottom: 165px; } .m-lg-t-165 { margin-top: 165px; } .m-lg-r-165 { margin-right: 165px; } .m-lg-l-165 { margin-left: 165px; } } @media (max-width: 1199px) { .p-lg-b-170 { padding-bottom: 170px; } .p-lg-t-170 { padding-top: 170px; } .p-lg-r-170 { padding-right: 170px; } .p-lg-l-170 { padding-left: 170px; } .m-lg-b-170 { margin-bottom: 170px; } .m-lg-t-170 { margin-top: 170px; } .m-lg-r-170 { margin-right: 170px; } .m-lg-l-170 { margin-left: 170px; } } @media (max-width: 1199px) { .p-lg-b-175 { padding-bottom: 175px; } .p-lg-t-175 { padding-top: 175px; } .p-lg-r-175 { padding-right: 175px; } .p-lg-l-175 { padding-left: 175px; } .m-lg-b-175 { margin-bottom: 175px; } .m-lg-t-175 { margin-top: 175px; } .m-lg-r-175 { margin-right: 175px; } .m-lg-l-175 { margin-left: 175px; } } @media (max-width: 1199px) { .p-lg-b-180 { padding-bottom: 180px; } .p-lg-t-180 { padding-top: 180px; } .p-lg-r-180 { padding-right: 180px; } .p-lg-l-180 { padding-left: 180px; } .m-lg-b-180 { margin-bottom: 180px; } .m-lg-t-180 { margin-top: 180px; } .m-lg-r-180 { margin-right: 180px; } .m-lg-l-180 { margin-left: 180px; } } @media (max-width: 1199px) { .p-lg-b-185 { padding-bottom: 185px; } .p-lg-t-185 { padding-top: 185px; } .p-lg-r-185 { padding-right: 185px; } .p-lg-l-185 { padding-left: 185px; } .m-lg-b-185 { margin-bottom: 185px; } .m-lg-t-185 { margin-top: 185px; } .m-lg-r-185 { margin-right: 185px; } .m-lg-l-185 { margin-left: 185px; } } @media (max-width: 1199px) { .p-lg-b-190 { padding-bottom: 190px; } .p-lg-t-190 { padding-top: 190px; } .p-lg-r-190 { padding-right: 190px; } .p-lg-l-190 { padding-left: 190px; } .m-lg-b-190 { margin-bottom: 190px; } .m-lg-t-190 { margin-top: 190px; } .m-lg-r-190 { margin-right: 190px; } .m-lg-l-190 { margin-left: 190px; } } @media (max-width: 1199px) { .p-lg-b-195 { padding-bottom: 195px; } .p-lg-t-195 { padding-top: 195px; } .p-lg-r-195 { padding-right: 195px; } .p-lg-l-195 { padding-left: 195px; } .m-lg-b-195 { margin-bottom: 195px; } .m-lg-t-195 { margin-top: 195px; } .m-lg-r-195 { margin-right: 195px; } .m-lg-l-195 { margin-left: 195px; } } @media (max-width: 1199px) { .p-lg-b-200 { padding-bottom: 200px; } .p-lg-t-200 { padding-top: 200px; } .p-lg-r-200 { padding-right: 200px; } .p-lg-l-200 { padding-left: 200px; } .m-lg-b-200 { margin-bottom: 200px; } .m-lg-t-200 { margin-top: 200px; } .m-lg-r-200 { margin-right: 200px; } .m-lg-l-200 { margin-left: 200px; } } @media (max-width: 1199px) { .p-lg-b-205 { padding-bottom: 205px; } .p-lg-t-205 { padding-top: 205px; } .p-lg-r-205 { padding-right: 205px; } .p-lg-l-205 { padding-left: 205px; } .m-lg-b-205 { margin-bottom: 205px; } .m-lg-t-205 { margin-top: 205px; } .m-lg-r-205 { margin-right: 205px; } .m-lg-l-205 { margin-left: 205px; } } @media (max-width: 1199px) { .p-lg-b-210 { padding-bottom: 210px; } .p-lg-t-210 { padding-top: 210px; } .p-lg-r-210 { padding-right: 210px; } .p-lg-l-210 { padding-left: 210px; } .m-lg-b-210 { margin-bottom: 210px; } .m-lg-t-210 { margin-top: 210px; } .m-lg-r-210 { margin-right: 210px; } .m-lg-l-210 { margin-left: 210px; } } @media (max-width: 1199px) { .p-lg-b-215 { padding-bottom: 215px; } .p-lg-t-215 { padding-top: 215px; } .p-lg-r-215 { padding-right: 215px; } .p-lg-l-215 { padding-left: 215px; } .m-lg-b-215 { margin-bottom: 215px; } .m-lg-t-215 { margin-top: 215px; } .m-lg-r-215 { margin-right: 215px; } .m-lg-l-215 { margin-left: 215px; } } @media (max-width: 1199px) { .p-lg-b-220 { padding-bottom: 220px; } .p-lg-t-220 { padding-top: 220px; } .p-lg-r-220 { padding-right: 220px; } .p-lg-l-220 { padding-left: 220px; } .m-lg-b-220 { margin-bottom: 220px; } .m-lg-t-220 { margin-top: 220px; } .m-lg-r-220 { margin-right: 220px; } .m-lg-l-220 { margin-left: 220px; } } @media (max-width: 1199px) { .p-lg-b-225 { padding-bottom: 225px; } .p-lg-t-225 { padding-top: 225px; } .p-lg-r-225 { padding-right: 225px; } .p-lg-l-225 { padding-left: 225px; } .m-lg-b-225 { margin-bottom: 225px; } .m-lg-t-225 { margin-top: 225px; } .m-lg-r-225 { margin-right: 225px; } .m-lg-l-225 { margin-left: 225px; } } @media (max-width: 1199px) { .p-lg-b-230 { padding-bottom: 230px; } .p-lg-t-230 { padding-top: 230px; } .p-lg-r-230 { padding-right: 230px; } .p-lg-l-230 { padding-left: 230px; } .m-lg-b-230 { margin-bottom: 230px; } .m-lg-t-230 { margin-top: 230px; } .m-lg-r-230 { margin-right: 230px; } .m-lg-l-230 { margin-left: 230px; } } @media (max-width: 1199px) { .p-lg-b-235 { padding-bottom: 235px; } .p-lg-t-235 { padding-top: 235px; } .p-lg-r-235 { padding-right: 235px; } .p-lg-l-235 { padding-left: 235px; } .m-lg-b-235 { margin-bottom: 235px; } .m-lg-t-235 { margin-top: 235px; } .m-lg-r-235 { margin-right: 235px; } .m-lg-l-235 { margin-left: 235px; } } @media (max-width: 1199px) { .p-lg-b-240 { padding-bottom: 240px; } .p-lg-t-240 { padding-top: 240px; } .p-lg-r-240 { padding-right: 240px; } .p-lg-l-240 { padding-left: 240px; } .m-lg-b-240 { margin-bottom: 240px; } .m-lg-t-240 { margin-top: 240px; } .m-lg-r-240 { margin-right: 240px; } .m-lg-l-240 { margin-left: 240px; } } @media (max-width: 1199px) { .p-lg-b-245 { padding-bottom: 245px; } .p-lg-t-245 { padding-top: 245px; } .p-lg-r-245 { padding-right: 245px; } .p-lg-l-245 { padding-left: 245px; } .m-lg-b-245 { margin-bottom: 245px; } .m-lg-t-245 { margin-top: 245px; } .m-lg-r-245 { margin-right: 245px; } .m-lg-l-245 { margin-left: 245px; } } @media (max-width: 1199px) { .p-lg-b-250 { padding-bottom: 250px; } .p-lg-t-250 { padding-top: 250px; } .p-lg-r-250 { padding-right: 250px; } .p-lg-l-250 { padding-left: 250px; } .m-lg-b-250 { margin-bottom: 250px; } .m-lg-t-250 { margin-top: 250px; } .m-lg-r-250 { margin-right: 250px; } .m-lg-l-250 { margin-left: 250px; } } @media (max-width: 1199px) { .p-lg-b-255 { padding-bottom: 255px; } .p-lg-t-255 { padding-top: 255px; } .p-lg-r-255 { padding-right: 255px; } .p-lg-l-255 { padding-left: 255px; } .m-lg-b-255 { margin-bottom: 255px; } .m-lg-t-255 { margin-top: 255px; } .m-lg-r-255 { margin-right: 255px; } .m-lg-l-255 { margin-left: 255px; } } @media (max-width: 1199px) { .p-lg-b-260 { padding-bottom: 260px; } .p-lg-t-260 { padding-top: 260px; } .p-lg-r-260 { padding-right: 260px; } .p-lg-l-260 { padding-left: 260px; } .m-lg-b-260 { margin-bottom: 260px; } .m-lg-t-260 { margin-top: 260px; } .m-lg-r-260 { margin-right: 260px; } .m-lg-l-260 { margin-left: 260px; } } @media (max-width: 1199px) { .p-lg-b-265 { padding-bottom: 265px; } .p-lg-t-265 { padding-top: 265px; } .p-lg-r-265 { padding-right: 265px; } .p-lg-l-265 { padding-left: 265px; } .m-lg-b-265 { margin-bottom: 265px; } .m-lg-t-265 { margin-top: 265px; } .m-lg-r-265 { margin-right: 265px; } .m-lg-l-265 { margin-left: 265px; } } @media (max-width: 1199px) { .p-lg-b-270 { padding-bottom: 270px; } .p-lg-t-270 { padding-top: 270px; } .p-lg-r-270 { padding-right: 270px; } .p-lg-l-270 { padding-left: 270px; } .m-lg-b-270 { margin-bottom: 270px; } .m-lg-t-270 { margin-top: 270px; } .m-lg-r-270 { margin-right: 270px; } .m-lg-l-270 { margin-left: 270px; } } @media (max-width: 1199px) { .p-lg-b-275 { padding-bottom: 275px; } .p-lg-t-275 { padding-top: 275px; } .p-lg-r-275 { padding-right: 275px; } .p-lg-l-275 { padding-left: 275px; } .m-lg-b-275 { margin-bottom: 275px; } .m-lg-t-275 { margin-top: 275px; } .m-lg-r-275 { margin-right: 275px; } .m-lg-l-275 { margin-left: 275px; } } @media (max-width: 1199px) { .p-lg-b-280 { padding-bottom: 280px; } .p-lg-t-280 { padding-top: 280px; } .p-lg-r-280 { padding-right: 280px; } .p-lg-l-280 { padding-left: 280px; } .m-lg-b-280 { margin-bottom: 280px; } .m-lg-t-280 { margin-top: 280px; } .m-lg-r-280 { margin-right: 280px; } .m-lg-l-280 { margin-left: 280px; } } @media (max-width: 1199px) { .p-lg-b-285 { padding-bottom: 285px; } .p-lg-t-285 { padding-top: 285px; } .p-lg-r-285 { padding-right: 285px; } .p-lg-l-285 { padding-left: 285px; } .m-lg-b-285 { margin-bottom: 285px; } .m-lg-t-285 { margin-top: 285px; } .m-lg-r-285 { margin-right: 285px; } .m-lg-l-285 { margin-left: 285px; } } @media (max-width: 1199px) { .p-lg-b-290 { padding-bottom: 290px; } .p-lg-t-290 { padding-top: 290px; } .p-lg-r-290 { padding-right: 290px; } .p-lg-l-290 { padding-left: 290px; } .m-lg-b-290 { margin-bottom: 290px; } .m-lg-t-290 { margin-top: 290px; } .m-lg-r-290 { margin-right: 290px; } .m-lg-l-290 { margin-left: 290px; } } @media (max-width: 1199px) { .p-lg-b-295 { padding-bottom: 295px; } .p-lg-t-295 { padding-top: 295px; } .p-lg-r-295 { padding-right: 295px; } .p-lg-l-295 { padding-left: 295px; } .m-lg-b-295 { margin-bottom: 295px; } .m-lg-t-295 { margin-top: 295px; } .m-lg-r-295 { margin-right: 295px; } .m-lg-l-295 { margin-left: 295px; } } @media (max-width: 1199px) { .p-lg-b-300 { padding-bottom: 300px; } .p-lg-t-300 { padding-top: 300px; } .p-lg-r-300 { padding-right: 300px; } .p-lg-l-300 { padding-left: 300px; } .m-lg-b-300 { margin-bottom: 300px; } .m-lg-t-300 { margin-top: 300px; } .m-lg-r-300 { margin-right: 300px; } .m-lg-l-300 { margin-left: 300px; } } @media (max-width: 991px) { .p-md-b-0 { padding-bottom: 0px; } .p-md-t-0 { padding-top: 0px; } .p-md-r-0 { padding-right: 0px; } .p-md-l-0 { padding-left: 0px; } .m-md-b-0 { margin-bottom: 0px; } .m-md-t-0 { margin-top: 0px; } .m-md-r-0 { margin-right: 0px; } .m-md-l-0 { margin-left: 0px; } } @media (max-width: 991px) { .p-md-b-5 { padding-bottom: 5px; } .p-md-t-5 { padding-top: 5px; } .p-md-r-5 { padding-right: 5px; } .p-md-l-5 { padding-left: 5px; } .m-md-b-5 { margin-bottom: 5px; } .m-md-t-5 { margin-top: 5px; } .m-md-r-5 { margin-right: 5px; } .m-md-l-5 { margin-left: 5px; } } @media (max-width: 991px) { .p-md-b-10 { padding-bottom: 10px; } .p-md-t-10 { padding-top: 10px; } .p-md-r-10 { padding-right: 10px; } .p-md-l-10 { padding-left: 10px; } .m-md-b-10 { margin-bottom: 10px; } .m-md-t-10 { margin-top: 10px; } .m-md-r-10 { margin-right: 10px; } .m-md-l-10 { margin-left: 10px; } } @media (max-width: 991px) { .p-md-b-15 { padding-bottom: 15px; } .p-md-t-15 { padding-top: 15px; } .p-md-r-15 { padding-right: 15px; } .p-md-l-15 { padding-left: 15px; } .m-md-b-15 { margin-bottom: 15px; } .m-md-t-15 { margin-top: 15px; } .m-md-r-15 { margin-right: 15px; } .m-md-l-15 { margin-left: 15px; } } @media (max-width: 991px) { .p-md-b-20 { padding-bottom: 20px; } .p-md-t-20 { padding-top: 20px; } .p-md-r-20 { padding-right: 20px; } .p-md-l-20 { padding-left: 20px; } .m-md-b-20 { margin-bottom: 20px; } .m-md-t-20 { margin-top: 20px; } .m-md-r-20 { margin-right: 20px; } .m-md-l-20 { margin-left: 20px; } } @media (max-width: 991px) { .p-md-b-25 { padding-bottom: 25px; } .p-md-t-25 { padding-top: 25px; } .p-md-r-25 { padding-right: 25px; } .p-md-l-25 { padding-left: 25px; } .m-md-b-25 { margin-bottom: 25px; } .m-md-t-25 { margin-top: 25px; } .m-md-r-25 { margin-right: 25px; } .m-md-l-25 { margin-left: 25px; } } @media (max-width: 991px) { .p-md-b-30 { padding-bottom: 30px; } .p-md-t-30 { padding-top: 30px; } .p-md-r-30 { padding-right: 30px; } .p-md-l-30 { padding-left: 30px; } .m-md-b-30 { margin-bottom: 30px; } .m-md-t-30 { margin-top: 30px; } .m-md-r-30 { margin-right: 30px; } .m-md-l-30 { margin-left: 30px; } } @media (max-width: 991px) { .p-md-b-35 { padding-bottom: 35px; } .p-md-t-35 { padding-top: 35px; } .p-md-r-35 { padding-right: 35px; } .p-md-l-35 { padding-left: 35px; } .m-md-b-35 { margin-bottom: 35px; } .m-md-t-35 { margin-top: 35px; } .m-md-r-35 { margin-right: 35px; } .m-md-l-35 { margin-left: 35px; } } @media (max-width: 991px) { .p-md-b-40 { padding-bottom: 40px; } .p-md-t-40 { padding-top: 40px; } .p-md-r-40 { padding-right: 40px; } .p-md-l-40 { padding-left: 40px; } .m-md-b-40 { margin-bottom: 40px; } .m-md-t-40 { margin-top: 40px; } .m-md-r-40 { margin-right: 40px; } .m-md-l-40 { margin-left: 40px; } } @media (max-width: 991px) { .p-md-b-45 { padding-bottom: 45px; } .p-md-t-45 { padding-top: 45px; } .p-md-r-45 { padding-right: 45px; } .p-md-l-45 { padding-left: 45px; } .m-md-b-45 { margin-bottom: 45px; } .m-md-t-45 { margin-top: 45px; } .m-md-r-45 { margin-right: 45px; } .m-md-l-45 { margin-left: 45px; } } @media (max-width: 991px) { .p-md-b-50 { padding-bottom: 50px; } .p-md-t-50 { padding-top: 50px; } .p-md-r-50 { padding-right: 50px; } .p-md-l-50 { padding-left: 50px; } .m-md-b-50 { margin-bottom: 50px; } .m-md-t-50 { margin-top: 50px; } .m-md-r-50 { margin-right: 50px; } .m-md-l-50 { margin-left: 50px; } } @media (max-width: 991px) { .p-md-b-55 { padding-bottom: 55px; } .p-md-t-55 { padding-top: 55px; } .p-md-r-55 { padding-right: 55px; } .p-md-l-55 { padding-left: 55px; } .m-md-b-55 { margin-bottom: 55px; } .m-md-t-55 { margin-top: 55px; } .m-md-r-55 { margin-right: 55px; } .m-md-l-55 { margin-left: 55px; } } @media (max-width: 991px) { .p-md-b-60 { padding-bottom: 60px; } .p-md-t-60 { padding-top: 60px; } .p-md-r-60 { padding-right: 60px; } .p-md-l-60 { padding-left: 60px; } .m-md-b-60 { margin-bottom: 60px; } .m-md-t-60 { margin-top: 60px; } .m-md-r-60 { margin-right: 60px; } .m-md-l-60 { margin-left: 60px; } } @media (max-width: 991px) { .p-md-b-65 { padding-bottom: 65px; } .p-md-t-65 { padding-top: 65px; } .p-md-r-65 { padding-right: 65px; } .p-md-l-65 { padding-left: 65px; } .m-md-b-65 { margin-bottom: 65px; } .m-md-t-65 { margin-top: 65px; } .m-md-r-65 { margin-right: 65px; } .m-md-l-65 { margin-left: 65px; } } @media (max-width: 991px) { .p-md-b-70 { padding-bottom: 70px; } .p-md-t-70 { padding-top: 70px; } .p-md-r-70 { padding-right: 70px; } .p-md-l-70 { padding-left: 70px; } .m-md-b-70 { margin-bottom: 70px; } .m-md-t-70 { margin-top: 70px; } .m-md-r-70 { margin-right: 70px; } .m-md-l-70 { margin-left: 70px; } } @media (max-width: 991px) { .p-md-b-75 { padding-bottom: 75px; } .p-md-t-75 { padding-top: 75px; } .p-md-r-75 { padding-right: 75px; } .p-md-l-75 { padding-left: 75px; } .m-md-b-75 { margin-bottom: 75px; } .m-md-t-75 { margin-top: 75px; } .m-md-r-75 { margin-right: 75px; } .m-md-l-75 { margin-left: 75px; } } @media (max-width: 991px) { .p-md-b-80 { padding-bottom: 80px; } .p-md-t-80 { padding-top: 80px; } .p-md-r-80 { padding-right: 80px; } .p-md-l-80 { padding-left: 80px; } .m-md-b-80 { margin-bottom: 80px; } .m-md-t-80 { margin-top: 80px; } .m-md-r-80 { margin-right: 80px; } .m-md-l-80 { margin-left: 80px; } } @media (max-width: 991px) { .p-md-b-85 { padding-bottom: 85px; } .p-md-t-85 { padding-top: 85px; } .p-md-r-85 { padding-right: 85px; } .p-md-l-85 { padding-left: 85px; } .m-md-b-85 { margin-bottom: 85px; } .m-md-t-85 { margin-top: 85px; } .m-md-r-85 { margin-right: 85px; } .m-md-l-85 { margin-left: 85px; } } @media (max-width: 991px) { .p-md-b-90 { padding-bottom: 90px; } .p-md-t-90 { padding-top: 90px; } .p-md-r-90 { padding-right: 90px; } .p-md-l-90 { padding-left: 90px; } .m-md-b-90 { margin-bottom: 90px; } .m-md-t-90 { margin-top: 90px; } .m-md-r-90 { margin-right: 90px; } .m-md-l-90 { margin-left: 90px; } } @media (max-width: 991px) { .p-md-b-95 { padding-bottom: 95px; } .p-md-t-95 { padding-top: 95px; } .p-md-r-95 { padding-right: 95px; } .p-md-l-95 { padding-left: 95px; } .m-md-b-95 { margin-bottom: 95px; } .m-md-t-95 { margin-top: 95px; } .m-md-r-95 { margin-right: 95px; } .m-md-l-95 { margin-left: 95px; } } @media (max-width: 991px) { .p-md-b-100 { padding-bottom: 100px; } .p-md-t-100 { padding-top: 100px; } .p-md-r-100 { padding-right: 100px; } .p-md-l-100 { padding-left: 100px; } .m-md-b-100 { margin-bottom: 100px; } .m-md-t-100 { margin-top: 100px; } .m-md-r-100 { margin-right: 100px; } .m-md-l-100 { margin-left: 100px; } } @media (max-width: 991px) { .p-md-b-105 { padding-bottom: 105px; } .p-md-t-105 { padding-top: 105px; } .p-md-r-105 { padding-right: 105px; } .p-md-l-105 { padding-left: 105px; } .m-md-b-105 { margin-bottom: 105px; } .m-md-t-105 { margin-top: 105px; } .m-md-r-105 { margin-right: 105px; } .m-md-l-105 { margin-left: 105px; } } @media (max-width: 991px) { .p-md-b-110 { padding-bottom: 110px; } .p-md-t-110 { padding-top: 110px; } .p-md-r-110 { padding-right: 110px; } .p-md-l-110 { padding-left: 110px; } .m-md-b-110 { margin-bottom: 110px; } .m-md-t-110 { margin-top: 110px; } .m-md-r-110 { margin-right: 110px; } .m-md-l-110 { margin-left: 110px; } } @media (max-width: 991px) { .p-md-b-115 { padding-bottom: 115px; } .p-md-t-115 { padding-top: 115px; } .p-md-r-115 { padding-right: 115px; } .p-md-l-115 { padding-left: 115px; } .m-md-b-115 { margin-bottom: 115px; } .m-md-t-115 { margin-top: 115px; } .m-md-r-115 { margin-right: 115px; } .m-md-l-115 { margin-left: 115px; } } @media (max-width: 991px) { .p-md-b-120 { padding-bottom: 120px; } .p-md-t-120 { padding-top: 120px; } .p-md-r-120 { padding-right: 120px; } .p-md-l-120 { padding-left: 120px; } .m-md-b-120 { margin-bottom: 120px; } .m-md-t-120 { margin-top: 120px; } .m-md-r-120 { margin-right: 120px; } .m-md-l-120 { margin-left: 120px; } } @media (max-width: 991px) { .p-md-b-125 { padding-bottom: 125px; } .p-md-t-125 { padding-top: 125px; } .p-md-r-125 { padding-right: 125px; } .p-md-l-125 { padding-left: 125px; } .m-md-b-125 { margin-bottom: 125px; } .m-md-t-125 { margin-top: 125px; } .m-md-r-125 { margin-right: 125px; } .m-md-l-125 { margin-left: 125px; } } @media (max-width: 991px) { .p-md-b-130 { padding-bottom: 130px; } .p-md-t-130 { padding-top: 130px; } .p-md-r-130 { padding-right: 130px; } .p-md-l-130 { padding-left: 130px; } .m-md-b-130 { margin-bottom: 130px; } .m-md-t-130 { margin-top: 130px; } .m-md-r-130 { margin-right: 130px; } .m-md-l-130 { margin-left: 130px; } } @media (max-width: 991px) { .p-md-b-135 { padding-bottom: 135px; } .p-md-t-135 { padding-top: 135px; } .p-md-r-135 { padding-right: 135px; } .p-md-l-135 { padding-left: 135px; } .m-md-b-135 { margin-bottom: 135px; } .m-md-t-135 { margin-top: 135px; } .m-md-r-135 { margin-right: 135px; } .m-md-l-135 { margin-left: 135px; } } @media (max-width: 991px) { .p-md-b-140 { padding-bottom: 140px; } .p-md-t-140 { padding-top: 140px; } .p-md-r-140 { padding-right: 140px; } .p-md-l-140 { padding-left: 140px; } .m-md-b-140 { margin-bottom: 140px; } .m-md-t-140 { margin-top: 140px; } .m-md-r-140 { margin-right: 140px; } .m-md-l-140 { margin-left: 140px; } } @media (max-width: 991px) { .p-md-b-145 { padding-bottom: 145px; } .p-md-t-145 { padding-top: 145px; } .p-md-r-145 { padding-right: 145px; } .p-md-l-145 { padding-left: 145px; } .m-md-b-145 { margin-bottom: 145px; } .m-md-t-145 { margin-top: 145px; } .m-md-r-145 { margin-right: 145px; } .m-md-l-145 { margin-left: 145px; } } @media (max-width: 991px) { .p-md-b-150 { padding-bottom: 150px; } .p-md-t-150 { padding-top: 150px; } .p-md-r-150 { padding-right: 150px; } .p-md-l-150 { padding-left: 150px; } .m-md-b-150 { margin-bottom: 150px; } .m-md-t-150 { margin-top: 150px; } .m-md-r-150 { margin-right: 150px; } .m-md-l-150 { margin-left: 150px; } } @media (max-width: 991px) { .p-md-b-155 { padding-bottom: 155px; } .p-md-t-155 { padding-top: 155px; } .p-md-r-155 { padding-right: 155px; } .p-md-l-155 { padding-left: 155px; } .m-md-b-155 { margin-bottom: 155px; } .m-md-t-155 { margin-top: 155px; } .m-md-r-155 { margin-right: 155px; } .m-md-l-155 { margin-left: 155px; } } @media (max-width: 991px) { .p-md-b-160 { padding-bottom: 160px; } .p-md-t-160 { padding-top: 160px; } .p-md-r-160 { padding-right: 160px; } .p-md-l-160 { padding-left: 160px; } .m-md-b-160 { margin-bottom: 160px; } .m-md-t-160 { margin-top: 160px; } .m-md-r-160 { margin-right: 160px; } .m-md-l-160 { margin-left: 160px; } } @media (max-width: 991px) { .p-md-b-165 { padding-bottom: 165px; } .p-md-t-165 { padding-top: 165px; } .p-md-r-165 { padding-right: 165px; } .p-md-l-165 { padding-left: 165px; } .m-md-b-165 { margin-bottom: 165px; } .m-md-t-165 { margin-top: 165px; } .m-md-r-165 { margin-right: 165px; } .m-md-l-165 { margin-left: 165px; } } @media (max-width: 991px) { .p-md-b-170 { padding-bottom: 170px; } .p-md-t-170 { padding-top: 170px; } .p-md-r-170 { padding-right: 170px; } .p-md-l-170 { padding-left: 170px; } .m-md-b-170 { margin-bottom: 170px; } .m-md-t-170 { margin-top: 170px; } .m-md-r-170 { margin-right: 170px; } .m-md-l-170 { margin-left: 170px; } } @media (max-width: 991px) { .p-md-b-175 { padding-bottom: 175px; } .p-md-t-175 { padding-top: 175px; } .p-md-r-175 { padding-right: 175px; } .p-md-l-175 { padding-left: 175px; } .m-md-b-175 { margin-bottom: 175px; } .m-md-t-175 { margin-top: 175px; } .m-md-r-175 { margin-right: 175px; } .m-md-l-175 { margin-left: 175px; } } @media (max-width: 991px) { .p-md-b-180 { padding-bottom: 180px; } .p-md-t-180 { padding-top: 180px; } .p-md-r-180 { padding-right: 180px; } .p-md-l-180 { padding-left: 180px; } .m-md-b-180 { margin-bottom: 180px; } .m-md-t-180 { margin-top: 180px; } .m-md-r-180 { margin-right: 180px; } .m-md-l-180 { margin-left: 180px; } } @media (max-width: 991px) { .p-md-b-185 { padding-bottom: 185px; } .p-md-t-185 { padding-top: 185px; } .p-md-r-185 { padding-right: 185px; } .p-md-l-185 { padding-left: 185px; } .m-md-b-185 { margin-bottom: 185px; } .m-md-t-185 { margin-top: 185px; } .m-md-r-185 { margin-right: 185px; } .m-md-l-185 { margin-left: 185px; } } @media (max-width: 991px) { .p-md-b-190 { padding-bottom: 190px; } .p-md-t-190 { padding-top: 190px; } .p-md-r-190 { padding-right: 190px; } .p-md-l-190 { padding-left: 190px; } .m-md-b-190 { margin-bottom: 190px; } .m-md-t-190 { margin-top: 190px; } .m-md-r-190 { margin-right: 190px; } .m-md-l-190 { margin-left: 190px; } } @media (max-width: 991px) { .p-md-b-195 { padding-bottom: 195px; } .p-md-t-195 { padding-top: 195px; } .p-md-r-195 { padding-right: 195px; } .p-md-l-195 { padding-left: 195px; } .m-md-b-195 { margin-bottom: 195px; } .m-md-t-195 { margin-top: 195px; } .m-md-r-195 { margin-right: 195px; } .m-md-l-195 { margin-left: 195px; } } @media (max-width: 991px) { .p-md-b-200 { padding-bottom: 200px; } .p-md-t-200 { padding-top: 200px; } .p-md-r-200 { padding-right: 200px; } .p-md-l-200 { padding-left: 200px; } .m-md-b-200 { margin-bottom: 200px; } .m-md-t-200 { margin-top: 200px; } .m-md-r-200 { margin-right: 200px; } .m-md-l-200 { margin-left: 200px; } } @media (max-width: 991px) { .p-md-b-205 { padding-bottom: 205px; } .p-md-t-205 { padding-top: 205px; } .p-md-r-205 { padding-right: 205px; } .p-md-l-205 { padding-left: 205px; } .m-md-b-205 { margin-bottom: 205px; } .m-md-t-205 { margin-top: 205px; } .m-md-r-205 { margin-right: 205px; } .m-md-l-205 { margin-left: 205px; } } @media (max-width: 991px) { .p-md-b-210 { padding-bottom: 210px; } .p-md-t-210 { padding-top: 210px; } .p-md-r-210 { padding-right: 210px; } .p-md-l-210 { padding-left: 210px; } .m-md-b-210 { margin-bottom: 210px; } .m-md-t-210 { margin-top: 210px; } .m-md-r-210 { margin-right: 210px; } .m-md-l-210 { margin-left: 210px; } } @media (max-width: 991px) { .p-md-b-215 { padding-bottom: 215px; } .p-md-t-215 { padding-top: 215px; } .p-md-r-215 { padding-right: 215px; } .p-md-l-215 { padding-left: 215px; } .m-md-b-215 { margin-bottom: 215px; } .m-md-t-215 { margin-top: 215px; } .m-md-r-215 { margin-right: 215px; } .m-md-l-215 { margin-left: 215px; } } @media (max-width: 991px) { .p-md-b-220 { padding-bottom: 220px; } .p-md-t-220 { padding-top: 220px; } .p-md-r-220 { padding-right: 220px; } .p-md-l-220 { padding-left: 220px; } .m-md-b-220 { margin-bottom: 220px; } .m-md-t-220 { margin-top: 220px; } .m-md-r-220 { margin-right: 220px; } .m-md-l-220 { margin-left: 220px; } } @media (max-width: 991px) { .p-md-b-225 { padding-bottom: 225px; } .p-md-t-225 { padding-top: 225px; } .p-md-r-225 { padding-right: 225px; } .p-md-l-225 { padding-left: 225px; } .m-md-b-225 { margin-bottom: 225px; } .m-md-t-225 { margin-top: 225px; } .m-md-r-225 { margin-right: 225px; } .m-md-l-225 { margin-left: 225px; } } @media (max-width: 991px) { .p-md-b-230 { padding-bottom: 230px; } .p-md-t-230 { padding-top: 230px; } .p-md-r-230 { padding-right: 230px; } .p-md-l-230 { padding-left: 230px; } .m-md-b-230 { margin-bottom: 230px; } .m-md-t-230 { margin-top: 230px; } .m-md-r-230 { margin-right: 230px; } .m-md-l-230 { margin-left: 230px; } } @media (max-width: 991px) { .p-md-b-235 { padding-bottom: 235px; } .p-md-t-235 { padding-top: 235px; } .p-md-r-235 { padding-right: 235px; } .p-md-l-235 { padding-left: 235px; } .m-md-b-235 { margin-bottom: 235px; } .m-md-t-235 { margin-top: 235px; } .m-md-r-235 { margin-right: 235px; } .m-md-l-235 { margin-left: 235px; } } @media (max-width: 991px) { .p-md-b-240 { padding-bottom: 240px; } .p-md-t-240 { padding-top: 240px; } .p-md-r-240 { padding-right: 240px; } .p-md-l-240 { padding-left: 240px; } .m-md-b-240 { margin-bottom: 240px; } .m-md-t-240 { margin-top: 240px; } .m-md-r-240 { margin-right: 240px; } .m-md-l-240 { margin-left: 240px; } } @media (max-width: 991px) { .p-md-b-245 { padding-bottom: 245px; } .p-md-t-245 { padding-top: 245px; } .p-md-r-245 { padding-right: 245px; } .p-md-l-245 { padding-left: 245px; } .m-md-b-245 { margin-bottom: 245px; } .m-md-t-245 { margin-top: 245px; } .m-md-r-245 { margin-right: 245px; } .m-md-l-245 { margin-left: 245px; } } @media (max-width: 991px) { .p-md-b-250 { padding-bottom: 250px; } .p-md-t-250 { padding-top: 250px; } .p-md-r-250 { padding-right: 250px; } .p-md-l-250 { padding-left: 250px; } .m-md-b-250 { margin-bottom: 250px; } .m-md-t-250 { margin-top: 250px; } .m-md-r-250 { margin-right: 250px; } .m-md-l-250 { margin-left: 250px; } } @media (max-width: 991px) { .p-md-b-255 { padding-bottom: 255px; } .p-md-t-255 { padding-top: 255px; } .p-md-r-255 { padding-right: 255px; } .p-md-l-255 { padding-left: 255px; } .m-md-b-255 { margin-bottom: 255px; } .m-md-t-255 { margin-top: 255px; } .m-md-r-255 { margin-right: 255px; } .m-md-l-255 { margin-left: 255px; } } @media (max-width: 991px) { .p-md-b-260 { padding-bottom: 260px; } .p-md-t-260 { padding-top: 260px; } .p-md-r-260 { padding-right: 260px; } .p-md-l-260 { padding-left: 260px; } .m-md-b-260 { margin-bottom: 260px; } .m-md-t-260 { margin-top: 260px; } .m-md-r-260 { margin-right: 260px; } .m-md-l-260 { margin-left: 260px; } } @media (max-width: 991px) { .p-md-b-265 { padding-bottom: 265px; } .p-md-t-265 { padding-top: 265px; } .p-md-r-265 { padding-right: 265px; } .p-md-l-265 { padding-left: 265px; } .m-md-b-265 { margin-bottom: 265px; } .m-md-t-265 { margin-top: 265px; } .m-md-r-265 { margin-right: 265px; } .m-md-l-265 { margin-left: 265px; } } @media (max-width: 991px) { .p-md-b-270 { padding-bottom: 270px; } .p-md-t-270 { padding-top: 270px; } .p-md-r-270 { padding-right: 270px; } .p-md-l-270 { padding-left: 270px; } .m-md-b-270 { margin-bottom: 270px; } .m-md-t-270 { margin-top: 270px; } .m-md-r-270 { margin-right: 270px; } .m-md-l-270 { margin-left: 270px; } } @media (max-width: 991px) { .p-md-b-275 { padding-bottom: 275px; } .p-md-t-275 { padding-top: 275px; } .p-md-r-275 { padding-right: 275px; } .p-md-l-275 { padding-left: 275px; } .m-md-b-275 { margin-bottom: 275px; } .m-md-t-275 { margin-top: 275px; } .m-md-r-275 { margin-right: 275px; } .m-md-l-275 { margin-left: 275px; } } @media (max-width: 991px) { .p-md-b-280 { padding-bottom: 280px; } .p-md-t-280 { padding-top: 280px; } .p-md-r-280 { padding-right: 280px; } .p-md-l-280 { padding-left: 280px; } .m-md-b-280 { margin-bottom: 280px; } .m-md-t-280 { margin-top: 280px; } .m-md-r-280 { margin-right: 280px; } .m-md-l-280 { margin-left: 280px; } } @media (max-width: 991px) { .p-md-b-285 { padding-bottom: 285px; } .p-md-t-285 { padding-top: 285px; } .p-md-r-285 { padding-right: 285px; } .p-md-l-285 { padding-left: 285px; } .m-md-b-285 { margin-bottom: 285px; } .m-md-t-285 { margin-top: 285px; } .m-md-r-285 { margin-right: 285px; } .m-md-l-285 { margin-left: 285px; } } @media (max-width: 991px) { .p-md-b-290 { padding-bottom: 290px; } .p-md-t-290 { padding-top: 290px; } .p-md-r-290 { padding-right: 290px; } .p-md-l-290 { padding-left: 290px; } .m-md-b-290 { margin-bottom: 290px; } .m-md-t-290 { margin-top: 290px; } .m-md-r-290 { margin-right: 290px; } .m-md-l-290 { margin-left: 290px; } } @media (max-width: 991px) { .p-md-b-295 { padding-bottom: 295px; } .p-md-t-295 { padding-top: 295px; } .p-md-r-295 { padding-right: 295px; } .p-md-l-295 { padding-left: 295px; } .m-md-b-295 { margin-bottom: 295px; } .m-md-t-295 { margin-top: 295px; } .m-md-r-295 { margin-right: 295px; } .m-md-l-295 { margin-left: 295px; } } @media (max-width: 991px) { .p-md-b-300 { padding-bottom: 300px; } .p-md-t-300 { padding-top: 300px; } .p-md-r-300 { padding-right: 300px; } .p-md-l-300 { padding-left: 300px; } .m-md-b-300 { margin-bottom: 300px; } .m-md-t-300 { margin-top: 300px; } .m-md-r-300 { margin-right: 300px; } .m-md-l-300 { margin-left: 300px; } } @media (max-width: 767px) { .p-sm-b-0 { padding-bottom: 0px; } .p-sm-t-0 { padding-top: 0px; } .p-sm-r-0 { padding-right: 0px; } .p-sm-l-0 { padding-left: 0px; } .m-sm-b-0 { margin-bottom: 0px; } .m-sm-t-0 { margin-top: 0px; } .m-sm-r-0 { margin-right: 0px; } .m-sm-l-0 { margin-left: 0px; } } @media (max-width: 767px) { .p-sm-b-5 { padding-bottom: 5px; } .p-sm-t-5 { padding-top: 5px; } .p-sm-r-5 { padding-right: 5px; } .p-sm-l-5 { padding-left: 5px; } .m-sm-b-5 { margin-bottom: 5px; } .m-sm-t-5 { margin-top: 5px; } .m-sm-r-5 { margin-right: 5px; } .m-sm-l-5 { margin-left: 5px; } } @media (max-width: 767px) { .p-sm-b-10 { padding-bottom: 10px; } .p-sm-t-10 { padding-top: 10px; } .p-sm-r-10 { padding-right: 10px; } .p-sm-l-10 { padding-left: 10px; } .m-sm-b-10 { margin-bottom: 10px; } .m-sm-t-10 { margin-top: 10px; } .m-sm-r-10 { margin-right: 10px; } .m-sm-l-10 { margin-left: 10px; } } @media (max-width: 767px) { .p-sm-b-15 { padding-bottom: 15px; } .p-sm-t-15 { padding-top: 15px; } .p-sm-r-15 { padding-right: 15px; } .p-sm-l-15 { padding-left: 15px; } .m-sm-b-15 { margin-bottom: 15px; } .m-sm-t-15 { margin-top: 15px; } .m-sm-r-15 { margin-right: 15px; } .m-sm-l-15 { margin-left: 15px; } } @media (max-width: 767px) { .p-sm-b-20 { padding-bottom: 20px; } .p-sm-t-20 { padding-top: 20px; } .p-sm-r-20 { padding-right: 20px; } .p-sm-l-20 { padding-left: 20px; } .m-sm-b-20 { margin-bottom: 20px; } .m-sm-t-20 { margin-top: 20px; } .m-sm-r-20 { margin-right: 20px; } .m-sm-l-20 { margin-left: 20px; } } @media (max-width: 767px) { .p-sm-b-25 { padding-bottom: 25px; } .p-sm-t-25 { padding-top: 25px; } .p-sm-r-25 { padding-right: 25px; } .p-sm-l-25 { padding-left: 25px; } .m-sm-b-25 { margin-bottom: 25px; } .m-sm-t-25 { margin-top: 25px; } .m-sm-r-25 { margin-right: 25px; } .m-sm-l-25 { margin-left: 25px; } } @media (max-width: 767px) { .p-sm-b-30 { padding-bottom: 30px; } .p-sm-t-30 { padding-top: 30px; } .p-sm-r-30 { padding-right: 30px; } .p-sm-l-30 { padding-left: 30px; } .m-sm-b-30 { margin-bottom: 30px; } .m-sm-t-30 { margin-top: 30px; } .m-sm-r-30 { margin-right: 30px; } .m-sm-l-30 { margin-left: 30px; } } @media (max-width: 767px) { .p-sm-b-35 { padding-bottom: 35px; } .p-sm-t-35 { padding-top: 35px; } .p-sm-r-35 { padding-right: 35px; } .p-sm-l-35 { padding-left: 35px; } .m-sm-b-35 { margin-bottom: 35px; } .m-sm-t-35 { margin-top: 35px; } .m-sm-r-35 { margin-right: 35px; } .m-sm-l-35 { margin-left: 35px; } } @media (max-width: 767px) { .p-sm-b-40 { padding-bottom: 40px; } .p-sm-t-40 { padding-top: 40px; } .p-sm-r-40 { padding-right: 40px; } .p-sm-l-40 { padding-left: 40px; } .m-sm-b-40 { margin-bottom: 40px; } .m-sm-t-40 { margin-top: 40px; } .m-sm-r-40 { margin-right: 40px; } .m-sm-l-40 { margin-left: 40px; } } @media (max-width: 767px) { .p-sm-b-45 { padding-bottom: 45px; } .p-sm-t-45 { padding-top: 45px; } .p-sm-r-45 { padding-right: 45px; } .p-sm-l-45 { padding-left: 45px; } .m-sm-b-45 { margin-bottom: 45px; } .m-sm-t-45 { margin-top: 45px; } .m-sm-r-45 { margin-right: 45px; } .m-sm-l-45 { margin-left: 45px; } } @media (max-width: 767px) { .p-sm-b-50 { padding-bottom: 50px; } .p-sm-t-50 { padding-top: 50px; } .p-sm-r-50 { padding-right: 50px; } .p-sm-l-50 { padding-left: 50px; } .m-sm-b-50 { margin-bottom: 50px; } .m-sm-t-50 { margin-top: 50px; } .m-sm-r-50 { margin-right: 50px; } .m-sm-l-50 { margin-left: 50px; } } @media (max-width: 767px) { .p-sm-b-55 { padding-bottom: 55px; } .p-sm-t-55 { padding-top: 55px; } .p-sm-r-55 { padding-right: 55px; } .p-sm-l-55 { padding-left: 55px; } .m-sm-b-55 { margin-bottom: 55px; } .m-sm-t-55 { margin-top: 55px; } .m-sm-r-55 { margin-right: 55px; } .m-sm-l-55 { margin-left: 55px; } } @media (max-width: 767px) { .p-sm-b-60 { padding-bottom: 60px; } .p-sm-t-60 { padding-top: 60px; } .p-sm-r-60 { padding-right: 60px; } .p-sm-l-60 { padding-left: 60px; } .m-sm-b-60 { margin-bottom: 60px; } .m-sm-t-60 { margin-top: 60px; } .m-sm-r-60 { margin-right: 60px; } .m-sm-l-60 { margin-left: 60px; } } @media (max-width: 767px) { .p-sm-b-65 { padding-bottom: 65px; } .p-sm-t-65 { padding-top: 65px; } .p-sm-r-65 { padding-right: 65px; } .p-sm-l-65 { padding-left: 65px; } .m-sm-b-65 { margin-bottom: 65px; } .m-sm-t-65 { margin-top: 65px; } .m-sm-r-65 { margin-right: 65px; } .m-sm-l-65 { margin-left: 65px; } } @media (max-width: 767px) { .p-sm-b-70 { padding-bottom: 70px; } .p-sm-t-70 { padding-top: 70px; } .p-sm-r-70 { padding-right: 70px; } .p-sm-l-70 { padding-left: 70px; } .m-sm-b-70 { margin-bottom: 70px; } .m-sm-t-70 { margin-top: 70px; } .m-sm-r-70 { margin-right: 70px; } .m-sm-l-70 { margin-left: 70px; } } @media (max-width: 767px) { .p-sm-b-75 { padding-bottom: 75px; } .p-sm-t-75 { padding-top: 75px; } .p-sm-r-75 { padding-right: 75px; } .p-sm-l-75 { padding-left: 75px; } .m-sm-b-75 { margin-bottom: 75px; } .m-sm-t-75 { margin-top: 75px; } .m-sm-r-75 { margin-right: 75px; } .m-sm-l-75 { margin-left: 75px; } } @media (max-width: 767px) { .p-sm-b-80 { padding-bottom: 80px; } .p-sm-t-80 { padding-top: 80px; } .p-sm-r-80 { padding-right: 80px; } .p-sm-l-80 { padding-left: 80px; } .m-sm-b-80 { margin-bottom: 80px; } .m-sm-t-80 { margin-top: 80px; } .m-sm-r-80 { margin-right: 80px; } .m-sm-l-80 { margin-left: 80px; } } @media (max-width: 767px) { .p-sm-b-85 { padding-bottom: 85px; } .p-sm-t-85 { padding-top: 85px; } .p-sm-r-85 { padding-right: 85px; } .p-sm-l-85 { padding-left: 85px; } .m-sm-b-85 { margin-bottom: 85px; } .m-sm-t-85 { margin-top: 85px; } .m-sm-r-85 { margin-right: 85px; } .m-sm-l-85 { margin-left: 85px; } } @media (max-width: 767px) { .p-sm-b-90 { padding-bottom: 90px; } .p-sm-t-90 { padding-top: 90px; } .p-sm-r-90 { padding-right: 90px; } .p-sm-l-90 { padding-left: 90px; } .m-sm-b-90 { margin-bottom: 90px; } .m-sm-t-90 { margin-top: 90px; } .m-sm-r-90 { margin-right: 90px; } .m-sm-l-90 { margin-left: 90px; } } @media (max-width: 767px) { .p-sm-b-95 { padding-bottom: 95px; } .p-sm-t-95 { padding-top: 95px; } .p-sm-r-95 { padding-right: 95px; } .p-sm-l-95 { padding-left: 95px; } .m-sm-b-95 { margin-bottom: 95px; } .m-sm-t-95 { margin-top: 95px; } .m-sm-r-95 { margin-right: 95px; } .m-sm-l-95 { margin-left: 95px; } } @media (max-width: 767px) { .p-sm-b-100 { padding-bottom: 100px; } .p-sm-t-100 { padding-top: 100px; } .p-sm-r-100 { padding-right: 100px; } .p-sm-l-100 { padding-left: 100px; } .m-sm-b-100 { margin-bottom: 100px; } .m-sm-t-100 { margin-top: 100px; } .m-sm-r-100 { margin-right: 100px; } .m-sm-l-100 { margin-left: 100px; } } @media (max-width: 767px) { .p-sm-b-105 { padding-bottom: 105px; } .p-sm-t-105 { padding-top: 105px; } .p-sm-r-105 { padding-right: 105px; } .p-sm-l-105 { padding-left: 105px; } .m-sm-b-105 { margin-bottom: 105px; } .m-sm-t-105 { margin-top: 105px; } .m-sm-r-105 { margin-right: 105px; } .m-sm-l-105 { margin-left: 105px; } } @media (max-width: 767px) { .p-sm-b-110 { padding-bottom: 110px; } .p-sm-t-110 { padding-top: 110px; } .p-sm-r-110 { padding-right: 110px; } .p-sm-l-110 { padding-left: 110px; } .m-sm-b-110 { margin-bottom: 110px; } .m-sm-t-110 { margin-top: 110px; } .m-sm-r-110 { margin-right: 110px; } .m-sm-l-110 { margin-left: 110px; } } @media (max-width: 767px) { .p-sm-b-115 { padding-bottom: 115px; } .p-sm-t-115 { padding-top: 115px; } .p-sm-r-115 { padding-right: 115px; } .p-sm-l-115 { padding-left: 115px; } .m-sm-b-115 { margin-bottom: 115px; } .m-sm-t-115 { margin-top: 115px; } .m-sm-r-115 { margin-right: 115px; } .m-sm-l-115 { margin-left: 115px; } } @media (max-width: 767px) { .p-sm-b-120 { padding-bottom: 120px; } .p-sm-t-120 { padding-top: 120px; } .p-sm-r-120 { padding-right: 120px; } .p-sm-l-120 { padding-left: 120px; } .m-sm-b-120 { margin-bottom: 120px; } .m-sm-t-120 { margin-top: 120px; } .m-sm-r-120 { margin-right: 120px; } .m-sm-l-120 { margin-left: 120px; } } @media (max-width: 767px) { .p-sm-b-125 { padding-bottom: 125px; } .p-sm-t-125 { padding-top: 125px; } .p-sm-r-125 { padding-right: 125px; } .p-sm-l-125 { padding-left: 125px; } .m-sm-b-125 { margin-bottom: 125px; } .m-sm-t-125 { margin-top: 125px; } .m-sm-r-125 { margin-right: 125px; } .m-sm-l-125 { margin-left: 125px; } } @media (max-width: 767px) { .p-sm-b-130 { padding-bottom: 130px; } .p-sm-t-130 { padding-top: 130px; } .p-sm-r-130 { padding-right: 130px; } .p-sm-l-130 { padding-left: 130px; } .m-sm-b-130 { margin-bottom: 130px; } .m-sm-t-130 { margin-top: 130px; } .m-sm-r-130 { margin-right: 130px; } .m-sm-l-130 { margin-left: 130px; } } @media (max-width: 767px) { .p-sm-b-135 { padding-bottom: 135px; } .p-sm-t-135 { padding-top: 135px; } .p-sm-r-135 { padding-right: 135px; } .p-sm-l-135 { padding-left: 135px; } .m-sm-b-135 { margin-bottom: 135px; } .m-sm-t-135 { margin-top: 135px; } .m-sm-r-135 { margin-right: 135px; } .m-sm-l-135 { margin-left: 135px; } } @media (max-width: 767px) { .p-sm-b-140 { padding-bottom: 140px; } .p-sm-t-140 { padding-top: 140px; } .p-sm-r-140 { padding-right: 140px; } .p-sm-l-140 { padding-left: 140px; } .m-sm-b-140 { margin-bottom: 140px; } .m-sm-t-140 { margin-top: 140px; } .m-sm-r-140 { margin-right: 140px; } .m-sm-l-140 { margin-left: 140px; } } @media (max-width: 767px) { .p-sm-b-145 { padding-bottom: 145px; } .p-sm-t-145 { padding-top: 145px; } .p-sm-r-145 { padding-right: 145px; } .p-sm-l-145 { padding-left: 145px; } .m-sm-b-145 { margin-bottom: 145px; } .m-sm-t-145 { margin-top: 145px; } .m-sm-r-145 { margin-right: 145px; } .m-sm-l-145 { margin-left: 145px; } } @media (max-width: 767px) { .p-sm-b-150 { padding-bottom: 150px; } .p-sm-t-150 { padding-top: 150px; } .p-sm-r-150 { padding-right: 150px; } .p-sm-l-150 { padding-left: 150px; } .m-sm-b-150 { margin-bottom: 150px; } .m-sm-t-150 { margin-top: 150px; } .m-sm-r-150 { margin-right: 150px; } .m-sm-l-150 { margin-left: 150px; } } @media (max-width: 767px) { .p-sm-b-155 { padding-bottom: 155px; } .p-sm-t-155 { padding-top: 155px; } .p-sm-r-155 { padding-right: 155px; } .p-sm-l-155 { padding-left: 155px; } .m-sm-b-155 { margin-bottom: 155px; } .m-sm-t-155 { margin-top: 155px; } .m-sm-r-155 { margin-right: 155px; } .m-sm-l-155 { margin-left: 155px; } } @media (max-width: 767px) { .p-sm-b-160 { padding-bottom: 160px; } .p-sm-t-160 { padding-top: 160px; } .p-sm-r-160 { padding-right: 160px; } .p-sm-l-160 { padding-left: 160px; } .m-sm-b-160 { margin-bottom: 160px; } .m-sm-t-160 { margin-top: 160px; } .m-sm-r-160 { margin-right: 160px; } .m-sm-l-160 { margin-left: 160px; } } @media (max-width: 767px) { .p-sm-b-165 { padding-bottom: 165px; } .p-sm-t-165 { padding-top: 165px; } .p-sm-r-165 { padding-right: 165px; } .p-sm-l-165 { padding-left: 165px; } .m-sm-b-165 { margin-bottom: 165px; } .m-sm-t-165 { margin-top: 165px; } .m-sm-r-165 { margin-right: 165px; } .m-sm-l-165 { margin-left: 165px; } } @media (max-width: 767px) { .p-sm-b-170 { padding-bottom: 170px; } .p-sm-t-170 { padding-top: 170px; } .p-sm-r-170 { padding-right: 170px; } .p-sm-l-170 { padding-left: 170px; } .m-sm-b-170 { margin-bottom: 170px; } .m-sm-t-170 { margin-top: 170px; } .m-sm-r-170 { margin-right: 170px; } .m-sm-l-170 { margin-left: 170px; } } @media (max-width: 767px) { .p-sm-b-175 { padding-bottom: 175px; } .p-sm-t-175 { padding-top: 175px; } .p-sm-r-175 { padding-right: 175px; } .p-sm-l-175 { padding-left: 175px; } .m-sm-b-175 { margin-bottom: 175px; } .m-sm-t-175 { margin-top: 175px; } .m-sm-r-175 { margin-right: 175px; } .m-sm-l-175 { margin-left: 175px; } } @media (max-width: 767px) { .p-sm-b-180 { padding-bottom: 180px; } .p-sm-t-180 { padding-top: 180px; } .p-sm-r-180 { padding-right: 180px; } .p-sm-l-180 { padding-left: 180px; } .m-sm-b-180 { margin-bottom: 180px; } .m-sm-t-180 { margin-top: 180px; } .m-sm-r-180 { margin-right: 180px; } .m-sm-l-180 { margin-left: 180px; } } @media (max-width: 767px) { .p-sm-b-185 { padding-bottom: 185px; } .p-sm-t-185 { padding-top: 185px; } .p-sm-r-185 { padding-right: 185px; } .p-sm-l-185 { padding-left: 185px; } .m-sm-b-185 { margin-bottom: 185px; } .m-sm-t-185 { margin-top: 185px; } .m-sm-r-185 { margin-right: 185px; } .m-sm-l-185 { margin-left: 185px; } } @media (max-width: 767px) { .p-sm-b-190 { padding-bottom: 190px; } .p-sm-t-190 { padding-top: 190px; } .p-sm-r-190 { padding-right: 190px; } .p-sm-l-190 { padding-left: 190px; } .m-sm-b-190 { margin-bottom: 190px; } .m-sm-t-190 { margin-top: 190px; } .m-sm-r-190 { margin-right: 190px; } .m-sm-l-190 { margin-left: 190px; } } @media (max-width: 767px) { .p-sm-b-195 { padding-bottom: 195px; } .p-sm-t-195 { padding-top: 195px; } .p-sm-r-195 { padding-right: 195px; } .p-sm-l-195 { padding-left: 195px; } .m-sm-b-195 { margin-bottom: 195px; } .m-sm-t-195 { margin-top: 195px; } .m-sm-r-195 { margin-right: 195px; } .m-sm-l-195 { margin-left: 195px; } } @media (max-width: 767px) { .p-sm-b-200 { padding-bottom: 200px; } .p-sm-t-200 { padding-top: 200px; } .p-sm-r-200 { padding-right: 200px; } .p-sm-l-200 { padding-left: 200px; } .m-sm-b-200 { margin-bottom: 200px; } .m-sm-t-200 { margin-top: 200px; } .m-sm-r-200 { margin-right: 200px; } .m-sm-l-200 { margin-left: 200px; } } @media (max-width: 767px) { .p-sm-b-205 { padding-bottom: 205px; } .p-sm-t-205 { padding-top: 205px; } .p-sm-r-205 { padding-right: 205px; } .p-sm-l-205 { padding-left: 205px; } .m-sm-b-205 { margin-bottom: 205px; } .m-sm-t-205 { margin-top: 205px; } .m-sm-r-205 { margin-right: 205px; } .m-sm-l-205 { margin-left: 205px; } } @media (max-width: 767px) { .p-sm-b-210 { padding-bottom: 210px; } .p-sm-t-210 { padding-top: 210px; } .p-sm-r-210 { padding-right: 210px; } .p-sm-l-210 { padding-left: 210px; } .m-sm-b-210 { margin-bottom: 210px; } .m-sm-t-210 { margin-top: 210px; } .m-sm-r-210 { margin-right: 210px; } .m-sm-l-210 { margin-left: 210px; } } @media (max-width: 767px) { .p-sm-b-215 { padding-bottom: 215px; } .p-sm-t-215 { padding-top: 215px; } .p-sm-r-215 { padding-right: 215px; } .p-sm-l-215 { padding-left: 215px; } .m-sm-b-215 { margin-bottom: 215px; } .m-sm-t-215 { margin-top: 215px; } .m-sm-r-215 { margin-right: 215px; } .m-sm-l-215 { margin-left: 215px; } } @media (max-width: 767px) { .p-sm-b-220 { padding-bottom: 220px; } .p-sm-t-220 { padding-top: 220px; } .p-sm-r-220 { padding-right: 220px; } .p-sm-l-220 { padding-left: 220px; } .m-sm-b-220 { margin-bottom: 220px; } .m-sm-t-220 { margin-top: 220px; } .m-sm-r-220 { margin-right: 220px; } .m-sm-l-220 { margin-left: 220px; } } @media (max-width: 767px) { .p-sm-b-225 { padding-bottom: 225px; } .p-sm-t-225 { padding-top: 225px; } .p-sm-r-225 { padding-right: 225px; } .p-sm-l-225 { padding-left: 225px; } .m-sm-b-225 { margin-bottom: 225px; } .m-sm-t-225 { margin-top: 225px; } .m-sm-r-225 { margin-right: 225px; } .m-sm-l-225 { margin-left: 225px; } } @media (max-width: 767px) { .p-sm-b-230 { padding-bottom: 230px; } .p-sm-t-230 { padding-top: 230px; } .p-sm-r-230 { padding-right: 230px; } .p-sm-l-230 { padding-left: 230px; } .m-sm-b-230 { margin-bottom: 230px; } .m-sm-t-230 { margin-top: 230px; } .m-sm-r-230 { margin-right: 230px; } .m-sm-l-230 { margin-left: 230px; } } @media (max-width: 767px) { .p-sm-b-235 { padding-bottom: 235px; } .p-sm-t-235 { padding-top: 235px; } .p-sm-r-235 { padding-right: 235px; } .p-sm-l-235 { padding-left: 235px; } .m-sm-b-235 { margin-bottom: 235px; } .m-sm-t-235 { margin-top: 235px; } .m-sm-r-235 { margin-right: 235px; } .m-sm-l-235 { margin-left: 235px; } } @media (max-width: 767px) { .p-sm-b-240 { padding-bottom: 240px; } .p-sm-t-240 { padding-top: 240px; } .p-sm-r-240 { padding-right: 240px; } .p-sm-l-240 { padding-left: 240px; } .m-sm-b-240 { margin-bottom: 240px; } .m-sm-t-240 { margin-top: 240px; } .m-sm-r-240 { margin-right: 240px; } .m-sm-l-240 { margin-left: 240px; } } @media (max-width: 767px) { .p-sm-b-245 { padding-bottom: 245px; } .p-sm-t-245 { padding-top: 245px; } .p-sm-r-245 { padding-right: 245px; } .p-sm-l-245 { padding-left: 245px; } .m-sm-b-245 { margin-bottom: 245px; } .m-sm-t-245 { margin-top: 245px; } .m-sm-r-245 { margin-right: 245px; } .m-sm-l-245 { margin-left: 245px; } } @media (max-width: 767px) { .p-sm-b-250 { padding-bottom: 250px; } .p-sm-t-250 { padding-top: 250px; } .p-sm-r-250 { padding-right: 250px; } .p-sm-l-250 { padding-left: 250px; } .m-sm-b-250 { margin-bottom: 250px; } .m-sm-t-250 { margin-top: 250px; } .m-sm-r-250 { margin-right: 250px; } .m-sm-l-250 { margin-left: 250px; } } @media (max-width: 767px) { .p-sm-b-255 { padding-bottom: 255px; } .p-sm-t-255 { padding-top: 255px; } .p-sm-r-255 { padding-right: 255px; } .p-sm-l-255 { padding-left: 255px; } .m-sm-b-255 { margin-bottom: 255px; } .m-sm-t-255 { margin-top: 255px; } .m-sm-r-255 { margin-right: 255px; } .m-sm-l-255 { margin-left: 255px; } } @media (max-width: 767px) { .p-sm-b-260 { padding-bottom: 260px; } .p-sm-t-260 { padding-top: 260px; } .p-sm-r-260 { padding-right: 260px; } .p-sm-l-260 { padding-left: 260px; } .m-sm-b-260 { margin-bottom: 260px; } .m-sm-t-260 { margin-top: 260px; } .m-sm-r-260 { margin-right: 260px; } .m-sm-l-260 { margin-left: 260px; } } @media (max-width: 767px) { .p-sm-b-265 { padding-bottom: 265px; } .p-sm-t-265 { padding-top: 265px; } .p-sm-r-265 { padding-right: 265px; } .p-sm-l-265 { padding-left: 265px; } .m-sm-b-265 { margin-bottom: 265px; } .m-sm-t-265 { margin-top: 265px; } .m-sm-r-265 { margin-right: 265px; } .m-sm-l-265 { margin-left: 265px; } } @media (max-width: 767px) { .p-sm-b-270 { padding-bottom: 270px; } .p-sm-t-270 { padding-top: 270px; } .p-sm-r-270 { padding-right: 270px; } .p-sm-l-270 { padding-left: 270px; } .m-sm-b-270 { margin-bottom: 270px; } .m-sm-t-270 { margin-top: 270px; } .m-sm-r-270 { margin-right: 270px; } .m-sm-l-270 { margin-left: 270px; } } @media (max-width: 767px) { .p-sm-b-275 { padding-bottom: 275px; } .p-sm-t-275 { padding-top: 275px; } .p-sm-r-275 { padding-right: 275px; } .p-sm-l-275 { padding-left: 275px; } .m-sm-b-275 { margin-bottom: 275px; } .m-sm-t-275 { margin-top: 275px; } .m-sm-r-275 { margin-right: 275px; } .m-sm-l-275 { margin-left: 275px; } } @media (max-width: 767px) { .p-sm-b-280 { padding-bottom: 280px; } .p-sm-t-280 { padding-top: 280px; } .p-sm-r-280 { padding-right: 280px; } .p-sm-l-280 { padding-left: 280px; } .m-sm-b-280 { margin-bottom: 280px; } .m-sm-t-280 { margin-top: 280px; } .m-sm-r-280 { margin-right: 280px; } .m-sm-l-280 { margin-left: 280px; } } @media (max-width: 767px) { .p-sm-b-285 { padding-bottom: 285px; } .p-sm-t-285 { padding-top: 285px; } .p-sm-r-285 { padding-right: 285px; } .p-sm-l-285 { padding-left: 285px; } .m-sm-b-285 { margin-bottom: 285px; } .m-sm-t-285 { margin-top: 285px; } .m-sm-r-285 { margin-right: 285px; } .m-sm-l-285 { margin-left: 285px; } } @media (max-width: 767px) { .p-sm-b-290 { padding-bottom: 290px; } .p-sm-t-290 { padding-top: 290px; } .p-sm-r-290 { padding-right: 290px; } .p-sm-l-290 { padding-left: 290px; } .m-sm-b-290 { margin-bottom: 290px; } .m-sm-t-290 { margin-top: 290px; } .m-sm-r-290 { margin-right: 290px; } .m-sm-l-290 { margin-left: 290px; } } @media (max-width: 767px) { .p-sm-b-295 { padding-bottom: 295px; } .p-sm-t-295 { padding-top: 295px; } .p-sm-r-295 { padding-right: 295px; } .p-sm-l-295 { padding-left: 295px; } .m-sm-b-295 { margin-bottom: 295px; } .m-sm-t-295 { margin-top: 295px; } .m-sm-r-295 { margin-right: 295px; } .m-sm-l-295 { margin-left: 295px; } } @media (max-width: 767px) { .p-sm-b-300 { padding-bottom: 300px; } .p-sm-t-300 { padding-top: 300px; } .p-sm-r-300 { padding-right: 300px; } .p-sm-l-300 { padding-left: 300px; } .m-sm-b-300 { margin-bottom: 300px; } .m-sm-t-300 { margin-top: 300px; } .m-sm-r-300 { margin-right: 300px; } .m-sm-l-300 { margin-left: 300px; } } @media (max-width: 575px) { .p-xs-b-0 { padding-bottom: 0px; } .p-xs-t-0 { padding-top: 0px; } .p-xs-r-0 { padding-right: 0px; } .p-xs-l-0 { padding-left: 0px; } .m-xs-b-0 { margin-bottom: 0px; } .m-xs-t-0 { margin-top: 0px; } .m-xs-r-0 { margin-right: 0px; } .m-xs-l-0 { margin-left: 0px; } } @media (max-width: 575px) { .p-xs-b-5 { padding-bottom: 5px; } .p-xs-t-5 { padding-top: 5px; } .p-xs-r-5 { padding-right: 5px; } .p-xs-l-5 { padding-left: 5px; } .m-xs-b-5 { margin-bottom: 5px; } .m-xs-t-5 { margin-top: 5px; } .m-xs-r-5 { margin-right: 5px; } .m-xs-l-5 { margin-left: 5px; } } @media (max-width: 575px) { .p-xs-b-10 { padding-bottom: 10px; } .p-xs-t-10 { padding-top: 10px; } .p-xs-r-10 { padding-right: 10px; } .p-xs-l-10 { padding-left: 10px; } .m-xs-b-10 { margin-bottom: 10px; } .m-xs-t-10 { margin-top: 10px; } .m-xs-r-10 { margin-right: 10px; } .m-xs-l-10 { margin-left: 10px; } } @media (max-width: 575px) { .p-xs-b-15 { padding-bottom: 15px; } .p-xs-t-15 { padding-top: 15px; } .p-xs-r-15 { padding-right: 15px; } .p-xs-l-15 { padding-left: 15px; } .m-xs-b-15 { margin-bottom: 15px; } .m-xs-t-15 { margin-top: 15px; } .m-xs-r-15 { margin-right: 15px; } .m-xs-l-15 { margin-left: 15px; } } @media (max-width: 575px) { .p-xs-b-20 { padding-bottom: 20px; } .p-xs-t-20 { padding-top: 20px; } .p-xs-r-20 { padding-right: 20px; } .p-xs-l-20 { padding-left: 20px; } .m-xs-b-20 { margin-bottom: 20px; } .m-xs-t-20 { margin-top: 20px; } .m-xs-r-20 { margin-right: 20px; } .m-xs-l-20 { margin-left: 20px; } } @media (max-width: 575px) { .p-xs-b-25 { padding-bottom: 25px; } .p-xs-t-25 { padding-top: 25px; } .p-xs-r-25 { padding-right: 25px; } .p-xs-l-25 { padding-left: 25px; } .m-xs-b-25 { margin-bottom: 25px; } .m-xs-t-25 { margin-top: 25px; } .m-xs-r-25 { margin-right: 25px; } .m-xs-l-25 { margin-left: 25px; } } @media (max-width: 575px) { .p-xs-b-30 { padding-bottom: 30px; } .p-xs-t-30 { padding-top: 30px; } .p-xs-r-30 { padding-right: 30px; } .p-xs-l-30 { padding-left: 30px; } .m-xs-b-30 { margin-bottom: 30px; } .m-xs-t-30 { margin-top: 30px; } .m-xs-r-30 { margin-right: 30px; } .m-xs-l-30 { margin-left: 30px; } } @media (max-width: 575px) { .p-xs-b-35 { padding-bottom: 35px; } .p-xs-t-35 { padding-top: 35px; } .p-xs-r-35 { padding-right: 35px; } .p-xs-l-35 { padding-left: 35px; } .m-xs-b-35 { margin-bottom: 35px; } .m-xs-t-35 { margin-top: 35px; } .m-xs-r-35 { margin-right: 35px; } .m-xs-l-35 { margin-left: 35px; } } @media (max-width: 575px) { .p-xs-b-40 { padding-bottom: 40px; } .p-xs-t-40 { padding-top: 40px; } .p-xs-r-40 { padding-right: 40px; } .p-xs-l-40 { padding-left: 40px; } .m-xs-b-40 { margin-bottom: 40px; } .m-xs-t-40 { margin-top: 40px; } .m-xs-r-40 { margin-right: 40px; } .m-xs-l-40 { margin-left: 40px; } } @media (max-width: 575px) { .p-xs-b-45 { padding-bottom: 45px; } .p-xs-t-45 { padding-top: 45px; } .p-xs-r-45 { padding-right: 45px; } .p-xs-l-45 { padding-left: 45px; } .m-xs-b-45 { margin-bottom: 45px; } .m-xs-t-45 { margin-top: 45px; } .m-xs-r-45 { margin-right: 45px; } .m-xs-l-45 { margin-left: 45px; } } @media (max-width: 575px) { .p-xs-b-50 { padding-bottom: 50px; } .p-xs-t-50 { padding-top: 50px; } .p-xs-r-50 { padding-right: 50px; } .p-xs-l-50 { padding-left: 50px; } .m-xs-b-50 { margin-bottom: 50px; } .m-xs-t-50 { margin-top: 50px; } .m-xs-r-50 { margin-right: 50px; } .m-xs-l-50 { margin-left: 50px; } } @media (max-width: 575px) { .p-xs-b-55 { padding-bottom: 55px; } .p-xs-t-55 { padding-top: 55px; } .p-xs-r-55 { padding-right: 55px; } .p-xs-l-55 { padding-left: 55px; } .m-xs-b-55 { margin-bottom: 55px; } .m-xs-t-55 { margin-top: 55px; } .m-xs-r-55 { margin-right: 55px; } .m-xs-l-55 { margin-left: 55px; } } @media (max-width: 575px) { .p-xs-b-60 { padding-bottom: 60px; } .p-xs-t-60 { padding-top: 60px; } .p-xs-r-60 { padding-right: 60px; } .p-xs-l-60 { padding-left: 60px; } .m-xs-b-60 { margin-bottom: 60px; } .m-xs-t-60 { margin-top: 60px; } .m-xs-r-60 { margin-right: 60px; } .m-xs-l-60 { margin-left: 60px; } } @media (max-width: 575px) { .p-xs-b-65 { padding-bottom: 65px; } .p-xs-t-65 { padding-top: 65px; } .p-xs-r-65 { padding-right: 65px; } .p-xs-l-65 { padding-left: 65px; } .m-xs-b-65 { margin-bottom: 65px; } .m-xs-t-65 { margin-top: 65px; } .m-xs-r-65 { margin-right: 65px; } .m-xs-l-65 { margin-left: 65px; } } @media (max-width: 575px) { .p-xs-b-70 { padding-bottom: 70px; } .p-xs-t-70 { padding-top: 70px; } .p-xs-r-70 { padding-right: 70px; } .p-xs-l-70 { padding-left: 70px; } .m-xs-b-70 { margin-bottom: 70px; } .m-xs-t-70 { margin-top: 70px; } .m-xs-r-70 { margin-right: 70px; } .m-xs-l-70 { margin-left: 70px; } } @media (max-width: 575px) { .p-xs-b-75 { padding-bottom: 75px; } .p-xs-t-75 { padding-top: 75px; } .p-xs-r-75 { padding-right: 75px; } .p-xs-l-75 { padding-left: 75px; } .m-xs-b-75 { margin-bottom: 75px; } .m-xs-t-75 { margin-top: 75px; } .m-xs-r-75 { margin-right: 75px; } .m-xs-l-75 { margin-left: 75px; } } @media (max-width: 575px) { .p-xs-b-80 { padding-bottom: 80px; } .p-xs-t-80 { padding-top: 80px; } .p-xs-r-80 { padding-right: 80px; } .p-xs-l-80 { padding-left: 80px; } .m-xs-b-80 { margin-bottom: 80px; } .m-xs-t-80 { margin-top: 80px; } .m-xs-r-80 { margin-right: 80px; } .m-xs-l-80 { margin-left: 80px; } } @media (max-width: 575px) { .p-xs-b-85 { padding-bottom: 85px; } .p-xs-t-85 { padding-top: 85px; } .p-xs-r-85 { padding-right: 85px; } .p-xs-l-85 { padding-left: 85px; } .m-xs-b-85 { margin-bottom: 85px; } .m-xs-t-85 { margin-top: 85px; } .m-xs-r-85 { margin-right: 85px; } .m-xs-l-85 { margin-left: 85px; } } @media (max-width: 575px) { .p-xs-b-90 { padding-bottom: 90px; } .p-xs-t-90 { padding-top: 90px; } .p-xs-r-90 { padding-right: 90px; } .p-xs-l-90 { padding-left: 90px; } .m-xs-b-90 { margin-bottom: 90px; } .m-xs-t-90 { margin-top: 90px; } .m-xs-r-90 { margin-right: 90px; } .m-xs-l-90 { margin-left: 90px; } } @media (max-width: 575px) { .p-xs-b-95 { padding-bottom: 95px; } .p-xs-t-95 { padding-top: 95px; } .p-xs-r-95 { padding-right: 95px; } .p-xs-l-95 { padding-left: 95px; } .m-xs-b-95 { margin-bottom: 95px; } .m-xs-t-95 { margin-top: 95px; } .m-xs-r-95 { margin-right: 95px; } .m-xs-l-95 { margin-left: 95px; } } @media (max-width: 575px) { .p-xs-b-100 { padding-bottom: 100px; } .p-xs-t-100 { padding-top: 100px; } .p-xs-r-100 { padding-right: 100px; } .p-xs-l-100 { padding-left: 100px; } .m-xs-b-100 { margin-bottom: 100px; } .m-xs-t-100 { margin-top: 100px; } .m-xs-r-100 { margin-right: 100px; } .m-xs-l-100 { margin-left: 100px; } } @media (max-width: 575px) { .p-xs-b-105 { padding-bottom: 105px; } .p-xs-t-105 { padding-top: 105px; } .p-xs-r-105 { padding-right: 105px; } .p-xs-l-105 { padding-left: 105px; } .m-xs-b-105 { margin-bottom: 105px; } .m-xs-t-105 { margin-top: 105px; } .m-xs-r-105 { margin-right: 105px; } .m-xs-l-105 { margin-left: 105px; } } @media (max-width: 575px) { .p-xs-b-110 { padding-bottom: 110px; } .p-xs-t-110 { padding-top: 110px; } .p-xs-r-110 { padding-right: 110px; } .p-xs-l-110 { padding-left: 110px; } .m-xs-b-110 { margin-bottom: 110px; } .m-xs-t-110 { margin-top: 110px; } .m-xs-r-110 { margin-right: 110px; } .m-xs-l-110 { margin-left: 110px; } } @media (max-width: 575px) { .p-xs-b-115 { padding-bottom: 115px; } .p-xs-t-115 { padding-top: 115px; } .p-xs-r-115 { padding-right: 115px; } .p-xs-l-115 { padding-left: 115px; } .m-xs-b-115 { margin-bottom: 115px; } .m-xs-t-115 { margin-top: 115px; } .m-xs-r-115 { margin-right: 115px; } .m-xs-l-115 { margin-left: 115px; } } @media (max-width: 575px) { .p-xs-b-120 { padding-bottom: 120px; } .p-xs-t-120 { padding-top: 120px; } .p-xs-r-120 { padding-right: 120px; } .p-xs-l-120 { padding-left: 120px; } .m-xs-b-120 { margin-bottom: 120px; } .m-xs-t-120 { margin-top: 120px; } .m-xs-r-120 { margin-right: 120px; } .m-xs-l-120 { margin-left: 120px; } } @media (max-width: 575px) { .p-xs-b-125 { padding-bottom: 125px; } .p-xs-t-125 { padding-top: 125px; } .p-xs-r-125 { padding-right: 125px; } .p-xs-l-125 { padding-left: 125px; } .m-xs-b-125 { margin-bottom: 125px; } .m-xs-t-125 { margin-top: 125px; } .m-xs-r-125 { margin-right: 125px; } .m-xs-l-125 { margin-left: 125px; } } @media (max-width: 575px) { .p-xs-b-130 { padding-bottom: 130px; } .p-xs-t-130 { padding-top: 130px; } .p-xs-r-130 { padding-right: 130px; } .p-xs-l-130 { padding-left: 130px; } .m-xs-b-130 { margin-bottom: 130px; } .m-xs-t-130 { margin-top: 130px; } .m-xs-r-130 { margin-right: 130px; } .m-xs-l-130 { margin-left: 130px; } } @media (max-width: 575px) { .p-xs-b-135 { padding-bottom: 135px; } .p-xs-t-135 { padding-top: 135px; } .p-xs-r-135 { padding-right: 135px; } .p-xs-l-135 { padding-left: 135px; } .m-xs-b-135 { margin-bottom: 135px; } .m-xs-t-135 { margin-top: 135px; } .m-xs-r-135 { margin-right: 135px; } .m-xs-l-135 { margin-left: 135px; } } @media (max-width: 575px) { .p-xs-b-140 { padding-bottom: 140px; } .p-xs-t-140 { padding-top: 140px; } .p-xs-r-140 { padding-right: 140px; } .p-xs-l-140 { padding-left: 140px; } .m-xs-b-140 { margin-bottom: 140px; } .m-xs-t-140 { margin-top: 140px; } .m-xs-r-140 { margin-right: 140px; } .m-xs-l-140 { margin-left: 140px; } } @media (max-width: 575px) { .p-xs-b-145 { padding-bottom: 145px; } .p-xs-t-145 { padding-top: 145px; } .p-xs-r-145 { padding-right: 145px; } .p-xs-l-145 { padding-left: 145px; } .m-xs-b-145 { margin-bottom: 145px; } .m-xs-t-145 { margin-top: 145px; } .m-xs-r-145 { margin-right: 145px; } .m-xs-l-145 { margin-left: 145px; } } @media (max-width: 575px) { .p-xs-b-150 { padding-bottom: 150px; } .p-xs-t-150 { padding-top: 150px; } .p-xs-r-150 { padding-right: 150px; } .p-xs-l-150 { padding-left: 150px; } .m-xs-b-150 { margin-bottom: 150px; } .m-xs-t-150 { margin-top: 150px; } .m-xs-r-150 { margin-right: 150px; } .m-xs-l-150 { margin-left: 150px; } } @media (max-width: 575px) { .p-xs-b-155 { padding-bottom: 155px; } .p-xs-t-155 { padding-top: 155px; } .p-xs-r-155 { padding-right: 155px; } .p-xs-l-155 { padding-left: 155px; } .m-xs-b-155 { margin-bottom: 155px; } .m-xs-t-155 { margin-top: 155px; } .m-xs-r-155 { margin-right: 155px; } .m-xs-l-155 { margin-left: 155px; } } @media (max-width: 575px) { .p-xs-b-160 { padding-bottom: 160px; } .p-xs-t-160 { padding-top: 160px; } .p-xs-r-160 { padding-right: 160px; } .p-xs-l-160 { padding-left: 160px; } .m-xs-b-160 { margin-bottom: 160px; } .m-xs-t-160 { margin-top: 160px; } .m-xs-r-160 { margin-right: 160px; } .m-xs-l-160 { margin-left: 160px; } } @media (max-width: 575px) { .p-xs-b-165 { padding-bottom: 165px; } .p-xs-t-165 { padding-top: 165px; } .p-xs-r-165 { padding-right: 165px; } .p-xs-l-165 { padding-left: 165px; } .m-xs-b-165 { margin-bottom: 165px; } .m-xs-t-165 { margin-top: 165px; } .m-xs-r-165 { margin-right: 165px; } .m-xs-l-165 { margin-left: 165px; } } @media (max-width: 575px) { .p-xs-b-170 { padding-bottom: 170px; } .p-xs-t-170 { padding-top: 170px; } .p-xs-r-170 { padding-right: 170px; } .p-xs-l-170 { padding-left: 170px; } .m-xs-b-170 { margin-bottom: 170px; } .m-xs-t-170 { margin-top: 170px; } .m-xs-r-170 { margin-right: 170px; } .m-xs-l-170 { margin-left: 170px; } } @media (max-width: 575px) { .p-xs-b-175 { padding-bottom: 175px; } .p-xs-t-175 { padding-top: 175px; } .p-xs-r-175 { padding-right: 175px; } .p-xs-l-175 { padding-left: 175px; } .m-xs-b-175 { margin-bottom: 175px; } .m-xs-t-175 { margin-top: 175px; } .m-xs-r-175 { margin-right: 175px; } .m-xs-l-175 { margin-left: 175px; } } @media (max-width: 575px) { .p-xs-b-180 { padding-bottom: 180px; } .p-xs-t-180 { padding-top: 180px; } .p-xs-r-180 { padding-right: 180px; } .p-xs-l-180 { padding-left: 180px; } .m-xs-b-180 { margin-bottom: 180px; } .m-xs-t-180 { margin-top: 180px; } .m-xs-r-180 { margin-right: 180px; } .m-xs-l-180 { margin-left: 180px; } } @media (max-width: 575px) { .p-xs-b-185 { padding-bottom: 185px; } .p-xs-t-185 { padding-top: 185px; } .p-xs-r-185 { padding-right: 185px; } .p-xs-l-185 { padding-left: 185px; } .m-xs-b-185 { margin-bottom: 185px; } .m-xs-t-185 { margin-top: 185px; } .m-xs-r-185 { margin-right: 185px; } .m-xs-l-185 { margin-left: 185px; } } @media (max-width: 575px) { .p-xs-b-190 { padding-bottom: 190px; } .p-xs-t-190 { padding-top: 190px; } .p-xs-r-190 { padding-right: 190px; } .p-xs-l-190 { padding-left: 190px; } .m-xs-b-190 { margin-bottom: 190px; } .m-xs-t-190 { margin-top: 190px; } .m-xs-r-190 { margin-right: 190px; } .m-xs-l-190 { margin-left: 190px; } } @media (max-width: 575px) { .p-xs-b-195 { padding-bottom: 195px; } .p-xs-t-195 { padding-top: 195px; } .p-xs-r-195 { padding-right: 195px; } .p-xs-l-195 { padding-left: 195px; } .m-xs-b-195 { margin-bottom: 195px; } .m-xs-t-195 { margin-top: 195px; } .m-xs-r-195 { margin-right: 195px; } .m-xs-l-195 { margin-left: 195px; } } @media (max-width: 575px) { .p-xs-b-200 { padding-bottom: 200px; } .p-xs-t-200 { padding-top: 200px; } .p-xs-r-200 { padding-right: 200px; } .p-xs-l-200 { padding-left: 200px; } .m-xs-b-200 { margin-bottom: 200px; } .m-xs-t-200 { margin-top: 200px; } .m-xs-r-200 { margin-right: 200px; } .m-xs-l-200 { margin-left: 200px; } } @media (max-width: 575px) { .p-xs-b-205 { padding-bottom: 205px; } .p-xs-t-205 { padding-top: 205px; } .p-xs-r-205 { padding-right: 205px; } .p-xs-l-205 { padding-left: 205px; } .m-xs-b-205 { margin-bottom: 205px; } .m-xs-t-205 { margin-top: 205px; } .m-xs-r-205 { margin-right: 205px; } .m-xs-l-205 { margin-left: 205px; } } @media (max-width: 575px) { .p-xs-b-210 { padding-bottom: 210px; } .p-xs-t-210 { padding-top: 210px; } .p-xs-r-210 { padding-right: 210px; } .p-xs-l-210 { padding-left: 210px; } .m-xs-b-210 { margin-bottom: 210px; } .m-xs-t-210 { margin-top: 210px; } .m-xs-r-210 { margin-right: 210px; } .m-xs-l-210 { margin-left: 210px; } } @media (max-width: 575px) { .p-xs-b-215 { padding-bottom: 215px; } .p-xs-t-215 { padding-top: 215px; } .p-xs-r-215 { padding-right: 215px; } .p-xs-l-215 { padding-left: 215px; } .m-xs-b-215 { margin-bottom: 215px; } .m-xs-t-215 { margin-top: 215px; } .m-xs-r-215 { margin-right: 215px; } .m-xs-l-215 { margin-left: 215px; } } @media (max-width: 575px) { .p-xs-b-220 { padding-bottom: 220px; } .p-xs-t-220 { padding-top: 220px; } .p-xs-r-220 { padding-right: 220px; } .p-xs-l-220 { padding-left: 220px; } .m-xs-b-220 { margin-bottom: 220px; } .m-xs-t-220 { margin-top: 220px; } .m-xs-r-220 { margin-right: 220px; } .m-xs-l-220 { margin-left: 220px; } } @media (max-width: 575px) { .p-xs-b-225 { padding-bottom: 225px; } .p-xs-t-225 { padding-top: 225px; } .p-xs-r-225 { padding-right: 225px; } .p-xs-l-225 { padding-left: 225px; } .m-xs-b-225 { margin-bottom: 225px; } .m-xs-t-225 { margin-top: 225px; } .m-xs-r-225 { margin-right: 225px; } .m-xs-l-225 { margin-left: 225px; } } @media (max-width: 575px) { .p-xs-b-230 { padding-bottom: 230px; } .p-xs-t-230 { padding-top: 230px; } .p-xs-r-230 { padding-right: 230px; } .p-xs-l-230 { padding-left: 230px; } .m-xs-b-230 { margin-bottom: 230px; } .m-xs-t-230 { margin-top: 230px; } .m-xs-r-230 { margin-right: 230px; } .m-xs-l-230 { margin-left: 230px; } } @media (max-width: 575px) { .p-xs-b-235 { padding-bottom: 235px; } .p-xs-t-235 { padding-top: 235px; } .p-xs-r-235 { padding-right: 235px; } .p-xs-l-235 { padding-left: 235px; } .m-xs-b-235 { margin-bottom: 235px; } .m-xs-t-235 { margin-top: 235px; } .m-xs-r-235 { margin-right: 235px; } .m-xs-l-235 { margin-left: 235px; } } @media (max-width: 575px) { .p-xs-b-240 { padding-bottom: 240px; } .p-xs-t-240 { padding-top: 240px; } .p-xs-r-240 { padding-right: 240px; } .p-xs-l-240 { padding-left: 240px; } .m-xs-b-240 { margin-bottom: 240px; } .m-xs-t-240 { margin-top: 240px; } .m-xs-r-240 { margin-right: 240px; } .m-xs-l-240 { margin-left: 240px; } } @media (max-width: 575px) { .p-xs-b-245 { padding-bottom: 245px; } .p-xs-t-245 { padding-top: 245px; } .p-xs-r-245 { padding-right: 245px; } .p-xs-l-245 { padding-left: 245px; } .m-xs-b-245 { margin-bottom: 245px; } .m-xs-t-245 { margin-top: 245px; } .m-xs-r-245 { margin-right: 245px; } .m-xs-l-245 { margin-left: 245px; } } @media (max-width: 575px) { .p-xs-b-250 { padding-bottom: 250px; } .p-xs-t-250 { padding-top: 250px; } .p-xs-r-250 { padding-right: 250px; } .p-xs-l-250 { padding-left: 250px; } .m-xs-b-250 { margin-bottom: 250px; } .m-xs-t-250 { margin-top: 250px; } .m-xs-r-250 { margin-right: 250px; } .m-xs-l-250 { margin-left: 250px; } } @media (max-width: 575px) { .p-xs-b-255 { padding-bottom: 255px; } .p-xs-t-255 { padding-top: 255px; } .p-xs-r-255 { padding-right: 255px; } .p-xs-l-255 { padding-left: 255px; } .m-xs-b-255 { margin-bottom: 255px; } .m-xs-t-255 { margin-top: 255px; } .m-xs-r-255 { margin-right: 255px; } .m-xs-l-255 { margin-left: 255px; } } @media (max-width: 575px) { .p-xs-b-260 { padding-bottom: 260px; } .p-xs-t-260 { padding-top: 260px; } .p-xs-r-260 { padding-right: 260px; } .p-xs-l-260 { padding-left: 260px; } .m-xs-b-260 { margin-bottom: 260px; } .m-xs-t-260 { margin-top: 260px; } .m-xs-r-260 { margin-right: 260px; } .m-xs-l-260 { margin-left: 260px; } } @media (max-width: 575px) { .p-xs-b-265 { padding-bottom: 265px; } .p-xs-t-265 { padding-top: 265px; } .p-xs-r-265 { padding-right: 265px; } .p-xs-l-265 { padding-left: 265px; } .m-xs-b-265 { margin-bottom: 265px; } .m-xs-t-265 { margin-top: 265px; } .m-xs-r-265 { margin-right: 265px; } .m-xs-l-265 { margin-left: 265px; } } @media (max-width: 575px) { .p-xs-b-270 { padding-bottom: 270px; } .p-xs-t-270 { padding-top: 270px; } .p-xs-r-270 { padding-right: 270px; } .p-xs-l-270 { padding-left: 270px; } .m-xs-b-270 { margin-bottom: 270px; } .m-xs-t-270 { margin-top: 270px; } .m-xs-r-270 { margin-right: 270px; } .m-xs-l-270 { margin-left: 270px; } } @media (max-width: 575px) { .p-xs-b-275 { padding-bottom: 275px; } .p-xs-t-275 { padding-top: 275px; } .p-xs-r-275 { padding-right: 275px; } .p-xs-l-275 { padding-left: 275px; } .m-xs-b-275 { margin-bottom: 275px; } .m-xs-t-275 { margin-top: 275px; } .m-xs-r-275 { margin-right: 275px; } .m-xs-l-275 { margin-left: 275px; } } @media (max-width: 575px) { .p-xs-b-280 { padding-bottom: 280px; } .p-xs-t-280 { padding-top: 280px; } .p-xs-r-280 { padding-right: 280px; } .p-xs-l-280 { padding-left: 280px; } .m-xs-b-280 { margin-bottom: 280px; } .m-xs-t-280 { margin-top: 280px; } .m-xs-r-280 { margin-right: 280px; } .m-xs-l-280 { margin-left: 280px; } } @media (max-width: 575px) { .p-xs-b-285 { padding-bottom: 285px; } .p-xs-t-285 { padding-top: 285px; } .p-xs-r-285 { padding-right: 285px; } .p-xs-l-285 { padding-left: 285px; } .m-xs-b-285 { margin-bottom: 285px; } .m-xs-t-285 { margin-top: 285px; } .m-xs-r-285 { margin-right: 285px; } .m-xs-l-285 { margin-left: 285px; } } @media (max-width: 575px) { .p-xs-b-290 { padding-bottom: 290px; } .p-xs-t-290 { padding-top: 290px; } .p-xs-r-290 { padding-right: 290px; } .p-xs-l-290 { padding-left: 290px; } .m-xs-b-290 { margin-bottom: 290px; } .m-xs-t-290 { margin-top: 290px; } .m-xs-r-290 { margin-right: 290px; } .m-xs-l-290 { margin-left: 290px; } } @media (max-width: 575px) { .p-xs-b-295 { padding-bottom: 295px; } .p-xs-t-295 { padding-top: 295px; } .p-xs-r-295 { padding-right: 295px; } .p-xs-l-295 { padding-left: 295px; } .m-xs-b-295 { margin-bottom: 295px; } .m-xs-t-295 { margin-top: 295px; } .m-xs-r-295 { margin-right: 295px; } .m-xs-l-295 { margin-left: 295px; } } @media (max-width: 575px) { .p-xs-b-300 { padding-bottom: 300px; } .p-xs-t-300 { padding-top: 300px; } .p-xs-r-300 { padding-right: 300px; } .p-xs-l-300 { padding-left: 300px; } .m-xs-b-300 { margin-bottom: 300px; } .m-xs-t-300 { margin-top: 300px; } .m-xs-r-300 { margin-right: 300px; } .m-xs-l-300 { margin-left: 300px; } }