Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/dreamhomefabrication/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@charset "utf-8"; @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"); @import url("https://fonts.googleapis.com/css?family=Anton&display=swap&subset=latin-ext,vietnamese"); @import url("icomoon.css"); /** *** Table Of Contents **/ /* ** Template colors * Accent Colors: 1: #f2c014 2: #f23e14 3: #2cb129 4: #208dcc Light section (.ls) colors: Text color in light section: #303849 Background color for light section and font color in dark section: #ffffff Color for headings in light section and for background in dark section (.ds): #23222d Background color for light muted section (grey - .ls.ms): #f7f8f8 Background color for dark muted section (.ds.ms): #303849 Border colors for elements in light section (and .bordered elements): rgba(48, 56, 73, 0.1), rgba(72, 97, 115, 0.2) Background color for elements in light section (.hero-bg): #f5f5f5 Dark section (.ds) colors: Text color in dark section: #9a9a9a Border colors for elements in dark section: rgba(255, 255, 255, 0.1) Background color for elements in dark section (.hero-bg): rgba(255, 255, 255, 0.05) Color section (.cs) colors: Background color for elements in color section: rgba(255, 255, 255, 0.1) Border color for elements in color section: rgba(255, 255, 255, 0.15) 1. Common tags styles 2. Styled lists 3. Overrides for default Bootstrap components 4. jQuery plugins styles - owl - flexslider - photoswipe - piechart - timetable - totop - countdown 5. Bootstrap Addons helpers styles for sections and elements - horizontal - vertical - sections - media_items - buttons 6. Light background sections (.ls) styles 7. Dark background sections (.ds) styles 8. Color background sections (.cs) styles 9. Bootstrap Addons utility styles - layout - colors - spacing 10. Shortcodes styles - icon-box - special-heading - number-card - price_table - quote-item - items-masonry 11. Widgets styles - search_mailchimp - nav_cat_arch_meta_pages - calendar - rss - tag_cloud - flickr - instagram - access_press - twitter - post_slider - post_tabs - post_2cols 12. Social icons styles 13. WordPress styles 14. Menu styles 15. Header styles 16. Side header styles 17. Intro section styles 18. Common sub-pages styles 19. Template specific sections styles */ /* ** General Styles for HTML tags */ html { height: 100%; overflow: visible; position: relative; width: 100%; } ::selection { background-color: #f2c014; color: #fff; } ::-moz-selection { background-color: #f2c014; color: #fff; } body { background-color: #fff; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; overflow: visible; overflow-x: hidden; overflow-y: scroll; position: relative; } h1, h2, h3, h4, h5, h6 { font-family: "Anton", sans-serif; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; font-variant-numeric: lining-nums; font-weight: 400; line-height: 1.1; margin-bottom: 0.65em; margin-top: 0.65em; text-transform: uppercase; word-break: break-word; } h1 { font-size: 60px; margin-bottom: 0.22em; margin-top: 0.97em; } h2 { font-size: 50px; margin-bottom: 0.3em; margin-top: 1.13em; } h3 { font-size: 40px; margin-bottom: 0.5em; margin-top: 1.5em; } h4 { font-size: 30px; margin-bottom: 0.34em; margin-top: 2em; } h5 { font-size: 20px; margin-bottom: 0.61em; margin-top: 3em; } h6 { font-size: 18px; margin-bottom: 1.1em; margin-top: 3.5em; } h3.big { font-size: 60px; line-height: 1; } @media (max-width: 992px) { h1 { font-size: 2.6rem; } h2 { font-size: 2.4rem; } h3 { font-size: 2.1rem; } h4 { font-size: 1.7rem; } h5 { font-size: 1.5rem; } h6 { font-size: 1.3rem; } h3.big { font-size: 2.6rem; } } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } p { margin-bottom: 24px; } ul:last-child, ol:last-child, p:last-child { margin-bottom: 0; } p:last-child:after { clear: both; content: ""; display: block; } img, figure { height: auto; max-width: 100%; } figcaption { font-size: 0.95em; line-height: 1.4; padding: 10px 0 7px; } figcaption p { margin-bottom: 0; } b, strong { font-weight: 700; } label { color: #23222d; } a { color: #303849; text-decoration: none; transition: all 0.2s ease-in-out 0s; } a:hover { color: #f2c014; text-decoration: none; transition: all 0.15s linear 0s; } blockquote { font-style: italic; margin: 33px 0 28px; max-width: 100%; padding: 0; text-align: center; } @media (min-width: 768px) { blockquote { margin: 49px 0 53px; max-width: 83%; padding: 0 0 0 80px; text-align: inherit; } } blockquote .quote-author { position: relative; } blockquote .quote-author img { margin-bottom: 20px; max-width: 150px; } @media (min-width: 768px) { blockquote .quote-author img { float: left; margin-bottom: 0; margin-right: 57px; margin-top: -18px; } } blockquote .quote-author:before { background-color: #f2c014; content: ""; height: 43px; -webkit-mask: url(../images/quote-mark.png) no-repeat center/contain; position: absolute; right: -30px; top: -86px; width: 55px; } @media (min-width: 768px) { blockquote .quote-author:before { right: 27px; top: -30px; } } blockquote footer { font-size: 20px; font-style: normal; font-weight: 500; margin-top: 18px; } blockquote footer span { font-weight: 300; } blockquote footer span:before { content: "|"; font-size: 20px; font-weight: 400; margin: 0 24px 0 21px; position: relative; top: 1px; } @media (max-width: 767px) { blockquote footer span:before { margin: 0 10px 0 15px; } } blockquote p { margin-bottom: 0; } input:focus, button:focus, select:focus, textarea:focus, a:focus { outline: medium none; text-decoration: none; } a > img { transition: all 0.15s ease-in-out 0s; } a:hover > img { opacity: 0.9; } a.btn:active, a.button:active, button:active, input[type="submit"]:active { position: relative; top: 1px !important; } hr { border-color: rgba(48, 56, 73, 0.1); margin-bottom: 30px; margin-left: 0; margin-right: 0; margin-top: 30px; } iframe { border: none; max-width: 100%; } table { margin: 10px 0; max-width: 100%; width: 100%; } table td, table th { border: 1px solid #e7e7e7; line-height: 1.42857143; padding: 13px 8px; vertical-align: middle; } table th { color: #23222d; font-weight: normal; vertical-align: middle; } canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } pre { background-color: rgba(150, 150, 150, 0.05); line-height: 1.5; padding: 0.5em 1em; } .big { font-size: 20px; line-height: 1.5; } .big em { display: inline-block; margin: 0.3em 0 0; } @media (min-width: 768px) { .big em { margin: 1em 0 0.5em; } } .media h3 { text-transform: uppercase; } .media .dropcap { margin-right: 0; } .small-text { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; text-transform: uppercase; } @media (min-width: 768px) { .small-text.extra-letter-spacing { letter-spacing: 1em; } } ul, ol { padding-left: 0.99rem; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } .list-bordered { list-style: none; overflow: hidden; padding: 0; } .list-bordered li { border-bottom: 1px solid rgba(72, 97, 115, 0.2); border-top: 1px solid rgba(72, 97, 115, 0.2); padding-bottom: 8px; padding-top: 7px; } .list-bordered li + li { border-top: none; } .list-bordered.no-top-border > li:first-child { border-top: none; } .list-bordered.no-bottom-border > li:last-child { border-bottom: none; } .list-styled ul, ul.list-styled { list-style: none; padding: 0; } .list-styled ul.list-wide li, ul.list-styled.list-wide li { padding: 9px 0; } .list-styled ul li, ul.list-styled li { line-height: 1; padding: 7px 0; position: relative; } .list-styled ul li:first-child, ul.list-styled li:first-child { padding-top: 0 !important; } .list-styled ul li:last-child, ul.list-styled li:last-child { padding-bottom: 0 !important; } .list-styled ul li:before, ul.list-styled li:before { color: #f2c014; content: "\f054"; font-family: "FontAwesome"; font-size: 10px; padding-right: 13px; position: relative; top: -1px; } .list-styled ol, ol.list-styled { counter-reset: li; list-style: none outside none; padding: 0; } .list-styled ol li, ol.list-styled li { padding: 3px 0 3px 33px; } .list-styled ol li:before, ol.list-styled li:before { color: #f2c014; content: "." counter(li, decimal-leading-zero); counter-increment: li; font-weight: 500; left: 16px; position: absolute; } .bg-maincolor2 .list-bordered li { border-color: rgba(255, 255, 255, 0.2); padding-bottom: 8px; padding-top: 7px; } .list-styled2 ol li, ol.list-styled2 li { padding-left: 3px; } .list-styled2 ol li + li, ol.list-styled2 li + li { padding-top: 17px; } .list-styled2 ul, ul.list-styled2 { list-style: none; margin: -4px 0 21px; padding: 0; } .list-styled2 ul li, ul.list-styled2 li { line-height: 1; padding: 9px 0; position: relative; } .list-styled2 ul li:first-child, ul.list-styled2 li:first-child { padding-top: 0 !important; } .list-styled2 ul li:last-child, ul.list-styled2 li:last-child { padding-bottom: 0 !important; } .list-styled2 ul li:before, ul.list-styled2 li:before { content: "\f111"; font-family: "FontAwesome"; font-size: 3px; padding-right: 12px; position: relative; top: -4px; } .cs ul.list-styled li:before { color: #fff; } /* ** Bootstrap Overrides */ /* bootstrap breadcrumbs*/ .breadcrumb { background-color: transparent; border-radius: 0; color: inherit; font-size: 20px; margin: 0; padding: 0; } .breadcrumb > li { display: inline-block; float: none; padding: 0; } .text-center .breadcrumb { justify-content: center; } @media (min-width: 992px) { .text-lg-right .breadcrumb { justify-content: flex-end; } } @media (min-width: 992px) { .text-lg-left .breadcrumb { justify-content: flex-start; } } .breadcrumb > .active { color: #f2c014; font-weight: 400; } .breadcrumb-item + .breadcrumb-item::before { color: #fff; padding: 0 14px 0 11px; } @media (max-width: 767px) { .breadcrumb-item + .breadcrumb-item::before { padding: 0 3px; } } /* forms */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select, .form-control { background-color: transparent; border: 1px solid rgba(35, 34, 45, 0.1); border-radius: 0; color: #303849; font-size: 16px; font-weight: 300; height: 60px; padding-bottom: 9px; padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 100%; } input[disabled] { cursor: not-allowed; opacity: .4; } input[type="submit"], button { cursor: pointer; } input[type="submit"], button { background: transparent; border: 1px solid #23222d; color: #23222d; cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; padding: 19px 36px; text-transform: uppercase; transition: all 0.2s ease-in-out; } .ds input[type="submit"]:not([class]), .cs input[type="submit"]:not([class]), .ds button:not([class]), .cs button:not([class]) { border-color: #fff; color: #fff; } textarea, textarea.form-control { height: auto; padding-bottom: 14px; padding-top: 18px; } textarea.small, textarea.form-control.small { padding-top: 16px; } .form-group { position: relative; } [class*='col-'] > .form-group { margin-bottom: 0; } [class*='col-'] > .form-group + .form-group { margin-top: 10px; } .has-placeholder label { display: none; } /* select styling */ select[multiple] { height: auto; } select option, .form-control option { background-color: #fff; color: #23222d; font-weight: 300; } .form-control-unstyled { background-color: transparent; border: none; } .form-control:focus { border-color: rgba(35, 34, 45, 0.19); box-shadow: none; } .form-control.invalid { border-color: #dc5753 !important; } .form-control:-moz-placeholder { color: #303849; opacity: 1; } .form-control::-moz-placeholder { color: #303849; opacity: 1; } .form-control:-ms-input-placeholder { color: #303849; } .form-control::-webkit-input-placeholder { color: #303849; } .form-control:focus:-moz-placeholder { color: transparent; } .form-control:focus::-moz-placeholder { color: transparent; } .form-control:focus:-ms-input-placeholder { color: transparent; } .form-control:focus::-webkit-input-placeholder { color: transparent; } /*icons for forms */ form label + [class*="fa-"], form label + [class^="ico-"] { font-size: 14px; left: 27px; position: absolute; text-align: center; top: 24px; width: 1em; } form label + [class*="fa-"] + .form-control, form label + [class*="ico-"] + .form-control { padding-left: 46px; } label { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; text-transform: uppercase; } .checkbox label, .radio label { font-weight: inherit; } .checkbox label[for], .radio label[for] { font-weight: inherit; } .checkbox label[for] + input[type=checkbox], .checkbox label[for] + input[type=radio], .radio label[for] + input[type=checkbox], .radio label[for] + input[type=radio] { left: 20px; } input[type=checkbox], input[type=radio] { margin-top: 8px; } .form-wrapper.hero-bg, .form-wrapper.muted-bg, .form-wrapper.cs, .form-wrapper.ds, .form-wrapper.ls { padding: 35px; } .has-error .form-control { border-color: #f2c014; } .has-error label, .has-error .help-block { color: #f2c014; } /*styled checkbox */ .checkbox input[type="checkbox"] { display: none; } .checkbox label + input[type="checkbox"], .checkbox label > input[type="checkbox"] { display: inline-block; } input[type="checkbox"] + label { padding-left: 0; } input[type="checkbox"] + label > a { color: #23222d; } input[type="checkbox"] + label:before { border: 1px solid rgba(48, 56, 73, 0.1); content: ""; display: inline-block; font-family: "FontAwesome"; font-size: 15px; height: 16px; line-height: 14px; margin: 1px 10px 4px 0; padding-right: 0.1em; text-align: center; vertical-align: middle; width: 16px; } input[type="checkbox"]:checked + label:before { color: #23222d; content: "\f00c"; } input[type="checkbox"]:disabled + label:before { background-color: rgba(48, 56, 73, 0.1); } /*styled radio*/ .radio input[type="radio"] { display: none; } .radio label + input[type="radio"], .radio label > input[type="radio"] { display: inline-block; } input[type="radio"] + label { padding-left: 0; } input[type="radio"] + label > a { color: #999; } input[type="radio"] + label:before { border: 2px solid rgba(48, 56, 73, 0.1); border-radius: 50%; content: ""; display: inline-block; height: 16px; margin-bottom: 2px; margin-right: 10px; vertical-align: middle; width: 16px; } input[type="radio"]:checked + label:before { background-clip: content-box; background-color: #23222d; padding: 3px; } input[type="radio"]:disabled + label:before { background-color: rgba(48, 56, 73, 0.1); } .select_container { position: relative; } .select_container:before { color: #f2c014; content: "\f107"; font-family: FontAwesome; font-size: 16px; font-weight: 600; pointer-events: none; position: absolute; right: 21px; top: 25%; } select { -webkit-appearance: none; -moz-appearance: none; padding-left: 20px; } /* carousel */ .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-indicators li { border-radius: 50%; height: 10px; max-width: 10px; } /* bootstrap tabs*/ .nav-tabs { border-bottom: none; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { background-color: #f7f8f8; border: 0; border-radius: 0; margin-right: 4px; } .nav-tabs .nav-link:hover { background-color: #f2c014; color: #23222d; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #f2c014; } .nav-link { color: #303849; padding: 19px 50px 17px; } @media (max-width: 767px) { .nav-link { padding: 10px; } } .small-tabs .nav-link { padding: 10px 15px; } .tab-content { border: 1px solid rgba(48, 56, 73, 0.1); padding: 40px 40px; } .tab-pane .media img { max-width: 40%; } .tab-pane .media img:first-child { margin-right: 10px; } .tab-pane .media h3, .tab-pane .media h4, .tab-pane .media h5 { font-weight: 900; } .vertical-tab.nav-tabs { padding: 0; } @media (min-width: 768px) { .vertical-tab.nav-tabs { max-width: 370px; } } .vertical-tab.nav-tabs .nav-item { border-bottom: 1px solid rgba(48, 56, 73, 0.2); font-size: 20px; font-weight: 500; } .vertical-tab.nav-tabs .nav-item:last-child { border-bottom: 0; } .vertical-tab.nav-tabs .nav-item.show .nav-link, .vertical-tab.nav-tabs .nav-item .nav-link.active { background-color: transparent; border: 0; border-color: inherit; color: #f2c014; } .vertical-tab.nav-tabs .nav-item .nav-link { background-color: transparent; border: 0; font-style: italic; font-weight: 900; padding: 11px 0 10px; } .vertical-tab.nav-tabs .nav-item .nav-link:before { font-size: 12px; font-style: normal; padding-right: 16px; } .vertical-tab-content { padding: 0; } .nav-tabs.special-nav { display: flex; justify-content: space-between; } @media (max-width: 1199px) { .nav-tabs.special-nav { justify-content: center; } } .nav-tabs.special-nav .nav-link { background-color: transparent; margin-right: 0; padding: 0 0 17px 0; position: relative; } @media (max-width: 1199px) { .nav-tabs.special-nav .nav-link { margin: 0 20px 10px; padding: 0 0 4px 0; } } .nav-tabs.special-nav .nav-link.active { color: #f2c014; } .nav-tabs.special-nav .nav-link:after { background-color: #f2c014; bottom: -3px; content: ""; height: 2px; left: 0; position: absolute; right: 0; transition: all 0.2s ease-in-out 0s; width: 0; } .nav-tabs.special-nav .nav-link:hover:after, .nav-tabs.special-nav .nav-link.active:after { width: 100%; } .special-tab { border: 0; padding: 28px 0 42px; } @media (max-width: 767px) { .special-tab { padding: 10px 0 20px; } } /* bootstrap collapse*/ .accordion.with-bg { background-color: #f7f8f8; padding: 50px; } .card:first-child .card-header a { margin-top: -1px; padding-top: 0; } [data-toggle="collapse"] { display: inline-block; padding-right: 20px; position: relative; } [data-toggle="collapse"]:after { content: "\f078"; font-family: "FontAwesome"; font-size: 10px; margin-top: -2px; position: absolute; right: 0; top: 30%; } [data-toggle="collapse"].collapsed:after { content: "\f054"; } [role="tablist"] .card { background: none; border: none; border-radius: 0; margin-bottom: 10px; } [role="tablist"] .card:last-child { margin-bottom: 0; } [role="tablist"] .card-header { background: none; border: none; padding: 0; } [role="tablist"] .card-header a { border-bottom: 2px solid rgba(48, 56, 73, 0.1); color: #23222d; display: block; font-size: 20px; padding: 15px 70px 15px 0; position: relative; } [role="tablist"] .card-header a i { color: #fff; } [role="tablist"] .card-header a:after { bottom: auto; color: #f2c014; content: "\f107"; font-family: "FontAwesome"; font-size: 16px; font-weight: 900; line-height: 30px; margin-top: -21px; position: absolute; right: 0; top: 50%; transform: rotate(180deg); transition: all .3s ease-in-out; vertical-align: top; width: auto; } [role="tablist"] .card-header a.collapsed { border-width: 1px; opacity: 0.8; } [role="tablist"] .card-header a.collapsed:hover { color: #f2c014; opacity: 1; } [role="tablist"] .card-header a.collapsed i { color: #f2c014; } [role="tablist"] .card-header a.collapsed:after { content: "\f107"; transform: rotate(0deg); } [role="tablist"] .card-header a.collapsed:hover i { color: #fff; } [role="tablist"] .card-body { padding: 13px 0; } [role="tablist"] .media img { max-width: 80px; } [role="tablist"] .tab-side + .tab-side { margin-top: 15px; } /* bootstrap dropdown menu */ .dropdown-menu { background-color: #fff; border: none; border-radius: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); font-size: inherit; line-height: 1.5; margin-top: 0; padding: 40px; z-index: 1001; } .dropdown-menu > a { display: block; white-space: nowrap; } .dropdown-menu > a > img { max-width: none; } .dropdown-menu > a + a { margin-top: 1.5em; } .dropdown .dropdown-menu label, .dropdown .dropdown-menu h3, .dropdown .dropdown-menu h4 { color: #23222d; } .dropdown.show .dropdown-menu input { border: 1px solid rgba(48, 56, 73, 0.1); } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: transparent; color: #23222d; } .dropdwon-menu-title { padding: 10px 30px; } @media (min-width: 1300px) { .container { max-width: 1200px; } } /* modal */ .modal-search .modal-dialog { margin: 0; max-width: 100%; } .modal-search .modal-dialog .modal-content { border: 0; } .modal.fade { opacity: 0; perspective: 1300px; transform: rotateX(-60deg); transform-origin: 50% 0; transform-style: preserve-3d; transition: all 0.3s; } .show.modal.fade { opacity: 1; padding: 0 !important; transform: rotateX(0deg); } .modal-open { padding-right: 0 !important; } .modal-backdrop.show { background-color: #1a202e; opacity: 0.8; } .modal-content { border-radius: 1px; } .modal-content [class*="col-"]:last-child { margin-bottom: 0; } @media (min-width: 576px) { #modalLoginForm .modal-dialog { margin: 1.75rem auto; max-width: 820px; } #modalLoginForm .modal-dialog .modal-content { align-items: center; border: 0; flex-direction: initial; margin-top: -12px; } #modalLoginForm .modal-dialog .modal-content .modal-header { border-bottom: 0; margin-bottom: 26px; padding: 0; } #modalLoginForm .modal-dialog .modal-content .modal-body { padding: 0 90px 0 50px; } #modalLoginForm .modal-dialog .modal-content .modal-body form input { border-width: 0 0 1px 0; height: 35px; padding: 3px 0; } #modalLoginForm .modal-dialog .modal-content .modal-body form .form-group { margin-bottom: 28px; } #modalLoginForm .modal-dialog .modal-content .modal-body .modal-password { margin-top: 34px; text-decoration: underline; } #modalLoginForm .modal-dialog .modal-content .modal-footer { border-top: 0; margin-top: 58px; padding: 0; } } #modalLoginForm .close { opacity: 1; position: absolute; right: -15px; top: -48px; z-index: 1000; } #modalLoginForm .close:before { background-color: #f2c014; content: ""; height: 30px; -webkit-mask: url(../img/close.png) no-repeat center/contain; position: absolute; transition: .5s all; width: 30px; } #modalLoginForm .close:hover:before { background-color: #f23e14; transform: rotate(90deg); } /* media elements */ .media > img { display: block; } .media-body h3, .media-body h4, .media-body h5, .media-body h6 { line-height: 1; margin-bottom: 12px; } * + .media-body, .media-body + * { margin-left: 20px; } td .media-body { width: auto; } .embed-responsive-3by2 { background-color: #23222d; height: 0; padding-bottom: 48.3%; } .embed-responsive-3by2 a > img { opacity: 0.3; } .embed-responsive-3by2 a:hover > img { opacity: 0.3; } .video-post .embed-responsive-3by2 { padding-bottom: 41%; } .embed-placeholder:after, .video-link:after { color: #f2c014; content: "\e904"; font-family: "icomoon"; font-size: 60px; left: 50%; line-height: 56px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; } .embed-placeholder:hover:after, .video-link:hover:after { color: #fff; } .alert { border-radius: 0; border-width: 0; color: #23222d; margin-bottom: 20px; padding: 18px 33px; } .alert:last-child { margin-bottom: 0; } .alert:before { content: ""; font-family: FontAwesome; font-size: 14px; left: -4px; position: relative; top: 0; } .alert-success { background-color: #4db19e; color: #fff; } .alert-success:before { content: "\f058"; } .alert-info { background-color: #007ebd; color: #fff; } .alert-info:before { content: "\f06a"; } .alert-warning { background-color: #eeb269; } .alert-warning:before { content: "\f071"; } .alert-danger { background-color: #dc5753; color: #fff; } .alert-danger:before { content: "\f057"; } .mark, mark { background-color: transparent; } button.close { min-width: 0; } /* small in headings */ .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { color: inherit; font-weight: 300; } /* labels */ .label-success { background-color: #4db19e; color: #fff; } .label-info { background-color: #007ebd; color: #fff; } .label-warning { background-color: #eeb269; color: #fff; } .label-danger { background-color: #dc5753; color: #fff; } /*progress bars*/ .progress { background-color: #e5e5e5; border: none; border-radius: 0; box-shadow: none; height: 1px; margin-bottom: 47px; margin-top: 2px; overflow: visible; position: relative; } .progress:last-child { margin-bottom: 10px; } .progress .progress-bar { border-radius: 5px; box-shadow: none; color: inherit; height: 4px; margin-top: -1.11px; transition: width 0.5s ease 0.2s; } .progress .progress-bar span { color: #303849; font-size: 16px; position: absolute; right: 0; top: -37px; } .progress [data-transitiongoal] { width: 0; } .progress-title { margin-bottom: 13px; } .card { border: 0; border-radius: 0 !important; } /* **plugins */ /* Owl carousel v 2.1.6 styles */ /* Owl Carousel - Core */ .owl-carousel { display: none; position: relative; -webkit-tap-color-main-color: transparent; touch-action: manipulation; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel.owl-shadow-items .owl-stage { padding-bottom: 5px; padding-top: 0; } .owl-carousel .owl-stage:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .owl-carousel .owl-stage-outer { margin-left: -10px; margin-right: -10px; overflow: hidden; padding-left: 10px; padding-right: 10px; position: relative; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; float: left; min-height: 1px; position: relative; -webkit-tap-color-main-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item .box-shadow { height: 100%; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; transition: all 0.3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { display: block; opacity: 0; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-dots { line-height: 1; -webkit-tap-color-main-color: transparent; text-align: center; } .owl-carousel .owl-dots .owl-dot { display: inline; display: inline-block; zoom: 1; } .owl-carousel .owl-dots .owl-dot span { -webkit-backface-visibility: visible; background-color: #fff; border: 1px solid #fff; border-radius: 50%; display: block; height: 8px; margin: 5px 12px; opacity: 0.5; transition: all 200ms ease; width: 8px; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { border-color: #fff; opacity: 1; } .owl-carousel .owl-nav { transition: all 0.3s ease; } .owl-carousel .owl-nav > div { background-color: #f2c014; border: 0; border-radius: 50px; bottom: 0; height: 40px; margin: 0; right: -20px; text-align: center; top: 50%; width: 39px; } @media (max-width: 575px) { .owl-carousel .owl-nav > div { right: -13px; } } .owl-carousel .owl-nav > div.disabled { cursor: default; opacity: 0.2; } .owl-carousel .owl-nav > div.disabled:hover { cursor: default; opacity: 0.2; } .owl-carousel .owl-nav > div:hover { background-color: #f23e14; } .owl-carousel .owl-nav > div i { color: #fff; font-size: 20px; line-height: 40px; margin: 0; transition: all 0.3s ease-in-out 0s; } .owl-carousel .owl-nav > div:first-child { left: -20px; right: auto; } @media (max-width: 575px) { .owl-carousel .owl-nav > div:first-child { left: -13px; } } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { background: #000; height: 100%; position: relative; } .owl-carousel .owl-video-play-icon { -webkit-backface-visibility: hidden; background: url("../img/owl.video.play.png") no-repeat; cursor: pointer; height: 80px; left: 50%; margin-left: -40px; margin-top: -40px; position: absolute; top: 50%; transition: transform 100ms ease; width: 80px; z-index: 1; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { background-position: center center; background-repeat: no-repeat; background-size: contain; height: 100%; opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { height: 100%; position: relative; width: 100%; z-index: 1; } /* THEMES Owl Default Theme */ .owl-theme:hover .owl-nav { opacity: 1; } .owl-theme .owl-nav { left: 0; opacity: 1; position: absolute; right: 0; -webkit-tap-color-main-color: transparent; text-align: center; top: 45%; } .owl-theme .owl-nav > div { position: absolute; text-align: center; } .owl-theme .owl-nav .disabled { cursor: default; opacity: 0.5; } .owl-theme .owl-dots { margin-top: 40px; } .item-media .owl-theme .owl-dots { bottom: 20px; left: 0; margin: 0; position: absolute; right: 0; } /* .owl-center theme */ /*theme with nav at the top right corner*/ .top-right-nav .owl-nav { position: absolute; right: -1em; top: -55px; } .top-right-nav .owl-nav > div { background: transparent; min-width: 2em; } .top-right-nav .owl-nav > div:first-child { left: auto; right: 3em; } .top-right-nav .owl-nav > div i { font-size: 1em; } /*theme with text nav*/ .owl-text-nav .owl-nav { display: none; -webkit-tap-color-main-color: transparent; text-align: center; } @media (min-width: 1560px) { .owl-text-nav .owl-nav { display: block; left: -13vw; position: absolute; right: -13vw; top: 50%; } } @media (min-width: 1800px) { .owl-text-nav .owl-nav { left: -15vw; right: -15vw; } } .owl-text-nav .owl-nav > div { margin-top: -30px; position: absolute; right: 10px; text-align: center; } .owl-text-nav .owl-nav > div > span { display: block; font-weight: 900; line-height: 1; } @media (min-width: 1560px) { .owl-text-nav .owl-nav > div > span { font-size: 38px; line-height: 1; max-width: 5em; } } .small-gallery-carousel a { display: block; overflow: hidden; } .small-gallery-carousel a img { opacity: 0.4; transition: all 0.3s ease-in-out; } .small-gallery-carousel a:hover img { opacity: 0.2; transform: scale(1.2, 1.2); } .small-gallery-carousel .owl-nav > div { margin-top: -8px; opacity: 1; } .small-gallery-carousel .owl-nav > div i { font-size: 20px; } /* owl images fix */ .owl-carousel .owl-item { opacity: 0; transition: opacity 0.2s ease 0.1s; } .owl-carousel .owl-item.active { opacity: 1; } .owl-center .owl-item { opacity: 1; } .gallery-single .owl-nav, .post .owl-nav, .widget_slider .owl-nav { transition: all 0.3s ease; } .gallery-single .owl-nav > div, .post .owl-nav > div, .widget_slider .owl-nav > div { border-radius: 50px 0 0 50px; right: -10px; top: 50%; width: 39px; } .gallery-single .owl-nav > div:hover, .post .owl-nav > div:hover, .widget_slider .owl-nav > div:hover { right: 0; } .gallery-single .owl-nav > div:hover i, .post .owl-nav > div:hover i, .widget_slider .owl-nav > div:hover i { left: 40%; } .gallery-single .owl-nav > div i, .post .owl-nav > div i, .widget_slider .owl-nav > div i { font-size: 14px; left: 30%; position: absolute; top: 50%; transform: translateY(-50%); } .gallery-single .owl-nav > div:first-child, .post .owl-nav > div:first-child, .widget_slider .owl-nav > div:first-child { border-radius: 0 50px 50px 0; left: -10px; right: auto; } .gallery-single .owl-nav > div:first-child:hover, .post .owl-nav > div:first-child:hover, .widget_slider .owl-nav > div:first-child:hover { left: 0; } .gallery-single .owl-nav > div:first-child:hover i, .post .owl-nav > div:first-child:hover i, .widget_slider .owl-nav > div:first-child:hover i { right: 40%; } .gallery-single .owl-nav > div:first-child i, .post .owl-nav > div:first-child i, .widget_slider .owl-nav > div:first-child i { left: auto; right: 30%; } .owl-carousel.with-shadow .owl-stage { margin-bottom: 5px; } .ls .owl-dots .owl-dot span { background-color: #303849; border: 1px solid #303849; } .ls .owl-dots .owl-dot.active span, .ls .owl-dots .owl-dot:hover span { border-color: #303849; opacity: 1; } .topline-news-nav-arrow.prev-arrow.fa.fa-chevron-left:before { left: -2px; position: relative; } .topline-news-nav-arrow.prev-arrow.fa.fa-chevron-right:before { position: relative; right: -2px; } .post .owl-theme .owl-nav, .single-post .owl-theme .owl-nav, .gallery-single .owl-theme .owl-nav { bottom: 0; left: 0; position: static; right: 0; top: 50%; } .post .owl-theme .owl-nav > div, .single-post .owl-theme .owl-nav > div, .gallery-single .owl-theme .owl-nav > div { background-color: rgba(35, 34, 45, 0.7); border-radius: 0; bottom: 0; height: 100%; opacity: 1; right: 0; top: 50%; transform: translateY(-50%); width: 40px; } .post .owl-theme .owl-nav > div:first-child:hover i, .single-post .owl-theme .owl-nav > div:first-child:hover i, .gallery-single .owl-theme .owl-nav > div:first-child:hover i { right: 15px; } .post .owl-theme .owl-nav > div:hover, .single-post .owl-theme .owl-nav > div:hover, .gallery-single .owl-theme .owl-nav > div:hover { background-color: rgba(35, 34, 45, 0.8); } .post .owl-theme .owl-nav > div:hover i, .single-post .owl-theme .owl-nav > div:hover i, .gallery-single .owl-theme .owl-nav > div:hover i { color: #fff; } .post .owl-theme .owl-nav > div:first-child, .single-post .owl-theme .owl-nav > div:first-child, .gallery-single .owl-theme .owl-nav > div:first-child { left: 0; right: auto; } .post .owl-theme .owl-nav > div i, .single-post .owl-theme .owl-nav > div i, .gallery-single .owl-theme .owl-nav > div i { color: #f2c014; font-size: 14px; left: auto; right: 15px; } /* ** Flexslider * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; } /* FlexSlider Necessary Styles */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { -webkit-backface-visibility: hidden; display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; width: 100%; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { clear: both; content: "\0020"; display: block; height: 0; line-height: 0; visibility: hidden; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme */ .flexslider { margin: 0 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } /* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav a { color: transparent; cursor: pointer; display: block; font-size: 0; height: 40px; margin: -20px 0 0; opacity: 0; overflow: hidden; position: absolute; text-align: center; text-decoration: none; top: 50%; width: 40px; z-index: 10; } .flex-direction-nav .flex-prev { left: 40px; } .flex-direction-nav .flex-next { right: 40px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; } .flexslider:hover .flex-next { opacity: 0.7; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { cursor: default; filter: alpha(opacity=0); opacity: 0; } .flex-direction-nav a:before { color: #fff; content: "\f104"; font-family: "FontAwesome"; font-size: 20px; left: 12px; position: absolute; top: 5px; } .flex-direction-nav a.flex-next:before { content: "\f105"; left: 14px; } /* Pause/Play */ .flex-pauseplay a { bottom: 5px; color: #000; cursor: pointer; display: block; height: 20px; left: 10px; opacity: 0.8; overflow: hidden; position: absolute; width: 20px; z-index: 10; } .flex-pauseplay a:before { content: "\f01d"; display: inline-block; font-family: "FontAwesome"; font-size: 20px; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: "\f01d"; } /* Control Nav */ .flex-control-nav { bottom: 20px; color: transparent; font-size: 0; line-height: 0; position: absolute; text-align: center; width: 100%; z-index: 10; } .flex-control-nav li { display: inline; display: inline-block; text-align: center; zoom: 1; } .flex-control-paging li a { border: 1px solid #fff; border-radius: 5px; cursor: pointer; display: block; height: 20px; width: 5px; } @media (max-width: 991px) { .flex-control-paging li a { height: 5px; width: 20px; } } .ds .flex-control-paging li a, .cs .flex-control-paging li a { border-color: #fff; } .flex-control-paging li a:hover { background-color: #fff; border-color: #fff; opacity: 1; } .flex-control-paging li a.flex-active { background-color: #fff; border-color: #fff; opacity: 1; } .flex-control-thumbs { margin: 1px -1px; overflow: hidden; position: static; } .flex-control-thumbs li { float: left; margin: 0 0 1px; padding: 0 0 0 1px; width: 25%; } .flex-control-thumbs img { cursor: pointer; display: block; opacity: .7; width: 100%; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { cursor: default; opacity: 1; } /* custom nav for flex slider*/ .flex-custom-nav { bottom: 38px; left: 0; line-height: 1; position: absolute; right: 0; text-align: center; transition: all 0.3s ease-in-out; z-index: 3; } .flex-custom-nav .flex-control-nav { display: inline-block; position: static; width: auto; } .flex-custom-nav .flex-custom-link { bottom: 7px; color: #23222d; font-size: 12px; margin: 0 8px; position: relative; } .ds .flex-custom-nav .flex-custom-link, .cs .flex-custom-nav .flex-custom-link { color: #fff; } .flex-custom-nav .flex-custom-link:hover { color: #f2c014; } .page_slider:hover .flex-custom-nav { opacity: 1; } .flexslider-overlay { background-color: #1a202e; bottom: 0; content: ""; display: block; height: 100%; left: 0; opacity: .5; position: absolute; right: 0; top: 0; width: 100%; } .flexslider-overlay.darken-overlay { opacity: .6; } .page_slider #myVideo { display: block; height: auto; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } @media (max-width: 1199px) { .page_slider #myVideo { width: auto; } } @media (max-width: 1199px) { .page_slider .flexslider .slides > li { min-height: 500px; } .page_slider .flexslider .slides > li > img { display: none; } } /* **photoswipe * http://photoswipe.com/ * */ /* pswp = photoswipe */ .pswp { /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: hidden; position: absolute; -webkit-text-size-adjust: 100%; top: 0; touch-action: none; width: 100%; z-index: 1500; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); will-change: opacity; } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { -webkit-backface-visibility: hidden; background: #000; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: translateZ(0); width: 100%; will-change: opacity; } .pswp__scroll-wrap { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .pswp__container, .pswp__zoom-wrap { bottom: 0; left: 0; position: absolute; right: 0; top: 0; touch-action: none; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__zoom-wrap { position: absolute; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); width: 100%; } .pswp__bg { /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); will-change: opacity; } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .pswp__img { height: auto; left: 0; position: absolute; top: 0; width: auto; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { height: auto !important; left: 0; top: 0; width: 100% !important; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { color: #ccc; font-size: 14px; left: 0; line-height: 16px; margin-top: -8px; position: absolute; text-align: center; top: 50%; width: 100%; } .pswp__error-msg a { color: #ccc; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /* <button> css reset */ .pswp__button { -webkit-appearance: none; background: none; border: 0; box-shadow: none; cursor: pointer; display: block; float: right; height: 44px; margin: 0; opacity: 0.75; overflow: visible; padding: 0; position: relative; transition: opacity 0.2s; width: 44px; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { opacity: 0.9; outline: none; } .pswp__button::-moz-focus-inner { border: 0; padding: 0; } /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../img/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; height: 44px; width: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../img/photoswipe/default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { background-position: -88px 0; display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } /* no arrows on touch screens */ .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } /* Arrow buttons hit area (icon is added to :before pseudo-element) */ .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; height: 100px; margin-top: -50px; position: absolute; top: 50%; width: 70px; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 30px; position: absolute; top: 35px; width: 32px; } .pswp__button--arrow--left:before { background-position: -138px -44px; left: 6px; } .pswp__button--arrow--right:before { background-position: -94px -44px; right: 6px; } /* 2. Share modal/popup and links */ .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { -webkit-backface-visibility: hidden; background: rgba(0, 0, 0, 0.5); display: block; height: 100%; left: 0; opacity: 0; padding: 10px; position: absolute; top: 0; transition: opacity 0.25s ease-out; width: 100%; will-change: opacity; z-index: 1600; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { -webkit-backface-visibility: hidden; background: #fff; border-radius: 2px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); display: block; position: absolute; right: 44px; top: 56px; transform: translateY(6px); transition: transform 0.25s; width: auto; will-change: transform; z-index: 1620; } .pswp__share-tooltip a { color: #000; display: block; font-size: 14px; line-height: 18px; padding: 8px 12px; text-decoration: none; } .pswp__share-tooltip a:hover { color: #000; text-decoration: none; } .pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { transform: translateY(0); } /* increase size of share links on touch devices */ .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #fff; content: ""; display: block; height: 0; -moz-pointer-events: none; pointer-events: none; -webkit-pointer-events: none; position: absolute; right: 15px; top: -12px; width: 0; } a.pswp__share--facebook:hover { background: #3e5c9a; color: #fff; } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { background: #55acee; color: #fff; } a.pswp__share--pinterest:hover { background: #ccc; color: #ce272d; } a.pswp__share--download:hover { background: #ddd; } /* 3. Index indicator ("1 of X" counter) */ .pswp__counter { color: #fff; font-size: 13px; height: 44px; left: 0; line-height: 44px; opacity: 0.75; padding: 0 10px; position: absolute; top: 0; } /* 4. Caption */ .pswp__caption { bottom: 0; left: 0; min-height: 44px; position: absolute; width: 100%; } .pswp__caption small { color: #bbb; font-size: 11px; } .pswp__caption__center { color: #ccc; font-size: 13px; line-height: 20px; margin: 0 auto; max-width: 420px; padding: 10px; text-align: left; } .pswp__caption--empty { display: none; } /* Fake caption element, used to calculate height of next/prev image */ .pswp__caption--fake { visibility: hidden; } /* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { direction: ltr; height: 44px; left: 50%; margin-left: -22px; opacity: 0; position: absolute; top: 0; transition: opacity 0.25s ease-out; width: 44px; will-change: opacity; } .pswp__preloader__icn { height: 20px; margin: 12px; width: 20px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(../img/photoswipe/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; height: 14px; left: 15px; margin: 0; opacity: 0.75; position: absolute; top: 15px; width: 14px; } .pswp--css_animation .pswp__preloader__cut { height: 14px; overflow: hidden; /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; } .pswp--css_animation .pswp__preloader__donut { background: none; border: 2px solid #fff; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; box-sizing: border-box; height: 14px; left: 0; margin: 0; position: absolute; top: 0; width: 14px; } @media screen and (max-width: 1024px) { .pswp__preloader { float: right; left: auto; margin: 0; position: relative; top: auto; } } @keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes donut-rotate { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0); } } /* 6. Additional styles */ /* root element of UI */ .pswp__ui { -webkit-font-smoothing: auto; opacity: 1; visibility: visible; z-index: 1550; } /* top black bar with buttons and "1 of X" indicator */ .pswp__top-bar { height: 44px; left: 0; position: absolute; top: 0; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); will-change: opacity; } /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } /* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */ .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp__zoom-wrap .embed-responsive { margin: auto; max-width: 90%; top: 50%; transform: translateY(-50%); } @media (min-width: 1200px) { .pswp__zoom-wrap .embed-responsive { max-width: 50%; } } /* ** Easy pieChart */ .chart { display: inline-block; margin-bottom: 10px; min-height: 150px; min-width: 150px; position: relative; text-align: center; } .chart .chart-meta { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .chart .chart-meta h4 { font-size: 20px; letter-spacing: 0.2em; margin: 0; } .chart .chart-meta p { margin-top: -6px; } .percent { display: inline-block; font-family: "Roboto", sans-serif; font-size: 54px; font-weight: 500; margin-bottom: 0; z-index: 2; } .percent:after { content: "%"; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } /* ** Time Table */ #timetable span { display: block; } #timetable th, #timetable td { font-weight: normal; padding: 25px 5px; text-align: center; vertical-align: middle; } #timetable thead { color: #fff; } #timetable thead th { border: 1px solid rgba(255, 255, 255, 0.15); border-width: 0 1px; } #timetable tbody th, #timetable tbody td { border: 1px solid rgba(48, 56, 73, 0.1); transition: all 0.3s ease-in-out; } #timetable tbody .current { background-color: #f2c014; border-color: #f2c014; } #timetable tbody .current a { color: #fff; } /* ** toTop */ #toTop { background-color: #f2c014; border-radius: 50%; bottom: 10px; color: transparent; display: none; font-size: 0; height: 60px; opacity: 0.7; overflow: hidden; position: fixed; right: 10px; text-decoration: none; width: 60px; z-index: 1000; } #toTop:after { bottom: 0; color: #fff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 16px; left: 0; line-height: 60px; position: absolute; right: 0; text-align: center; top: 0; transition: all 0.2s linear; } #toTopHover, #toTop:hover { bottom: 3px; opacity: 1; } #toTop:hover:after { color: #fff; } #toTop:active, #toTop:focus { outline: medium none; } .modal-open #toTop { visibility: hidden; } /* Countdown */ #comingsoon-countdown { text-align: center; } #comingsoon-countdown:before, #comingsoon-countdown:after { clear: both; content: " "; display: table; } .countdown-rtl { direction: rtl; } .countdown-row { clear: both; display: table; margin: auto; padding: 20px 0; text-align: center; } .countdown-section { border-left: 1px solid rgba(255, 255, 255, 0.15); display: table-cell; padding: 10px; text-align: center; } @media (min-width: 992px) { .countdown-section { padding: 10px 30px 20px; } } .countdown-section:first-child { border-left-width: 0; } .countdown-amount { color: #f2c014; font-size: 80px; font-weight: 700; line-height: 1; } .countdown-period { color: #fff; display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.2em; min-width: 11em; text-transform: uppercase; } .countdown-descr { display: block; } @media (max-width: 767px) { .countdown-amount { font-size: 40px; } .countdown-period { letter-spacing: 0.1em; min-width: 4em; } } /* sidebar scroll plugin */ .scroll-wrapper { height: 100%; overflow: hidden; padding: 0; position: relative; } .scroll-wrapper > .scroll-content { border: none; box-sizing: content-box; height: auto; left: 0; margin: 0; max-height: none; max-width: none; overflow: scroll; padding: 0; position: relative; top: 0; width: auto; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { box-sizing: content-box; display: none; } .scroll-element div { box-sizing: content-box; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: rgba(127, 127, 127, 0.4); border-radius: 1px; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0; height: 0; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 0; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* ** Bootstrap Addons */ /* ** Horizontal padding (gutters) for columns and rows */ /* columns .c - columns px-* - horizontal padding value */ .c-gutter-130 [class*="col-"], .row.c-gutter-130 > [class*="col-"] { padding-left: 65px; padding-right: 65px; } .c-gutter-100 [class*="col-"], .row.c-gutter-100 > [class*="col-"] { padding-left: 50px; padding-right: 50px; } .c-gutter-90 [class*="col-"], .row.c-gutter-90 > [class*="col-"] { padding-left: 45px; padding-right: 45px; } .c-gutter-80 [class*="col-"], .row.c-gutter-80 > [class*="col-"] { padding-left: 40px; padding-right: 40px; } .c-gutter-70 [class*="col-"], .row.c-gutter-70 > [class*="col-"] { padding-left: 35px; padding-right: 35px; } .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] { padding-left: 30px; padding-right: 30px; } .c-gutter-50 [class*="col-"], .row.c-gutter-50 > [class*="col-"] { padding-left: 25px; padding-right: 25px; } .c-gutter-45 [class*="col-"], .row.c-gutter-45 > [class*="col-"] { padding-left: 23px; padding-right: 22px; } .c-gutter-40 [class*="col-"], .row.c-gutter-40 > [class*="col-"] { padding-left: 20px; padding-right: 20px; } .c-gutter-30 [class*="col-"], .row.c-gutter-30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } .c-gutter-25 [class*="col-"], .row.c-gutter-25 > [class*="col-"] { padding-left: 13px; padding-right: 12px; } .c-gutter-20 [class*="col-"], .row.c-gutter-20 > [class*="col-"] { padding-left: 10px; padding-right: 10px; } .c-gutter-15 [class*="col-"], .row.c-gutter-15 > [class*="col-"] { padding-left: 8px; padding-right: 7px; } .c-gutter-10 [class*="col-"], .row.c-gutter-10 > [class*="col-"] { padding-left: 5px; padding-right: 5px; } .c-gutter-5 [class*="col-"], .row.c-gutter-5 > [class*="col-"] { padding-left: 3px; padding-right: 2px; } .c-gutter-2 [class*="col-"], .row.c-gutter-2 > [class*="col-"] { padding-left: 1px; padding-right: 1px; } .c-gutter-1 [class*="col-"], .row.c-gutter-1 > [class*="col-"] { padding-left: 1px; padding-right: 0; } /*same as bootstrap .no-gutters class*/ .c-gutter-0 [class*="col-"], .row.c-gutter-0 > [class*="col-"] { padding-left: 0; padding-right: 0; } /* rows */ .c-gutter-130 .row, div.row.c-gutter-130 { margin-left: -65px; margin-right: -65px; } .c-gutter-100 .row, div.row.c-gutter-100 { margin-left: -50px; margin-right: -50px; } .c-gutter-90 .row, div.row.c-gutter-90 { margin-left: -45px; margin-right: -45px; } .c-gutter-80 .row, div.row.c-gutter-80 { margin-left: -40px; margin-right: -40px; } .c-gutter-70 .row, div.row.c-gutter-70 { margin-left: -35px; margin-right: -35px; } .c-gutter-60 .row, div.row.c-gutter-60 { margin-left: -30px; margin-right: -30px; } .c-gutter-50 .row, div.row.c-gutter-50 { margin-left: -25px; margin-right: -25px; } .c-gutter-45 .row, div.row.c-gutter-45 { margin-left: -23px; margin-right: -22px; } .c-gutter-40 .row, div.row.c-gutter-40 { margin-left: -20px; margin-right: -20px; } .c-gutter-30 .row, div.row.c-gutter-30 { margin-left: -15px; margin-right: -15px; } .c-gutter-25 .row, div.row.c-gutter-25 { margin-left: -13px; margin-right: -12px; } .c-gutter-20 .row, div.row.c-gutter-20 { margin-left: -10px; margin-right: -10px; } .c-gutter-15 .row, div.row.c-gutter-15 { margin-left: -8px; margin-right: -7px; } .c-gutter-10 .row, div.row.c-gutter-10 { margin-left: -5px; margin-right: -5px; } .c-gutter-5 .row, div.row.c-gutter-5 { margin-left: -3px; margin-right: -2px; } .c-gutter-2 .row, div.row.c-gutter-2 { margin-left: -1px; margin-right: -1px; } .c-gutter-1 .row, div.row.c-gutter-1 { margin-left: -1px; margin-right: 0; } .c-gutter-0 .row, div.row.c-gutter-0 { margin-left: 0; margin-right: 0; } /* containers */ .container-px-0 [class*='container'] { padding-left: 0; padding-right: 0; } .container-px-1 [class*='container'] { padding-left: 1px; padding-right: 1px; } .container-px-2 [class*='container'] { padding-left: 2px; padding-right: 2px; } .container-px-5 [class*='container'] { padding-left: 5px; padding-right: 5px; } .container-px-10 [class*='container'] { padding-left: 10px; padding-right: 10px; } .container-px-20 [class*='container'] { padding-left: 20px; padding-right: 20px; } .container-px-30 [class*='container'] { padding-left: 30px; padding-right: 30px; } .container-px-60 [class*='container'] { padding-left: 60px; padding-right: 60px; } .container-px-80 [class*='container'] { padding-left: 80px; padding-right: 80px; } /* ** Vertical margins and padding for sections and columns */ /* Vertical padding for sections .s - section pt-* - padding top value pb-* - padding bottom value py-* - same value for top and for bottom padding */ .s-pt-0 > [class*='container'] { padding-top: 0; } .s-pt-1 > [class*='container'] { padding-top: 1px; } .s-pt-2 > [class*='container'] { padding-top: 2px; } .s-pt-3 > [class*='container'] { padding-top: 3px; } .s-pt-5 > [class*='container'] { padding-top: 5px; } .s-pt-10 > [class*='container'] { padding-top: 10px; } .s-pt-15 > [class*='container'] { padding-top: 15px; } .s-pt-20 > [class*='container'] { padding-top: 20px; } .s-pt-25 > [class*='container'] { padding-top: 25px; } .s-pt-30 > [class*='container'] { padding-top: 30px; } .s-pt-35 > [class*='container'] { padding-top: 35px; } .s-pt-40 > [class*='container'] { padding-top: 40px; } .s-pt-45 > [class*='container'] { padding-top: 45px; } .s-pt-50 > [class*='container'] { padding-top: 50px; } .s-pt-55 > [class*='container'] { padding-top: 55px; } .s-pt-60 > [class*='container'] { padding-top: 60px; } .s-pt-65 > [class*='container'] { padding-top: 65px; } .s-pt-70 > [class*='container'] { padding-top: 70px; } .s-pt-75 > [class*='container'] { padding-top: 75px; } .s-pt-80 > [class*='container'] { padding-top: 80px; } .s-pt-85 > [class*='container'] { padding-top: 85px; } .s-pt-90 > [class*='container'] { padding-top: 90px; } .s-pt-95 > [class*='container'] { padding-top: 95px; } .s-pt-100 > [class*='container'] { padding-top: 100px; } .s-pt-110 > [class*='container'] { padding-top: 110px; } .s-pt-115 > [class*='container'] { padding-top: 115px; } .s-pt-120 > [class*='container'] { padding-top: 120px; } .s-pt-105 > [class*='container'] { padding-top: 105px; } .s-pt-125 > [class*='container'] { padding-top: 125px; } .s-pt-130 > [class*='container'] { padding-top: 130px; } .s-pt-120 > [class*='container'] { padding-top: 120px; } .s-pt-130 > [class*='container'] { padding-top: 130px; } .s-pt-135 > [class*='container'] { padding-top: 135px; } .s-pt-140 > [class*='container'] { padding-top: 140px; } .s-pt-145 > [class*='container'] { padding-top: 145px; } .s-pt-150 > [class*='container'] { padding-top: 150px; } .s-pt-175 > [class*='container'] { padding-top: 175px; } .s-pt-185 > [class*='container'] { padding-top: 185px; } .s-pt-195 > [class*='container'] { padding-top: 195px; } .s-pb-0 > [class*='container'] { padding-bottom: 0; } .s-pb-1 > [class*='container'] { padding-bottom: 1px; } .s-pb-2 > [class*='container'] { padding-bottom: 2px; } .s-pb-3 > [class*='container'] { padding-bottom: 3px; } .s-pb-5 > [class*='container'] { padding-bottom: 5px; } .s-pb-10 > [class*='container'] { padding-bottom: 10px; } .s-pb-15 > [class*='container'] { padding-bottom: 15px; } .s-pb-20 > [class*='container'] { padding-bottom: 20px; } .s-pb-25 > [class*='container'] { padding-bottom: 25px; } .s-pb-30 > [class*='container'] { padding-bottom: 30px; } .s-pb-35 > [class*='container'] { padding-bottom: 35px; } .s-pb-40 > [class*='container'] { padding-bottom: 40px; } .s-pb-45 > [class*='container'] { padding-bottom: 45px; } .s-pb-50 > [class*='container'] { padding-bottom: 50px; } .s-pb-55 > [class*='container'] { padding-bottom: 55px; } .s-pb-60 > [class*='container'] { padding-bottom: 60px; } .s-pb-65 > [class*='container'] { padding-bottom: 65px; } .s-pb-70 > [class*='container'] { padding-bottom: 70px; } .s-pb-75 > [class*='container'] { padding-bottom: 75px; } .s-pb-80 > [class*='container'] { padding-bottom: 80px; } .s-pb-85 > [class*='container'] { padding-bottom: 85px; } .s-pb-90 > [class*='container'] { padding-bottom: 90px; } .s-pb-95 > [class*='container'] { padding-bottom: 95px; } .s-pb-100 > [class*='container'] { padding-bottom: 100px; } .s-pb-110 > [class*='container'] { padding-bottom: 110px; } .s-pb-115 > [class*='container'] { padding-bottom: 115px; } .s-pb-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-105 > [class*='container'] { padding-bottom: 105px; } .s-pb-125 > [class*='container'] { padding-bottom: 125px; } .s-pb-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-135 > [class*='container'] { padding-bottom: 135px; } .s-pb-140 > [class*='container'] { padding-bottom: 140px; } .s-pb-145 > [class*='container'] { padding-bottom: 145px; } .s-pb-150 > [class*='container'] { padding-bottom: 150px; } .s-pb-175 > [class*='container'] { padding-bottom: 175px; } .s-pb-185 > [class*='container'] { padding-bottom: 185px; } .s-pb-195 > [class*='container'] { padding-bottom: 195px; } .s-py-0 > [class*='container'] { padding-bottom: 0; padding-top: 0; } .s-py-1 > [class*='container'] { padding-bottom: 1px; padding-top: 1px; } .s-py-2 > [class*='container'] { padding-bottom: 2px; padding-top: 2px; } .s-py-3 > [class*='container'] { padding-bottom: 3px; padding-top: 3px; } .s-py-5 > [class*='container'] { padding-bottom: 5px; padding-top: 5px; } .s-py-10 > [class*='container'] { padding-bottom: 10px; padding-top: 10px; } .s-py-15 > [class*='container'] { padding-bottom: 15px; padding-top: 15px; } .s-py-20 > [class*='container'] { padding-bottom: 20px; padding-top: 20px; } .s-py-25 > [class*='container'] { padding-bottom: 25px; padding-top: 25px; } .s-py-30 > [class*='container'] { padding-bottom: 30px; padding-top: 30px; } .s-py-35 > [class*='container'] { padding-bottom: 35px; padding-top: 35px; } .s-py-40 > [class*='container'] { padding-bottom: 40px; padding-top: 40px; } .s-py-45 > [class*='container'] { padding-bottom: 45px; padding-top: 45px; } .s-py-50 > [class*='container'] { padding-bottom: 50px; padding-top: 50px; } .s-py-55 > [class*='container'] { padding-bottom: 55px; padding-top: 55px; } .s-py-60 > [class*='container'] { padding-bottom: 60px; padding-top: 60px; } .s-py-65 > [class*='container'] { padding-bottom: 65px; padding-top: 65px; } .s-py-70 > [class*='container'] { padding-bottom: 70px; padding-top: 70px; } .s-py-75 > [class*='container'] { padding-bottom: 75px; padding-top: 75px; } .s-py-80 > [class*='container'] { padding-bottom: 80px; padding-top: 80px; } .s-py-85 > [class*='container'] { padding-bottom: 85px; padding-top: 85px; } .s-py-90 > [class*='container'] { padding-bottom: 90px; padding-top: 90px; } .s-py-95 > [class*='container'] { padding-bottom: 95px; padding-top: 95px; } .s-py-100 > [class*='container'] { padding-bottom: 100px; padding-top: 100px; } .s-py-110 > [class*='container'] { padding-bottom: 110px; padding-top: 110px; } .s-py-115 > [class*='container'] { padding-bottom: 115px; padding-top: 115px; } .s-py-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-105 > [class*='container'] { padding-bottom: 105px; padding-top: 105px; } .s-py-125 > [class*='container'] { padding-bottom: 125px; padding-top: 125px; } .s-py-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-135 > [class*='container'] { padding-bottom: 135px; padding-top: 135px; } .s-py-140 > [class*='container'] { padding-bottom: 140px; padding-top: 140px; } .s-py-145 > [class*='container'] { padding-bottom: 145px; padding-top: 145px; } .s-py-150 > [class*='container'] { padding-bottom: 150px; padding-top: 150px; } .s-py-175 > [class*='container'] { padding-bottom: 175px; padding-top: 175px; } .s-py-185 > [class*='container'] { padding-bottom: 185px; padding-top: 185px; } .s-py-195 > [class*='container'] { padding-bottom: 195px; padding-top: 195px; } @media (min-width: 576px) { .s-pt-sm-0 > [class*='container'] { padding-top: 0; } .s-pt-sm-1 > [class*='container'] { padding-top: 1px; } .s-pt-sm-2 > [class*='container'] { padding-top: 2px; } .s-pt-sm-3 > [class*='container'] { padding-top: 3px; } .s-pt-sm-5 > [class*='container'] { padding-top: 5px; } .s-pt-sm-10 > [class*='container'] { padding-top: 10px; } .s-pt-sm-15 > [class*='container'] { padding-top: 15px; } .s-pt-sm-20 > [class*='container'] { padding-top: 20px; } .s-pt-sm-25 > [class*='container'] { padding-top: 25px; } .s-pt-sm-30 > [class*='container'] { padding-top: 30px; } .s-pt-sm-35 > [class*='container'] { padding-top: 35px; } .s-pt-sm-40 > [class*='container'] { padding-top: 40px; } .s-pt-sm-45 > [class*='container'] { padding-top: 45px; } .s-pt-sm-50 > [class*='container'] { padding-top: 50px; } .s-pt-sm-55 > [class*='container'] { padding-top: 55px; } .s-pt-sm-60 > [class*='container'] { padding-top: 60px; } .s-pt-sm-65 > [class*='container'] { padding-top: 65px; } .s-pt-sm-70 > [class*='container'] { padding-top: 70px; } .s-pt-sm-75 > [class*='container'] { padding-top: 75px; } .s-pt-sm-80 > [class*='container'] { padding-top: 80px; } .s-pt-sm-85 > [class*='container'] { padding-top: 85px; } .s-pt-sm-90 > [class*='container'] { padding-top: 90px; } .s-pt-sm-95 > [class*='container'] { padding-top: 95px; } .s-pt-sm-100 > [class*='container'] { padding-top: 100px; } .s-pt-sm-110 > [class*='container'] { padding-top: 110px; } .s-pt-sm-115 > [class*='container'] { padding-top: 115px; } .s-pt-sm-120 > [class*='container'] { padding-top: 120px; } .s-pt-sm-105 > [class*='container'] { padding-top: 105px; } .s-pt-sm-125 > [class*='container'] { padding-top: 125px; } .s-pt-sm-130 > [class*='container'] { padding-top: 130px; } .s-pt-sm-120 > [class*='container'] { padding-top: 120px; } .s-pt-sm-130 > [class*='container'] { padding-top: 130px; } .s-pt-sm-135 > [class*='container'] { padding-top: 135px; } .s-pt-sm-140 > [class*='container'] { padding-top: 140px; } .s-pt-sm-145 > [class*='container'] { padding-top: 145px; } .s-pt-sm-150 > [class*='container'] { padding-top: 150px; } .s-pt-sm-175 > [class*='container'] { padding-top: 175px; } .s-pt-sm-185 > [class*='container'] { padding-top: 185px; } .s-pt-sm-195 > [class*='container'] { padding-top: 195px; } .s-pb-sm-0 > [class*='container'] { padding-bottom: 0; } .s-pb-sm-1 > [class*='container'] { padding-bottom: 1px; } .s-pb-sm-2 > [class*='container'] { padding-bottom: 2px; } .s-pb-sm-3 > [class*='container'] { padding-bottom: 3px; } .s-pb-sm-5 > [class*='container'] { padding-bottom: 5px; } .s-pb-sm-10 > [class*='container'] { padding-bottom: 10px; } .s-pb-sm-15 > [class*='container'] { padding-bottom: 15px; } .s-pb-sm-20 > [class*='container'] { padding-bottom: 20px; } .s-pb-sm-25 > [class*='container'] { padding-bottom: 25px; } .s-pb-sm-30 > [class*='container'] { padding-bottom: 30px; } .s-pb-sm-35 > [class*='container'] { padding-bottom: 35px; } .s-pb-sm-40 > [class*='container'] { padding-bottom: 40px; } .s-pb-sm-45 > [class*='container'] { padding-bottom: 45px; } .s-pb-sm-50 > [class*='container'] { padding-bottom: 50px; } .s-pb-sm-55 > [class*='container'] { padding-bottom: 55px; } .s-pb-sm-60 > [class*='container'] { padding-bottom: 60px; } .s-pb-sm-65 > [class*='container'] { padding-bottom: 65px; } .s-pb-sm-70 > [class*='container'] { padding-bottom: 70px; } .s-pb-sm-75 > [class*='container'] { padding-bottom: 75px; } .s-pb-sm-80 > [class*='container'] { padding-bottom: 80px; } .s-pb-sm-85 > [class*='container'] { padding-bottom: 85px; } .s-pb-sm-90 > [class*='container'] { padding-bottom: 90px; } .s-pb-sm-95 > [class*='container'] { padding-bottom: 95px; } .s-pb-sm-100 > [class*='container'] { padding-bottom: 100px; } .s-pb-sm-110 > [class*='container'] { padding-bottom: 110px; } .s-pb-sm-115 > [class*='container'] { padding-bottom: 115px; } .s-pb-sm-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-sm-105 > [class*='container'] { padding-bottom: 105px; } .s-pb-sm-125 > [class*='container'] { padding-bottom: 125px; } .s-pb-sm-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-sm-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-sm-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-sm-135 > [class*='container'] { padding-bottom: 135px; } .s-pb-sm-140 > [class*='container'] { padding-bottom: 140px; } .s-pb-sm-145 > [class*='container'] { padding-bottom: 145px; } .s-pb-sm-150 > [class*='container'] { padding-bottom: 150px; } .s-pb-sm-175 > [class*='container'] { padding-bottom: 175px; } .s-pb-sm-185 > [class*='container'] { padding-bottom: 185px; } .s-pb-sm-195 > [class*='container'] { padding-bottom: 195px; } .s-py-sm-0 > [class*='container'] { padding-bottom: 0; padding-top: 0; } .s-py-sm-1 > [class*='container'] { padding-bottom: 1px; padding-top: 1px; } .s-py-sm-2 > [class*='container'] { padding-bottom: 2px; padding-top: 2px; } .s-py-sm-3 > [class*='container'] { padding-bottom: 3px; padding-top: 3px; } .s-py-sm-5 > [class*='container'] { padding-bottom: 5px; padding-top: 5px; } .s-py-sm-10 > [class*='container'] { padding-bottom: 10px; padding-top: 10px; } .s-py-sm-15 > [class*='container'] { padding-bottom: 15px; padding-top: 15px; } .s-py-sm-20 > [class*='container'] { padding-bottom: 20px; padding-top: 20px; } .s-py-sm-25 > [class*='container'] { padding-bottom: 25px; padding-top: 25px; } .s-py-sm-30 > [class*='container'] { padding-bottom: 30px; padding-top: 30px; } .s-py-sm-35 > [class*='container'] { padding-bottom: 35px; padding-top: 35px; } .s-py-sm-40 > [class*='container'] { padding-bottom: 40px; padding-top: 40px; } .s-py-sm-45 > [class*='container'] { padding-bottom: 45px; padding-top: 45px; } .s-py-sm-50 > [class*='container'] { padding-bottom: 50px; padding-top: 50px; } .s-py-sm-55 > [class*='container'] { padding-bottom: 55px; padding-top: 55px; } .s-py-sm-60 > [class*='container'] { padding-bottom: 60px; padding-top: 60px; } .s-py-sm-65 > [class*='container'] { padding-bottom: 65px; padding-top: 65px; } .s-py-sm-70 > [class*='container'] { padding-bottom: 70px; padding-top: 70px; } .s-py-sm-75 > [class*='container'] { padding-bottom: 75px; padding-top: 75px; } .s-py-sm-80 > [class*='container'] { padding-bottom: 80px; padding-top: 80px; } .s-py-sm-85 > [class*='container'] { padding-bottom: 85px; padding-top: 85px; } .s-py-sm-90 > [class*='container'] { padding-bottom: 90px; padding-top: 90px; } .s-py-sm-95 > [class*='container'] { padding-bottom: 95px; padding-top: 95px; } .s-py-sm-100 > [class*='container'] { padding-bottom: 100px; padding-top: 100px; } .s-py-sm-110 > [class*='container'] { padding-bottom: 110px; padding-top: 110px; } .s-py-sm-115 > [class*='container'] { padding-bottom: 115px; padding-top: 115px; } .s-py-sm-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-sm-105 > [class*='container'] { padding-bottom: 105px; padding-top: 105px; } .s-py-sm-125 > [class*='container'] { padding-bottom: 125px; padding-top: 125px; } .s-py-sm-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-sm-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-sm-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-sm-135 > [class*='container'] { padding-bottom: 135px; padding-top: 135px; } .s-py-sm-140 > [class*='container'] { padding-bottom: 140px; padding-top: 140px; } .s-py-sm-145 > [class*='container'] { padding-bottom: 145px; padding-top: 145px; } .s-py-sm-150 > [class*='container'] { padding-bottom: 150px; padding-top: 150px; } .s-py-sm-175 > [class*='container'] { padding-bottom: 175px; padding-top: 175px; } .s-py-sm-185 > [class*='container'] { padding-bottom: 185px; padding-top: 185px; } .s-py-sm-195 > [class*='container'] { padding-bottom: 195px; padding-top: 195px; } } @media (min-width: 768px) { .s-pt-md-0 > [class*='container'] { padding-top: 0; } .s-pt-md-1 > [class*='container'] { padding-top: 1px; } .s-pt-md-2 > [class*='container'] { padding-top: 2px; } .s-pt-md-3 > [class*='container'] { padding-top: 3px; } .s-pt-md-5 > [class*='container'] { padding-top: 5px; } .s-pt-md-10 > [class*='container'] { padding-top: 10px; } .s-pt-md-15 > [class*='container'] { padding-top: 15px; } .s-pt-md-20 > [class*='container'] { padding-top: 20px; } .s-pt-md-25 > [class*='container'] { padding-top: 25px; } .s-pt-md-30 > [class*='container'] { padding-top: 30px; } .s-pt-md-35 > [class*='container'] { padding-top: 35px; } .s-pt-md-40 > [class*='container'] { padding-top: 40px; } .s-pt-md-45 > [class*='container'] { padding-top: 45px; } .s-pt-md-50 > [class*='container'] { padding-top: 50px; } .s-pt-md-55 > [class*='container'] { padding-top: 55px; } .s-pt-md-60 > [class*='container'] { padding-top: 60px; } .s-pt-md-65 > [class*='container'] { padding-top: 65px; } .s-pt-md-70 > [class*='container'] { padding-top: 70px; } .s-pt-md-75 > [class*='container'] { padding-top: 75px; } .s-pt-md-80 > [class*='container'] { padding-top: 80px; } .s-pt-md-85 > [class*='container'] { padding-top: 85px; } .s-pt-md-90 > [class*='container'] { padding-top: 90px; } .s-pt-md-95 > [class*='container'] { padding-top: 95px; } .s-pt-md-100 > [class*='container'] { padding-top: 100px; } .s-pt-md-110 > [class*='container'] { padding-top: 110px; } .s-pt-md-115 > [class*='container'] { padding-top: 115px; } .s-pt-md-120 > [class*='container'] { padding-top: 120px; } .s-pt-md-105 > [class*='container'] { padding-top: 105px; } .s-pt-md-125 > [class*='container'] { padding-top: 125px; } .s-pt-md-130 > [class*='container'] { padding-top: 130px; } .s-pt-md-120 > [class*='container'] { padding-top: 120px; } .s-pt-md-130 > [class*='container'] { padding-top: 130px; } .s-pt-md-135 > [class*='container'] { padding-top: 135px; } .s-pt-md-140 > [class*='container'] { padding-top: 140px; } .s-pt-md-145 > [class*='container'] { padding-top: 145px; } .s-pt-md-150 > [class*='container'] { padding-top: 150px; } .s-pt-md-175 > [class*='container'] { padding-top: 175px; } .s-pt-md-185 > [class*='container'] { padding-top: 185px; } .s-pt-md-195 > [class*='container'] { padding-top: 195px; } .s-pb-md-0 > [class*='container'] { padding-bottom: 0; } .s-pb-md-1 > [class*='container'] { padding-bottom: 1px; } .s-pb-md-2 > [class*='container'] { padding-bottom: 2px; } .s-pb-md-3 > [class*='container'] { padding-bottom: 3px; } .s-pb-md-5 > [class*='container'] { padding-bottom: 5px; } .s-pb-md-10 > [class*='container'] { padding-bottom: 10px; } .s-pb-md-15 > [class*='container'] { padding-bottom: 15px; } .s-pb-md-20 > [class*='container'] { padding-bottom: 20px; } .s-pb-md-25 > [class*='container'] { padding-bottom: 25px; } .s-pb-md-30 > [class*='container'] { padding-bottom: 30px; } .s-pb-md-35 > [class*='container'] { padding-bottom: 35px; } .s-pb-md-40 > [class*='container'] { padding-bottom: 40px; } .s-pb-md-45 > [class*='container'] { padding-bottom: 45px; } .s-pb-md-50 > [class*='container'] { padding-bottom: 50px; } .s-pb-md-55 > [class*='container'] { padding-bottom: 55px; } .s-pb-md-60 > [class*='container'] { padding-bottom: 60px; } .s-pb-md-65 > [class*='container'] { padding-bottom: 65px; } .s-pb-md-70 > [class*='container'] { padding-bottom: 70px; } .s-pb-md-75 > [class*='container'] { padding-bottom: 75px; } .s-pb-md-80 > [class*='container'] { padding-bottom: 80px; } .s-pb-md-85 > [class*='container'] { padding-bottom: 85px; } .s-pb-md-90 > [class*='container'] { padding-bottom: 90px; } .s-pb-md-95 > [class*='container'] { padding-bottom: 95px; } .s-pb-md-100 > [class*='container'] { padding-bottom: 100px; } .s-pb-md-110 > [class*='container'] { padding-bottom: 110px; } .s-pb-md-115 > [class*='container'] { padding-bottom: 115px; } .s-pb-md-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-md-105 > [class*='container'] { padding-bottom: 105px; } .s-pb-md-125 > [class*='container'] { padding-bottom: 125px; } .s-pb-md-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-md-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-md-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-md-135 > [class*='container'] { padding-bottom: 135px; } .s-pb-md-140 > [class*='container'] { padding-bottom: 140px; } .s-pb-md-145 > [class*='container'] { padding-bottom: 145px; } .s-pb-md-150 > [class*='container'] { padding-bottom: 150px; } .s-pb-md-175 > [class*='container'] { padding-bottom: 175px; } .s-pb-md-185 > [class*='container'] { padding-bottom: 185px; } .s-pb-md-195 > [class*='container'] { padding-bottom: 195px; } .s-py-md-0 > [class*='container'] { padding-bottom: 0; padding-top: 0; } .s-py-md-1 > [class*='container'] { padding-bottom: 1px; padding-top: 1px; } .s-py-md-2 > [class*='container'] { padding-bottom: 2px; padding-top: 2px; } .s-py-md-3 > [class*='container'] { padding-bottom: 3px; padding-top: 3px; } .s-py-md-5 > [class*='container'] { padding-bottom: 5px; padding-top: 5px; } .s-py-md-10 > [class*='container'] { padding-bottom: 10px; padding-top: 10px; } .s-py-md-15 > [class*='container'] { padding-bottom: 15px; padding-top: 15px; } .s-py-md-20 > [class*='container'] { padding-bottom: 20px; padding-top: 20px; } .s-py-md-25 > [class*='container'] { padding-bottom: 25px; padding-top: 25px; } .s-py-md-30 > [class*='container'] { padding-bottom: 30px; padding-top: 30px; } .s-py-md-35 > [class*='container'] { padding-bottom: 35px; padding-top: 35px; } .s-py-md-40 > [class*='container'] { padding-bottom: 40px; padding-top: 40px; } .s-py-md-45 > [class*='container'] { padding-bottom: 45px; padding-top: 45px; } .s-py-md-50 > [class*='container'] { padding-bottom: 50px; padding-top: 50px; } .s-py-md-55 > [class*='container'] { padding-bottom: 55px; padding-top: 55px; } .s-py-md-60 > [class*='container'] { padding-bottom: 60px; padding-top: 60px; } .s-py-md-65 > [class*='container'] { padding-bottom: 65px; padding-top: 65px; } .s-py-md-70 > [class*='container'] { padding-bottom: 70px; padding-top: 70px; } .s-py-md-75 > [class*='container'] { padding-bottom: 75px; padding-top: 75px; } .s-py-md-80 > [class*='container'] { padding-bottom: 80px; padding-top: 80px; } .s-py-md-85 > [class*='container'] { padding-bottom: 85px; padding-top: 85px; } .s-py-md-90 > [class*='container'] { padding-bottom: 90px; padding-top: 90px; } .s-py-md-95 > [class*='container'] { padding-bottom: 95px; padding-top: 95px; } .s-py-md-100 > [class*='container'] { padding-bottom: 100px; padding-top: 100px; } .s-py-md-110 > [class*='container'] { padding-bottom: 110px; padding-top: 110px; } .s-py-md-115 > [class*='container'] { padding-bottom: 115px; padding-top: 115px; } .s-py-md-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-md-105 > [class*='container'] { padding-bottom: 105px; padding-top: 105px; } .s-py-md-125 > [class*='container'] { padding-bottom: 125px; padding-top: 125px; } .s-py-md-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-md-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-md-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-md-135 > [class*='container'] { padding-bottom: 135px; padding-top: 135px; } .s-py-md-140 > [class*='container'] { padding-bottom: 140px; padding-top: 140px; } .s-py-md-145 > [class*='container'] { padding-bottom: 145px; padding-top: 145px; } .s-py-md-150 > [class*='container'] { padding-bottom: 150px; padding-top: 150px; } .s-py-md-175 > [class*='container'] { padding-bottom: 175px; padding-top: 175px; } .s-py-md-185 > [class*='container'] { padding-bottom: 185px; padding-top: 185px; } .s-py-md-195 > [class*='container'] { padding-bottom: 195px; padding-top: 195px; } } @media (min-width: 992px) { .s-pt-lg-0 > [class*='container'] { padding-top: 0; } .s-pt-lg-1 > [class*='container'] { padding-top: 1px; } .s-pt-lg-2 > [class*='container'] { padding-top: 2px; } .s-pt-lg-3 > [class*='container'] { padding-top: 3px; } .s-pt-lg-5 > [class*='container'] { padding-top: 5px; } .s-pt-lg-10 > [class*='container'] { padding-top: 10px; } .s-pt-lg-15 > [class*='container'] { padding-top: 15px; } .s-pt-lg-20 > [class*='container'] { padding-top: 20px; } .s-pt-lg-25 > [class*='container'] { padding-top: 25px; } .s-pt-lg-30 > [class*='container'] { padding-top: 30px; } .s-pt-lg-35 > [class*='container'] { padding-top: 35px; } .s-pt-lg-40 > [class*='container'] { padding-top: 40px; } .s-pt-lg-45 > [class*='container'] { padding-top: 45px; } .s-pt-lg-50 > [class*='container'] { padding-top: 50px; } .s-pt-lg-55 > [class*='container'] { padding-top: 55px; } .s-pt-lg-60 > [class*='container'] { padding-top: 60px; } .s-pt-lg-65 > [class*='container'] { padding-top: 65px; } .s-pt-lg-70 > [class*='container'] { padding-top: 70px; } .s-pt-lg-75 > [class*='container'] { padding-top: 75px; } .s-pt-lg-80 > [class*='container'] { padding-top: 80px; } .s-pt-lg-85 > [class*='container'] { padding-top: 85px; } .s-pt-lg-90 > [class*='container'] { padding-top: 90px; } .s-pt-lg-95 > [class*='container'] { padding-top: 95px; } .s-pt-lg-100 > [class*='container'] { padding-top: 100px; } .s-pt-lg-110 > [class*='container'] { padding-top: 110px; } .s-pt-lg-115 > [class*='container'] { padding-top: 115px; } .s-pt-lg-120 > [class*='container'] { padding-top: 120px; } .s-pt-lg-105 > [class*='container'] { padding-top: 105px; } .s-pt-lg-125 > [class*='container'] { padding-top: 125px; } .s-pt-lg-130 > [class*='container'] { padding-top: 130px; } .s-pt-lg-120 > [class*='container'] { padding-top: 120px; } .s-pt-lg-130 > [class*='container'] { padding-top: 130px; } .s-pt-lg-135 > [class*='container'] { padding-top: 135px; } .s-pt-lg-140 > [class*='container'] { padding-top: 140px; } .s-pt-lg-145 > [class*='container'] { padding-top: 145px; } .s-pt-lg-150 > [class*='container'] { padding-top: 150px; } .s-pt-lg-175 > [class*='container'] { padding-top: 175px; } .s-pt-lg-185 > [class*='container'] { padding-top: 185px; } .s-pt-lg-195 > [class*='container'] { padding-top: 195px; } .s-pb-lg-0 > [class*='container'] { padding-bottom: 0; } .s-pb-lg-1 > [class*='container'] { padding-bottom: 1px; } .s-pb-lg-2 > [class*='container'] { padding-bottom: 2px; } .s-pb-lg-3 > [class*='container'] { padding-bottom: 3px; } .s-pb-lg-5 > [class*='container'] { padding-bottom: 5px; } .s-pb-lg-10 > [class*='container'] { padding-bottom: 10px; } .s-pb-lg-15 > [class*='container'] { padding-bottom: 15px; } .s-pb-lg-20 > [class*='container'] { padding-bottom: 20px; } .s-pb-lg-25 > [class*='container'] { padding-bottom: 25px; } .s-pb-lg-30 > [class*='container'] { padding-bottom: 30px; } .s-pb-lg-35 > [class*='container'] { padding-bottom: 35px; } .s-pb-lg-40 > [class*='container'] { padding-bottom: 40px; } .s-pb-lg-45 > [class*='container'] { padding-bottom: 45px; } .s-pb-lg-50 > [class*='container'] { padding-bottom: 50px; } .s-pb-lg-55 > [class*='container'] { padding-bottom: 55px; } .s-pb-lg-60 > [class*='container'] { padding-bottom: 60px; } .s-pb-lg-65 > [class*='container'] { padding-bottom: 65px; } .s-pb-lg-70 > [class*='container'] { padding-bottom: 70px; } .s-pb-lg-75 > [class*='container'] { padding-bottom: 75px; } .s-pb-lg-80 > [class*='container'] { padding-bottom: 80px; } .s-pb-lg-85 > [class*='container'] { padding-bottom: 85px; } .s-pb-lg-90 > [class*='container'] { padding-bottom: 90px; } .s-pb-lg-95 > [class*='container'] { padding-bottom: 95px; } .s-pb-lg-100 > [class*='container'] { padding-bottom: 100px; } .s-pb-lg-110 > [class*='container'] { padding-bottom: 110px; } .s-pb-lg-115 > [class*='container'] { padding-bottom: 115px; } .s-pb-lg-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-lg-105 > [class*='container'] { padding-bottom: 105px; } .s-pb-lg-125 > [class*='container'] { padding-bottom: 125px; } .s-pb-lg-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-lg-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-lg-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-lg-135 > [class*='container'] { padding-bottom: 135px; } .s-pb-lg-140 > [class*='container'] { padding-bottom: 140px; } .s-pb-lg-145 > [class*='container'] { padding-bottom: 145px; } .s-pb-lg-150 > [class*='container'] { padding-bottom: 150px; } .s-pb-lg-175 > [class*='container'] { padding-bottom: 175px; } .s-pb-lg-185 > [class*='container'] { padding-bottom: 185px; } .s-pb-lg-195 > [class*='container'] { padding-bottom: 195px; } .s-py-lg-0 > [class*='container'] { padding-bottom: 0; padding-top: 0; } .s-py-lg-1 > [class*='container'] { padding-bottom: 1px; padding-top: 1px; } .s-py-lg-2 > [class*='container'] { padding-bottom: 2px; padding-top: 2px; } .s-py-lg-3 > [class*='container'] { padding-bottom: 3px; padding-top: 3px; } .s-py-lg-5 > [class*='container'] { padding-bottom: 5px; padding-top: 5px; } .s-py-lg-10 > [class*='container'] { padding-bottom: 10px; padding-top: 10px; } .s-py-lg-15 > [class*='container'] { padding-bottom: 15px; padding-top: 15px; } .s-py-lg-20 > [class*='container'] { padding-bottom: 20px; padding-top: 20px; } .s-py-lg-25 > [class*='container'] { padding-bottom: 25px; padding-top: 25px; } .s-py-lg-30 > [class*='container'] { padding-bottom: 30px; padding-top: 30px; } .s-py-lg-35 > [class*='container'] { padding-bottom: 35px; padding-top: 35px; } .s-py-lg-40 > [class*='container'] { padding-bottom: 40px; padding-top: 40px; } .s-py-lg-45 > [class*='container'] { padding-bottom: 45px; padding-top: 45px; } .s-py-lg-50 > [class*='container'] { padding-bottom: 50px; padding-top: 50px; } .s-py-lg-55 > [class*='container'] { padding-bottom: 55px; padding-top: 55px; } .s-py-lg-60 > [class*='container'] { padding-bottom: 60px; padding-top: 60px; } .s-py-lg-65 > [class*='container'] { padding-bottom: 65px; padding-top: 65px; } .s-py-lg-70 > [class*='container'] { padding-bottom: 70px; padding-top: 70px; } .s-py-lg-75 > [class*='container'] { padding-bottom: 75px; padding-top: 75px; } .s-py-lg-80 > [class*='container'] { padding-bottom: 80px; padding-top: 80px; } .s-py-lg-85 > [class*='container'] { padding-bottom: 85px; padding-top: 85px; } .s-py-lg-90 > [class*='container'] { padding-bottom: 90px; padding-top: 90px; } .s-py-lg-95 > [class*='container'] { padding-bottom: 95px; padding-top: 95px; } .s-py-lg-100 > [class*='container'] { padding-bottom: 100px; padding-top: 100px; } .s-py-lg-110 > [class*='container'] { padding-bottom: 110px; padding-top: 110px; } .s-py-lg-115 > [class*='container'] { padding-bottom: 115px; padding-top: 115px; } .s-py-lg-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-lg-105 > [class*='container'] { padding-bottom: 105px; padding-top: 105px; } .s-py-lg-125 > [class*='container'] { padding-bottom: 125px; padding-top: 125px; } .s-py-lg-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-lg-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-lg-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-lg-135 > [class*='container'] { padding-bottom: 135px; padding-top: 135px; } .s-py-lg-140 > [class*='container'] { padding-bottom: 140px; padding-top: 140px; } .s-py-lg-145 > [class*='container'] { padding-bottom: 145px; padding-top: 145px; } .s-py-lg-150 > [class*='container'] { padding-bottom: 150px; padding-top: 150px; } .s-py-lg-175 > [class*='container'] { padding-bottom: 175px; padding-top: 175px; } .s-py-lg-185 > [class*='container'] { padding-bottom: 185px; padding-top: 185px; } .s-py-lg-195 > [class*='container'] { padding-bottom: 195px; padding-top: 195px; } } @media (min-width: 1200px) { .s-pt-xl-0 > [class*='container'] { padding-top: 0; } .s-pt-xl-1 > [class*='container'] { padding-top: 1px; } .s-pt-xl-2 > [class*='container'] { padding-top: 2px; } .s-pt-xl-3 > [class*='container'] { padding-top: 3px; } .s-pt-xl-5 > [class*='container'] { padding-top: 5px; } .s-pt-xl-10 > [class*='container'] { padding-top: 10px; } .s-pt-xl-15 > [class*='container'] { padding-top: 15px; } .s-pt-xl-20 > [class*='container'] { padding-top: 20px; } .s-pt-xl-25 > [class*='container'] { padding-top: 25px; } .s-pt-xl-30 > [class*='container'] { padding-top: 30px; } .s-pt-xl-35 > [class*='container'] { padding-top: 35px; } .s-pt-xl-40 > [class*='container'] { padding-top: 40px; } .s-pt-xl-45 > [class*='container'] { padding-top: 45px; } .s-pt-xl-50 > [class*='container'] { padding-top: 50px; } .s-pt-xl-55 > [class*='container'] { padding-top: 55px; } .s-pt-xl-60 > [class*='container'] { padding-top: 60px; } .s-pt-xl-65 > [class*='container'] { padding-top: 65px; } .s-pt-xl-70 > [class*='container'] { padding-top: 70px; } .s-pt-xl-75 > [class*='container'] { padding-top: 75px; } .s-pt-xl-80 > [class*='container'] { padding-top: 80px; } .s-pt-xl-85 > [class*='container'] { padding-top: 85px; } .s-pt-xl-90 > [class*='container'] { padding-top: 90px; } .s-pt-xl-95 > [class*='container'] { padding-top: 95px; } .s-pt-xl-100 > [class*='container'] { padding-top: 100px; } .s-pt-xl-110 > [class*='container'] { padding-top: 110px; } .s-pt-xl-115 > [class*='container'] { padding-top: 115px; } .s-pt-xl-120 > [class*='container'] { padding-top: 120px; } .s-pt-xl-105 > [class*='container'] { padding-top: 105px; } .s-pt-xl-125 > [class*='container'] { padding-top: 125px; } .s-pt-xl-130 > [class*='container'] { padding-top: 130px; } .s-pt-xl-120 > [class*='container'] { padding-top: 120px; } .s-pt-xl-130 > [class*='container'] { padding-top: 130px; } .s-pt-xl-135 > [class*='container'] { padding-top: 135px; } .s-pt-xl-140 > [class*='container'] { padding-top: 140px; } .s-pt-xl-145 > [class*='container'] { padding-top: 145px; } .s-pt-xl-150 > [class*='container'] { padding-top: 150px; } .s-pt-xl-175 > [class*='container'] { padding-top: 175px; } .s-pt-xl-185 > [class*='container'] { padding-top: 185px; } .s-pt-xl-195 > [class*='container'] { padding-top: 195px; } .s-pb-xl-0 > [class*='container'] { padding-bottom: 0; } .s-pb-xl-1 > [class*='container'] { padding-bottom: 1px; } .s-pb-xl-2 > [class*='container'] { padding-bottom: 2px; } .s-pb-xl-3 > [class*='container'] { padding-bottom: 3px; } .s-pb-xl-5 > [class*='container'] { padding-bottom: 5px; } .s-pb-xl-10 > [class*='container'] { padding-bottom: 10px; } .s-pb-xl-15 > [class*='container'] { padding-bottom: 15px; } .s-pb-xl-20 > [class*='container'] { padding-bottom: 20px; } .s-pb-xl-25 > [class*='container'] { padding-bottom: 25px; } .s-pb-xl-30 > [class*='container'] { padding-bottom: 30px; } .s-pb-xl-35 > [class*='container'] { padding-bottom: 35px; } .s-pb-xl-40 > [class*='container'] { padding-bottom: 40px; } .s-pb-xl-45 > [class*='container'] { padding-bottom: 45px; } .s-pb-xl-50 > [class*='container'] { padding-bottom: 50px; } .s-pb-xl-55 > [class*='container'] { padding-bottom: 55px; } .s-pb-xl-60 > [class*='container'] { padding-bottom: 60px; } .s-pb-xl-65 > [class*='container'] { padding-bottom: 65px; } .s-pb-xl-70 > [class*='container'] { padding-bottom: 70px; } .s-pb-xl-75 > [class*='container'] { padding-bottom: 75px; } .s-pb-xl-80 > [class*='container'] { padding-bottom: 80px; } .s-pb-xl-85 > [class*='container'] { padding-bottom: 85px; } .s-pb-xl-90 > [class*='container'] { padding-bottom: 90px; } .s-pb-xl-95 > [class*='container'] { padding-bottom: 95px; } .s-pb-xl-100 > [class*='container'] { padding-bottom: 100px; } .s-pb-xl-110 > [class*='container'] { padding-bottom: 110px; } .s-pb-xl-115 > [class*='container'] { padding-bottom: 115px; } .s-pb-xl-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-xl-105 > [class*='container'] { padding-bottom: 105px; } .s-pb-xl-125 > [class*='container'] { padding-bottom: 125px; } .s-pb-xl-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-xl-120 > [class*='container'] { padding-bottom: 120px; } .s-pb-xl-130 > [class*='container'] { padding-bottom: 130px; } .s-pb-xl-135 > [class*='container'] { padding-bottom: 135px; } .s-pb-xl-140 > [class*='container'] { padding-bottom: 140px; } .s-pb-xl-145 > [class*='container'] { padding-bottom: 145px; } .s-pb-xl-150 > [class*='container'] { padding-bottom: 150px; } .s-pb-xl-175 > [class*='container'] { padding-bottom: 175px; } .s-pb-xl-185 > [class*='container'] { padding-bottom: 185px; } .s-pb-xl-195 > [class*='container'] { padding-bottom: 195px; } .s-py-xl-0 > [class*='container'] { padding-bottom: 0; padding-top: 0; } .s-py-xl-1 > [class*='container'] { padding-bottom: 1px; padding-top: 1px; } .s-py-xl-2 > [class*='container'] { padding-bottom: 2px; padding-top: 2px; } .s-py-xl-3 > [class*='container'] { padding-bottom: 3px; padding-top: 3px; } .s-py-xl-5 > [class*='container'] { padding-bottom: 5px; padding-top: 5px; } .s-py-xl-10 > [class*='container'] { padding-bottom: 10px; padding-top: 10px; } .s-py-xl-15 > [class*='container'] { padding-bottom: 15px; padding-top: 15px; } .s-py-xl-20 > [class*='container'] { padding-bottom: 20px; padding-top: 20px; } .s-py-xl-25 > [class*='container'] { padding-bottom: 25px; padding-top: 25px; } .s-py-xl-30 > [class*='container'] { padding-bottom: 30px; padding-top: 30px; } .s-py-xl-35 > [class*='container'] { padding-bottom: 35px; padding-top: 35px; } .s-py-xl-40 > [class*='container'] { padding-bottom: 40px; padding-top: 40px; } .s-py-xl-45 > [class*='container'] { padding-bottom: 45px; padding-top: 45px; } .s-py-xl-50 > [class*='container'] { padding-bottom: 50px; padding-top: 50px; } .s-py-xl-55 > [class*='container'] { padding-bottom: 55px; padding-top: 55px; } .s-py-xl-60 > [class*='container'] { padding-bottom: 60px; padding-top: 60px; } .s-py-xl-65 > [class*='container'] { padding-bottom: 65px; padding-top: 65px; } .s-py-xl-70 > [class*='container'] { padding-bottom: 70px; padding-top: 70px; } .s-py-xl-75 > [class*='container'] { padding-bottom: 75px; padding-top: 75px; } .s-py-xl-80 > [class*='container'] { padding-bottom: 80px; padding-top: 80px; } .s-py-xl-85 > [class*='container'] { padding-bottom: 85px; padding-top: 85px; } .s-py-xl-90 > [class*='container'] { padding-bottom: 90px; padding-top: 90px; } .s-py-xl-95 > [class*='container'] { padding-bottom: 95px; padding-top: 95px; } .s-py-xl-100 > [class*='container'] { padding-bottom: 100px; padding-top: 100px; } .s-py-xl-110 > [class*='container'] { padding-bottom: 110px; padding-top: 110px; } .s-py-xl-115 > [class*='container'] { padding-bottom: 115px; padding-top: 115px; } .s-py-xl-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-xl-105 > [class*='container'] { padding-bottom: 105px; padding-top: 105px; } .s-py-xl-125 > [class*='container'] { padding-bottom: 125px; padding-top: 125px; } .s-py-xl-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-xl-120 > [class*='container'] { padding-bottom: 120px; padding-top: 120px; } .s-py-xl-130 > [class*='container'] { padding-bottom: 130px; padding-top: 130px; } .s-py-xl-135 > [class*='container'] { padding-bottom: 135px; padding-top: 135px; } .s-py-xl-140 > [class*='container'] { padding-bottom: 140px; padding-top: 140px; } .s-py-xl-145 > [class*='container'] { padding-bottom: 145px; padding-top: 145px; } .s-py-xl-150 > [class*='container'] { padding-bottom: 150px; padding-top: 150px; } .s-py-xl-175 > [class*='container'] { padding-bottom: 175px; padding-top: 175px; } .s-py-xl-185 > [class*='container'] { padding-bottom: 185px; padding-top: 185px; } .s-py-xl-195 > [class*='container'] { padding-bottom: 195px; padding-top: 195px; } } /* Vertical margins for columns in sections and rows .c - columns mt-* - margin top value mb-* - margin bottom value my-* - same value for top and for bottom margin */ .c-mt-0 [class*="col-"], .row.c-mt-0 > [class*="col-"] { margin-top: 0; } .c-mt-1 [class*="col-"], .row.c-mt-1 > [class*="col-"] { margin-top: 1px; } .c-mt-2 [class*="col-"], .row.c-mt-2 > [class*="col-"] { margin-top: 2px; } .c-mt-5 [class*="col-"], .row.c-mt-5 > [class*="col-"] { margin-top: 5px; } .c-mt-10 [class*="col-"], .row.c-mt-10 > [class*="col-"] { margin-top: 10px; } .c-mt-15 [class*="col-"], .row.c-mt-15 > [class*="col-"] { margin-top: 15px; } .c-mt-20 [class*="col-"], .row.c-mt-20 > [class*="col-"] { margin-top: 20px; } .c-mt-25 [class*="col-"], .row.c-mt-25 > [class*="col-"] { margin-top: 25px; } .c-mt-30 [class*="col-"], .row.c-mt-30 > [class*="col-"] { margin-top: 30px; } .c-mt-35 [class*="col-"], .row.c-mt-35 > [class*="col-"] { margin-top: 35px; } .c-mt-40 [class*="col-"], .row.c-mt-40 > [class*="col-"] { margin-top: 40px; } .c-mt-45 [class*="col-"], .row.c-mt-45 > [class*="col-"] { margin-top: 45px; } .c-mt-50 [class*="col-"], .row.c-mt-50 > [class*="col-"] { margin-top: 50px; } .c-mt-55 [class*="col-"], .row.c-mt-55 > [class*="col-"] { margin-top: 55px; } .c-mt-60 [class*="col-"], .row.c-mt-60 > [class*="col-"] { margin-top: 60px; } .c-mb-0 [class*="col-"], .row.c-mb-0 > [class*="col-"] { margin-bottom: 0; } .c-mb-1 [class*="col-"], .row.c-mb-1 > [class*="col-"] { margin-bottom: 1px; } .c-mb-2 [class*="col-"], .row.c-mb-2 > [class*="col-"] { margin-bottom: 2px; } .c-mb-5 [class*="col-"], .row.c-mb-5 > [class*="col-"] { margin-bottom: 5px; } .c-mb-10 [class*="col-"], .row.c-mb-10 > [class*="col-"] { margin-bottom: 10px; } .c-mb-15 [class*="col-"], .row.c-mb-15 > [class*="col-"] { margin-bottom: 15px; } .c-mb-20 [class*="col-"], .row.c-mb-20 > [class*="col-"] { margin-bottom: 20px; } .c-mb-25 [class*="col-"], .row.c-mb-25 > [class*="col-"] { margin-bottom: 25px; } .c-mb-30 [class*="col-"], .row.c-mb-30 > [class*="col-"] { margin-bottom: 30px; } .c-mb-35 [class*="col-"], .row.c-mb-35 > [class*="col-"] { margin-bottom: 35px; } .c-mb-40 [class*="col-"], .row.c-mb-40 > [class*="col-"] { margin-bottom: 40px; } .c-mb-45 [class*="col-"], .row.c-mb-45 > [class*="col-"] { margin-bottom: 45px; } .c-mb-50 [class*="col-"], .row.c-mb-50 > [class*="col-"] { margin-bottom: 50px; } .c-mb-55 [class*="col-"], .row.c-mb-55 > [class*="col-"] { margin-bottom: 55px; } .c-mb-60 [class*="col-"], .row.c-mb-60 > [class*="col-"] { margin-bottom: 60px; } .c-my-0 [class*="col-"], .row.c-my-0 > [class*="col-"] { margin-bottom: 0; margin-top: 0; } .c-my-1 [class*="col-"], .row.c-my-1 > [class*="col-"] { margin-bottom: 1px; margin-top: 1px; } .c-my-2 [class*="col-"], .row.c-my-2 > [class*="col-"] { margin-bottom: 2px; margin-top: 2px; } .c-my-5 [class*="col-"], .row.c-my-5 > [class*="col-"] { margin-bottom: 5px; margin-top: 5px; } .c-my-10 [class*="col-"], .row.c-my-10 > [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } .c-my-15 [class*="col-"], .row.c-my-15 > [class*="col-"] { margin-bottom: 15px; margin-top: 15px; } .c-my-20 [class*="col-"], .row.c-my-20 > [class*="col-"] { margin-bottom: 20px; margin-top: 20px; } .c-my-25 [class*="col-"], .row.c-my-25 > [class*="col-"] { margin-bottom: 25px; margin-top: 25px; } .c-my-30 [class*="col-"], .row.c-my-30 > [class*="col-"] { margin-bottom: 30px; margin-top: 30px; } .c-my-35 [class*="col-"], .row.c-my-35 > [class*="col-"] { margin-bottom: 35px; margin-top: 35px; } .c-my-40 [class*="col-"], .row.c-my-40 > [class*="col-"] { margin-bottom: 40px; margin-top: 40px; } .c-my-45 [class*="col-"], .row.c-my-45 > [class*="col-"] { margin-bottom: 45px; margin-top: 45px; } .c-my-50 [class*="col-"], .row.c-my-50 > [class*="col-"] { margin-bottom: 50px; margin-top: 50px; } .c-my-55 [class*="col-"], .row.c-my-55 > [class*="col-"] { margin-bottom: 55px; margin-top: 55px; } .c-my-60 [class*="col-"], .row.c-my-60 > [class*="col-"] { margin-bottom: 60px; margin-top: 60px; } @media (min-width: 576px) { .c-mt-sm-0 [class*="col-"], .row.c-mt-sm-0 > [class*="col-"] { margin-top: 0; } .c-mt-sm-1 [class*="col-"], .row.c-mt-sm-1 > [class*="col-"] { margin-top: 1px; } .c-mt-sm-2 [class*="col-"], .row.c-mt-sm-2 > [class*="col-"] { margin-top: 2px; } .c-mt-sm-5 [class*="col-"], .row.c-mt-sm-5 > [class*="col-"] { margin-top: 5px; } .c-mt-sm-10 [class*="col-"], .row.c-mt-sm-10 > [class*="col-"] { margin-top: 10px; } .c-mt-sm-15 [class*="col-"], .row.c-mt-sm-15 > [class*="col-"] { margin-top: 15px; } .c-mt-sm-20 [class*="col-"], .row.c-mt-sm-20 > [class*="col-"] { margin-top: 20px; } .c-mt-sm-25 [class*="col-"], .row.c-mt-sm-25 > [class*="col-"] { margin-top: 25px; } .c-mt-sm-30 [class*="col-"], .row.c-mt-sm-30 > [class*="col-"] { margin-top: 30px; } .c-mt-sm-35 [class*="col-"], .row.c-mt-sm-35 > [class*="col-"] { margin-top: 35px; } .c-mt-sm-40 [class*="col-"], .row.c-mt-sm-40 > [class*="col-"] { margin-top: 40px; } .c-mt-sm-45 [class*="col-"], .row.c-mt-sm-45 > [class*="col-"] { margin-top: 45px; } .c-mt-sm-50 [class*="col-"], .row.c-mt-sm-50 > [class*="col-"] { margin-top: 50px; } .c-mt-sm-55 [class*="col-"], .row.c-mt-sm-55 > [class*="col-"] { margin-top: 55px; } .c-mt-sm-60 [class*="col-"], .row.c-mt-sm-60 > [class*="col-"] { margin-top: 60px; } .c-mb-sm-0 [class*="col-"], .row.c-mb-sm-0 > [class*="col-"] { margin-bottom: 0; } .c-mb-sm-1 [class*="col-"], .row.c-mb-sm-1 > [class*="col-"] { margin-bottom: 1px; } .c-mb-sm-2 [class*="col-"], .row.c-mb-sm-2 > [class*="col-"] { margin-bottom: 2px; } .c-mb-sm-5 [class*="col-"], .row.c-mb-sm-5 > [class*="col-"] { margin-bottom: 5px; } .c-mb-sm-10 [class*="col-"], .row.c-mb-sm-10 > [class*="col-"] { margin-bottom: 10px; } .c-mb-sm-15 [class*="col-"], .row.c-mb-sm-15 > [class*="col-"] { margin-bottom: 15px; } .c-mb-sm-20 [class*="col-"], .row.c-mb-sm-20 > [class*="col-"] { margin-bottom: 20px; } .c-mb-sm-25 [class*="col-"], .row.c-mb-sm-25 > [class*="col-"] { margin-bottom: 25px; } .c-mb-sm-30 [class*="col-"], .row.c-mb-sm-30 > [class*="col-"] { margin-bottom: 30px; } .c-mb-sm-35 [class*="col-"], .row.c-mb-sm-35 > [class*="col-"] { margin-bottom: 35px; } .c-mb-sm-40 [class*="col-"], .row.c-mb-sm-40 > [class*="col-"] { margin-bottom: 40px; } .c-mb-sm-45 [class*="col-"], .row.c-mb-sm-45 > [class*="col-"] { margin-bottom: 45px; } .c-mb-sm-50 [class*="col-"], .row.c-mb-sm-50 > [class*="col-"] { margin-bottom: 50px; } .c-mb-sm-55 [class*="col-"], .row.c-mb-sm-55 > [class*="col-"] { margin-bottom: 55px; } .c-mb-sm-60 [class*="col-"], .row.c-mb-sm-60 > [class*="col-"] { margin-bottom: 60px; } .c-my-sm-0 [class*="col-"], .row.c-my-sm-0 > [class*="col-"] { margin-bottom: 0; margin-top: 0; } .c-my-sm-1 [class*="col-"], .row.c-my-sm-1 > [class*="col-"] { margin-bottom: 1px; margin-top: 1px; } .c-my-sm-2 [class*="col-"], .row.c-my-sm-2 > [class*="col-"] { margin-bottom: 2px; margin-top: 2px; } .c-my-sm-5 [class*="col-"], .row.c-my-sm-5 > [class*="col-"] { margin-bottom: 5px; margin-top: 5px; } .c-my-sm-10 [class*="col-"], .row.c-my-sm-10 > [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } .c-my-sm-15 [class*="col-"], .row.c-my-sm-15 > [class*="col-"] { margin-bottom: 15px; margin-top: 15px; } .c-my-sm-20 [class*="col-"], .row.c-my-sm-20 > [class*="col-"] { margin-bottom: 20px; margin-top: 20px; } .c-my-sm-25 [class*="col-"], .row.c-my-sm-25 > [class*="col-"] { margin-bottom: 25px; margin-top: 25px; } .c-my-sm-30 [class*="col-"], .row.c-my-sm-30 > [class*="col-"] { margin-bottom: 30px; margin-top: 30px; } .c-my-sm-35 [class*="col-"], .row.c-my-sm-35 > [class*="col-"] { margin-bottom: 35px; margin-top: 35px; } .c-my-sm-40 [class*="col-"], .row.c-my-sm-40 > [class*="col-"] { margin-bottom: 40px; margin-top: 40px; } .c-my-sm-45 [class*="col-"], .row.c-my-sm-45 > [class*="col-"] { margin-bottom: 45px; margin-top: 45px; } .c-my-sm-50 [class*="col-"], .row.c-my-sm-50 > [class*="col-"] { margin-bottom: 50px; margin-top: 50px; } .c-my-sm-55 [class*="col-"], .row.c-my-sm-55 > [class*="col-"] { margin-bottom: 55px; margin-top: 55px; } .c-my-sm-60 [class*="col-"], .row.c-my-sm-60 > [class*="col-"] { margin-bottom: 60px; margin-top: 60px; } } @media (min-width: 768px) { .c-mt-md-0 [class*="col-"], .row.c-mt-md-0 > [class*="col-"] { margin-top: 0; } .c-mt-md-1 [class*="col-"], .row.c-mt-md-1 > [class*="col-"] { margin-top: 1px; } .c-mt-md-2 [class*="col-"], .row.c-mt-md-2 > [class*="col-"] { margin-top: 2px; } .c-mt-md-5 [class*="col-"], .row.c-mt-md-5 > [class*="col-"] { margin-top: 5px; } .c-mt-md-10 [class*="col-"], .row.c-mt-md-10 > [class*="col-"] { margin-top: 10px; } .c-mt-md-15 [class*="col-"], .row.c-mt-md-15 > [class*="col-"] { margin-top: 15px; } .c-mt-md-20 [class*="col-"], .row.c-mt-md-20 > [class*="col-"] { margin-top: 20px; } .c-mt-md-25 [class*="col-"], .row.c-mt-md-25 > [class*="col-"] { margin-top: 25px; } .c-mt-md-30 [class*="col-"], .row.c-mt-md-30 > [class*="col-"] { margin-top: 30px; } .c-mt-md-35 [class*="col-"], .row.c-mt-md-35 > [class*="col-"] { margin-top: 35px; } .c-mt-md-40 [class*="col-"], .row.c-mt-md-40 > [class*="col-"] { margin-top: 40px; } .c-mt-md-45 [class*="col-"], .row.c-mt-md-45 > [class*="col-"] { margin-top: 45px; } .c-mt-md-50 [class*="col-"], .row.c-mt-md-50 > [class*="col-"] { margin-top: 50px; } .c-mt-md-55 [class*="col-"], .row.c-mt-md-55 > [class*="col-"] { margin-top: 55px; } .c-mt-md-60 [class*="col-"], .row.c-mt-md-60 > [class*="col-"] { margin-top: 60px; } .c-mb-md-0 [class*="col-"], .row.c-mb-md-0 > [class*="col-"] { margin-bottom: 0; } .c-mb-md-1 [class*="col-"], .row.c-mb-md-1 > [class*="col-"] { margin-bottom: 1px; } .c-mb-md-2 [class*="col-"], .row.c-mb-md-2 > [class*="col-"] { margin-bottom: 2px; } .c-mb-md-5 [class*="col-"], .row.c-mb-md-5 > [class*="col-"] { margin-bottom: 5px; } .c-mb-md-10 [class*="col-"], .row.c-mb-md-10 > [class*="col-"] { margin-bottom: 10px; } .c-mb-md-15 [class*="col-"], .row.c-mb-md-15 > [class*="col-"] { margin-bottom: 15px; } .c-mb-md-20 [class*="col-"], .row.c-mb-md-20 > [class*="col-"] { margin-bottom: 20px; } .c-mb-md-25 [class*="col-"], .row.c-mb-md-25 > [class*="col-"] { margin-bottom: 25px; } .c-mb-md-30 [class*="col-"], .row.c-mb-md-30 > [class*="col-"] { margin-bottom: 30px; } .c-mb-md-35 [class*="col-"], .row.c-mb-md-35 > [class*="col-"] { margin-bottom: 35px; } .c-mb-md-40 [class*="col-"], .row.c-mb-md-40 > [class*="col-"] { margin-bottom: 40px; } .c-mb-md-45 [class*="col-"], .row.c-mb-md-45 > [class*="col-"] { margin-bottom: 45px; } .c-mb-md-50 [class*="col-"], .row.c-mb-md-50 > [class*="col-"] { margin-bottom: 50px; } .c-mb-md-55 [class*="col-"], .row.c-mb-md-55 > [class*="col-"] { margin-bottom: 55px; } .c-mb-md-60 [class*="col-"], .row.c-mb-md-60 > [class*="col-"] { margin-bottom: 60px; } .c-my-md-0 [class*="col-"], .row.c-my-md-0 > [class*="col-"] { margin-bottom: 0; margin-top: 0; } .c-my-md-1 [class*="col-"], .row.c-my-md-1 > [class*="col-"] { margin-bottom: 1px; margin-top: 1px; } .c-my-md-2 [class*="col-"], .row.c-my-md-2 > [class*="col-"] { margin-bottom: 2px; margin-top: 2px; } .c-my-md-5 [class*="col-"], .row.c-my-md-5 > [class*="col-"] { margin-bottom: 5px; margin-top: 5px; } .c-my-md-10 [class*="col-"], .row.c-my-md-10 > [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } .c-my-md-15 [class*="col-"], .row.c-my-md-15 > [class*="col-"] { margin-bottom: 15px; margin-top: 15px; } .c-my-md-20 [class*="col-"], .row.c-my-md-20 > [class*="col-"] { margin-bottom: 20px; margin-top: 20px; } .c-my-md-25 [class*="col-"], .row.c-my-md-25 > [class*="col-"] { margin-bottom: 25px; margin-top: 25px; } .c-my-md-30 [class*="col-"], .row.c-my-md-30 > [class*="col-"] { margin-bottom: 30px; margin-top: 30px; } .c-my-md-35 [class*="col-"], .row.c-my-md-35 > [class*="col-"] { margin-bottom: 35px; margin-top: 35px; } .c-my-md-40 [class*="col-"], .row.c-my-md-40 > [class*="col-"] { margin-bottom: 40px; margin-top: 40px; } .c-my-md-45 [class*="col-"], .row.c-my-md-45 > [class*="col-"] { margin-bottom: 45px; margin-top: 45px; } .c-my-md-50 [class*="col-"], .row.c-my-md-50 > [class*="col-"] { margin-bottom: 50px; margin-top: 50px; } .c-my-md-55 [class*="col-"], .row.c-my-md-55 > [class*="col-"] { margin-bottom: 55px; margin-top: 55px; } .c-my-md-60 [class*="col-"], .row.c-my-md-60 > [class*="col-"] { margin-bottom: 60px; margin-top: 60px; } } @media (min-width: 992px) { .c-mt-lg-0 [class*="col-"], .row.c-mt-lg-0 > [class*="col-"] { margin-top: 0; } .c-mt-lg-1 [class*="col-"], .row.c-mt-lg-1 > [class*="col-"] { margin-top: 1px; } .c-mt-lg-2 [class*="col-"], .row.c-mt-lg-2 > [class*="col-"] { margin-top: 2px; } .c-mt-lg-5 [class*="col-"], .row.c-mt-lg-5 > [class*="col-"] { margin-top: 5px; } .c-mt-lg-10 [class*="col-"], .row.c-mt-lg-10 > [class*="col-"] { margin-top: 10px; } .c-mt-lg-15 [class*="col-"], .row.c-mt-lg-15 > [class*="col-"] { margin-top: 15px; } .c-mt-lg-20 [class*="col-"], .row.c-mt-lg-20 > [class*="col-"] { margin-top: 20px; } .c-mt-lg-25 [class*="col-"], .row.c-mt-lg-25 > [class*="col-"] { margin-top: 25px; } .c-mt-lg-30 [class*="col-"], .row.c-mt-lg-30 > [class*="col-"] { margin-top: 30px; } .c-mt-lg-35 [class*="col-"], .row.c-mt-lg-35 > [class*="col-"] { margin-top: 35px; } .c-mt-lg-40 [class*="col-"], .row.c-mt-lg-40 > [class*="col-"] { margin-top: 40px; } .c-mt-lg-45 [class*="col-"], .row.c-mt-lg-45 > [class*="col-"] { margin-top: 45px; } .c-mt-lg-50 [class*="col-"], .row.c-mt-lg-50 > [class*="col-"] { margin-top: 50px; } .c-mt-lg-55 [class*="col-"], .row.c-mt-lg-55 > [class*="col-"] { margin-top: 55px; } .c-mt-lg-60 [class*="col-"], .row.c-mt-lg-60 > [class*="col-"] { margin-top: 60px; } .c-mb-lg-0 [class*="col-"], .row.c-mb-lg-0 > [class*="col-"] { margin-bottom: 0; } .c-mb-lg-1 [class*="col-"], .row.c-mb-lg-1 > [class*="col-"] { margin-bottom: 1px; } .c-mb-lg-2 [class*="col-"], .row.c-mb-lg-2 > [class*="col-"] { margin-bottom: 2px; } .c-mb-lg-5 [class*="col-"], .row.c-mb-lg-5 > [class*="col-"] { margin-bottom: 5px; } .c-mb-lg-10 [class*="col-"], .row.c-mb-lg-10 > [class*="col-"] { margin-bottom: 10px; } .c-mb-lg-15 [class*="col-"], .row.c-mb-lg-15 > [class*="col-"] { margin-bottom: 15px; } .c-mb-lg-20 [class*="col-"], .row.c-mb-lg-20 > [class*="col-"] { margin-bottom: 20px; } .c-mb-lg-25 [class*="col-"], .row.c-mb-lg-25 > [class*="col-"] { margin-bottom: 25px; } .c-mb-lg-30 [class*="col-"], .row.c-mb-lg-30 > [class*="col-"] { margin-bottom: 30px; } .c-mb-lg-35 [class*="col-"], .row.c-mb-lg-35 > [class*="col-"] { margin-bottom: 35px; } .c-mb-lg-40 [class*="col-"], .row.c-mb-lg-40 > [class*="col-"] { margin-bottom: 40px; } .c-mb-lg-45 [class*="col-"], .row.c-mb-lg-45 > [class*="col-"] { margin-bottom: 45px; } .c-mb-lg-50 [class*="col-"], .row.c-mb-lg-50 > [class*="col-"] { margin-bottom: 50px; } .c-mb-lg-55 [class*="col-"], .row.c-mb-lg-55 > [class*="col-"] { margin-bottom: 55px; } .c-mb-lg-60 [class*="col-"], .row.c-mb-lg-60 > [class*="col-"] { margin-bottom: 60px; } .c-my-lg-0 [class*="col-"], .row.c-my-lg-0 > [class*="col-"] { margin-bottom: 0; margin-top: 0; } .c-my-lg-1 [class*="col-"], .row.c-my-lg-1 > [class*="col-"] { margin-bottom: 1px; margin-top: 1px; } .c-my-lg-2 [class*="col-"], .row.c-my-lg-2 > [class*="col-"] { margin-bottom: 2px; margin-top: 2px; } .c-my-lg-5 [class*="col-"], .row.c-my-lg-5 > [class*="col-"] { margin-bottom: 5px; margin-top: 5px; } .c-my-lg-10 [class*="col-"], .row.c-my-lg-10 > [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } .c-my-lg-15 [class*="col-"], .row.c-my-lg-15 > [class*="col-"] { margin-bottom: 15px; margin-top: 15px; } .c-my-lg-20 [class*="col-"], .row.c-my-lg-20 > [class*="col-"] { margin-bottom: 20px; margin-top: 20px; } .c-my-lg-25 [class*="col-"], .row.c-my-lg-25 > [class*="col-"] { margin-bottom: 25px; margin-top: 25px; } .c-my-lg-30 [class*="col-"], .row.c-my-lg-30 > [class*="col-"] { margin-bottom: 30px; margin-top: 30px; } .c-my-lg-35 [class*="col-"], .row.c-my-lg-35 > [class*="col-"] { margin-bottom: 35px; margin-top: 35px; } .c-my-lg-40 [class*="col-"], .row.c-my-lg-40 > [class*="col-"] { margin-bottom: 40px; margin-top: 40px; } .c-my-lg-45 [class*="col-"], .row.c-my-lg-45 > [class*="col-"] { margin-bottom: 45px; margin-top: 45px; } .c-my-lg-50 [class*="col-"], .row.c-my-lg-50 > [class*="col-"] { margin-bottom: 50px; margin-top: 50px; } .c-my-lg-55 [class*="col-"], .row.c-my-lg-55 > [class*="col-"] { margin-bottom: 55px; margin-top: 55px; } .c-my-lg-60 [class*="col-"], .row.c-my-lg-60 > [class*="col-"] { margin-bottom: 60px; margin-top: 60px; } } @media (min-width: 1200px) { .c-mt-xl-0 [class*="col-"], .row.c-mt-xl-0 > [class*="col-"] { margin-top: 0; } .c-mt-xl-1 [class*="col-"], .row.c-mt-xl-1 > [class*="col-"] { margin-top: 1px; } .c-mt-xl-2 [class*="col-"], .row.c-mt-xl-2 > [class*="col-"] { margin-top: 2px; } .c-mt-xl-5 [class*="col-"], .row.c-mt-xl-5 > [class*="col-"] { margin-top: 5px; } .c-mt-xl-10 [class*="col-"], .row.c-mt-xl-10 > [class*="col-"] { margin-top: 10px; } .c-mt-xl-15 [class*="col-"], .row.c-mt-xl-15 > [class*="col-"] { margin-top: 15px; } .c-mt-xl-20 [class*="col-"], .row.c-mt-xl-20 > [class*="col-"] { margin-top: 20px; } .c-mt-xl-25 [class*="col-"], .row.c-mt-xl-25 > [class*="col-"] { margin-top: 25px; } .c-mt-xl-30 [class*="col-"], .row.c-mt-xl-30 > [class*="col-"] { margin-top: 30px; } .c-mt-xl-35 [class*="col-"], .row.c-mt-xl-35 > [class*="col-"] { margin-top: 35px; } .c-mt-xl-40 [class*="col-"], .row.c-mt-xl-40 > [class*="col-"] { margin-top: 40px; } .c-mt-xl-45 [class*="col-"], .row.c-mt-xl-45 > [class*="col-"] { margin-top: 45px; } .c-mt-xl-50 [class*="col-"], .row.c-mt-xl-50 > [class*="col-"] { margin-top: 50px; } .c-mt-xl-55 [class*="col-"], .row.c-mt-xl-55 > [class*="col-"] { margin-top: 55px; } .c-mt-xl-60 [class*="col-"], .row.c-mt-xl-60 > [class*="col-"] { margin-top: 60px; } .c-mb-xl-0 [class*="col-"], .row.c-mb-xl-0 > [class*="col-"] { margin-bottom: 0; } .c-mb-xl-1 [class*="col-"], .row.c-mb-xl-1 > [class*="col-"] { margin-bottom: 1px; } .c-mb-xl-2 [class*="col-"], .row.c-mb-xl-2 > [class*="col-"] { margin-bottom: 2px; } .c-mb-xl-5 [class*="col-"], .row.c-mb-xl-5 > [class*="col-"] { margin-bottom: 5px; } .c-mb-xl-10 [class*="col-"], .row.c-mb-xl-10 > [class*="col-"] { margin-bottom: 10px; } .c-mb-xl-15 [class*="col-"], .row.c-mb-xl-15 > [class*="col-"] { margin-bottom: 15px; } .c-mb-xl-20 [class*="col-"], .row.c-mb-xl-20 > [class*="col-"] { margin-bottom: 20px; } .c-mb-xl-25 [class*="col-"], .row.c-mb-xl-25 > [class*="col-"] { margin-bottom: 25px; } .c-mb-xl-30 [class*="col-"], .row.c-mb-xl-30 > [class*="col-"] { margin-bottom: 30px; } .c-mb-xl-35 [class*="col-"], .row.c-mb-xl-35 > [class*="col-"] { margin-bottom: 35px; } .c-mb-xl-40 [class*="col-"], .row.c-mb-xl-40 > [class*="col-"] { margin-bottom: 40px; } .c-mb-xl-45 [class*="col-"], .row.c-mb-xl-45 > [class*="col-"] { margin-bottom: 45px; } .c-mb-xl-50 [class*="col-"], .row.c-mb-xl-50 > [class*="col-"] { margin-bottom: 50px; } .c-mb-xl-55 [class*="col-"], .row.c-mb-xl-55 > [class*="col-"] { margin-bottom: 55px; } .c-mb-xl-60 [class*="col-"], .row.c-mb-xl-60 > [class*="col-"] { margin-bottom: 60px; } .c-my-xl-0 [class*="col-"], .row.c-my-xl-0 > [class*="col-"] { margin-bottom: 0; margin-top: 0; } .c-my-xl-1 [class*="col-"], .row.c-my-xl-1 > [class*="col-"] { margin-bottom: 1px; margin-top: 1px; } .c-my-xl-2 [class*="col-"], .row.c-my-xl-2 > [class*="col-"] { margin-bottom: 2px; margin-top: 2px; } .c-my-xl-5 [class*="col-"], .row.c-my-xl-5 > [class*="col-"] { margin-bottom: 5px; margin-top: 5px; } .c-my-xl-10 [class*="col-"], .row.c-my-xl-10 > [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } .c-my-xl-15 [class*="col-"], .row.c-my-xl-15 > [class*="col-"] { margin-bottom: 15px; margin-top: 15px; } .c-my-xl-20 [class*="col-"], .row.c-my-xl-20 > [class*="col-"] { margin-bottom: 20px; margin-top: 20px; } .c-my-xl-25 [class*="col-"], .row.c-my-xl-25 > [class*="col-"] { margin-bottom: 25px; margin-top: 25px; } .c-my-xl-30 [class*="col-"], .row.c-my-xl-30 > [class*="col-"] { margin-bottom: 30px; margin-top: 30px; } .c-my-xl-35 [class*="col-"], .row.c-my-xl-35 > [class*="col-"] { margin-bottom: 35px; margin-top: 35px; } .c-my-xl-40 [class*="col-"], .row.c-my-xl-40 > [class*="col-"] { margin-bottom: 40px; margin-top: 40px; } .c-my-xl-45 [class*="col-"], .row.c-my-xl-45 > [class*="col-"] { margin-bottom: 45px; margin-top: 45px; } .c-my-xl-50 [class*="col-"], .row.c-my-xl-50 > [class*="col-"] { margin-bottom: 50px; margin-top: 50px; } .c-my-xl-55 [class*="col-"], .row.c-my-xl-55 > [class*="col-"] { margin-bottom: 55px; margin-top: 55px; } .c-my-xl-60 [class*="col-"], .row.c-my-xl-60 > [class*="col-"] { margin-bottom: 60px; margin-top: 60px; } } form[class*="c-mb-"] .row:last-child [class^="col-"], [class*="c-mb-"] form .row:last-child [class^="col-"] { margin-bottom: 0 !important; } /* overlap featured image on top section (for big screens) */ @media screen and (min-width: 1200px) { .s-top-overlap { margin-top: -140px; } .s-top-overlap-big { margin-top: -180px; } .s-top-overlap-small { margin-top: -100px; } } /* full height section */ .s-full-height { min-height: 100vh; } /* Vertical dividers - use them with Bootstrap responsive utilities - http://getbootstrap.com/docs/4.1/utilities/display/#hiding-elements */ [class*='divider-'] { clear: both; width: 100%; } [class*='divider-']:last-child { order: 10000; } .divider-0 { margin-top: 0; } .divider-3 { margin-top: 3px; } .divider-5 { margin-top: 5px; } .divider-10 { margin-top: 10px; } .divider-11 { margin-top: 11px; } .divider-15 { margin-top: 15px; } .divider-20 { margin-top: 20px; } .divider-25 { margin-top: 25px; } .divider-30 { margin-top: 30px; } .divider-35 { margin-top: 35px; } .divider-40 { margin-top: 40px; } .divider-43 { margin-top: 43px; } .divider-45 { margin-top: 45px; } .divider-50 { margin-top: 50px; } .divider-52 { margin-top: 52px; } .divider-55 { margin-top: 55px; } .divider-60 { margin-top: 60px; } .divider-65 { margin-top: 65px; } .divider-70 { margin-top: 70px; } .divider-75 { margin-top: 75px; } .divider-80 { margin-top: 80px; } .divider-90 { margin-top: 90px; } .divider-95 { margin-top: 95px; } .divider-100 { margin-top: 100px; } .divider-105 { margin-top: 105px; } .divider-115 { margin-top: 115px; } .divider-120 { margin-top: 120px; } .divider-125 { margin-top: 125px; } .divider-135 { margin-top: 135px; } .divider-140 { margin-top: 140px; } .divider-150 { margin-top: 150px; } .divider-165 { margin-top: 165px; } @media (min-width: 576px) { .divider-sm-0 { margin-top: 0; } .divider-sm-3 { margin-top: 3px; } .divider-sm-5 { margin-top: 5px; } .divider-sm-10 { margin-top: 10px; } .divider-sm-11 { margin-top: 11px; } .divider-sm-15 { margin-top: 15px; } .divider-sm-20 { margin-top: 20px; } .divider-sm-25 { margin-top: 25px; } .divider-sm-30 { margin-top: 30px; } .divider-sm-35 { margin-top: 35px; } .divider-sm-40 { margin-top: 40px; } .divider-sm-43 { margin-top: 43px; } .divider-sm-45 { margin-top: 45px; } .divider-sm-50 { margin-top: 50px; } .divider-sm-52 { margin-top: 52px; } .divider-sm-55 { margin-top: 55px; } .divider-sm-60 { margin-top: 60px; } .divider-sm-65 { margin-top: 65px; } .divider-sm-70 { margin-top: 70px; } .divider-sm-75 { margin-top: 75px; } .divider-sm-80 { margin-top: 80px; } .divider-sm-90 { margin-top: 90px; } .divider-sm-95 { margin-top: 95px; } .divider-sm-100 { margin-top: 100px; } .divider-sm-105 { margin-top: 105px; } .divider-sm-115 { margin-top: 115px; } .divider-sm-120 { margin-top: 120px; } .divider-sm-125 { margin-top: 125px; } .divider-sm-135 { margin-top: 135px; } .divider-sm-140 { margin-top: 140px; } .divider-sm-150 { margin-top: 150px; } .divider-sm-165 { margin-top: 165px; } } @media (min-width: 768px) { .divider-md-0 { margin-top: 0; } .divider-md-3 { margin-top: 3px; } .divider-md-5 { margin-top: 5px; } .divider-md-10 { margin-top: 10px; } .divider-md-11 { margin-top: 11px; } .divider-md-15 { margin-top: 15px; } .divider-md-20 { margin-top: 20px; } .divider-md-25 { margin-top: 25px; } .divider-md-30 { margin-top: 30px; } .divider-md-35 { margin-top: 35px; } .divider-md-40 { margin-top: 40px; } .divider-md-43 { margin-top: 43px; } .divider-md-45 { margin-top: 45px; } .divider-md-50 { margin-top: 50px; } .divider-md-52 { margin-top: 52px; } .divider-md-55 { margin-top: 55px; } .divider-md-60 { margin-top: 60px; } .divider-md-65 { margin-top: 65px; } .divider-md-70 { margin-top: 70px; } .divider-md-75 { margin-top: 75px; } .divider-md-80 { margin-top: 80px; } .divider-md-90 { margin-top: 90px; } .divider-md-95 { margin-top: 95px; } .divider-md-100 { margin-top: 100px; } .divider-md-105 { margin-top: 105px; } .divider-md-115 { margin-top: 115px; } .divider-md-120 { margin-top: 120px; } .divider-md-125 { margin-top: 125px; } .divider-md-135 { margin-top: 135px; } .divider-md-140 { margin-top: 140px; } .divider-md-150 { margin-top: 150px; } .divider-md-165 { margin-top: 165px; } } @media (min-width: 992px) { .divider-lg-0 { margin-top: 0; } .divider-lg-3 { margin-top: 3px; } .divider-lg-5 { margin-top: 5px; } .divider-lg-10 { margin-top: 10px; } .divider-lg-11 { margin-top: 11px; } .divider-lg-15 { margin-top: 15px; } .divider-lg-20 { margin-top: 20px; } .divider-lg-25 { margin-top: 25px; } .divider-lg-30 { margin-top: 30px; } .divider-lg-35 { margin-top: 35px; } .divider-lg-40 { margin-top: 40px; } .divider-lg-43 { margin-top: 43px; } .divider-lg-45 { margin-top: 45px; } .divider-lg-50 { margin-top: 50px; } .divider-lg-52 { margin-top: 52px; } .divider-lg-55 { margin-top: 55px; } .divider-lg-60 { margin-top: 60px; } .divider-lg-65 { margin-top: 65px; } .divider-lg-70 { margin-top: 70px; } .divider-lg-75 { margin-top: 75px; } .divider-lg-80 { margin-top: 80px; } .divider-lg-90 { margin-top: 90px; } .divider-lg-95 { margin-top: 95px; } .divider-lg-100 { margin-top: 100px; } .divider-lg-105 { margin-top: 105px; } .divider-lg-115 { margin-top: 115px; } .divider-lg-120 { margin-top: 120px; } .divider-lg-125 { margin-top: 125px; } .divider-lg-135 { margin-top: 135px; } .divider-lg-140 { margin-top: 140px; } .divider-lg-150 { margin-top: 150px; } .divider-lg-165 { margin-top: 165px; } } @media (min-width: 1200px) { .divider-xl-0 { margin-top: 0; } .divider-xl-3 { margin-top: 3px; } .divider-xl-5 { margin-top: 5px; } .divider-xl-10 { margin-top: 10px; } .divider-xl-11 { margin-top: 11px; } .divider-xl-15 { margin-top: 15px; } .divider-xl-20 { margin-top: 20px; } .divider-xl-25 { margin-top: 25px; } .divider-xl-30 { margin-top: 30px; } .divider-xl-35 { margin-top: 35px; } .divider-xl-40 { margin-top: 40px; } .divider-xl-43 { margin-top: 43px; } .divider-xl-45 { margin-top: 45px; } .divider-xl-50 { margin-top: 50px; } .divider-xl-52 { margin-top: 52px; } .divider-xl-55 { margin-top: 55px; } .divider-xl-60 { margin-top: 60px; } .divider-xl-65 { margin-top: 65px; } .divider-xl-70 { margin-top: 70px; } .divider-xl-75 { margin-top: 75px; } .divider-xl-80 { margin-top: 80px; } .divider-xl-90 { margin-top: 90px; } .divider-xl-95 { margin-top: 95px; } .divider-xl-100 { margin-top: 100px; } .divider-xl-105 { margin-top: 105px; } .divider-xl-115 { margin-top: 115px; } .divider-xl-120 { margin-top: 120px; } .divider-xl-125 { margin-top: 125px; } .divider-xl-135 { margin-top: 135px; } .divider-xl-140 { margin-top: 140px; } .divider-xl-150 { margin-top: 150px; } .divider-xl-165 { margin-top: 165px; } } /* ** Common Sections Styles */ section { position: relative; } img { max-width: 100%; } /*parallax*/ .s-parallax, .cover-image, .cover-background, .texture-background { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; } .cover-image { height: 100%; width: 100%; } .texture-background { background-image: url(../img/background-texture-cover.jpg); } .pattern-background:before { background-image: url(../img/patterns/pattern8.png); } @media (min-width: 992px) { .cover-image { background-position: 50% 50%; bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .cover-image.s-cover-right { left: auto; width: 50%; } .cover-image.s-cover-left { width: 50%; } .cover-image.small-cover { width: 40.65%; } .cover-image > img { visibility: hidden; } .cover-image > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cover-image + [class*='container'] [class*='col-'] > img, .cover-image + [class*='container'] [class*='col-'] > a:after, .cover-image + [class*='container'] [class*='col-'] > a > img { visibility: hidden; } } .fixed-background, .s-parallax { background-attachment: fixed; background-position: 50% 0; } @media (max-width: 767px) { .s-parallax { background-size: auto auto; } } /*additional overlay for parallax sections*/ .s-overlay:before { opacity: 0.8; } .s-overlay.ls:before { background-color: #fff; opacity: 0.93; } .s-overlay.ls.ms:before { background-color: #f7f8f8; opacity: 0.8; } .s-overlay.cs:before { background-color: #f2c014; opacity: 0.82; } .s-overlay.cs.cs2:before { background-color: #f23e14; } .s-overlay.cs.cs3:before { background-color: #2cb129; } .s-overlay.ds:before { background-color: #23222d; opacity: 0.6; } .s-overlay.ds.ms:before { background-color: #303849; opacity: 0.7; } .s-overlay.ds.bs:before { background-color: #1a202e; opacity: 0.8; } .page_title.s-overlay.ds.ms:before { opacity: 0.7; } .s-muted:before { background-color: rgba(35, 34, 45, 0.1); opacity: 1; } .gradientradial-background { overflow: hidden; } .s-parallax > *, .s-overlay > *, .s-muted > *, .s-overlay-diagonal-double > *, .pattern-background > *, .gradientradial-background > *, .gradient-background > *, .gradientvertical-background > *, .gradientdarken-background > * { position: relative; z-index: 4; } .s-parallax:before, .s-overlay:before, .s-muted:before, .s-overlay-diagonal-double:before, .s-overlay-diagonal-double:after, .pattern-background:before, .gradient-background:before, .gradientvertical-background:before, .gradientdarken-background:before { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .s-muted:before, .s-parallax:before { opacity: 0.8; } .s-overlay-diagonal { background-clip: content-box; overflow: hidden; padding: 10px 0; } .s-overlay-diagonal:before { bottom: auto; height: 3000px; left: 0; margin-left: 30%; right: auto; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 40%; } @media (max-width: 1200px) { .s-overlay-diagonal:before { margin-left: 15%; width: 70%; } } .s-overlay-diagonal-double { overflow: hidden; padding: 10px 0; } .s-overlay-diagonal-double:before { background: linear-gradient(45deg, #f2c014 30%, transparent 30%); opacity: 0.6; } .s-overlay-diagonal-double:after { background: linear-gradient(45deg, transparent 70%, #f2c014 70%); opacity: 0.6; } .gradient-background:before { background: #f2c014; background: linear-gradient(to right, #f2c014 0%, #f23e14 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=1); } .gradientvertical-background:before { background: #f2c014; /* Old browsers */ background: linear-gradient(to bottom, #f2c014 0%, #f23e14 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=0); } .gradientdarken-background:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000", endColorstr="#00000000", GradientType=0); } .gradientradial-background:before { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%); content: ""; display: block; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ffff", endColorstr="#00ffffff", GradientType=1); height: 1400px; left: 50%; margin-left: -700px; margin-top: -700px; position: absolute; top: 50%; width: 1400px; z-index: 2; /* IE6-9 fallback on horizontal gradient */ } .s-overlay.gradientradial-background:before { height: 100vw; margin-left: -50vw; margin-top: -50vw; width: 100vw; } .s-bordertop, .s-borderbottom, .s-bordertop-container .container, .s-borderbottom-container .container { position: relative; } .s-bordertop:before, .s-borderbottom:after, .s-bordertop-container .container:before, .s-borderbottom-container .container:after { background-color: rgba(48, 56, 73, 0.1); content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .s-borderheight-2:before, .s-borderheight-2:after, .s-borderheight-2 .container:before, .s-borderheight-2 .container:after { height: 2px; } .s-borderheight-3:before, .s-borderheight-3:after, .s-borderheight-3 .container:before, .s-borderheight-3 .container:after { height: 3px; } .s-borderheight-5:before, .s-borderheight-5:after, .s-borderheight-5 .container:before, .s-borderheight-5 .container:after { height: 5px; } .s-bordercolormain:before, .s-bordercolormain:after, .s-bordercolormain .container:before, .s-bordercolormain .container:after { background-color: #f2c014; } .s-bordertop-container .container:before, .s-borderbottom-container .container:after { left: 15px; right: 15px; } .s-borderbottom:after, .s-borderbottom-container .container:after { bottom: 0; top: auto; } .s-bordered-columns [class*='col-'] + [class*='col-']:before { background-color: rgba(72, 97, 115, 0.2); bottom: 1em; content: ""; left: 0; position: absolute; top: 1em; width: 1px; } /*page preloader*/ .preloader { background: rgba(255, 255, 255, 0.99); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; z-index: 13000; } .no-js .preloader, .lt-ie9 .preloader, .lt-ie10 .preloader { display: none; } .preloader_image { background: url("../img/preloader.gif") no-repeat 50% 50%; height: 256px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 256px; } @keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } @keyframes pulse-dot { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } /* animated elements */ .animate { visibility: hidden; } .no-js .animate, .lt-ie10 .animate, .lt-ie9 .animate { visibility: visible; } .animated { visibility: visible !important; } /* boxed layout */ #box_wrapper, #canvas { overflow: visible; position: relative; } #box_wrapper > section, #box_wrapper > div > section { clear: both; position: relative; } #canvas.boxed { padding: 1px 0; } body.boxed { height: auto; position: static; width: auto; } .pattern1 { background-image: url(../img/patterns/pattern1.png); } .pattern2 { background-image: url(../img/patterns/pattern2.png); } .pattern3 { background-image: url(../img/patterns/pattern3.png); } .pattern4 { background-image: url(../img/patterns/pattern4.png); } .pattern5 { background-image: url(../img/patterns/pattern5.png); } .pattern6 { background-image: url(../img/patterns/pattern6.png); } .pattern7 { background-image: url(../img/patterns/pattern7.png); } .pattern8 { background-image: url(../img/patterns/pattern8.png); } .pattern9 { background-image: url(../img/patterns/pattern9.png); } .pattern10 { background-image: url(../img/patterns/pattern10.png); } .pattern11 { background-image: url(../img/patterns/pattern11.png); } .boxed .container { padding-left: 50px; padding-right: 50px; } @media (max-width: 500px) { .boxed .container { padding-left: 10px; padding-right: 10px; } } .boxed #box_wrapper.container { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); margin-top: 120px; padding: 0; } @media (min-width: 1600px) { .boxed #box_wrapper.container { max-width: 1560px; } } .boxed #box_wrapper.container.top-bottom-margins { margin-bottom: 120px; margin-top: 150px; } /*common background sections*/ .s-map-dark { background-image: url("../img/parallax/map-dark.jpg"); } .s-map-light { background-image: url("../img/parallax/map-light.jpg"); } .s-light-abstract { background-image: url("../img/parallax/light-abstract.jpg"); } .s-light-wood { background-image: url("../img/parallax/light-wood.jpg"); } /*bordered columns*/ .c-bordered [class*='col-'] { border: 1px solid rgba(48, 56, 73, 0.1); margin-left: -1px; margin-top: -1px; } @media (min-width: 768px) { .c-bordered.c-bordered-center .row [class*='col-']:first-child { border-left-color: transparent; } .c-bordered.c-bordered-center .row [class*='col-']:last-child { border-right-color: transparent; } .c-bordered.c-bordered-center .row:first-child [class*='col-'] { border-top-color: transparent; } .c-bordered.c-bordered-center .row:last-child [class*='col-'] { border-bottom-color: transparent; } } /* Media Items - Common Side and Top Image Items */ .bordered .item-media, .bordered .entry-thumbnail { margin: -1px -1px -1px -1px; z-index: 1; } .bordered .item-media.cover-image { height: calc(100% + 2px); } .bordered.full-padding .item-media { margin: 0; } /* side and vertical items paddings */ .full-padding { padding: 40px; } .content-padding .item-content { padding: 40px; } @media (max-width: 992px) { .full-padding { padding: 30px; } .content-padding .item-content { padding: 30px; } } /*side item*/ .side-item h2, .side-item h3, .side-item h4 { line-height: 1; } .side-item .row { margin: 0; } .side-item .row [class*="col-"] { margin: 0; padding: 0; } .side-item .item-title + .item-content { padding-top: 30px; } .side-item [class*="col-"] > .item-title { padding: 15px 30px; } .side-item [class*="col-"] > .item-title h2, .side-item [class*="col-"] > .item-title h3, .side-item [class*="col-"] > .item-title h4 { margin: 0; } .side-item.bordered [class*="col-"] > .item-title { margin: -1px; } .centered-content { margin: auto; } @media (min-width: 300px) { .centered-content { margin-bottom: 55px; margin-top: 55px; width: 93%; } } @media (min-width: 768px) { .centered-content { width: 75%; } } @media (min-width: 1500px) { .centered-content { width: 54%; } } @media (min-width: 992px) { .centered-content { margin-bottom: 100px; margin-top: 95px; } } @media (min-width: 1200px) { .centered-content { margin-bottom: 150px; margin-top: 145px; } } .centered-content.content-map { margin: auto !important; } /*-xs- -sm- side-item paddings and margins*/ @media (max-width: 767px) { .no-content-padding [class*='col-sm-'] .item-content, .no-content-padding [class*='col-xs-'] .item-content, .full-padding [class*='col-sm-'] .item-content, .full-padding [class*='col-xs-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-sm-'][class*='sm-pull-'] .item-content, .no-content-padding [class*='col-sm-'][class*='xs-pull-'] .item-content, .no-content-padding [class*='col-sm-'][class*='order-sm-1'] .item-content, .no-content-padding [class*='col-sm-'][class*='order-xs-1'] .item-content, .no-content-padding [class*='col-xs-'][class*='sm-pull-'] .item-content, .no-content-padding [class*='col-xs-'][class*='xs-pull-'] .item-content, .no-content-padding [class*='col-xs-'][class*='order-sm-1'] .item-content, .no-content-padding [class*='col-xs-'][class*='order-xs-1'] .item-content, .full-padding [class*='col-sm-'][class*='sm-pull-'] .item-content, .full-padding [class*='col-sm-'][class*='xs-pull-'] .item-content, .full-padding [class*='col-sm-'][class*='order-sm-1'] .item-content, .full-padding [class*='col-sm-'][class*='order-xs-1'] .item-content, .full-padding [class*='col-xs-'][class*='sm-pull-'] .item-content, .full-padding [class*='col-xs-'][class*='xs-pull-'] .item-content, .full-padding [class*='col-xs-'][class*='order-sm-1'] .item-content, .full-padding [class*='col-xs-'][class*='order-xs-1'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-sm-12 .item-content, .no-content-padding .col-xs-12 .item-content, .full-padding .col-sm-12 .item-content, .full-padding .col-xs-12 .item-content { padding-left: 0; padding-right: 0; padding-top: 30px; } } /*-md- side-item paddings and margins*/ @media (min-width: 768px) { .no-content-padding [class*='col-md-'] .item-content, .full-padding [class*='col-md-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-md-'][class*='md-pull-'] .item-content, .no-content-padding [class*='col-md-'][class*='order-md-1'] .item-content, .full-padding [class*='col-md-'][class*='md-pull-'] .item-content, .full-padding [class*='col-md-'][class*='order-md-1'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-sm-12 .item-content, .full-padding .col-sm-12 .item-content { padding-left: 0; padding-right: 0; padding-top: 30px; } } /*-lg- side-item paddings and margins*/ @media (min-width: 992px) { .no-content-padding [class*='col-lg-'] .item-content, .full-padding [class*='col-lg-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-lg-'][class*='lg-pull-'] .item-content, .no-content-padding [class*='col-lg-'][class*='order-lg-1'] .item-content, .full-padding [class*='col-lg-'][class*='lg-pull-'] .item-content, .full-padding [class*='col-lg-'][class*='order-lg-1'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-md-12 .item-content, .full-padding .col-md-12 .item-content { padding-left: 0; padding-right: 0; padding-top: 30px; } } /*-xl- side-item paddings and margins*/ @media (min-width: 1200px) { .no-content-padding [class*='col-xl-'] .item-content, .full-padding [class*='col-xl-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-xl-'][class*='order-xl-1'] .item-content, .full-padding [class*='col-xl-'][class*='order-xl-1'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-lg-12 .item-content, .full-padding .col-lg-12 .item-content { padding-left: 0; padding-right: 0; padding-top: 30px; } } /* vertical media item */ .vertical-item .item-media + .item-content { padding-top: 19px; } @media (min-width: 992px) { .vertical-item .item-media + .item-content { padding-top: 29px; } } .vertical-item.content-padding .item-content { padding: 46px 30px 42px; } @media (max-width: 1199px) { .vertical-item.content-padding .item-content { padding: 25px 20px 21px; } } .vertical-item.content-padding.padding-small .item-content { padding: 26px 40px 23px; } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { bottom: 0; left: 0; padding: 48px 30px 46px; position: absolute; right: 0; z-index: 2; } .vertical-item.content-absolute.vertical-center .item-content { top: 0; } .vertical-item + .item-title { padding: 10px 30px; } .vertical-item + .item-title h2, .vertical-item + .item-title h3, .vertical-item + .item-title h4 { margin: 0; } /* item meta */ .item-meta i { font-size: 14px; position: relative; text-align: center; width: 1em; } .item-meta span { padding: 0 0.5em; } /* item media & item links */ .item-media { overflow: hidden; position: relative; } .item-media img { width: 100%; } .item-media.cover-image { height: 100%; } .media-links { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; } .media-links div { margin-top: -30px; position: absolute; top: 50%; width: 100%; z-index: 4; } .content-absolute .media-links div { display: flex; justify-content: center; } .content-absolute .media-links div a { transition: all 0.35s ease 0.1s; } .content-absolute .media-links div a:hover { transform: scale(1.1); } .content-absolute .media-links div a:first-child { transition-delay: 0s; } .media-links:before { background-color: rgba(242, 192, 20, 0.6); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s linear; } [class*="-item"]:not(.align-items-center):hover .media-links:before { opacity: 0.5; } .media-links a.abs-link { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; } [class*="-item"]:hover .media-links a.abs-link { opacity: 1; } [class*="-item"] .links-wrap a { border: 2px solid transparent; display: inline-block; font-size: 16px; height: 60px; line-height: 58px; opacity: 0; position: relative; text-align: center; top: -100px; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; width: 60px; z-index: 5; } [class*="-item"] .links-wrap a.link-zoom { background-color: #303849; border-color: #303849; border-radius: 50px; color: #fff; } [class*="-item"] .links-wrap a.link-zoom:hover { opacity: 1; } [class*="-item"] .links-wrap a.link-anchor { background-color: #fff; border-color: #fff; color: #23222d; transition-delay: 0.1s; } [class*="-item"] .links-wrap a.link-anchor:hover { background-color: #f2c014; border-color: #f2c014; color: #fff; opacity: 1; } [class*="-item"] .links-wrap a:before { content: "\f002"; font-family: "FontAwesome"; } [class*="-item"] .links-wrap a.link-anchor:before { content: "\f041"; } [class*="-item"]:hover .links-wrap a { filter: alpha(opacity=100); opacity: 1; top: 0; } [class*="-item"]:hover .media-links div { filter: alpha(opacity=100); opacity: 1; } /* item icons */ .item-icons { font-size: 12px; margin-top: 35px; } .content-padding .item-icons { margin-top: 0; } .item-icons i { padding: 0 4px; } .item-icons .col { padding-bottom: 20px; padding-top: 15px; text-align: center; } /* ** Buttons */ .btn { border-radius: 0; border-width: 1px; font-size: 16px; font-weight: 300; letter-spacing: 0; padding: 12px 25px; text-transform: none; } .btn.btn-big { padding: 17px 25px; } .btn.btn-small { padding: 7px 25px; } .btn.round, .btn.rounded { line-height: 1; padding: 23px; } .btn + span { margin: 0 21px 0 25px; } .btn.btn-wide { min-width: 170px; } .btn:hover { cursor: pointer; } .btn.focus, .btn:focus { box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.75) !important; } .btn-secondary { border-color: rgba(48, 56, 73, 0.1); color: #303849; } /*color background buttons*/ .btn-maincolor { background-color: #f2c014; border-color: #f2c014; color: #303849; } .btn-maincolor:hover { background-color: #303849; border-color: #303849; color: #fff; } .btn-dark { background-color: #303849; border-color: #303849; color: #fff; } .btn-dark:hover { background-color: #f2c014; border-color: #f2c014; color: #303849; } .btn-grey { background-color: #f7f8f8; border-color: #f7f8f8; color: #303849; } .btn-grey:hover { background-color: transparent; color: #303849; } /*color outline buttons*/ .btn-outline-maincolor, .btn-outline-dark { background-color: transparent; } .btn-outline-maincolor:hover, .btn-outline-dark:hover { background-color: transparent; color: #303849; } .btn-outline-maincolor { border-color: #f2c014; } .btn-outline-maincolor:hover { border-color: #303849; } .btn-outline-dark { border-color: #303849; } .btn-outline-dark:hover { background-color: transparent; border-color: #f2c014; } .btn-outline-grey { border-color: #f7f8f8; } .btn-outline-grey:hover { background-color: #f7f8f8; color: #303849; } .ds .btn-maincolor, .ds .btn-dark { color: #303849; } .ds .btn-maincolor:hover { background-color: #fff; border-color: #fff; } .ds .btn-dark { background-color: #fff; border-color: #fff; } .ds .btn-dark:hover { background-color: #f2c014; border-color: #f2c014; } .ds .btn-outline-maincolor, .ds .btn-outline-dark { color: #fff; } .ds .btn-outline-maincolor:hover { border-color: #fff; } .ds .btn-outline-dark { border-color: #fff; } .ds .btn-outline-dark:hover { border-color: #f2c014; } .cs .btn-maincolor { background-color: #fff; border-color: #fff; } .cs .btn-maincolor:hover { background-color: #303849; border-color: #303849; color: #fff; } .cs .btn-dark:hover { background-color: #fff; border-color: #fff; } .cs .btn-outline-maincolor { border-color: #fff; color: #303849; } .cs .btn-outline-maincolor:hover { border-color: #303849; } .cs .btn-outline-dark:hover { border-color: #fff; } .cs .btn-warning { background-color: #fff; border-color: #fff; } .cs .btn-warning:hover { background-color: transparent; } .cs .btn-outline-warning { border-color: #fff; color: #303849; } .cs .btn-outline-warning:hover { background-color: #fff; } .shortcode-buttons .btn { margin-right: 15px; } @media (max-width: 1199px) { .shortcode-buttons .btn { margin-bottom: 18px; } } .corner { background-color: transparent !important; height: 0; overflow: visible !important; padding-bottom: 70px; position: relative; z-index: 3; } .corner:before, .corner:after { content: ""; display: block; height: 0; position: absolute; width: 0; } .corner:after { border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-top: 70px solid #fff; } .corner.corner-outside { position: absolute; } .corner.corner-outside:first-child { top: -70px; } .corner.corner-outside:last-child { bottom: -70px; } .corner.corner-half:after { border-left-width: 100vw; border-right-width: 0; } .corner.corner-half.corner-half-inverse:after { border-left-width: 0; border-right-width: 100vw; } .corner.corner-mirror:after { border-left-width: 0; } .corner.corner-mirror:before { border-left: 50vw solid transparent; border-top: 70px solid #fff; left: 50vw; } .corner.corner-inverse:before, .corner.corner-inverse:after { border-bottom: 70px solid #fff; border-top: none; } @media (max-width: 1199px) { .corner { padding-bottom: 30px; } .corner:after { border-top-width: 30px; } .corner.corner-outside { position: absolute; } .corner.corner-outside:first-child { top: -30px; } .corner.corner-outside:last-child { bottom: -30px; } .corner.corner-mirror:before { border-top-width: 30px; } .corner.corner-inverse:before, .corner.corner-inverse:after { border-bottom-width: 30px; } } .corner.ls.ms.corner-mirror:before, .corner.ls.ms:after { border-bottom-color: #f7f8f8; border-top-color: #f7f8f8; } .corner.ls.ms.corner-inverse:after { border-bottom-color: #f7f8f8; } .corner.ds.corner-mirror:before, .corner.ds:after { border-bottom-color: #23222d; border-top-color: #23222d; } .corner.ds.corner-inverse:after { border-bottom-color: #23222d; } .corner.ds.ms.corner-mirror:before, .corner.ds.ms:after { border-bottom-color: #303849; border-top-color: #303849; } .corner.ds.ms.corner-inverse:after { border-bottom-color: #303849; } .corner.ds.bs.corner-mirror:before, .corner.ds.bs:after { border-bottom-color: #2f3e47; border-top-color: #2f3e47; } .corner.ds.bs.corner-inverse:after { border-bottom-color: #2f3e47; } .corner.cs.corner-mirror:before, .corner.cs:after { border-bottom-color: #f2c014; border-top-color: #f2c014; } .corner.cs.corner-inverse:after { border-bottom-color: #f2c014; } .corner.cs.cs2.corner-mirror:before, .corner.cs.cs2:after { border-bottom-color: #f23e14; border-top-color: #f23e14; } .corner.cs.cs2.corner-inverse:after { border-bottom-color: #f23e14; } .corner.cs.cs3.corner-mirror:before, .corner.cs.cs3:after { border-bottom-color: #2cb129; border-top-color: #2cb129; } .corner.cs.cs3.corner-inverse:after { border-bottom-color: #2cb129; } /* ** Light Background Section - .ls */ .ls { background-color: #fff; color: #303849; } /* ** Grey Background Section - light section, muted section - .ls.ms */ .ls.ms { background-color: #f7f8f8; } .ls.ms .links-grey a { color: #222733; } .ls.ms .hero-bg { background-color: #fff; } .ls.ms .hero-bg hr { background-color: rgba(48, 56, 73, 0.1); } .ls.ms hr { background-color: #fff; } .ls.ms input[type="text"], .ls.ms input[type="email"], .ls.ms input[type="url"], .ls.ms input[type="password"], .ls.ms input[type="search"], .ls.ms input[type="tel"], .ls.ms input[type="number"], .ls.ms textarea, .ls.ms select, .ls.ms .form-control { background-color: #fff; } .ls.ms .hero-bg input[type="text"], .ls.ms .hero-bg input[type="email"], .ls.ms .hero-bg input[type="url"], .ls.ms .hero-bg input[type="password"], .ls.ms .hero-bg input[type="search"], .ls.ms .hero-bg input[type="tel"], .ls.ms .hero-bg input[type="number"], .ls.ms .hero-bg textarea, .ls.ms .hero-bg select, .ls.ms .hero-bg .form-control { background-color: #f7f8f8; border-color: rgba(48, 56, 73, 0.1); } .ls.ms td, .ls.ms th, .ls.ms .bordered { border-color: rgba(38, 44, 58, 0.1); } .ls.ms .btn-secondary { border-color: #fff; } .ls.ms .btn-secondary:hover { background-color: #e7eaea; border-color: #e7eaea; } .ls.ms .btn-grey { background-color: #fff; } .ls.ms .btn-grey:hover { background-color: transparent; border-color: #fff; } .ls.ms .btn-outline-grey { background-color: transparent; border-color: #fff; } .ls.ms .btn-outline-grey:hover { background-color: #fff; } .ls .color-icon.bg-icon { background-color: #ececec; } .ls .pricing-plan [class*='btn-outline-'] { background-color: #fff; } .ls .pricing-plan [class*='btn-outline-']:hover { background-color: #f2c014; } .ls .top-includes.border-divided > li + li { border-color: rgba(72, 97, 115, 0.2); } .ls.ms .nav-tabs > li.active > a, .ls.ms .nav-tabs > li.active > a:hover, .ls.ms .nav-tabs > li.active > a:focus { background-color: #fff; border-color: #fff; } .ls.ms .tab-content { background-color: #fff; } .ls.ms .tab-content .bordered { border-color: #e6e6e6; } .ls.ms .tab-content.no-border { background-color: transparent; } .ls.ms .tab-content .form-control { background-color: #f7f8f8; } .ls.ms .vertical-tabs .nav > li > a { background-color: #fff; } .ls.ms .vertical-tabs .nav > li > a:hover, .ls.ms .vertical-tabs .nav > li.active > a { background-color: #23222d; } .ls.ms .panel-title > a { background-color: #23222d; } .ls.ms .panel-title > a.collapsed { background-color: #fff; } .ls.ms .hero-bg .panel-title > a { border: 1px solid rgba(48, 56, 73, 0.1); } .ls.ms .panel-title > a.collapsed:hover, .ls.ms .panel-title > a:hover { background-color: #23222d; } .ls.ms .pagination a, .ls.ms .pagination span { background-color: #fff; border-color: #fff; } .ls.ms .breadcrumb { color: #303849; } .ls.ms .breadcrumb a { color: #1c202a; } .ls.ms .breadcrumb a:hover { color: #f2c014; } .ls.ms [class*='btn-outline-']:not(:hover) { background-color: #f7f8f8; } /* ** Dark Section background and Dark Muted background sections - .ds and .ds.ms */ /* dark grey background section - .ds */ .ds { background-color: #23222d; color: #fff; } /* dark background section - .ds.ms */ .ds.ms { background-color: #303849; } .ds.ms .muted-bg, .ds.ms .hero-bg { background-color: #23222d; } /* dark section blue - .ds.bs */ .ds.bs { background-color: #2f3e47; } .ds a:not(.btn) { color: #fff; } .ds a:not(.btn):hover { color: #f2c014; opacity: 1; } .ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 { color: #fff; } .ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a { color: #fff; } .ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover { opacity: 0.8; } .ds .ls { background-color: #fff; color: #303849; } .ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 { color: #23222d; } .ds .ls h1 a, .ds .ls h2 a, .ds .ls h3 a, .ds .ls h4 a, .ds .ls h5 a, .ds .ls h6 a { color: inherit; } .ds .ls h1 a:hover, .ds .ls h2 a:hover, .ds .ls h3 a:hover, .ds .ls h4 a:hover, .ds .ls h5 a:hover, .ds .ls h6 a:hover { color: #f2c014; } .ds .ls a:not(.btn) { color: #23222d; } .ds .ls a:not(.btn):hover { color: #f2c014; } .ds .ls.ms { background-color: #f7f8f8; } .ds label { color: #fff; } .ds hr { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } .ds blockquote, .ds .blockquote { color: #fff; } .ds pre { color: #9a9a9a; } .ds .muted-bg, .ds .hero-bg { background-color: #303849; } .ds .bordered { border-color: rgba(255, 255, 255, 0.1); } .ds .color-main { color: #f2c014; } .ds .color-main2 { color: #f23e14; } .ds .color-dark, .ds .color-darkgrey { border-color: #fff; color: #fff; } .ds a.links-maincolor, .ds .links-maincolor a { color: #f2c014; } .ds a.links-maincolor:hover, .ds .links-maincolor a:hover { color: #fff; } .ds .links-maincolor2 a { color: #f23e14; } .ds .links-maincolor2 a:hover { color: #fff; } .ds .links-maincolor3 a { color: #2cb129; } .ds .links-maincolor3 a:hover { color: #fff; } .ds .links-grey a { color: #9a9a9a; } .ds .links-grey a:hover { color: #fff; } .ds .links-darkgrey a { color: #fff; } .ds .links-darkgrey a:hover { color: #f2c014; } .ds.s-bordertop:before, .ds.s-borderbottom:after, .ds.s-bordertop-container .container:before, .ds.s-borderbottom-container .container:after { background-color: rgba(255, 255, 255, 0.1); } .ds.s-bordered-columns [class*='col-'] + [class*='col-']:before { background-color: rgba(255, 255, 255, 0.1); } .ds a.fa { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .ds a.bg-icon { background-color: rgba(255, 255, 255, 0.05); } .ds .fa.color-icon:hover { color: #fff; } .ds .color-icon.bg-icon { background-color: rgba(255, 255, 255, 0.05); } .ds .color-icon.bg-icon:hover { color: #fff; } .ds .color-bg-icon:hover { background-color: #f2c014; } .ds { /* shop */ } .ds .list-bordered li { border-color: rgba(255, 255, 255, 0.1); } .ds input[type="text"], .ds input[type="email"], .ds input[type="url"], .ds input[type="password"], .ds input[type="search"], .ds input[type="tel"], .ds input[type="number"], .ds textarea, .ds select, .ds .form-control { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; color: #fff; } .ds .form-group-select:before { border-color: rgba(255, 255, 255, 0.1); } .ds .form-control:focus { border-color: rgba(255, 255, 255, 0.1); } .ds .form-control:-moz-placeholder { color: #fff; opacity: 1; } .ds .form-control::-moz-placeholder { color: #fff; opacity: 1; } .ds .form-control:-ms-input-placeholder { color: #fff; } .ds .form-control::-webkit-input-placeholder { color: #fff; } .ds .form-control:focus:-moz-placeholder { color: transparent; } .ds .form-control:focus::-moz-placeholder { color: transparent; } .ds .form-control:focus:-ms-input-placeholder { color: transparent; } .ds .form-control:focus::-webkit-input-placeholder { color: transparent; } .ds .contact-form.transparent-background .form-control { border-color: rgba(255, 255, 255, 0.1); } .ds .tab-content { border-color: rgba(255, 255, 255, 0.1); } .ds .nav-tabs .nav-link { border-color: rgba(255, 255, 255, 0.1); } .ds .owl-theme .owl-dots .owl-dot span { border-color: #fff; } .ds .post-adds .share_button > i, .ds .post-adds .like_button > i { color: #fff; } .ds .side-item { border-color: rgba(255, 255, 255, 0.1); } .ds .excerpt { color: #fff; } .ds .reply a { color: #fff; } .ds .widget_search .form-inline .btn, .ds .widget_product_search [type="submit"], .ds .widget_mailchimp .form-inline .btn { background-color: transparent; color: #f2c014; } .ds .widget_shopping_cart .cart_list, .ds .widget_recent_entries li, .ds .widget_recent_comments li, .ds .widget_archive li, .ds .widget_categories li, .ds .widget_meta li, .ds .widget_nav_menu li, .ds .widget_pages li, .ds .widget_popular_entries li { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_nav_menu ul ul { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_popular_entries .media-heading { color: #fff; } .ds .tweet_list li + li .tweet_right { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_tag_cloud a { border-color: #fff; color: #fff; } .ds .widget_shopping_cart li a + a { color: #fff; } .ds .widget_shopping_cart li a + a:hover { color: #f2c014; } .ds .summary .price { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .ds .summary .product_meta { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_price_filter .price_label { color: #fff; } .ds #calendar_wrap { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_calendar table { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } .ds .widget_calendar tfoot td a { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_calendar caption, .ds .widget_calendar thead, .ds .widget_calendar th { color: #fff; } .ds .widget_calendar tbody td a:hover { color: #fff; } .ds .grid-view h3:before, .ds .grid-view h3:after { background-color: rgba(255, 255, 255, 0.1); } .ds .owl-carousel.product-thumbnails .owl-nav > div:after { color: #fff; } .ds .ui-slider { background-color: rgba(255, 255, 255, 0.05); } .ds .ui-slider .ui-slider-handle { background-color: #fff; } .ds #sort_view { background-color: transparent; color: #fff; } .ds #toggle_shop_view.grid-view:after, .ds #toggle_shop_view:before { background-color: rgba(247, 247, 247, 0.05); } .ds .widget_layered_nav .color-filters a:before { border-color: rgba(255, 255, 255, 0.1); } .ds .table.cart a { color: #fff; } .ds .pagination > li > a, .ds .pagination > li > span { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; } .ds .pagination > li.active > a, .ds .pagination > li.active > span, .ds .pagination > li > a:hover, .ds .pagination > li > span:hover, .ds .pagination > li > a:focus, .ds .pagination > li > span:focus { background-color: #f2c014; border-color: #f2c014; color: #fff; } .ds .thumbnail { background-color: transparent; } .ds .thumbnail h3 a { color: #fff; } .ds .thumbnail .caption { background-color: rgba(252, 252, 252, 0.05); border-color: transparent; } .ds .progress { background-color: rgba(255, 255, 255, 0.1); } .ds .panel-heading .panel-title > a.collapsed, .ds .vertical-tabs .nav > li > a { background-color: rgba(255, 255, 255, 0.05); color: #fff; } .ds .panel-heading .panel-title > a, .ds .panel-heading .panel-title > a:hover, .ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover { background-color: #f2c014; } .ds .panel-heading .panel-title > a:hover:after, .ds .vertical-tabs .nav > li > a:hover:after { color: #fff; } .ds .entry-meta .comments-link a { color: #fff; } .ds #timetable tbody th, .ds #timetable tbody td { border-color: rgba(255, 255, 255, 0.1); } .ds #isotope_filters a, .ds .filters a { color: #fff; } .ds div .fw-shortcode-calendar-wrapper .page-header h3, .ds div .btn-group button[data-calendar-nav], .ds div .btn-group button[data-calendar-nav*='today'] { color: #fff; } .ds .ls .widget_shopping_cart .cart_list, .ds .ls .widget_recent_entries li, .ds .ls .widget_recent_comments li, .ds .ls .widget_archive li, .ds .ls .widget_categories li, .ds .ls .widget_meta li, .ds .ls .widget_nav_menu li, .ds .ls .widget_pages li, .ds .ls .widget_popular_entries li { border-color: rgba(35, 34, 45, 0.2); } /* ** Color Background Section - .cs */ .cs.cs2 { background-color: #f23e14; } .cs.cs2 .color-main { color: #f2c014; } .cs.cs3 { background-color: #2cb129; } .cs.cs3 .color-main { color: #f2c014; } /* color section grey - .cs.gs */ .cs.gs { background-color: #aaa6a7; } .cs.cs-success { background-color: #4db19e; } .cs.cs-info { background-color: #007ebd; } .cs.cs-warning { background-color: #eeb269; } .cs.cs-danger { background-color: #dc5753; } .cs { background-color: #f2c014; color: #23222d; } .cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 { color: #23222d; } .cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a { color: #fff; } .cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover { color: #fff; } .cs .cs-color-main { color: #f2c014; } .cs a:not(.btn) { color: #fff; } .cs a:not(.btn):hover { opacity: 0.8; } .cs blockquote, .cs .blockquote { border-color: #f5cd44; } .cs hr { border-color: rgba(255, 255, 255, 0.15); } .cs pre { color: #fff; } .cs .hero-bg { background-color: rgba(255, 255, 255, 0.1); } .cs .bordered { border-color: rgba(255, 255, 255, 0.15); } .cs.s-bordertop:before, .cs.s-borderbottom:after, .cs.s-bordertop-container .container:before, .cs.s-borderbottom-container .container:after { background-color: rgba(255, 255, 255, 0.15); } .cs.s-bordered-columns [class*='col-'] + [class*='col-']:before { background-color: rgba(255, 255, 255, 0.15); } .cs .links-darkgrey a, .cs .links-grey a { color: #fff; opacity: 0.9; } .cs .links-darkgrey a:hover, .cs .links-grey a:hover { color: #fff; opacity: 1; } .cs .color-dark { border-color: #fff; color: #fff; } .cs .color-darkgrey { border-color: #23222d; color: #23222d; } .cs .response, .cs .color-main { color: #fff; } .cs input[type="text"], .cs input[type="email"], .cs input[type="url"], .cs input[type="password"], .cs input[type="search"], .cs input[type="tel"], .cs input[type="number"], .cs textarea, .cs select, .cs .form-control { background-color: #fff; border-color: rgba(35, 34, 45, 0.1); color: #23222d; } .cs .form-control:focus { border-color: rgba(255, 255, 255, 0.5); } .cs .form-control:-moz-placeholder { color: #23222d; opacity: 1; } .cs .form-control::-moz-placeholder { color: #23222d; opacity: 1; } .cs .form-control:-ms-input-placeholder { color: #23222d; } .cs .form-control::-webkit-input-placeholder { color: #23222d; } .cs .form-control:focus:-moz-placeholder { color: transparent; } .cs .form-control:focus::-moz-placeholder { color: transparent; } .cs .form-control:focus:-ms-input-placeholder { color: transparent; } .cs .form-control:focus::-webkit-input-placeholder { color: transparent; } .cs a.fa { border-color: rgba(255, 255, 255, 0.15); color: #fff; } .cs a.bg-icon { background-color: rgba(255, 255, 255, 0.17); } .cs .color-icon.bg-icon { background-color: rgba(255, 255, 255, 0.9); } .cs a.fa.color-bg-icon:hover { background-color: #23222d; } .cs a.links-darkgrey { color: #303849; } .cs a.links-darkgrey:hover { opacity: 1; } .cs .btn-action { background-color: #fff; } .cs .btn-action i { color: #23222d; } .cs .btn-action:hover i { opacity: 0.7; } /* ** Helper Utilities */ /* layout */ .clear, .clearfix { clear: both; } .round { border-radius: 50%; } .text-normal { text-transform: none; } /* paddings for .*-bg, .bg-* and .bordered */ .p-big { padding: 40px 45px; } @media (min-width: 1200px) { .p-big { padding: 55px 60px; } } .p-normal { padding: 40px 45px; } .p-small { padding: 30px 35px; } .cover-before, .cover-after { overflow: hidden; } .cover-before, .cover-after, .cover-before > *, .cover-after > * { position: relative; z-index: 2; } .cover-before:before, .cover-after:after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .top-corner { left: 0; line-height: 1; position: absolute; top: 0; } /* text helpers */ .fs-12 { font-size: 12px; } .fs-14 { font-size: 14px; } .fs-16 { font-size: 16px; } .fs-18 { font-size: 18px; } .fs-20 { font-size: 20px; } .fs-24 { font-size: 24px; } .fs-28 { font-size: 28px; } .fs-30 { font-size: 30px; } .fs-32 { font-size: 32px; } .fs-36 { font-size: 36px; } .fs-40 { font-size: 40px; } .fs-47 { font-size: 47px; } .fs-50 { font-size: 50px; } .fs-56 { font-size: 56px; } .fs-60 { font-size: 60px; } .fw-100 { font-weight: 100; } .fw-300, .thin { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-700, .bolder { font-weight: 700; } .fw-900, .bold { font-weight: 900; } .dropcap { float: left; font-size: 108px; font-weight: 900; line-height: 0.9; margin: 0 15px 0 0; text-transform: uppercase; } @media (max-width: 1600px) { .dropcap { font-size: 92px; margin-right: 15px; } } .overflow-hidden { overflow: hidden; position: relative; z-index: 2; } .overflow-visible { overflow: visible; position: relative; z-index: 2; } .z-index-2 { z-index: 2; } /*display helpers*/ [class*='visible-above-'], [class*='visible-below-'] { display: none !important; } @media (min-width: 576px) { .visible-above-sm { display: block !important; } } @media (max-width: 575px) { .visible-below-sm { display: block !important; } } @media (min-width: 768px) { .visible-above-md { display: block !important; } } @media (max-width: 767px) { .visible-below-md { display: block !important; } } @media (min-width: 992px) { .visible-above-lg { display: block !important; } } @media (max-width: 991px) { .visible-below-lg { display: block !important; } } @media (min-width: 1200px) { .visible-above-xl { display: block !important; } } @media (max-width: 1199px) { .visible-below-xl { display: block !important; } } @media (max-width: 575px) { .hidden-below-sm { display: none !important; } } @media (min-width: 576px) { .hidden-above-sm { display: none !important; } } @media (max-width: 767px) { .hidden-below-md { display: none !important; } } @media (min-width: 768px) { .hidden-above-md { display: none !important; } } @media (max-width: 991px) { .hidden-below-lg { display: none !important; } } @media (min-width: 992px) { .hidden-above-lg { display: none !important; } } @media (max-width: 1199px) { .hidden-below-xl { display: none !important; } } @media (min-width: 1200px) { .hidden-above-xl { display: none !important; } } @media (max-width: 575px) { .hidden-xs { display: none !important; } } @media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none !important; } } @media (min-width: 1200px) { .hidden-xl { display: none !important; } } /* borders, colors and backgrounds */ .light-bg { background-color: #fff; } .hero-bg { background-color: #f7f8f8; } .muted-bg { background-color: rgba(35, 34, 45, 0.06); } .response, .color-main { border-color: #f2c014; color: #f2c014; } .color-main2 { border-color: #f23e14; color: #f23e14; } .color-main3 { border-color: #2cb129; color: #2cb129; } .color-dark { border-color: #303849; color: #303849; } .color-grey { color: #303849; } .color-light { color: #fff; } .color-success { color: #4db19e; } .color-info { color: #007ebd; } .color-warning { color: #eeb269; } .required, .color-danger { color: #dc5753; } .bordered { border: 1px solid rgba(48, 56, 73, 0.1); } .box-shadow { border-color: transparent; box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); transition: all .5s ease-in-out; } .box-shadow:hover { box-shadow: 0 2px 5px 0px rgba(72, 97, 115, 0.4); } a.links-maincolor, .links-maincolor a { color: #f2c014; } .links-maincolor2 a { color: #f23e14; } .links-maincolor3 a { color: #2cb129; } .links-grey a { color: #303849; } .links-grey a:hover { color: #f2c014; } .links-darkgrey a { color: #23222d; } .links-darkgrey a:hover { color: #f2c014; } .bg-maincolor { background-color: #f2c014; } .bg-maincolor2 { background-color: #f23e14; } .bg-maincolor3 { background-color: #2cb129; } .bg-maincolor4 { background-color: #208dcc; } .bg-dark { background-color: #303849; } .bg-darkblue { background-color: #1a202e; color: #fff; } .bg-darkgrey { background-color: #23222d; color: #fff; } .bg-success { background-color: #4db19e !important; } .bg-info { background-color: #007ebd !important; } .bg-warning { background-color: #eeb269 !important; } .bg-danger { background-color: #dc5753 !important; } /*padding for inline elements with theme backgrounds*/ span[class*='bg-'], span.bordered, span.light-bg, span.hero-bg, span.muted-bg { padding-left: 0.37em; padding-right: 0.37em; } /*Dividers, margins and padding helpers*/ /* margins */ /*top&bottom equal margins - dividers*/ .my-10 { margin-bottom: 10px; margin-top: 10px; } .my-13 { margin-bottom: 13px; margin-top: 13px; } .my-15 { margin-bottom: 15px; margin-top: 15px; } .my-20 { margin-bottom: 20px; margin-top: 20px; } .my-25 { margin-bottom: 25px; margin-top: 25px; } .my-30 { margin-bottom: 30px; margin-top: 30px; } .my-35 { margin-bottom: 35px; margin-top: 35px; } .my-40 { margin-bottom: 40px; margin-top: 40px; } .my-43 { margin-bottom: 43px; margin-top: 43px; } .my-45 { margin-bottom: 45px; margin-top: 45px; } .my-48 { margin-bottom: 48px; margin-top: 48px; } .my-50 { margin-bottom: 50px; margin-top: 50px; } .my-55 { margin-bottom: 55px; margin-top: 55px; } .my-60 { margin-bottom: 60px; margin-top: 60px; } .my-65 { margin-bottom: 65px; margin-top: 65px; } .my-70 { margin-bottom: 70px; margin-top: 70px; } .my-140 { margin-bottom: 140px; margin-top: 140px; } /*top margins*/ .mt-10 { margin-top: 10px !important; } .mt-13 { margin-top: 13px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-43 { margin-top: 43px !important; } .mt-45 { margin-top: 45px !important; } .mt-48 { margin-top: 48px !important; } .mt-50 { margin-top: 50px !important; } .mt-55 { margin-top: 55px !important; } .mt-60 { margin-top: 60px !important; } .mt-65 { margin-top: 65px !important; } .mt-70 { margin-top: 70px !important; } .mt-140 { margin-top: 140px !important; } /*bottom margins*/ .mb-10 { margin-bottom: 10px !important; } .mb-13 { margin-bottom: 13px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-43 { margin-bottom: 43px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-48 { margin-bottom: 48px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-55 { margin-bottom: 55px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-65 { margin-bottom: 65px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-140 { margin-bottom: 140px !important; } @media (min-width: 576px) { /*top margins*/ .mt-sm-10 { margin-top: 10px !important; } .mt-sm-13 { margin-top: 13px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-25 { margin-top: 25px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-35 { margin-top: 35px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-43 { margin-top: 43px !important; } .mt-sm-45 { margin-top: 45px !important; } .mt-sm-48 { margin-top: 48px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-55 { margin-top: 55px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-65 { margin-top: 65px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-140 { margin-top: 140px !important; } /*bottom margins*/ .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-13 { margin-bottom: 13px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-25 { margin-bottom: 25px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-35 { margin-bottom: 35px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-43 { margin-bottom: 43px !important; } .mb-sm-45 { margin-bottom: 45px !important; } .mb-sm-48 { margin-bottom: 48px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-55 { margin-bottom: 55px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-65 { margin-bottom: 65px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-140 { margin-bottom: 140px !important; } } @media (min-width: 768px) { /*top margins*/ .mt-md-10 { margin-top: 10px !important; } .mt-md-13 { margin-top: 13px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-25 { margin-top: 25px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-35 { margin-top: 35px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-43 { margin-top: 43px !important; } .mt-md-45 { margin-top: 45px !important; } .mt-md-48 { margin-top: 48px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-55 { margin-top: 55px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-65 { margin-top: 65px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-140 { margin-top: 140px !important; } /*bottom margins*/ .mb-md-10 { margin-bottom: 10px !important; } .mb-md-13 { margin-bottom: 13px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-25 { margin-bottom: 25px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-35 { margin-bottom: 35px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-43 { margin-bottom: 43px !important; } .mb-md-45 { margin-bottom: 45px !important; } .mb-md-48 { margin-bottom: 48px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-55 { margin-bottom: 55px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-65 { margin-bottom: 65px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-140 { margin-bottom: 140px !important; } } @media (min-width: 992px) { /*top margins*/ .mt-lg-10 { margin-top: 10px !important; } .mt-lg-13 { margin-top: 13px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-25 { margin-top: 25px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-35 { margin-top: 35px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-43 { margin-top: 43px !important; } .mt-lg-45 { margin-top: 45px !important; } .mt-lg-48 { margin-top: 48px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-55 { margin-top: 55px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-65 { margin-top: 65px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-140 { margin-top: 140px !important; } /*bottom margins*/ .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-13 { margin-bottom: 13px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-35 { margin-bottom: 35px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-43 { margin-bottom: 43px !important; } .mb-lg-45 { margin-bottom: 45px !important; } .mb-lg-48 { margin-bottom: 48px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-55 { margin-bottom: 55px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-65 { margin-bottom: 65px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-140 { margin-bottom: 140px !important; } } @media (min-width: 1200px) { /*top margins*/ .mt-xl-10 { margin-top: 10px !important; } .mt-xl-13 { margin-top: 13px !important; } .mt-xl-15 { margin-top: 15px !important; } .mt-xl-20 { margin-top: 20px !important; } .mt-xl-25 { margin-top: 25px !important; } .mt-xl-30 { margin-top: 30px !important; } .mt-xl-35 { margin-top: 35px !important; } .mt-xl-40 { margin-top: 40px !important; } .mt-xl-43 { margin-top: 43px !important; } .mt-xl-45 { margin-top: 45px !important; } .mt-xl-48 { margin-top: 48px !important; } .mt-xl-50 { margin-top: 50px !important; } .mt-xl-55 { margin-top: 55px !important; } .mt-xl-60 { margin-top: 60px !important; } .mt-xl-65 { margin-top: 65px !important; } .mt-xl-70 { margin-top: 70px !important; } .mt-xl-140 { margin-top: 140px !important; } /*bottom margins*/ .mb-xl-10 { margin-bottom: 10px !important; } .mb-xl-13 { margin-bottom: 13px !important; } .mb-xl-15 { margin-bottom: 15px !important; } .mb-xl-20 { margin-bottom: 20px !important; } .mb-xl-25 { margin-bottom: 25px !important; } .mb-xl-30 { margin-bottom: 30px !important; } .mb-xl-35 { margin-bottom: 35px !important; } .mb-xl-40 { margin-bottom: 40px !important; } .mb-xl-43 { margin-bottom: 43px !important; } .mb-xl-45 { margin-bottom: 45px !important; } .mb-xl-48 { margin-bottom: 48px !important; } .mb-xl-50 { margin-bottom: 50px !important; } .mb-xl-55 { margin-bottom: 55px !important; } .mb-xl-60 { margin-bottom: 60px !important; } .mb-xl-65 { margin-bottom: 65px !important; } .mb-xl-70 { margin-bottom: 70px !important; } .mb-xl-140 { margin-bottom: 140px !important; } } /*left&right equal margins*/ .mx-10 { margin-left: 10px; margin-right: 10px; } .mx-13 { margin-left: 13px; margin-right: 13px; } .mx-15 { margin-left: 15px; margin-right: 15px; } .mx-20 { margin-left: 20px; margin-right: 20px; } .mx-25 { margin-left: 25px; margin-right: 25px; } .mx-30 { margin-left: 30px; margin-right: 30px; } .mx-35 { margin-left: 35px; margin-right: 35px; } .mx-40 { margin-left: 40px; margin-right: 40px; } .mx-43 { margin-left: 43px; margin-right: 43px; } .mx-45 { margin-left: 45px; margin-right: 45px; } .mx-48 { margin-left: 48px; margin-right: 48px; } .mx-50 { margin-left: 50px; margin-right: 50px; } .mx-55 { margin-left: 55px; margin-right: 55px; } .mx-60 { margin-left: 60px; margin-right: 60px; } .mx-65 { margin-left: 65px; margin-right: 65px; } .mx-70 { margin-left: 70px; margin-right: 70px; } .mx-140 { margin-left: 140px; margin-right: 140px; } /*top right bottom left margins*/ .m-10 { margin: 10px; } .m-13 { margin: 13px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .m-35 { margin: 35px; } .m-40 { margin: 40px; } .m-43 { margin: 43px; } .m-45 { margin: 45px; } .m-48 { margin: 48px; } .m-50 { margin: 50px; } .m-55 { margin: 55px; } .m-60 { margin: 60px; } .m-65 { margin: 65px; } .m-70 { margin: 70px; } .m-140 { margin: 140px; } /* paddings */ /*top&bottom equal paddings - dividers*/ .py-10 { padding-bottom: 10px; padding-top: 10px; } .py-13 { padding-bottom: 13px; padding-top: 13px; } .py-15 { padding-bottom: 15px; padding-top: 15px; } .py-20 { padding-bottom: 20px; padding-top: 20px; } .py-25 { padding-bottom: 25px; padding-top: 25px; } .py-30 { padding-bottom: 30px; padding-top: 30px; } .py-35 { padding-bottom: 35px; padding-top: 35px; } .py-40 { padding-bottom: 40px; padding-top: 40px; } .py-43 { padding-bottom: 43px; padding-top: 43px; } .py-45 { padding-bottom: 45px; padding-top: 45px; } .py-48 { padding-bottom: 48px; padding-top: 48px; } .py-50 { padding-bottom: 50px; padding-top: 50px; } .py-55 { padding-bottom: 55px; padding-top: 55px; } .py-60 { padding-bottom: 60px; padding-top: 60px; } .py-65 { padding-bottom: 65px; padding-top: 65px; } .py-70 { padding-bottom: 70px; padding-top: 70px; } .py-140 { padding-bottom: 140px; padding-top: 140px; } /*left&right equal paddings*/ .px-10 { padding-left: 10px; padding-right: 10px; } .px-13 { padding-left: 13px; padding-right: 13px; } .px-15 { padding-left: 15px; padding-right: 15px; } .px-20 { padding-left: 20px; padding-right: 20px; } .px-25 { padding-left: 25px; padding-right: 25px; } .px-30 { padding-left: 30px; padding-right: 30px; } .px-35 { padding-left: 35px; padding-right: 35px; } .px-40 { padding-left: 40px; padding-right: 40px; } .px-43 { padding-left: 43px; padding-right: 43px; } .px-45 { padding-left: 45px; padding-right: 45px; } .px-48 { padding-left: 48px; padding-right: 48px; } .px-50 { padding-left: 50px; padding-right: 50px; } .px-55 { padding-left: 55px; padding-right: 55px; } .px-60 { padding-left: 60px; padding-right: 60px; } .px-65 { padding-left: 65px; padding-right: 65px; } .px-70 { padding-left: 70px; padding-right: 70px; } .px-140 { padding-left: 140px; padding-right: 140px; } /*left padding*/ .pl-10 { padding-left: 10px; } .pl-13 { padding-left: 13px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-43 { padding-left: 43px; } .pl-45 { padding-left: 45px; } .pl-48 { padding-left: 48px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-140 { padding-left: 140px; } /*right padding*/ .pr-10 { padding-right: 10px; } .pr-13 { padding-right: 13px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-43 { padding-right: 43px; } .pr-45 { padding-right: 45px; } .pr-48 { padding-right: 48px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-140 { padding-right: 140px; } /*top paddings*/ .pt-10 { padding-top: 10px; } .pt-13 { padding-top: 13px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-43 { padding-top: 43px; } .pt-45 { padding-top: 45px; } .pt-48 { padding-top: 48px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-140 { padding-top: 140px; } /*bottom paddings*/ .pb-10 { padding-bottom: 10px; } .pb-13 { padding-bottom: 13px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-43 { padding-bottom: 43px; } .pb-45 { padding-bottom: 45px; } .pb-48 { padding-bottom: 48px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-140 { padding-bottom: 140px; } @media (min-width: 576px) { .pb-sm-10 { padding-bottom: 10px; } .pb-sm-13 { padding-bottom: 13px; } .pb-sm-15 { padding-bottom: 15px; } .pb-sm-20 { padding-bottom: 20px; } .pb-sm-25 { padding-bottom: 25px; } .pb-sm-30 { padding-bottom: 30px; } .pb-sm-35 { padding-bottom: 35px; } .pb-sm-40 { padding-bottom: 40px; } .pb-sm-43 { padding-bottom: 43px; } .pb-sm-45 { padding-bottom: 45px; } .pb-sm-48 { padding-bottom: 48px; } .pb-sm-50 { padding-bottom: 50px; } .pb-sm-55 { padding-bottom: 55px; } .pb-sm-60 { padding-bottom: 60px; } .pb-sm-65 { padding-bottom: 65px; } .pb-sm-70 { padding-bottom: 70px; } .pb-sm-140 { padding-bottom: 140px; } } @media (min-width: 768px) { .pb-md-10 { padding-bottom: 10px; } .pb-md-13 { padding-bottom: 13px; } .pb-md-15 { padding-bottom: 15px; } .pb-md-20 { padding-bottom: 20px; } .pb-md-25 { padding-bottom: 25px; } .pb-md-30 { padding-bottom: 30px; } .pb-md-35 { padding-bottom: 35px; } .pb-md-40 { padding-bottom: 40px; } .pb-md-43 { padding-bottom: 43px; } .pb-md-45 { padding-bottom: 45px; } .pb-md-48 { padding-bottom: 48px; } .pb-md-50 { padding-bottom: 50px; } .pb-md-55 { padding-bottom: 55px; } .pb-md-60 { padding-bottom: 60px; } .pb-md-65 { padding-bottom: 65px; } .pb-md-70 { padding-bottom: 70px; } .pb-md-140 { padding-bottom: 140px; } } @media (min-width: 992px) { .pb-lg-10 { padding-bottom: 10px; } .pb-lg-13 { padding-bottom: 13px; } .pb-lg-15 { padding-bottom: 15px; } .pb-lg-20 { padding-bottom: 20px; } .pb-lg-25 { padding-bottom: 25px; } .pb-lg-30 { padding-bottom: 30px; } .pb-lg-35 { padding-bottom: 35px; } .pb-lg-40 { padding-bottom: 40px; } .pb-lg-43 { padding-bottom: 43px; } .pb-lg-45 { padding-bottom: 45px; } .pb-lg-48 { padding-bottom: 48px; } .pb-lg-50 { padding-bottom: 50px; } .pb-lg-55 { padding-bottom: 55px; } .pb-lg-60 { padding-bottom: 60px; } .pb-lg-65 { padding-bottom: 65px; } .pb-lg-70 { padding-bottom: 70px; } .pb-lg-140 { padding-bottom: 140px; } } @media (min-width: 1200px) { .pb-xl-10 { padding-bottom: 10px; } .pb-xl-13 { padding-bottom: 13px; } .pb-xl-15 { padding-bottom: 15px; } .pb-xl-20 { padding-bottom: 20px; } .pb-xl-25 { padding-bottom: 25px; } .pb-xl-30 { padding-bottom: 30px; } .pb-xl-35 { padding-bottom: 35px; } .pb-xl-40 { padding-bottom: 40px; } .pb-xl-43 { padding-bottom: 43px; } .pb-xl-45 { padding-bottom: 45px; } .pb-xl-48 { padding-bottom: 48px; } .pb-xl-50 { padding-bottom: 50px; } .pb-xl-55 { padding-bottom: 55px; } .pb-xl-60 { padding-bottom: 60px; } .pb-xl-65 { padding-bottom: 65px; } .pb-xl-70 { padding-bottom: 70px; } .pb-xl-140 { padding-bottom: 140px; } } /*top right bottom left paddings*/ .p-10 { padding: 10px; } .p-13 { padding: 13px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-43 { padding: 43px; } .p-45 { padding: 45px; } .p-48 { padding: 48px; } .p-50 { padding: 50px; } .p-55 { padding: 55px; } .p-60 { padding: 60px; } .p-65 { padding: 65px; } .p-70 { padding: 70px; } .p-140 { padding: 140px; } /* paddings */ /*top&bottom equal paddings - dividers*/ @media (min-width: 576px) { .py-sm-10 { padding-bottom: 10px; padding-top: 10px; } .py-sm-13 { padding-bottom: 13px; padding-top: 13px; } .py-sm-15 { padding-bottom: 15px; padding-top: 15px; } .py-sm-20 { padding-bottom: 20px; padding-top: 20px; } .py-sm-25 { padding-bottom: 25px; padding-top: 25px; } .py-sm-30 { padding-bottom: 30px; padding-top: 30px; } .py-sm-35 { padding-bottom: 35px; padding-top: 35px; } .py-sm-40 { padding-bottom: 40px; padding-top: 40px; } .py-sm-43 { padding-bottom: 43px; padding-top: 43px; } .py-sm-45 { padding-bottom: 45px; padding-top: 45px; } .py-sm-48 { padding-bottom: 48px; padding-top: 48px; } .py-sm-50 { padding-bottom: 50px; padding-top: 50px; } .py-sm-55 { padding-bottom: 55px; padding-top: 55px; } .py-sm-60 { padding-bottom: 60px; padding-top: 60px; } .py-sm-65 { padding-bottom: 65px; padding-top: 65px; } .py-sm-70 { padding-bottom: 70px; padding-top: 70px; } .py-sm-140 { padding-bottom: 140px; padding-top: 140px; } .p-sm-10 { padding: 10px; } .p-sm-13 { padding: 13px; } .p-sm-15 { padding: 15px; } .p-sm-20 { padding: 20px; } .p-sm-25 { padding: 25px; } .p-sm-30 { padding: 30px; } .p-sm-35 { padding: 35px; } .p-sm-40 { padding: 40px; } .p-sm-43 { padding: 43px; } .p-sm-45 { padding: 45px; } .p-sm-48 { padding: 48px; } .p-sm-50 { padding: 50px; } .p-sm-55 { padding: 55px; } .p-sm-60 { padding: 60px; } .p-sm-65 { padding: 65px; } .p-sm-70 { padding: 70px; } .p-sm-140 { padding: 140px; } /*left&right equal paddings*/ .px-sm-10 { padding-left: 10px; padding-right: 10px; } .px-sm-13 { padding-left: 13px; padding-right: 13px; } .px-sm-15 { padding-left: 15px; padding-right: 15px; } .px-sm-20 { padding-left: 20px; padding-right: 20px; } .px-sm-25 { padding-left: 25px; padding-right: 25px; } .px-sm-30 { padding-left: 30px; padding-right: 30px; } .px-sm-35 { padding-left: 35px; padding-right: 35px; } .px-sm-40 { padding-left: 40px; padding-right: 40px; } .px-sm-43 { padding-left: 43px; padding-right: 43px; } .px-sm-45 { padding-left: 45px; padding-right: 45px; } .px-sm-48 { padding-left: 48px; padding-right: 48px; } .px-sm-50 { padding-left: 50px; padding-right: 50px; } .px-sm-55 { padding-left: 55px; padding-right: 55px; } .px-sm-60 { padding-left: 60px; padding-right: 60px; } .px-sm-65 { padding-left: 65px; padding-right: 65px; } .px-sm-70 { padding-left: 70px; padding-right: 70px; } .px-sm-140 { padding-left: 140px; padding-right: 140px; } /*left padding*/ .pl-sm-10 { padding-left: 10px; } .pl-sm-13 { padding-left: 13px; } .pl-sm-15 { padding-left: 15px; } .pl-sm-20 { padding-left: 20px; } .pl-sm-25 { padding-left: 25px; } .pl-sm-30 { padding-left: 30px; } .pl-sm-35 { padding-left: 35px; } .pl-sm-40 { padding-left: 40px; } .pl-sm-43 { padding-left: 43px; } .pl-sm-45 { padding-left: 45px; } .pl-sm-48 { padding-left: 48px; } .pl-sm-50 { padding-left: 50px; } .pl-sm-55 { padding-left: 55px; } .pl-sm-60 { padding-left: 60px; } .pl-sm-65 { padding-left: 65px; } .pl-sm-70 { padding-left: 70px; } .pl-sm-140 { padding-left: 140px; } /*right padding*/ .pr-sm-10 { padding-right: 10px; } .pr-sm-13 { padding-right: 13px; } .pr-sm-15 { padding-right: 15px; } .pr-sm-20 { padding-right: 20px; } .pr-sm-25 { padding-right: 25px; } .pr-sm-30 { padding-right: 30px; } .pr-sm-35 { padding-right: 35px; } .pr-sm-40 { padding-right: 40px; } .pr-sm-43 { padding-right: 43px; } .pr-sm-45 { padding-right: 45px; } .pr-sm-48 { padding-right: 48px; } .pr-sm-50 { padding-right: 50px; } .pr-sm-55 { padding-right: 55px; } .pr-sm-60 { padding-right: 60px; } .pr-sm-65 { padding-right: 65px; } .pr-sm-70 { padding-right: 70px; } .pr-sm-140 { padding-right: 140px; } /*top paddings*/ .pt-sm-10 { padding-top: 10px; } .pt-sm-13 { padding-top: 13px; } .pt-sm-15 { padding-top: 15px; } .pt-sm-20 { padding-top: 20px; } .pt-sm-25 { padding-top: 25px; } .pt-sm-30 { padding-top: 30px; } .pt-sm-35 { padding-top: 35px; } .pt-sm-40 { padding-top: 40px; } .pt-sm-43 { padding-top: 43px; } .pt-sm-45 { padding-top: 45px; } .pt-sm-48 { padding-top: 48px; } .pt-sm-50 { padding-top: 50px; } .pt-sm-55 { padding-top: 55px; } .pt-sm-60 { padding-top: 60px; } .pt-sm-65 { padding-top: 65px; } .pt-sm-70 { padding-top: 70px; } .pt-sm-140 { padding-top: 140px; } } @media (min-width: 768px) { .py-md-10 { padding-bottom: 10px; padding-top: 10px; } .py-md-13 { padding-bottom: 13px; padding-top: 13px; } .py-md-15 { padding-bottom: 15px; padding-top: 15px; } .py-md-20 { padding-bottom: 20px; padding-top: 20px; } .py-md-25 { padding-bottom: 25px; padding-top: 25px; } .py-md-30 { padding-bottom: 30px; padding-top: 30px; } .py-md-35 { padding-bottom: 35px; padding-top: 35px; } .py-md-40 { padding-bottom: 40px; padding-top: 40px; } .py-md-43 { padding-bottom: 43px; padding-top: 43px; } .py-md-45 { padding-bottom: 45px; padding-top: 45px; } .py-md-48 { padding-bottom: 48px; padding-top: 48px; } .py-md-50 { padding-bottom: 50px; padding-top: 50px; } .py-md-55 { padding-bottom: 55px; padding-top: 55px; } .py-md-60 { padding-bottom: 60px; padding-top: 60px; } .py-md-65 { padding-bottom: 65px; padding-top: 65px; } .py-md-70 { padding-bottom: 70px; padding-top: 70px; } .py-md-140 { padding-bottom: 140px; padding-top: 140px; } .p-md-10 { padding: 10px; } .p-md-13 { padding: 13px; } .p-md-15 { padding: 15px; } .p-md-20 { padding: 20px; } .p-md-25 { padding: 25px; } .p-md-30 { padding: 30px; } .p-md-35 { padding: 35px; } .p-md-40 { padding: 40px; } .p-md-43 { padding: 43px; } .p-md-45 { padding: 45px; } .p-md-48 { padding: 48px; } .p-md-50 { padding: 50px; } .p-md-55 { padding: 55px; } .p-md-60 { padding: 60px; } .p-md-65 { padding: 65px; } .p-md-70 { padding: 70px; } .p-md-140 { padding: 140px; } /*left&right equal paddings*/ .px-md-10 { padding-left: 10px; padding-right: 10px; } .px-md-13 { padding-left: 13px; padding-right: 13px; } .px-md-15 { padding-left: 15px; padding-right: 15px; } .px-md-20 { padding-left: 20px; padding-right: 20px; } .px-md-25 { padding-left: 25px; padding-right: 25px; } .px-md-30 { padding-left: 30px; padding-right: 30px; } .px-md-35 { padding-left: 35px; padding-right: 35px; } .px-md-40 { padding-left: 40px; padding-right: 40px; } .px-md-43 { padding-left: 43px; padding-right: 43px; } .px-md-45 { padding-left: 45px; padding-right: 45px; } .px-md-48 { padding-left: 48px; padding-right: 48px; } .px-md-50 { padding-left: 50px; padding-right: 50px; } .px-md-55 { padding-left: 55px; padding-right: 55px; } .px-md-60 { padding-left: 60px; padding-right: 60px; } .px-md-65 { padding-left: 65px; padding-right: 65px; } .px-md-70 { padding-left: 70px; padding-right: 70px; } .px-md-140 { padding-left: 140px; padding-right: 140px; } /*left padding*/ .pl-md-10 { padding-left: 10px; } .pl-md-13 { padding-left: 13px; } .pl-md-15 { padding-left: 15px; } .pl-md-20 { padding-left: 20px; } .pl-md-25 { padding-left: 25px; } .pl-md-30 { padding-left: 30px; } .pl-md-35 { padding-left: 35px; } .pl-md-40 { padding-left: 40px; } .pl-md-43 { padding-left: 43px; } .pl-md-45 { padding-left: 45px; } .pl-md-48 { padding-left: 48px; } .pl-md-50 { padding-left: 50px; } .pl-md-55 { padding-left: 55px; } .pl-md-60 { padding-left: 60px; } .pl-md-65 { padding-left: 65px; } .pl-md-70 { padding-left: 70px; } .pl-md-140 { padding-left: 140px; } /*right padding*/ .pr-md-10 { padding-right: 10px; } .pr-md-13 { padding-right: 13px; } .pr-md-15 { padding-right: 15px; } .pr-md-20 { padding-right: 20px; } .pr-md-25 { padding-right: 25px; } .pr-md-30 { padding-right: 30px; } .pr-md-35 { padding-right: 35px; } .pr-md-40 { padding-right: 40px; } .pr-md-43 { padding-right: 43px; } .pr-md-45 { padding-right: 45px; } .pr-md-48 { padding-right: 48px; } .pr-md-50 { padding-right: 50px; } .pr-md-55 { padding-right: 55px; } .pr-md-60 { padding-right: 60px; } .pr-md-65 { padding-right: 65px; } .pr-md-70 { padding-right: 70px; } .pr-md-140 { padding-right: 140px; } /*top paddings*/ .pt-md-10 { padding-top: 10px; } .pt-md-13 { padding-top: 13px; } .pt-md-15 { padding-top: 15px; } .pt-md-20 { padding-top: 20px; } .pt-md-25 { padding-top: 25px; } .pt-md-30 { padding-top: 30px; } .pt-md-35 { padding-top: 35px; } .pt-md-40 { padding-top: 40px; } .pt-md-43 { padding-top: 43px; } .pt-md-45 { padding-top: 45px; } .pt-md-48 { padding-top: 48px; } .pt-md-50 { padding-top: 50px; } .pt-md-55 { padding-top: 55px; } .pt-md-60 { padding-top: 60px; } .pt-md-65 { padding-top: 65px; } .pt-md-70 { padding-top: 70px; } .pt-md-140 { padding-top: 140px; } } @media (min-width: 992px) { .py-lg-10 { padding-bottom: 10px; padding-top: 10px; } .py-lg-13 { padding-bottom: 13px; padding-top: 13px; } .py-lg-15 { padding-bottom: 15px; padding-top: 15px; } .py-lg-20 { padding-bottom: 20px; padding-top: 20px; } .py-lg-25 { padding-bottom: 25px; padding-top: 25px; } .py-lg-30 { padding-bottom: 30px; padding-top: 30px; } .py-lg-35 { padding-bottom: 35px; padding-top: 35px; } .py-lg-40 { padding-bottom: 40px; padding-top: 40px; } .py-lg-43 { padding-bottom: 43px; padding-top: 43px; } .py-lg-45 { padding-bottom: 45px; padding-top: 45px; } .py-lg-48 { padding-bottom: 48px; padding-top: 48px; } .py-lg-50 { padding-bottom: 50px; padding-top: 50px; } .py-lg-55 { padding-bottom: 55px; padding-top: 55px; } .py-lg-60 { padding-bottom: 60px; padding-top: 60px; } .py-lg-65 { padding-bottom: 65px; padding-top: 65px; } .py-lg-70 { padding-bottom: 70px; padding-top: 70px; } .py-lg-140 { padding-bottom: 140px; padding-top: 140px; } .p-lg-10 { padding: 10px; } .p-lg-13 { padding: 13px; } .p-lg-15 { padding: 15px; } .p-lg-20 { padding: 20px; } .p-lg-25 { padding: 25px; } .p-lg-30 { padding: 30px; } .p-lg-35 { padding: 35px; } .p-lg-40 { padding: 40px; } .p-lg-43 { padding: 43px; } .p-lg-45 { padding: 45px; } .p-lg-48 { padding: 48px; } .p-lg-50 { padding: 50px; } .p-lg-55 { padding: 55px; } .p-lg-60 { padding: 60px; } .p-lg-65 { padding: 65px; } .p-lg-70 { padding: 70px; } .p-lg-140 { padding: 140px; } /*left&right equal paddings*/ .px-lg-10 { padding-left: 10px; padding-right: 10px; } .px-lg-13 { padding-left: 13px; padding-right: 13px; } .px-lg-15 { padding-left: 15px; padding-right: 15px; } .px-lg-20 { padding-left: 20px; padding-right: 20px; } .px-lg-25 { padding-left: 25px; padding-right: 25px; } .px-lg-30 { padding-left: 30px; padding-right: 30px; } .px-lg-35 { padding-left: 35px; padding-right: 35px; } .px-lg-40 { padding-left: 40px; padding-right: 40px; } .px-lg-43 { padding-left: 43px; padding-right: 43px; } .px-lg-45 { padding-left: 45px; padding-right: 45px; } .px-lg-48 { padding-left: 48px; padding-right: 48px; } .px-lg-50 { padding-left: 50px; padding-right: 50px; } .px-lg-55 { padding-left: 55px; padding-right: 55px; } .px-lg-60 { padding-left: 60px; padding-right: 60px; } .px-lg-65 { padding-left: 65px; padding-right: 65px; } .px-lg-70 { padding-left: 70px; padding-right: 70px; } .px-lg-140 { padding-left: 140px; padding-right: 140px; } /*left padding*/ .pl-lg-10 { padding-left: 10px; } .pl-lg-13 { padding-left: 13px; } .pl-lg-15 { padding-left: 15px; } .pl-lg-20 { padding-left: 20px; } .pl-lg-25 { padding-left: 25px; } .pl-lg-30 { padding-left: 30px; } .pl-lg-35 { padding-left: 35px; } .pl-lg-40 { padding-left: 40px; } .pl-lg-43 { padding-left: 43px; } .pl-lg-45 { padding-left: 45px; } .pl-lg-48 { padding-left: 48px; } .pl-lg-50 { padding-left: 50px; } .pl-lg-55 { padding-left: 55px; } .pl-lg-60 { padding-left: 60px; } .pl-lg-65 { padding-left: 65px; } .pl-lg-70 { padding-left: 70px; } .pl-lg-140 { padding-left: 140px; } /*right padding*/ .pr-lg-10 { padding-right: 10px; } .pr-lg-13 { padding-right: 13px; } .pr-lg-15 { padding-right: 15px; } .pr-lg-20 { padding-right: 20px; } .pr-lg-25 { padding-right: 25px; } .pr-lg-30 { padding-right: 30px; } .pr-lg-35 { padding-right: 35px; } .pr-lg-40 { padding-right: 40px; } .pr-lg-43 { padding-right: 43px; } .pr-lg-45 { padding-right: 45px; } .pr-lg-48 { padding-right: 48px; } .pr-lg-50 { padding-right: 50px; } .pr-lg-55 { padding-right: 55px; } .pr-lg-60 { padding-right: 60px; } .pr-lg-65 { padding-right: 65px; } .pr-lg-70 { padding-right: 70px; } .pr-lg-140 { padding-right: 140px; } /*top paddings*/ .pt-lg-10 { padding-top: 10px; } .pt-lg-13 { padding-top: 13px; } .pt-lg-15 { padding-top: 15px; } .pt-lg-20 { padding-top: 20px; } .pt-lg-25 { padding-top: 25px; } .pt-lg-30 { padding-top: 30px; } .pt-lg-35 { padding-top: 35px; } .pt-lg-40 { padding-top: 40px; } .pt-lg-43 { padding-top: 43px; } .pt-lg-45 { padding-top: 45px; } .pt-lg-48 { padding-top: 48px; } .pt-lg-50 { padding-top: 50px; } .pt-lg-55 { padding-top: 55px; } .pt-lg-60 { padding-top: 60px; } .pt-lg-65 { padding-top: 65px; } .pt-lg-70 { padding-top: 70px; } .pt-lg-140 { padding-top: 140px; } } @media (min-width: 1200px) { .py-xl-10 { padding-bottom: 10px; padding-top: 10px; } .py-xl-13 { padding-bottom: 13px; padding-top: 13px; } .py-xl-15 { padding-bottom: 15px; padding-top: 15px; } .py-xl-20 { padding-bottom: 20px; padding-top: 20px; } .py-xl-25 { padding-bottom: 25px; padding-top: 25px; } .py-xl-30 { padding-bottom: 30px; padding-top: 30px; } .py-xl-35 { padding-bottom: 35px; padding-top: 35px; } .py-xl-40 { padding-bottom: 40px; padding-top: 40px; } .py-xl-43 { padding-bottom: 43px; padding-top: 43px; } .py-xl-45 { padding-bottom: 45px; padding-top: 45px; } .py-xl-48 { padding-bottom: 48px; padding-top: 48px; } .py-xl-50 { padding-bottom: 50px; padding-top: 50px; } .py-xl-55 { padding-bottom: 55px; padding-top: 55px; } .py-xl-60 { padding-bottom: 60px; padding-top: 60px; } .py-xl-65 { padding-bottom: 65px; padding-top: 65px; } .py-xl-70 { padding-bottom: 70px; padding-top: 70px; } .py-xl-140 { padding-bottom: 140px; padding-top: 140px; } .p-xl-10 { padding: 10px; } .p-xl-13 { padding: 13px; } .p-xl-15 { padding: 15px; } .p-xl-20 { padding: 20px; } .p-xl-25 { padding: 25px; } .p-xl-30 { padding: 30px; } .p-xl-35 { padding: 35px; } .p-xl-40 { padding: 40px; } .p-xl-43 { padding: 43px; } .p-xl-45 { padding: 45px; } .p-xl-48 { padding: 48px; } .p-xl-50 { padding: 50px; } .p-xl-55 { padding: 55px; } .p-xl-60 { padding: 60px; } .p-xl-65 { padding: 65px; } .p-xl-70 { padding: 70px; } .p-xl-140 { padding: 140px; } /*left&right equal paddings*/ .px-xl-10 { padding-left: 10px; padding-right: 10px; } .px-xl-13 { padding-left: 13px; padding-right: 13px; } .px-xl-15 { padding-left: 15px; padding-right: 15px; } .px-xl-20 { padding-left: 20px; padding-right: 20px; } .px-xl-25 { padding-left: 25px; padding-right: 25px; } .px-xl-30 { padding-left: 30px; padding-right: 30px; } .px-xl-35 { padding-left: 35px; padding-right: 35px; } .px-xl-40 { padding-left: 40px; padding-right: 40px; } .px-xl-43 { padding-left: 43px; padding-right: 43px; } .px-xl-45 { padding-left: 45px; padding-right: 45px; } .px-xl-48 { padding-left: 48px; padding-right: 48px; } .px-xl-50 { padding-left: 50px; padding-right: 50px; } .px-xl-55 { padding-left: 55px; padding-right: 55px; } .px-xl-60 { padding-left: 60px; padding-right: 60px; } .px-xl-65 { padding-left: 65px; padding-right: 65px; } .px-xl-70 { padding-left: 70px; padding-right: 70px; } .px-xl-140 { padding-left: 140px; padding-right: 140px; } /*left padding*/ .pl-xl-10 { padding-left: 10px; } .pl-xl-13 { padding-left: 13px; } .pl-xl-15 { padding-left: 15px; } .pl-xl-20 { padding-left: 20px; } .pl-xl-25 { padding-left: 25px; } .pl-xl-30 { padding-left: 30px; } .pl-xl-35 { padding-left: 35px; } .pl-xl-40 { padding-left: 40px; } .pl-xl-43 { padding-left: 43px; } .pl-xl-45 { padding-left: 45px; } .pl-xl-48 { padding-left: 48px; } .pl-xl-50 { padding-left: 50px; } .pl-xl-55 { padding-left: 55px; } .pl-xl-60 { padding-left: 60px; } .pl-xl-65 { padding-left: 65px; } .pl-xl-70 { padding-left: 70px; } .pl-xl-140 { padding-left: 140px; } /*right padding*/ .pr-xl-10 { padding-right: 10px; } .pr-xl-13 { padding-right: 13px; } .pr-xl-15 { padding-right: 15px; } .pr-xl-20 { padding-right: 20px; } .pr-xl-25 { padding-right: 25px; } .pr-xl-30 { padding-right: 30px; } .pr-xl-35 { padding-right: 35px; } .pr-xl-40 { padding-right: 40px; } .pr-xl-43 { padding-right: 43px; } .pr-xl-45 { padding-right: 45px; } .pr-xl-48 { padding-right: 48px; } .pr-xl-50 { padding-right: 50px; } .pr-xl-55 { padding-right: 55px; } .pr-xl-60 { padding-right: 60px; } .pr-xl-65 { padding-right: 65px; } .pr-xl-70 { padding-right: 70px; } .pr-xl-140 { padding-right: 140px; } /*top paddings*/ .pt-xl-10 { padding-top: 10px; } .pt-xl-13 { padding-top: 13px; } .pt-xl-15 { padding-top: 15px; } .pt-xl-20 { padding-top: 20px; } .pt-xl-25 { padding-top: 25px; } .pt-xl-30 { padding-top: 30px; } .pt-xl-35 { padding-top: 35px; } .pt-xl-40 { padding-top: 40px; } .pt-xl-43 { padding-top: 43px; } .pt-xl-45 { padding-top: 45px; } .pt-xl-48 { padding-top: 48px; } .pt-xl-50 { padding-top: 50px; } .pt-xl-55 { padding-top: 55px; } .pt-xl-60 { padding-top: 60px; } .pt-xl-65 { padding-top: 65px; } .pt-xl-70 { padding-top: 70px; } .pt-xl-140 { padding-top: 140px; } } /* ** Shortcodes */ /* ** Icon Box */ .icon-styled { display: inline-block; text-align: center; } .icon-styled i { margin-right: 0; width: 1em; } .icon-styled[class*='bg-'], .icon-styled[class*='btn-'], .icon-styled.bordered, .icon-styled.icon-bordered { border-style: solid; border-width: 1px; box-sizing: content-box; height: 3em; width: 3em; } .text-center .icon-styled[class*='bg-'], .text-center .icon-styled[class*='btn-'], .text-center .icon-styled.bordered, .text-center .icon-styled.icon-bordered { margin-left: auto; margin-right: auto; } .icon-styled[class*='bg-'] i, .icon-styled[class*='btn-'] i, .icon-styled.bordered i, .icon-styled.icon-bordered i { line-height: 3em; } .icon-styled[class*='bg-'] + p, .icon-styled[class*='btn-'] + p, .icon-styled.bordered + p, .icon-styled.icon-bordered + p { margin-top: 12px; } .icon-styled.icon-bordered:not([class*="color-"]) { border-color: rgba(48, 56, 73, 0.1); } .icon-styled[class*='bg-'] { border-color: transparent; } .icon-styled.icon-top { align-self: flex-start; line-height: inherit; } .media > .icon-styled:first-child { flex-shrink: 0; } .media > .icon-styled:last-child { flex-shrink: 0; } .icon-inline > .icon-styled:first-child { flex-shrink: 0; margin-right: 20px; } .icon-inline > .icon-styled:last-child { flex-shrink: 0; margin-left: 20px; } .icon-inline { align-items: center; display: flex; } .text-center .icon-inline { justify-content: center; } .icon-inline > * { margin-bottom: 0; margin-right: 4px; margin-top: 0; } .icon-box.ls, .icon-box.ds, .icon-box.cs, .icon-box.bordered, .icon-box.hero-bg, .icon-box.muted-bg, .icon-box.box-shadow { padding: 50px 40px 43px; } .c-bordered .icon-box { padding: 70px 30px 30px; } .c-bordered .icon-box p:last-child { margin-bottom: 20px; } @media (min-width: 768px) { .icon-box.featured-box { height: calc(100% + 12px); margin: -6px -10px; padding-bottom: 36px; padding-top: 76px; position: relative; z-index: 2; } } .icon-box .icon-styled[class*='bg-'], .icon-box .icon-styled.icon-bordered { margin-bottom: 0.5em; } .icon-box .icon-styled + h2, .icon-box .icon-styled + h3, .icon-box .icon-styled + h4, .icon-box .icon-styled + h5, .icon-box .icon-styled + h6 { margin-bottom: 23px; margin-top: 15px; } .icon-box .icon-styled + p.small-text { font-size: 20px; font-weight: 300; letter-spacing: 0.2em; margin: 0.74em 0; } .icon-box h2, .icon-box h3, .icon-box h4 { line-height: 1; margin-bottom: 23px; margin-top: 19px; } .media .heading-accent, .icon-box .heading-accent { font-size: 30px; font-weight: 900; letter-spacing: inherit; line-height: 1; margin-bottom: 0.6em; text-transform: uppercase; } @media (min-width: 1200px) { .media .heading-accent, .icon-box .heading-accent { font-size: 38px; } } .media .icon-styled + .heading-accent, .icon-box .icon-styled + .heading-accent { margin-top: 0.6em; } .media .special-heading, .icon-box .special-heading { margin: 0; } .media .counter-wrap, .icon-box .counter-wrap { margin-bottom: 6px; margin-top: 0; } .media.ls, .media.ds, .media.cs, .media.bordered, .media.hero-bg, .media.muted-bg, .media.box-shadow { padding: 44px 20px 38px 20px; } @media (min-width: 1200px) { .media.ls, .media.ds, .media.cs, .media.bordered, .media.hero-bg, .media.muted-bg, .media.box-shadow { padding: 44px 47px 38px 64px; } } .media.ls [class*='bg-'], .media.ls .icon-bordered, .media.ds [class*='bg-'], .media.ds .icon-bordered, .media.cs [class*='bg-'], .media.cs .icon-bordered, .media.bordered [class*='bg-'], .media.bordered .icon-bordered, .media.hero-bg [class*='bg-'], .media.hero-bg .icon-bordered, .media.muted-bg [class*='bg-'], .media.muted-bg .icon-bordered, .media.box-shadow [class*='bg-'], .media.box-shadow .icon-bordered { margin-right: 10px; } .media.ls [class*='bg-']:last-child, .media.ls .icon-bordered:last-child, .media.ds [class*='bg-']:last-child, .media.ds .icon-bordered:last-child, .media.cs [class*='bg-']:last-child, .media.cs .icon-bordered:last-child, .media.bordered [class*='bg-']:last-child, .media.bordered .icon-bordered:last-child, .media.hero-bg [class*='bg-']:last-child, .media.hero-bg .icon-bordered:last-child, .media.muted-bg [class*='bg-']:last-child, .media.muted-bg .icon-bordered:last-child, .media.box-shadow [class*='bg-']:last-child, .media.box-shadow .icon-bordered:last-child { margin-left: 30px; margin-right: 0; } .media .media-body > p:first-child { margin-top: -0.2em; } .side-icon-box { margin: 15px 0 32px; } .side-icon-box h4 { letter-spacing: 0.17em; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; } @media (min-width: 1200px) { .side-icon-box .icon-styled + .media-body { margin-left: 50px; } .side-icon-box { margin-bottom: 50px; } } @media (min-width: 768px) { .box-border-right:after { background-color: rgba(255, 255, 255, 0.2); content: ""; height: 70px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; } } .ls .box-border-right:after { background-color: rgba(48, 56, 73, 0.2); } /* ** Special Heading */ .special-heading { line-height: 1; margin-bottom: 0; position: relative; z-index: 5; } .special-heading + p.special-heading { margin-top: 21px; } .special-heading.with-line:after { background-color: #f2c014; content: ""; display: block; height: 1px; margin-top: 23px; position: relative; width: 100px; } @media (min-width: 768px) { .special-heading.with-line:after { left: -28px; margin-top: 15px; } } .shadow-heading { font-size: 70px; left: 0; line-height: 1; margin: 0; opacity: 0.05; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; word-break: initial; z-index: -1; } @media (min-width: 768px) { .shadow-heading { font-size: 100px; } } @media (min-width: 992px) { .shadow-heading { font-size: 150px; left: -25px; } } @media (min-width: 1500px) { .shadow-heading { font-size: 200px; left: -75px; } } .subheading { font-weight: 700; letter-spacing: 0.4em; text-transform: uppercase; } @media (min-width: 768px) { .subheading { letter-spacing: 0.7em; } } .text-center.with-line:after, .text-center .with-line:after { left: 50%; transform: translateX(-50%); } .text-center.text-md-left.with-line:after, .text-center.text-md-left .with-line:after, .text-center .text-md-left.with-line:after, .text-center .text-md-left .with-line:after { left: 0; transform: none; } @media (max-width: 767px) { .text-center.text-md-left .with-line:after, .text-center .text-md-left .with-line:after { left: 50%; transform: translateX(-50%); } } .text-center.text-lg-left.with-line:after, .text-center.text-lg-left .with-line:after, .text-center .text-lg-left.with-line:after, .text-center .text-lg-left .with-line:after { left: -28px; transform: none; } @media (max-width: 991px) { .text-center.text-lg-left.with-line:after, .text-center.text-lg-left .with-line:after, .text-center .text-lg-left.with-line:after, .text-center .text-lg-left .with-line:after { left: 50%; transform: translateX(-50%); } } .text-center.text-xl-left.with-line:after, .text-center.text-xl-left .with-line:after, .text-center .text-xl-left.with-line:after, .text-center .text-xl-left .with-line:after { left: -28px; transform: none; } @media (max-width: 1199px) { .text-center.text-xl-left.with-line:after, .text-center.text-xl-left .with-line:after, .text-center .text-xl-left.with-line:after, .text-center .text-xl-left .with-line:after { left: 50%; transform: translateX(-50%); } } @media (min-width: 992px) { h3.big.special-heading { margin-top: -2px; } } .text-center .shadow-heading { left: 50%; transform: translate(-50%, -50%); } .text-center.text-md-left .shadow-heading, .text-center .text-md-left .shadow-heading { left: -25px; transform: translate(0, -50%); } @media (max-width: 767px) { .text-center.text-md-left .shadow-heading, .text-center .text-md-left .shadow-heading { left: 50%; transform: translate(-50%, -50%); } } .text-center.text-lg-left .shadow-heading, .text-center .text-lg-left .shadow-heading { left: -25px; transform: translate(0, -50%); } @media (min-width: 1500px) { .text-center.text-lg-left .shadow-heading, .text-center .text-lg-left .shadow-heading { left: -75px; } } @media (max-width: 991px) { .text-center.text-lg-left .shadow-heading, .text-center .text-lg-left .shadow-heading { left: 50%; transform: translate(-50%, -50%); } } .text-center.text-xl-left .shadow-heading, .text-center .text-xl-left .shadow-heading { left: -75px; transform: translate(0, -50%); } @media (max-width: 1199px) { .text-center.text-xl-left .shadow-heading, .text-center .text-xl-left .shadow-heading { left: 50%; transform: translate(-50%, -50%); } } .cs .special-heading.with-line:after { background-color: #fff; } /* ** Number Card */ .number-card { display: flex; margin: 30px 0; overflow: hidden; position: relative; } .number-card .card-number span { display: block; font-family: "Poppins", sans-serif; font-size: 60px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; margin-left: -0.32em; margin-top: -0.14em; position: relative; } .number-card .card-number span:after { bottom: -0.09em; content: "•"; font-size: 0.62em; position: absolute; right: -0.4em; } @media (min-width: 992px) { .number-card .card-number span { font-size: 100px; } } @media (min-width: 1200px) { .number-card .card-number span { font-size: 238px; } } .number-card .card-content { padding: 36px 36px 46px; } @media (min-width: 992px) { .number-card .card-content { padding: 56px 60px 66px 100px; } } .number-card .card-content h4 { line-height: 1; margin: 0; } .number-card .card-content h3 { font-weight: 900; line-height: 1; margin: 6px 0 25px; } @media (min-width: 500px) { .number-card .card-content h3 { font-size: 38px; } } @media (max-width: 499px) { .number-card .card-number { position: absolute; } .number-card .card-number span { font-size: 36px; } .number-card h3, .number-card h4 { display: inline-block; } } .pricing-plan { padding: 38px 30px 40px; text-align: center; transition: .5s all; } @media (min-width: 1200px) { .pricing-plan { padding: 48px 50px 50px; } } .pricing-plan:hover { box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); } .pricing-plan .price-wrap { font-size: 20px; line-height: 0.7; margin: 30px 0 28px; } .pricing-plan .price-wrap[class*='bg-'] { margin-bottom: 0; margin-top: 50px; padding: 30px 30px 10px; } .pricing-plan .price-wrap h6 { line-height: inherit; margin: 0; } .pricing-plan [class*='bg-'] { margin-left: -41px; margin-right: -41px; padding: 10px 30px 30px; } .pricing-plan .plan-name[class*='bg-'] { margin-top: -40px; padding-top: 30px; } .pricing-plan .plan-name h5 { line-height: 1; } @media (min-width: 1200px) { .pricing-plan [class*='bg-'] { margin-left: -61px; margin-right: -61px; } .pricing-plan .plan-name[class*='bg-'] { margin-top: -57px; } } .pricing-plan .plan-features { margin: 27px 0 0; } @media (min-width: 992px) { .pricing-plan .plan-features { margin: 42px 0 0; } } .pricing-plan .plan-features ul li { padding: 10px 0; } .pricing-plan .plan-features ul li:first-child { padding-top: 0; } .pricing-plan .plan-features ul li:last-child { padding-bottom: 0; } .pricing-plan .plan-features ul li:before { padding-right: 7px; top: -2px; } .pricing-plan hr { margin-bottom: 28px; margin-top: 30px; } @media (min-width: 992px) { .pricing-plan hr { margin-bottom: 46px; margin-top: 48px; } } .pricing-plan.plan-featured { box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); } @media (min-width: 992px) { .pricing-plan.plan-featured { padding-bottom: 57px; padding-top: 63px; transform: translateY(-26px); } } @media (min-width: 1200px) { .pricing-plan.plan-featured { padding-bottom: 72px; padding-top: 78px; } } .pricing-plan.plan-featured.hero-bg, .pricing-plan.plan-featured.ds.ms { border: 2px solid #f2c014; box-shadow: none; } .pricing-plan[class*='bg-'] .btn-maincolor:hover { color: #fff; } #testimonials { background-image: url("../img/parallax/testimonials-bg.jpg"); } .testimonials-slider.owl-carousel .owl-nav { right: 24.6%; top: 62%; } @media (max-width: 1199px) { .testimonials-slider.owl-carousel .owl-nav { display: flex; justify-content: center; margin-top: 15px; position: static; } } .testimonials-slider.owl-carousel .owl-nav > div { background-color: transparent; } @media (max-width: 1199px) { .testimonials-slider.owl-carousel .owl-nav > div { position: static; } } .testimonials-slider.owl-carousel .owl-nav > div:first-child { left: 90%; right: auto; } @media (min-width: 1200px) { .testimonials-slider.owl-carousel .owl-nav > div:first-child { left: 95.4%; } } .testimonials-slider.owl-carousel .owl-nav > div:hover i { color: #f2c014; } .quote-item { font-size: 20px; font-style: italic; margin-left: auto; } @media (min-width: 768px) { .quote-item { align-items: center; display: flex; max-width: 90.8%; } } .quote-image { display: inline-block; position: relative; } @media (min-width: 768px) { .quote-image img { max-width: 200px; } } @media (min-width: 992px) { .quote-image:after { background-color: #f2c014; content: ""; height: 58px; -webkit-mask: url(../images/quote-mark.png) no-repeat center/contain; position: absolute; right: -39px; top: 29px; width: 73px; } .quote-image img { max-width: 400px; } } .quote-image + p { margin-top: 25px; } @media (min-width: 768px) { .quote-image + p { margin-left: 30px; margin-top: 0; } } @media (min-width: 1200px) { .quote-image + p { margin-left: 97px; margin-top: -69px; } } /* ** Items Masonry */ .items-tile .item-content { padding-bottom: 100px; } .items-tile .item-content h3 { margin-bottom: 0.3em; text-transform: none; } @media (min-width: 992px) { .items-tile .item-content h3 a { display: inline-block; max-height: 3.05em; overflow: hidden; padding-bottom: 0.1em; } .items-tile .item-content h3 + p { max-height: 5.5em; overflow: hidden; } } .items-tile .item-icons { border-bottom: 10px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.2); bottom: 0; height: 70px; left: 0; line-height: 60px; padding: 0 40px; position: absolute; right: 0; } .items-tile .item-icons span { padding: 0 15px; } @media (min-width: 992px) and (max-width: 1199px) { .items-tile .col-lg-4 [class*='col-']:first-child .item-media { margin-bottom: 32px; } .items-tile .col-lg-4 [class*='col-']:last-child .item-content { min-height: 320px; } } @media (min-width: 1200px) { .items-tile .item-content { padding: 60px 60px 100px; } .items-tile .item-content h3 { font-size: 38px; } .items-tile .col-lg-4 [class*='col-']:first-child .item-media { margin-bottom: 16px; } .items-tile .col-lg-4 [class*='col-']:last-child .item-content { min-height: 388px; } } /* filters */ .filters { display: flex; flex-wrap: wrap; font-weight: 400; justify-content: space-between; padding-bottom: 35px; padding-top: 4px; } @media (max-width: 767px) { .filters { justify-content: center; padding-bottom: 20px; } } .filters a { padding: 0; position: relative; } @media (max-width: 767px) { .filters a { margin: 0 6px 4px; } .filters a:first-child { margin-left: 0; } } .filters a:hover { color: #f2c014; } .filters a:after { background-color: #f2c014; bottom: -3px; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.2s ease-in-out 0s; width: 0; } .filters a:hover:after, .filters a.active:after { width: 100%; } @media (min-width: 992px) { .isotope-wrapper + .row { margin-top: 60px; } .isotope-wrapper.c-mb-30 + .row { margin-top: 30px; } .isotope-wrapper.c-mb-10 + .row { margin-top: 50px; } .isotope-wrapper.c-mb-1 + .row { margin-top: 59px; } } /* ** Team Extension */ .team-member.vertical-item.content-absolute .item-content { opacity: 0; transform: translateY(100%); transition: .3s all; } .team-member.vertical-item.content-absolute .item-content .subheading:after { background-color: #f2c014; content: ""; display: block; height: 1px; margin: 24px auto; position: relative; width: 100px; } .team-member.vertical-item.content-absolute:hover .item-content { opacity: 1; transform: translateY(0); } @media (min-width: 992px) { .team-single .team-info { margin-top: -10px; } } .team-single .team-info .shadow-heading { z-index: 1; } .team-single .team-info .team-name h1 { margin-bottom: 16px; margin-top: 8px; position: relative; z-index: 1; } @media (max-width: 767px) { .team-single .team-info .team-name h1 { margin-top: 0; } } @media (min-width: 992px) { .team-single .team-info .social-icons.with-line { align-items: center; display: flex; } .team-single .team-info .social-icons.with-line a:before { font-size: 16px; } .team-single .team-info .social-icons.with-line:after { background-color: #f2c014; content: ""; display: inline-block; height: 1px; left: 0 !important; margin-left: 21px; position: relative; width: 100%; } } @media (max-width: 767px) { .media-block { display: block; } .media-block .media-body { margin: 20px 0 0; } } /* ** Service Extension */ .service-item.horizontal-item .media-links { z-index: 5; } .service-item.horizontal-item .item-content ul.list-styled li { line-height: 1; padding: 9px 0; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { .service-item.horizontal-item .shadow-heading { font-size: 130px; } } .service-bg { background-image: url("../img/parallax/service-bg.jpg"); } .service-bg2 { background-image: url("../img/parallax/service-bg2.jpg"); } .vertical-item.service-padding { margin-left: -3px; margin-right: -3px; position: relative; } .vertical-item.service-padding .item-content { padding: 18px 10px 13px; } @media (min-width: 1200px) { .vertical-item.service-padding .item-content { padding: 28px 30px 23px; } } /* ** Gallery Extension */ .item-gallery { background: transparent; overflow: hidden; position: relative; } .item-gallery .item-content h6 { opacity: 0; transform: scale(0); transition: all 0.15s ease-in-out; z-index: 5; } .item-gallery:hover .item-content h6 { opacity: 1; transform: scale(1); } [class^="ico-"], [class*=" ico-"] i { margin-right: 7px; } .gallery-direction .gallery-hover a.gallery-link { display: block; overflow: hidden; position: relative; } .gallery-direction .gallery-hover a.gallery-link .item-content { background: rgba(242, 192, 20, 0.5); height: 100%; padding: 40px; position: absolute; width: 100%; } .gallery-direction .gallery-hover a.gallery-link .item-content h6 { color: #fff !important; text-align: center; } .gallery-direction a > img { transition: all 0.5s ease-in-out 0s; } .gallery-direction a:hover > img { opacity: 1; transform: scale(1.1); } .images-wrap-item { display: inline-block; margin-top: 30px; position: relative; } @media (min-width: 1400px) { .images-wrap-item { margin-top: 100px; } } .images-wrap-item img { box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); } .images-wrap-item img:first-child { position: relative; z-index: 1; } .images-wrap-item img.images-back { position: absolute; transition: 0.3s ease-in-out; z-index: 0; } .images-wrap-item.img-left { margin-left: 30px; /* margin-left: 30px; margin-right: -51px; */ } @media (min-width: 1400px) { .images-wrap-item.img-left { margin-left: 0; } } .images-wrap-item.img-left img.images-back { left: -30px; top: -30px; } @media (min-width: 1400px) { .images-wrap-item.img-left img.images-back { left: -100px; top: -100px; } } @media (min-width: 992px) { .images-wrap-item.img-left:hover img.images-back { transform: translateX(-5%); } } .images-wrap-item.img-right { margin-right: 30px; } @media (min-width: 1400px) { .images-wrap-item.img-right { margin-right: 0; } } @media (min-width: 768px) { .images-wrap-item.img-right:hover img.images-back { transform: translateX(5%); } } .images-wrap-item.img-right img.images-back { right: -30px; top: -30px; } @media (min-width: 1400px) { .images-wrap-item.img-right img.images-back { right: -100px; top: -100px; } } .gallery-single a.photoswipe-link.video-link:hover:after { color: #f2c014; } .gallery-item.vertical-item.content-padding .item-content .tagcloud { margin-bottom: -6px; } .gallery-tiled .item-content.padding-small { padding: 32px 30px 36px; position: relative; } @media (min-width: 1200px) { .gallery-tiled .item-content.padding-small { padding: 42px 40px 46px; } } .gallery-tiled .item-content.padding-small h4 { margin-bottom: 18px; } .gallery-tiled .item-content.padding-small.triangle-right:before, .gallery-tiled .item-content.padding-small.triangle-left:before { border-bottom: 10px solid transparent; border-left: 10px solid #303849; border-top: 10px solid transparent; content: ""; height: 0; position: absolute; right: -10px; top: 25px; width: 0; z-index: 5; } @media (max-width: 767px) { .gallery-tiled .item-content.padding-small.triangle-right:before, .gallery-tiled .item-content.padding-small.triangle-left:before { left: 50%; right: auto; top: -15px; transform: rotate(270deg); } } @media (min-width: 768px) { .gallery-tiled .item-content.padding-small.triangle-left:before { left: -10px; right: auto; transform: rotate(180deg); } } .gallery-tiled .cs .item-content.padding-small[class*=" triangle-"]:before { border-left-color: #f2c014; } .gallery-tiled .video-link { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .gallery-tiled .video-link:after { font-size: 40px; line-height: 40px; } @media (min-width: 768px) and (max-width: 991px) { .gallery-tiled .row-md-reverse .item-content.padding-small.triangle-right:before { left: -10px; right: auto; transform: rotate(180deg); } } .item-gallery.vertical-item.content-absolute .item-content { padding: 20px 10px; } /* ** Steps */ @media (min-width: 768px) { .steps { display: flex; flex-wrap: wrap; justify-content: space-between; } } @media (min-width: 768px) { .steps .step { width: 31.7%; } } .steps .step .step-image { align-items: center; display: flex; justify-content: center; position: relative; } @media (min-width: 768px) { .steps .step .step-image { height: 200px; } } .steps .step .step-image img { border-radius: 50%; max-width: 140px; } .steps .step h4 { margin-top: 28px; } @media (min-width: 1200px) { .steps .step + .step .step-image:after { background-color: #303849; content: ""; display: inline-block; height: 26px; left: -28%; -webkit-mask: url(../img/step_arrow_1.png); position: absolute; top: 38%; width: 156px; } } .steps .step:nth-child(2) .step-image img { max-width: 170px; } .steps .step:nth-child(3) .step-image img { max-width: 200px; } .steps .step:nth-child(3) .step-image:after { background-color: #303849; left: -28%; -webkit-mask: url(../img/step_arrow_2.png); top: 50%; } @media (max-width: 767px) { .steps .step + .step { margin-top: 46px; } } .steps2 { margin-top: -30px; z-index: 10; } @media (min-width: 768px) { .steps2 { margin-top: -60px; } } @media (min-width: 992px) { .steps2 { margin-top: -130px; } .steps2 .container { background-image: url(../img/background-texture.png); background-position: center; background-repeat: no-repeat; background-size: cover; } } @media (max-width: 767px) { .steps2.container-px-80 [class*='container'] { padding-left: 35px; padding-right: 35px; } } .steps2 .step p.step-title { font-weight: 700; letter-spacing: 0.44em; margin-bottom: 15px; text-transform: uppercase; } .steps2 .step p.step-title:before { top: -33px; } @media (min-width: 768px) { .steps2 .step p.step-title:before { left: -33px; } .steps2 .step p.step-title:hover:before { left: -50px; } } .steps2 .step p.step-title:after { background-color: #fff; content: ""; display: block; height: 1px; left: -20px; margin-top: 17px; position: relative; width: 100px; } @media (min-width: 768px) { .steps2 .step p.step-title:after { left: -33px; } } .item-steps { counter-reset: step; } .item-steps .step-part { display: inline-block; line-height: 1; position: relative; z-index: 1; } @media (min-width: 768px) { .item-steps .step-part:hover:before { left: -40px; opacity: 0.2; } } .item-steps .step-part:before { color: #fff; content: "0" counter(step); counter-increment: step; font-family: "Anton", sans-serif; font-size: 65px; font-weight: 100; left: -20px; letter-spacing: 3px; opacity: 0.1; position: absolute; top: -22px; transition: .5s all; z-index: -1; } .ls.item-steps .step-part:before, .ls .item-steps .step-part:before { color: #303849; } @media (max-width: 1199px) { .signature { overflow: hidden; } } .signature .signature-line { display: inline-block; position: relative; } .signature .signature-line img { padding: 0 10px; } .signature .signature-line:before, .signature .signature-line:after { background-color: #f2c014; bottom: 34%; content: ""; display: inline-block; height: 1px; position: absolute; width: 100%; } .signature .signature-line:before { right: 100%; width: 116%; } .signature .signature-line:after { left: 100%; } /* ** Widgets */ aside h2 { line-height: 1; margin-bottom: 0; } aside > * + * { margin-top: 50px; } @media (min-width: 992px) { aside > * + * { margin-top: 69px; } } .widget { position: relative; } .widget > h3, .widget .widget-title { font-size: 30px; line-height: 1; margin-bottom: 28px; } .widget > h6, .widget .widget-title { font-size: 20px; } .widget > h2:last-child { line-height: 1; } .widget li.media { align-items: center; display: flex; margin-bottom: 30px; } .widget li.media img { max-width: 100px; } .widget li.media h3, .widget li.media h4 { font-size: inherit; line-height: 1.5; margin-bottom: 13px; text-transform: none; } .widget li.media p { line-height: 1.4; margin-bottom: 0.5em; } .widget li.media p.widget-post-title { line-height: 1.5; margin-bottom: 12px; margin-top: 6px; } .page_footer .widget { margin-bottom: 50px; } .page_footer .widget > h3, .page_footer .widget .widget-title { font-size: 30px; margin-bottom: 44px; } @media (max-width: 767px) { .page_footer .widget > h3, .page_footer .widget .widget-title { margin-bottom: 20px; } } .widget .media-body { margin-left: 19px; } .widget-title.next-image-background { position: relative; z-index: 2; } .widget-title.next-image-background + img { left: 0; opacity: 0.5; position: absolute; top: -15px; } .text-center .widget-title.next-image-background + img { left: 50%; transform: translateX(-50%); } @media (max-width: 991px) { .text-center .widget-title.next-image-background + img { max-width: 180px; } } @media (max-width: 991px) { aside { margin: 60px auto 0; } } /* affix-aside */ .affix-aside { position: relative; } .affix-aside.affix { position: fixed; top: 100px; } .affix-aside.affix-bottom { position: absolute !important; } .affix-aside.affix-top { left: auto !important; width: inherit !important; } @media (max-width: 991px) { .affix-aside, .affix-aside.affix-top, .affix-aside.affix, .affix-aside.affix-bottom { position: static !important; width: 100% !important; } } .stars > span { display: flex; } .stars a { color: transparent; position: relative; text-indent: -999em; width: 1em; } .stars a:before { font-family: "FontAwesome"; height: 1em; left: 0; line-height: 1; position: absolute; text-indent: 0; top: 0; width: 1em; } .stars a:before, .stars a:hover ~ a:before { color: #303849; content: "\f006"; } .stars.selected a.active:before, .stars:hover a:before { color: #f2c014; content: "\f005"; opacity: 1; } .stars.selected a.active ~ a:before { color: #303849; content: "\f005"; opacity: .75; } .stars.selected a:not(.active):before { color: #f2c014; content: "\f005"; opacity: 1; } .star-rating { color: #f2c014; font-family: "FontAwesome"; font-size: 14px; height: 1em; letter-spacing: 3px; line-height: 1; overflow: hidden; position: relative; width: 5.6em; } .star-rating:before { content: "\f006\f006\f006\f006\f006"; float: left; font-weight: 600; left: 0; position: absolute; top: 0; } .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; } [class*='bg-'] .widget .widget-title { margin: -1px 0 25px; } .widget.widget_portfolio .photo { display: inline-block; } .widget.widget_portfolio .portfolio { display: flex; flex-wrap: wrap; margin: -5px; } .widget.widget_portfolio .portfolio .photo { display: inline-block; max-width: 100%; padding: 5px; width: 50%; } .widget.widget_portfolio .portfolio .photo img { width: 100%; } @media (max-width: 991px) { .all-widgets aside { margin: 0; } } .all-widgets .widget.widget_text h4 { margin-bottom: -15px; } @media (min-width: 992px) { .all-widgets .widget.widget_text h4 { margin-bottom: -5px; } } .widget_recent_posts ul > li:last-child { margin-bottom: 0; } .widget_author_bio img { max-width: 150px; } .widget_author_bio .author-bio { font-style: italic; margin-bottom: -7px; } .widget_slider .vertical-item .item-media + .item-content, .widget_post_tabs .vertical-item .item-media + .item-content { padding-top: 25px; } .widget_slider .vertical-item .item-media + .item-content p.fw-400, .widget_post_tabs .vertical-item .item-media + .item-content p.fw-400 { margin-bottom: 11px; } /* widget_search, widget_mailchimp widget_product_search */ .widget_search form, .widget_product_search form, .widget_mailchimp form { margin: auto; position: relative; } .widget_search label, .widget_product_search label, .widget_mailchimp label { display: inline; margin: 0; padding: 0; } .widget_search input, .widget_product_search input, .widget_mailchimp input { padding-left: 30px; width: 100%; } .widget_search input.search-field { height: 40px; } .widget_search button.search-submit { padding: 10px; } .widget_search button, .widget_mailchimp button, .widget_product_search form input[type="submit"], .widget_product_search form:before { background-color: transparent; border: none; opacity: 1; padding-left: 10px; padding-right: 10px; position: absolute; right: 0; text-align: center; top: 0; width: 60px; } .widget_search button, .widget_mailchimp button, .widget_product_search form input[type="submit"] { padding: 21px 21px 18px 10px; } .widget_search button:hover, .widget_mailchimp button:hover, .widget_product_search form input[type="submit"]:hover { opacity: 0.5; } .widget_search button:before, .widget_mailchimp button:before, .widget_product_search form:before { color: #f2c014; content: "\f002"; font-family: "FontAwesome"; font-size: 14px; } .widget_mailchimp form button { font-size: 0; } .widget_mailchimp form button:before { content: "\e90e"; font-family: "icomoon"; } .widget_mailchimp form button:hover { background-color: transparent; } .widget_product_search input#woocommerce-product-search-field-widget { height: 40px; } .widget_product_search form:before { line-height: 40px; } .widget_product_search input[type="submit"] { color: transparent; font-size: 0; } .cs .widget_search input.search-field, .cs .widget_product_search input.search-field.form-control { border: 0; } .mailchimp-with-text .widget_mailchimp form { display: flex; flex-wrap: wrap; max-width: none; } .mailchimp-with-text .widget_mailchimp form input.mailchimp_email { flex: 1 1 50%; max-width: 379px; } .mailchimp-with-text .widget_mailchimp form button.search-submit.btn.btn-dark { background-color: #303849; border: 1px solid #303849; font-size: 16px; margin-bottom: 0; margin-left: 10px; padding: 9px 15px; position: relative; width: auto; } .mailchimp-with-text .widget_mailchimp form button.search-submit.btn.btn-dark:hover { background-color: #fff; border-color: #fff; color: #303849; } @media (min-width: 768px) { .mailchimp-with-text .widget_mailchimp form button.search-submit.btn.btn-dark { margin-left: 20px; padding: 9px 43px; } } .mailchimp-with-text .widget_mailchimp form button.search-submit.btn.btn-dark:hover { opacity: 1; } .mailchimp-with-text .widget_mailchimp form button.search-submit.btn.btn-dark:before { display: none; } .search-bg .widget_search input { background-color: #f7f8f8; } /* widget_archive widget_categories widget_nav_menu widget_meta widget_pages widget_recent_comments widget_recent_entries */ .widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul { list-style: none; margin: 0; padding: 0; width: 100%; } .widget_archive ul ul li, .widget_categories ul ul li, .widget_nav_menu ul ul li, .widget_meta ul ul li, .widget_pages ul ul li, .widget_recent_comments ul ul li, .widget_recent_entries ul ul li { padding-left: 20px; } .widget_archive ul ul li:last-child, .widget_categories ul ul li:last-child, .widget_nav_menu ul ul li:last-child, .widget_meta ul ul li:last-child, .widget_pages ul ul li:last-child, .widget_recent_comments ul ul li:last-child, .widget_recent_entries ul ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { border-bottom: 1px solid rgba(48, 56, 73, 0.1); border-top: 1px solid rgba(48, 56, 73, 0.1); } .widget_archive li + li, .widget_categories li + li, .widget_nav_menu li + li, .widget_meta li + li, .widget_pages li + li, .widget_recent_comments li + li, .widget_recent_entries li + li { border-top: none; } .widget_archive a:empty, .widget_archive li > a:not([href]), .widget_categories a:empty, .widget_categories li > a:not([href]), .widget_nav_menu a:empty, .widget_nav_menu li > a:not([href]), .widget_meta a:empty, .widget_meta li > a:not([href]), .widget_pages a:empty, .widget_pages li > a:not([href]), .widget_recent_comments a:empty, .widget_recent_comments li > a:not([href]), .widget_recent_entries a:empty, .widget_recent_entries li > a:not([href]) { display: none !important; } .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li, .nav.vertical-tab li { align-items: center; display: flex; flex-wrap: wrap; padding: 0; } .widget_archive li a, .widget_categories li a, .widget_nav_menu li a, .widget_meta li a, .widget_pages li a, .nav.vertical-tab li a { display: inline-block; flex-grow: 10; line-height: 1; padding-bottom: 16px; padding-top: 17px; } .widget_archive li > a:before, .widget_categories li > a:before, .widget_nav_menu li > a:before, .widget_meta li > a:before, .widget_pages li > a:before, .nav.vertical-tab li > a:before { color: #f2c014; content: "\f054"; font-family: "FontAwesome"; font-size: 10px; padding-right: 10px; position: relative; top: -2px; } .widget_recent_comments li, .widget_recent_entries li { padding-bottom: 12px; padding-top: 12px; } .widget_recent_comments li:before, .widget_recent_entries li:before { color: #f2c014; content: "\f054"; font-family: "FontAwesome"; font-size: 10px; padding-right: 10px; position: relative; top: -2px; } .page_copyright .widget_nav_menu li, .page_topline .widget_nav_menu li { border: none; display: inline-block; padding-bottom: 0; padding-right: 5px; padding-top: 0; position: relative; } .page_copyright .widget_nav_menu li:before, .page_topline .widget_nav_menu li:before { background-color: rgba(72, 97, 115, 0.2); bottom: 5px; content: ""; display: block; left: -5px; opacity: 0.3; padding: 0; position: absolute; top: 5px; width: 1px; } .page_copyright .widget_nav_menu li:first-child:before, .page_topline .widget_nav_menu li:first-child:before { display: none; } .page_copyright .widget_nav_menu a, .page_topline .widget_nav_menu a { padding: 0 10px; } .page_copyright .widget_nav_menu a:before, .page_topline .widget_nav_menu a:before { display: none; } .widget_categories select, .widget_archive select { border: 1px solid rgba(72, 97, 115, 0.2); box-shadow: none; height: 50px; width: 100%; } /* widget_calendar */ .calendar_wrap { margin-bottom: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; width: 100%; } @media (min-width: 768px) and (max-width: 992px) { .calendar_wrap { overflow-x: auto; overflow-y: hidden; } } .widget_calendar table { display: flex; flex-direction: column; margin: 0; position: relative; text-align: center; } .widget_calendar table td, .widget_calendar table th { border: 0; } .widget_calendar caption { background-color: #303849; color: #fff; font-size: 20px; line-height: 1; padding: 20px; text-align: center; } .widget_calendar thead { background-color: #f2c014; } .widget_calendar thead th { font-size: 12px; padding-bottom: 21px; padding-top: 21px; text-align: center; text-transform: uppercase; width: 100px; } .widget_calendar thead th:first-child { padding-left: 20px; } .widget_calendar thead th:last-child { padding-right: 20px; } .widget_calendar tbody { border: 1px solid rgba(48, 56, 73, 0.1); border-top: none; } .widget_calendar tbody tr:first-child td { padding-top: 36px; } .widget_calendar tbody tr:last-child td { padding-bottom: 30px; } .widget_calendar tbody td { padding: 10px 4px; position: relative; width: 100px; } .widget_calendar tbody td:first-child { padding-left: 20px; } .widget_calendar tbody td:last-child { padding-right: 20px; } .widget_calendar tbody td a { color: #f2c014; font-weight: 500; } .widget_calendar th { color: inherit; } .widget_calendar tfoot td { position: absolute; top: 0; } .widget_calendar tfoot td a { color: transparent; display: inline-block; font-size: 0; height: 60px; line-height: 60px; padding: 0 27px; text-align: center; } .widget_calendar tfoot td a:hover { background-color: #f2c014; border-color: #f2c014; } .widget_calendar tfoot td a:before, .widget_calendar tfoot td a:after { color: #fff; font-family: "FontAwesome"; font-size: 14px; } .widget_calendar tfoot td.pad { display: none; } .widget_calendar tfoot td:first-child { left: 0; padding: 0; } .widget_calendar tfoot td:first-child a { border-right: 1px solid rgba(255, 255, 255, 0.2); } .widget_calendar tfoot td:first-child a:before { content: "\f104"; } .widget_calendar tfoot td:last-child { padding: 0; right: 0; } .widget_calendar tfoot td:last-child a { border-left: 1px solid rgba(255, 255, 255, 0.2); } .widget_calendar tfoot td:last-child a:after { content: "\f105"; } /* widget_rss */ .widget_rss .widget-title .rsswidget:first-child img { display: none; } .widget_rss .widget-title .rsswidget:first-child:before { content: "\f09e"; font-family: "FontAwesome"; font-size: 0.8em; padding-right: 0.3em; position: relative; top: -1px; } .widget_rss ul { list-style: none; padding-left: 0; } .widget_rss ul a { display: block; letter-spacing: 0.1em; line-height: 1.5; text-transform: uppercase; } .widget_rss li cite:last-child { display: block; margin-top: 0.5em; } .widget_rss li + li { margin-top: 1.5em; } .widget_rss .rss-date { color: #23222d; display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; margin: 0.8em 0; text-transform: uppercase; } /* widget_tag_cloud */ .widget_tag_cloud a, .tagcloud a { border: 1px solid rgba(72, 97, 115, 0.2); display: inline-block; margin: 0 5px 10px 0; padding: 2px 17px; text-align: center; } .widget_tag_cloud a:hover, .tagcloud a:hover { background-color: #f2c014; border-color: #f2c014; color: #23222d; } /* widget_flickr */ .widget_flickr ul { margin: 0; padding: 0; } .widget_flickr li { display: inline-block; margin: 0 10px 10px 0; } .widget_flickr img { border-radius: 1px; max-width: 145px; } .widget_flickr a { opacity: 1; } .widget_flickr a:hover { opacity: 0.6; } .widget_instagram { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .widget_instagram .photo { display: inline-block; max-width: 100%; padding: 5px; width: 50%; } .widget_instagram .photo img { width: 100%; } /* access_press */ .apsc-each-profile .apsc-facebook-icon, .apsc-each-profile i.fa-facebook { background-color: #3b5998; } .apsc-each-profile .apsc-twitter-icon, .apsc-each-profile i.fa-twitter { background-color: #1dcaff; } .apsc-each-profile .apsc-youtube-icon, .apsc-each-profile i.fa-youtube { background-color: #e52d27; } .apsc-each-profile .apsc-soundcloud-icon, .apsc-each-profile i.fa-soundcloud { background-color: #f80; } .apsc-each-profile .apsc-dribbble-icon, .apsc-each-profile i.fa-dribbble { background-color: #ea4c89; } .apsc-each-profile .apsc-comments-icon, .apsc-each-profile i.fa-comments { background-color: #464646; } .apsc-each-profile .apsc-edit-icon, .apsc-each-profile i.fa-edit { background-color: #837d7d; } .apsc-each-profile .apsc-instagram-icon, .apsc-each-profile i.fa-instagram { background-color: #3f729b; } .apsc-each-profile i.fa-each-profile a { color: white !important; } .apsc-each-profile a:hover { color: white !important; text-decoration: none !important; } .apsc-theme-4 .apsc-each-profile { margin-bottom: 10px; } .apsc-theme-4 .apsc-each-profile a[class*="apsc-"] { background-color: transparent; } .apsc-theme-4 .apsc-inner-block { display: flex; flex-wrap: wrap; justify-content: flex-end; } .apsc-theme-4 .social-icon { display: inline-block; margin-right: auto; padding: 4px 0; transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-each-profile a { border: 1px solid rgba(48, 56, 73, 0.1); color: #303849; display: block; font-size: 16px; line-height: 1; padding: 18px 26px 16px 89px; position: relative; } .apsc-theme-4 .apsc-each-profile a:hover { opacity: 0.8; } .apsc-theme-4 .apsc-each-profile a .fa { align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.4); bottom: 0; color: #fff; display: flex; font-size: 16px; justify-content: center; left: 0; margin: -1px; position: absolute; top: 0; transform: none; transition: all 0.5s ease-in-out; width: 60px; } .apsc-theme-4 .apsc-count { border-radius: 0; display: inline-block; font-size: inherit; font-weight: 400; padding: 4px 4px; position: relative; text-align: center; transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-media-type { display: inline-block; padding: 4px 0; } @media screen and (max-width: 479px) { .apsc-theme-4 .apsc-each-profile, .apsc-theme-3 .apsc-each-profile { float: none; } } /* widget_twitter */ .tweet_avatar { float: left; margin-top: 4px; } .tweet_avatar img { display: none; max-width: 25px; } .tweet_avatar:before { color: #55acee; content: "\f099"; font-family: "FontAwesome"; } .tweet_right { margin-left: 35px; overflow: hidden; zoom: 1; } .tweet_list { list-style: none; padding: 0; } .tweet_list li + li { clear: both; padding-top: 20px; } .tweet_text a:last-child { display: block; } .tweet_time { display: block; } /*.widget_slider*/ .widget_slider h4:first-child { font-size: 16px; font-weight: 900; line-height: 1; margin-bottom: 0.3em; margin-top: -0.5em; text-transform: none; } .widget_slider .cat-links { left: 10px; margin-bottom: -4px; position: absolute; top: 10px; } .widget_slider .owl-carousel { overflow: hidden; } /*.widget_post_tabs*/ .widget_post_tabs .tab-content { padding: 30px 20px 25px; } @media (min-width: 992px) { .widget_post_tabs .tab-content { padding: 50px 40px 45px; } } .widget_post_tabs h4:first-child { font-size: 16px; font-weight: 900; line-height: 1; margin-bottom: 0.3em; margin-top: -0.4em; text-transform: none; } .widget_post_tabs .vertical-item { margin-bottom: 20px; } @media (min-width: 992px) { .widget_post_tabs .vertical-item { margin-bottom: 44px; } } .widget_post_tabs .vertical-item:last-child { margin-bottom: 0; } .widget_post_tabs .nav-link { margin-right: 1px; padding: 17px 29.8px; } @media (max-width: 767px) { .widget_post_tabs .nav-link { padding: 10px; } } /*.widget_posts_2cols*/ .widget_posts_2cols ul { display: flex; flex-wrap: wrap; } .widget_posts_2cols li { margin-top: 20px; width: 50%; } .widget_posts_2cols li:nth-child(even) { padding-left: 10px; } .widget_posts_2cols li:nth-child(odd) { padding-right: 10px; } .widget_posts_2cols li:nth-child(1), .widget_posts_2cols li:nth-child(2) { margin-top: 0; } .widget_posts_2cols h5 { font-size: 16px; margin: 10px 0 0; } /* ** Social Icons - Font Awesome Brand Icons */ /* social icon layout */ a[class*='fa-']:before { display: inline-block; font-family: "FontAwesome", sans-serif; font-size: 14px; line-height: 1; width: 1em; } a.fa { font-size: 0; line-height: 0; margin-left: 8px; margin-right: 8px; text-align: center; } a.fa.bg-icon, a.fa .tooltip, a.fa.color-bg-icon, a.fa .tooltip, a.fa.border-icon { margin-left: 3px; margin-right: 3px; } a.fa:first-child { margin-left: 0; } a.fa:last-child { margin-right: 0; } a.border-icon, a.bg-icon, a.color-bg-icon { margin-bottom: 4px; } a.border-icon:before, a.bg-icon:before, a.color-bg-icon:before { height: 2.6em; line-height: 2.6em; width: 2.6em; } a[class*='fa-'].rounded-icon { border-radius: 50%; } /*social icons brand colors*/ a.color-icon.fa-500px, a[class*="fa-"].fa-500px:hover { color: #0099e5; } a.color-icon.fa-adn, a[class*="fa-"].fa-adn:hover { color: #4a484c; } a.color-icon.fa-amazon, a[class*="fa-"].fa-amazon:hover { color: #f90; } a.color-icon.fa-android, a[class*="fa-"].fa-android:hover { color: #a4c639; } a.color-icon.fa-angellist, a[class*="fa-"].fa-angellist:hover { color: #000; } a.color-icon.fa-apple, a[class*="fa-"].fa-apple:hover { color: #979797; } a.color-icon.fa-behance-square, a[class*="fa-"].fa-behance-square:hover { color: #1769ff; } a.color-icon.fa-behance, a[class*="fa-"].fa-behance:hover { color: #1769ff; } a.color-icon.fa-bitbucket-square, a[class*="fa-"].fa-bitbucket-square:hover { color: #205081; } a.color-icon.fa-bitbucket, a[class*="fa-"].fa-bitbucket:hover { color: #205081; } a.color-icon.fa-bitcoin, a[class*="fa-"].fa-bitcoin:hover { color: #ee9209; } a.color-icon.fa-black-tie, a[class*="fa-"].fa-black-tie:hover { color: #222; } a.color-icon.fa-btc, a[class*="fa-"].fa-btc:hover { color: #ee9209; } a.color-icon.fa-buysellads, a[class*="fa-"].fa-buysellads:hover { color: #c90100; } a.color-icon.fa-cc-amex, a[class*="fa-"].fa-cc-amex:hover { color: #007bc1; } a.color-icon.fa-cc-diners-club, a[class*="fa-"].fa-cc-diners-club:hover { color: #004a97; } a.color-icon.fa-cc-discover, a[class*="fa-"].fa-cc-discover:hover { color: #f68121; } a.color-icon.fa-cc-jcb, a[class*="fa-"].fa-cc-jcb:hover { color: #003a8f; } a.color-icon.fa-cc-mastercard, a[class*="fa-"].fa-cc-mastercard:hover { color: #0a3a82; } a.color-icon.fa-cc-paypal, a[class*="fa-"].fa-cc-paypal:hover { color: #253b80; } a.color-icon.fa-cc-stripe, a[class*="fa-"].fa-cc-stripe:hover { color: #00afe1; } a.color-icon.fa-cc-visa, a[class*="fa-"].fa-cc-visa:hover { color: #0157a2; } a.color-icon.fa-chrome, a[class*="fa-"].fa-chrome:hover { color: #4587f3; } a.color-icon.fa-codepen, a[class*="fa-"].fa-codepen:hover { color: #000; } a.color-icon.fa-connectdevelop, a[class*="fa-"].fa-connectdevelop:hover { color: #391448; } a.color-icon.fa-contao, a[class*="fa-"].fa-contao:hover { color: #eb8623; } a.color-icon.fa-creative-commons, a[class*="fa-"].fa-creative-commons:hover { color: #231f20; } a.color-icon.fa-css3, a[class*="fa-"].fa-css3:hover { color: #1680c0; } a.color-icon.fa-dashcube, a[class*="fa-"].fa-dashcube:hover { color: #7f7f7f; } a.color-icon.fa-delicious, a[class*="fa-"].fa-delicious:hover { color: #39f; } a.color-icon.fa-deviantart, a[class*="fa-"].fa-deviantart:hover { color: #4e6252; } a.color-icon.fa-digg, a[class*="fa-"].fa-digg:hover { color: #000; } a.color-icon.fa-dribbble, a[class*="fa-"].fa-dribbble:hover { color: #444; } a.color-icon.fa-dropbox, a[class*="fa-"].fa-dropbox:hover { color: #007ee5; } a.color-icon.fa-drupal, a[class*="fa-"].fa-drupal:hover { color: #0077c0; } a.color-icon.fa-empire, a[class*="fa-"].fa-empire:hover { color: #000; } a.color-icon.fa-expeditedssl, a[class*="fa-"].fa-expeditedssl:hover { color: #343433; } a.color-icon.fa-facebook-official, a[class*="fa-"].fa-facebook-official:hover { color: #3b5998; } a.color-icon.fa-facebook-square, a[class*="fa-"].fa-facebook-square:hover { color: #3b5998; } a.color-icon.fa-facebook, a[class*="fa-"].fa-facebook:hover { color: #3b5998; } a.color-icon.fa-firefox, a[class*="fa-"].fa-firefox:hover { color: #e66000; } a.color-icon.fa-flickr, a[class*="fa-"].fa-flickr:hover { color: #ff0084; } a.color-icon.fa-fonticons, a[class*="fa-"].fa-fonticons:hover { color: #1c1e29; } a.color-icon.fa-forumbee, a[class*="fa-"].fa-forumbee:hover { color: #83ad13; } a.color-icon.fa-foursquare, a[class*="fa-"].fa-foursquare:hover { color: #0072b1; } a.color-icon.fa-ge, a[class*="fa-"].fa-ge:hover { color: #000; } a.color-icon.fa-get-pocket, a[class*="fa-"].fa-get-pocket:hover { color: #d3505a; } a.color-icon.fa-gg-circle, a[class*="fa-"].fa-gg-circle:hover { color: #000; } a.color-icon.fa-gg, a[class*="fa-"].fa-gg:hover { color: #000; } a.color-icon.fa-git-square, a[class*="fa-"].fa-git-square:hover { color: #333; } a.color-icon.fa-500px, a[class*="fa-"].fa-500px:hover { color: #0099e5; } a.color-icon.fa-adn, a[class*="fa-"].fa-adn:hover { color: #4a484c; } a.color-icon.fa-amazon, a[class*="fa-"].fa-amazon:hover { color: #f90; } a.color-icon.fa-android, a[class*="fa-"].fa-android:hover { color: #a4c639; } a.color-icon.fa-angellist, a[class*="fa-"].fa-angellist:hover { color: #000; } a.color-icon.fa-apple, a[class*="fa-"].fa-apple:hover { color: #979797; } a.color-icon.fa-behance-square, a[class*="fa-"].fa-behance-square:hover { color: #1769ff; } a.color-icon.fa-behance, a[class*="fa-"].fa-behance:hover { color: #1769ff; } a.color-icon.fa-bitbucket-square, a[class*="fa-"].fa-bitbucket-square:hover { color: #205081; } a.color-icon.fa-bitbucket, a[class*="fa-"].fa-bitbucket:hover { color: #205081; } a.color-icon.fa-bitcoin, a[class*="fa-"].fa-bitcoin:hover { color: #ee9209; } a.color-icon.fa-black-tie, a[class*="fa-"].fa-black-tie:hover { color: #222; } a.color-icon.fa-btc, a[class*="fa-"].fa-btc:hover { color: #ee9209; } a.color-icon.fa-buysellads, a[class*="fa-"].fa-buysellads:hover { color: #c90100; } a.color-icon.fa-cc-amex, a[class*="fa-"].fa-cc-amex:hover { color: #007bc1; } a.color-icon.fa-cc-diners-club, a[class*="fa-"].fa-cc-diners-club:hover { color: #004a97; } a.color-icon.fa-cc-discover, a[class*="fa-"].fa-cc-discover:hover { color: #f68121; } a.color-icon.fa-cc-jcb, a[class*="fa-"].fa-cc-jcb:hover { color: #003a8f; } a.color-icon.fa-cc-mastercard, a[class*="fa-"].fa-cc-mastercard:hover { color: #0a3a82; } a.color-icon.fa-cc-paypal, a[class*="fa-"].fa-cc-paypal:hover { color: #253b80; } a.color-icon.fa-cc-stripe, a[class*="fa-"].fa-cc-stripe:hover { color: #00afe1; } a.color-icon.fa-cc-visa, a[class*="fa-"].fa-cc-visa:hover { color: #0157a2; } a.color-icon.fa-chrome, a[class*="fa-"].fa-chrome:hover { color: #4587f3; } a.color-icon.fa-codepen, a[class*="fa-"].fa-codepen:hover { color: #000; } a.color-icon.fa-connectdevelop, a[class*="fa-"].fa-connectdevelop:hover { color: #391448; } a.color-icon.fa-contao, a[class*="fa-"].fa-contao:hover { color: #eb8623; } a.color-icon.fa-creative-commons, a[class*="fa-"].fa-creative-commons:hover { color: #231f20; } a.color-icon.fa-css3, a[class*="fa-"].fa-css3:hover { color: #1680c0; } a.color-icon.fa-dashcube, a[class*="fa-"].fa-dashcube:hover { color: #7f7f7f; } a.color-icon.fa-delicious, a[class*="fa-"].fa-delicious:hover { color: #39f; } a.color-icon.fa-deviantart, a[class*="fa-"].fa-deviantart:hover { color: #4e6252; } a.color-icon.fa-digg, a[class*="fa-"].fa-digg:hover { color: #000; } a.color-icon.fa-dribbble, a[class*="fa-"].fa-dribbble:hover { color: #444; } a.color-icon.fa-dropbox, a[class*="fa-"].fa-dropbox:hover { color: #007ee5; } a.color-icon.fa-drupal, a[class*="fa-"].fa-drupal:hover { color: #0077c0; } a.color-icon.fa-empire, a[class*="fa-"].fa-empire:hover { color: #000; } a.color-icon.fa-expeditedssl, a[class*="fa-"].fa-expeditedssl:hover { color: #343433; } a.color-icon.fa-facebook-official, a[class*="fa-"].fa-facebook-official:hover { color: #3b5998; } a.color-icon.fa-facebook-square, a[class*="fa-"].fa-facebook-square:hover { color: #3b5998; } a.color-icon.fa-facebook, a[class*="fa-"].fa-facebook:hover { color: #3b5998; } a.color-icon.fa-firefox, a[class*="fa-"].fa-firefox:hover { color: #e66000; } a.color-icon.fa-flickr, a[class*="fa-"].fa-flickr:hover { color: #ff0084; } a.color-icon.fa-fonticons, a[class*="fa-"].fa-fonticons:hover { color: #1c1e29; } a.color-icon.fa-forumbee, a[class*="fa-"].fa-forumbee:hover { color: #83ad13; } a.color-icon.fa-foursquare, a[class*="fa-"].fa-foursquare:hover { color: #0072b1; } a.color-icon.fa-ge, a[class*="fa-"].fa-ge:hover { color: #000; } a.color-icon.fa-get-pocket, a[class*="fa-"].fa-get-pocket:hover { color: #d3505a; } a.color-icon.fa-gg-circle, a[class*="fa-"].fa-gg-circle:hover { color: #000; } a.color-icon.fa-gg, a[class*="fa-"].fa-gg:hover { color: #000; } a.color-icon.fa-git-square, a[class*="fa-"].fa-git-square:hover { color: #333; } a.color-icon.fa-git, a[class*="fa-"].fa-git:hover { color: #333; } a.color-icon.fa-github-alt, a[class*="fa-"].fa-github-alt:hover { color: #333; } a.color-icon.fa-github-square, a[class*="fa-"].fa-github-square:hover { color: #333; } a.color-icon.fa-github, a[class*="fa-"].fa-github:hover { color: #333; } a.color-icon.fa-gittip, a[class*="fa-"].fa-gittip:hover { color: #630; } a.color-icon.fa-google-plus-square, a[class*="fa-"].fa-google-plus-square:hover { color: #dd4b39; } a.color-icon.fa-google-plus, a[class*="fa-"].fa-google-plus:hover { color: #dd4b39; } a.color-icon.fa-google-wallet, a[class*="fa-"].fa-google-wallet:hover { color: #4285f4; } a.color-icon.fa-google, a[class*="fa-"].fa-google:hover { color: #dd4b39; } a.color-icon.fa-hacker-news, a[class*="fa-"].fa-hacker-news:hover { color: #f60; } a.color-icon.fa-houzz, a[class*="fa-"].fa-houzz:hover { color: #7ac142; } a.color-icon.fa-html5, a[class*="fa-"].fa-html5:hover { color: #e34f26; } a.color-icon.fa-instagram, a[class*="fa-"].fa-instagram:hover { color: #e1306c; } a.color-icon.fa-internet-explorer, a[class*="fa-"].fa-internet-explorer:hover { color: #1ebbee; } a.color-icon.fa-ioxhost, a[class*="fa-"].fa-ioxhost:hover { color: #faa729; } a.color-icon.fa-joomla, a[class*="fa-"].fa-joomla:hover { color: #142849; } a.color-icon.fa-jsfiddle, a[class*="fa-"].fa-jsfiddle:hover { color: #4679bd; } a.color-icon.fa-lastfm-square, a[class*="fa-"].fa-lastfm-square:hover { color: #c3000d; } a.color-icon.fa-lastfm, a[class*="fa-"].fa-lastfm:hover { color: #c3000d; } a.color-icon.fa-leanpub, a[class*="fa-"].fa-leanpub:hover { color: #0c0c0c; } a.color-icon.fa-linkedin-square, a[class*="fa-"].fa-linkedin-square:hover { color: #0976b4; } a.color-icon.fa-linkedin, a[class*="fa-"].fa-linkedin:hover { color: #0976b4; } a.color-icon.fa-linux, a[class*="fa-"].fa-linux:hover { color: #333; } a.color-icon.fa-maxcdn, a[class*="fa-"].fa-maxcdn:hover { color: #f60; } a.color-icon.fa-meanpath, a[class*="fa-"].fa-meanpath:hover { color: #538ed7; } a.color-icon.fa-medium, a[class*="fa-"].fa-medium:hover { color: #000; } a.color-icon.fa-odnoklassniki-square, a[class*="fa-"].fa-odnoklassniki-square:hover { color: #ed812b; } a.color-icon.fa-odnoklassniki, a[class*="fa-"].fa-odnoklassniki:hover { color: #ed812b; } a.color-icon.fa-opencart, a[class*="fa-"].fa-opencart:hover { color: #2ac2ef; } a.color-icon.fa-openid, a[class*="fa-"].fa-openid:hover { color: #f78c40; } a.color-icon.fa-opera, a[class*="fa-"].fa-opera:hover { color: #cc0f16; } a.color-icon.fa-optin-monster, a[class*="fa-"].fa-optin-monster:hover { color: #83c11f; } a.color-icon.fa-pagelines, a[class*="fa-"].fa-pagelines:hover { color: #000; } a.color-icon.fa-paypal, a[class*="fa-"].fa-paypal:hover { color: #253b80; } a.color-icon.fa-pied-piper-alt, a[class*="fa-"].fa-pied-piper-alt :hover { color: #2f9f46; } a.color-icon.fa-pied-piper-square, a[class*="fa-"].fa-pied-piper-square :hover { color: #2f9f46; } a.color-icon.fa-pied-piper, a[class*="fa-"].fa-pied-piper:hover { color: #2f9f46; } a.color-icon.fa-pinterest-p, a[class*="fa-"].fa-pinterest-p:hover { color: #cc2127; } a.color-icon.fa-pinterest-square, a[class*="fa-"].fa-pinterest-square:hover { color: #cc2127; } a.color-icon.fa-pinterest, a[class*="fa-"].fa-pinterest:hover { color: #cc2127; } a.color-icon.fa-qq, a[class*="fa-"].fa-qq:hover { color: #000; } a.color-icon.fa-ra, a[class*="fa-"].fa-ra:hover { color: #000; } a.color-icon.fa-rebel, a[class*="fa-"].fa-rebel:hover { color: #000; } a.color-icon.fa-reddit-square, a[class*="fa-"].fa-reddit-square:hover { color: #ff4500; } a.color-icon.fa-reddit, a[class*="fa-"].fa-reddit:hover { color: #ff4500; } a.color-icon.fa-renren, a[class*="fa-"].fa-renren:hover { color: #005eac; } a.color-icon.fa-safari, a[class*="fa-"].fa-safari:hover { color: #1b88ca; } a.color-icon.fa-sellsy, a[class*="fa-"].fa-sellsy:hover { color: #1f78b9; } a.color-icon.fa-share-alt-square, a[class*="fa-"].fa-share-alt-square:hover { color: #01bf01; } a.color-icon.fa-share-alt, a[class*="fa-"].fa-share-alt:hover { color: #01bf01; } a.color-icon.fa-shirtsinbulk, a[class*="fa-"].fa-shirtsinbulk:hover { color: #dd3a26; } a.color-icon.fa-simplybuilt, a[class*="fa-"].fa-simplybuilt:hover { color: #000; } a.color-icon.fa-skyatlas, a[class*="fa-"].fa-skyatlas:hover { color: #00adbb; } a.color-icon.fa-skype, a[class*="fa-"].fa-skype:hover { color: #00aff0; } a.color-icon.fa-slack, a[class*="fa-"].fa-slack:hover { color: #0f7965; } a.color-icon.fa-slideshare, a[class*="fa-"].fa-slideshare:hover { color: #e98325; } a.color-icon.fa-soundcloud, a[class*="fa-"].fa-soundcloud:hover { color: #f80; } a.color-icon.fa-spotify, a[class*="fa-"].fa-spotify:hover { color: #7ab800; } a.color-icon.fa-stack-exchange, a[class*="fa-"].fa-stack-exchange:hover { color: #000; } a.color-icon.fa-stack-overflow, a[class*="fa-"].fa-stack-overflow:hover { color: #fe7a15; } a.color-icon.fa-steam-square, a[class*="fa-"].fa-steam-square:hover { color: #0b0b0b; } a.color-icon.fa-steam, a[class*="fa-"].fa-steam:hover { color: #0b0b0b; } a.color-icon.fa-stumbleupon-circle, a[class*="fa-"].fa-stumbleupon-circle:hover { color: #eb4924; } a.color-icon.fa-stumbleupon, a[class*="fa-"].fa-stumbleupon:hover { color: #eb4924; } a.color-icon.fa-tencent-weibo, a[class*="fa-"].fa-tencent-weibo:hover { color: #74af2c; } a.color-icon.fa-trello, a[class*="fa-"].fa-trello:hover { color: #256a92; } a.color-icon.fa-tripadvisor, a[class*="fa-"].fa-tripadvisor:hover { color: #589442; } a.color-icon.fa-tumblr-square, a[class*="fa-"].fa-tumblr-square:hover { color: #35465c; } a.color-icon.fa-tumblr, a[class*="fa-"].fa-tumblr:hover { color: #35465c; } a.color-icon.fa-twitch, a[class*="fa-"].fa-twitch:hover { color: #6441a5; } a.color-icon.fa-twitter-square, a[class*="fa-"].fa-twitter-square:hover { color: #55acee; } a.color-icon.fa-twitter, a[class*="fa-"].fa-twitter:hover { color: #55acee; } a.color-icon.fa-viacoin, a[class*="fa-"].fa-viacoin:hover { color: #333; } a.color-icon.fa-vimeo-square, a[class*="fa-"].fa-vimeo-square:hover { color: #1ab7ea; } a.color-icon.fa-vimeo, a[class*="fa-"].fa-vimeo:hover { color: #1ab7ea; } a.color-icon.fa-vine, a[class*="fa-"].fa-vine:hover { color: #00b488; } a.color-icon.fa-vk, a[class*="fa-"].fa-vk:hover { color: #45668e; } a.color-icon.fa-wechat, a[class*="fa-"].fa-wechat:hover { color: #93d034; } a.color-icon.fa-weibo, a[class*="fa-"].fa-weibo:hover { color: #e71d34; } a.color-icon.fa-weixin, a[class*="fa-"].fa-weixin:hover { color: #93d034; } a.color-icon.fa-wikipedia-w, a[class*="fa-"].fa-wikipedia-w:hover { color: #000; } a.color-icon.fa-windows, a[class*="fa-"].fa-windows:hover { color: #00bcf2; } a.color-icon.fa-wordpress, a[class*="fa-"].fa-wordpress:hover { color: #21759b; } a.color-icon.fa-xing-square, a[class*="fa-"].fa-xing-square:hover { color: #026466; } a.color-icon.fa-xing, a[class*="fa-"].fa-xing:hover { color: #026466; } a.color-icon.fa-y-combinator, a[class*="fa-"].fa-y-combinator:hover { color: #f0652f; } a.color-icon.fa-yahoo, a[class*="fa-"].fa-yahoo:hover { color: #400191; } a.color-icon.fa-yc, a[class*="fa-"].fa-yc:hover { color: #f0652f; } a.color-icon.fa-yelp, a[class*="fa-"].fa-yelp:hover { color: #af0606; } a.color-icon.fa-youtube-play, a[class*="fa-"].fa-youtube-play:hover { color: #e52d27; } a.color-icon.fa-youtube-square, a[class*="fa-"].fa-youtube-square:hover { color: #e52d27; } a.color-icon.fa-youtube, a[class*="fa-"].fa-youtube:hover { color: #e52d27; } a.color-icon.fa-rss, a[class*="fa-"].fa-rss:hover { color: #ffa811; } .color-bg-icon.fa-500px, a.fa-500px.bg-icon:hover, .fa-500px.color-icon.border-icon:hover { background-color: #0099e5; } .color-bg-icon.fa-adn, a.fa-adn.bg-icon:hover, .fa-adn.color-icon.border-icon:hover { background-color: #4a484c; } .color-bg-icon.fa-amazon, a.fa-amazon.bg-icon:hover, .fa-amazon.color-icon.border-icon:hover { background-color: #f90; } .color-bg-icon.fa-android, a.fa-android.bg-icon:hover, .fa-android.color-icon.border-icon:hover { background-color: #a4c639; } .color-bg-icon.fa-angellist, a.fa-angellist.bg-icon:hover, .fa-angellist.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-apple, a.fa-apple.bg-icon:hover, .fa-apple.color-icon.border-icon:hover { background-color: #979797; } .color-bg-icon.fa-behance-square, a.fa-behance-square.bg-icon:hover, .fa-behance-square.color-icon.border-icon:hover { background-color: #1769ff; } .color-bg-icon.fa-behance, a.fa-behance.bg-icon:hover, .fa-behance.color-icon.border-icon:hover { background-color: #1769ff; } .color-bg-icon.fa-bitbucket-square, a.fa-bitbucket-square.bg-icon:hover, .fa-bitbucket-square.color-icon.border-icon:hover { background-color: #205081; } .color-bg-icon.fa-bitbucket, a.fa-bitbucket.bg-icon:hover, .fa-bitbucket.color-icon.border-icon:hover { background-color: #205081; } .color-bg-icon.fa-bitcoin, a.fa-bitcoin.bg-icon:hover, .fa-bitcoin.color-icon.border-icon:hover { background-color: #ee9209; } .color-bg-icon.fa-black-tie, a.fa-black-tie.bg-icon:hover, .fa-black-tie.color-icon.border-icon:hover { background-color: #222; } .color-bg-icon.fa-btc, a.fa-btc.bg-icon:hover, .fa-btc.color-icon.border-icon:hover { background-color: #ee9209; } .color-bg-icon.fa-buysellads, a.fa-buysellads.bg-icon:hover, .fa-buysellads.color-icon.border-icon:hover { background-color: #c90100; } .color-bg-icon.fa-cc-amex, a.fa-cc-amex.bg-icon:hover, .fa-cc-amex.color-icon.border-icon:hover { background-color: #007bc1; } .color-bg-icon.fa-cc-diners-club, a.fa-cc-diners-club.bg-icon:hover, .fa-cc-diners-club.color-icon.border-icon:hover { background-color: #004a97; } .color-bg-icon.fa-cc-discover, a.fa-cc-discover.bg-icon:hover, .fa-cc-discover.color-icon.border-icon:hover { background-color: #f68121; } .color-bg-icon.fa-cc-jcb, a.fa-cc-jcb.bg-icon:hover, .fa-cc-jcb.color-icon.border-icon:hover { background-color: #003a8f; } .color-bg-icon.fa-cc-mastercard, a.fa-cc-mastercard.bg-icon:hover, .fa-cc-mastercard.color-icon.border-icon:hover { background-color: #0a3a82; } .color-bg-icon.fa-cc-paypal, a.fa-cc-paypal.bg-icon:hover, .fa-cc-paypal.color-icon.border-icon:hover { background-color: #253b80; } .color-bg-icon.fa-cc-stripe, a.fa-cc-stripe.bg-icon:hover, .fa-cc-stripe.color-icon.border-icon:hover { background-color: #00afe1; } .color-bg-icon.fa-cc-visa, a.fa-cc-visa.bg-icon:hover, .fa-cc-visa.color-icon.border-icon:hover { background-color: #0157a2; } .color-bg-icon.fa-chrome, a.fa-chrome.bg-icon:hover, .fa-chrome.color-icon.border-icon:hover { background-color: #4587f3; } .color-bg-icon.fa-codepen, a.fa-codepen.bg-icon:hover, .fa-codepen.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-connectdevelop, a.fa-connectdevelop.bg-icon:hover, .fa-connectdevelop.color-icon.border-icon:hover { background-color: #391448; } .color-bg-icon.fa-contao, a.fa-contao.bg-icon:hover, .fa-contao.color-icon.border-icon:hover { background-color: #eb8623; } .color-bg-icon.fa-creative-commons, a.fa-creative-commons.bg-icon:hover, .fa-creative-commons.color-icon.border-icon:hover { background-color: #231f20; } .color-bg-icon.fa-css3, a.fa-css3.bg-icon:hover, .fa-css3.color-icon.border-icon:hover { background-color: #1680c0; } .color-bg-icon.fa-dashcube, a.fa-dashcube.bg-icon:hover, .fa-dashcube.color-icon.border-icon:hover { background-color: #7f7f7f; } .color-bg-icon.fa-delicious, a.fa-delicious.bg-icon:hover, .fa-delicious.color-icon.border-icon:hover { background-color: #39f; } .color-bg-icon.fa-deviantart, a.fa-deviantart.bg-icon:hover, .fa-deviantart.color-icon.border-icon:hover { background-color: #4e6252; } .color-bg-icon.fa-digg, a.fa-digg.bg-icon:hover, .fa-digg.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-dribbble, a.fa-dribbble.bg-icon:hover, .fa-dribbble.color-icon.border-icon:hover { background-color: #444; } .color-bg-icon.fa-dropbox, a.fa-dropbox.bg-icon:hover, .fa-dropbox.color-icon.border-icon:hover { background-color: #007ee5; } .color-bg-icon.fa-drupal, a.fa-drupal.bg-icon:hover, .fa-drupal.color-icon.border-icon:hover { background-color: #0077c0; } .color-bg-icon.fa-empire, a.fa-empire.bg-icon:hover, .fa-empire.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-expeditedssl, a.fa-expeditedssl.bg-icon:hover, .fa-expeditedssl.color-icon.border-icon:hover { background-color: #343433; } .color-bg-icon.fa-facebook-official, a.fa-facebook-official.bg-icon:hover, .fa-facebook-official.color-icon.border-icon:hover { background-color: #3b5998; } .color-bg-icon.fa-facebook-square, a.fa-facebook-square.bg-icon:hover, .fa-facebook-square.color-icon.border-icon:hover { background-color: #3b5998; } .color-bg-icon.fa-facebook, a.fa-facebook.bg-icon:hover, .fa-facebook.color-icon.border-icon:hover { background-color: #3b5998; } .color-bg-icon.fa-firefox, a.fa-firefox.bg-icon:hover, .fa-firefox.color-icon.border-icon:hover { background-color: #e66000; } .color-bg-icon.fa-flickr, a.fa-flickr.bg-icon:hover, .fa-flickr.color-icon.border-icon:hover { background-color: #ff0084; } .color-bg-icon.fa-fonticons, a.fa-fonticons.bg-icon:hover, .fa-fonticons.color-icon.border-icon:hover { background-color: #1c1e29; } .color-bg-icon.fa-forumbee, a.fa-forumbee.bg-icon:hover, .fa-forumbee.color-icon.border-icon:hover { background-color: #83ad13; } .color-bg-icon.fa-foursquare, a.fa-foursquare.bg-icon:hover, .fa-foursquare.color-icon.border-icon:hover { background-color: #0072b1; } .color-bg-icon.fa-ge, a.fa-ge.bg-icon:hover, .fa-ge.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-get-pocket, a.fa-get-pocket.bg-icon:hover, .fa-get-pocket.color-icon.border-icon:hover { background-color: #d3505a; } .color-bg-icon.fa-gg-circle, a.fa-gg-circle.bg-icon:hover, .fa-gg-circle.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-gg, a.fa-gg.bg-icon:hover, .fa-gg.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-git-square, a.fa-git-square.bg-icon:hover, .fa-git-square.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-git, a.fa-git.bg-icon:hover, .fa-git.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-github-alt, a.fa-github-alt.bg-icon:hover, .fa-github-alt.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-github-square, a.fa-github-square.bg-icon:hover, .fa-github-square.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-github, a.fa-github.bg-icon:hover, .fa-github.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-gittip, a.fa-gittip.bg-icon:hover, .fa-gittip.color-icon.border-icon:hover { background-color: #630; } .color-bg-icon.fa-google-plus-square, a.fa-google-plus-square.bg-icon:hover, .fa-google-plus-square.color-icon.border-icon:hover { background-color: #dd4b39; } .color-bg-icon.fa-google-plus, a.fa-google-plus.bg-icon:hover, .fa-google-plus.color-icon.border-icon:hover { background-color: #dd4b39; } .color-bg-icon.fa-google-wallet, a.fa-google-wallet.bg-icon:hover, .fa-google-wallet.color-icon.border-icon:hover { background-color: #4285f4; } .color-bg-icon.fa-google, a.fa-google.bg-icon:hover, .fa-google.color-icon.border-icon:hover { background-color: #dd4b39; } .color-bg-icon.fa-hacker-news, a.fa-hacker-news.bg-icon:hover, .fa-hacker-news.color-icon.border-icon:hover { background-color: #f60; } .color-bg-icon.fa-houzz, a.fa-houzz.bg-icon:hover, .fa-houzz.color-icon.border-icon:hover { background-color: #7ac142; } .color-bg-icon.fa-html5, a.fa-html5.bg-icon:hover, .fa-html5.color-icon.border-icon:hover { background-color: #e34f26; } .color-bg-icon.fa-instagram, a.fa-instagram.bg-icon:hover, .fa-instagram.color-icon.border-icon:hover { background-color: #e1306c; } .color-bg-icon.fa-internet-explorer, a.fa-internet-explorer.bg-icon:hover, .fa-internet-explorer.color-icon.border-icon:hover { background-color: #1ebbee; } .color-bg-icon.fa-ioxhost, a.fa-ioxhost.bg-icon:hover, .fa-ioxhost.color-icon.border-icon:hover { background-color: #faa729; } .color-bg-icon.fa-joomla, a.fa-joomla.bg-icon:hover, .fa-joomla.color-icon.border-icon:hover { background-color: #142849; } .color-bg-icon.fa-jsfiddle, a.fa-jsfiddle.bg-icon:hover, .fa-jsfiddle.color-icon.border-icon:hover { background-color: #4679bd; } .color-bg-icon.fa-lastfm-square, a.fa-lastfm-square.bg-icon:hover, .fa-lastfm-square.color-icon.border-icon:hover { background-color: #c3000d; } .color-bg-icon.fa-lastfm, a.fa-lastfm.bg-icon:hover, .fa-lastfm.color-icon.border-icon:hover { background-color: #c3000d; } .color-bg-icon.fa-leanpub, a.fa-leanpub.bg-icon:hover, .fa-leanpub.color-icon.border-icon:hover { background-color: #0c0c0c; } .color-bg-icon.fa-linkedin-square, a.fa-linkedin-square.bg-icon:hover, .fa-linkedin-square.color-icon.border-icon:hover { background-color: #0976b4; } .color-bg-icon.fa-linkedin, a.fa-linkedin.bg-icon:hover, .fa-linkedin.color-icon.border-icon:hover { background-color: #0976b4; } .color-bg-icon.fa-linux, a.fa-linux.bg-icon:hover, .fa-linux.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-maxcdn, a.fa-maxcdn.bg-icon:hover, .fa-maxcdn.color-icon.border-icon:hover { background-color: #f60; } .color-bg-icon.fa-meanpath, a.fa-meanpath.bg-icon:hover, .fa-meanpath.color-icon.border-icon:hover { background-color: #538ed7; } .color-bg-icon.fa-medium, a.fa-medium.bg-icon:hover, .fa-medium.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-odnoklassniki-square, a.fa-odnoklassniki-square.bg-icon:hover, .fa-odnoklassniki-square.color-icon.border-icon:hover { background-color: #ed812b; } .color-bg-icon.fa-odnoklassniki, a.fa-odnoklassniki.bg-icon:hover, .fa-odnoklassniki.color-icon.border-icon:hover { background-color: #ed812b; } .color-bg-icon.fa-opencart, a.fa-opencart.bg-icon:hover, .fa-opencart.color-icon.border-icon:hover { background-color: #2ac2ef; } .color-bg-icon.fa-openid, a.fa-openid.bg-icon:hover, .fa-openid.color-icon.border-icon:hover { background-color: #f78c40; } .color-bg-icon.fa-opera, a.fa-opera.bg-icon:hover, .fa-opera.color-icon.border-icon:hover { background-color: #cc0f16; } .color-bg-icon.fa-optin-monster, a.fa-optin-monster.bg-icon:hover, .fa-optin-monster.color-icon.border-icon:hover { background-color: #83c11f; } .color-bg-icon.fa-pagelines, a.fa-pagelines.bg-icon:hover, .fa-pagelines.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-paypal, a.fa-paypal.bg-icon:hover, .fa-paypal.color-icon.border-icon:hover { background-color: #253b80; } .color-bg-icon.fa-pied-piper-alt, a.fa-pied-piper-alt .bg-icon:hover, .fa-pied-piper-alt .color-icon.border-icon:hover { color: #2f9f46; } .color-bg-icon.fa-pied-piper-square, a.fa-pied-piper-square .bg-icon:hover, .fa-pied-piper-square .color-icon.border-icon:hover { color: #2f9f46; } .color-bg-icon.fa-pied-piper, a.fa-pied-piper.bg-icon:hover, .fa-pied-piper.color-icon.border-icon:hover { background-color: #2f9f46; } .color-bg-icon.fa-pinterest-p, a.fa-pinterest-p.bg-icon:hover, .fa-pinterest-p.color-icon.border-icon:hover { background-color: #cc2127; } .color-bg-icon.fa-pinterest-square, a.fa-pinterest-square.bg-icon:hover, .fa-pinterest-square.color-icon.border-icon:hover { background-color: #cc2127; } .color-bg-icon.fa-pinterest, a.fa-pinterest.bg-icon:hover, .fa-pinterest.color-icon.border-icon:hover { background-color: #cc2127; } .color-bg-icon.fa-qq, a.fa-qq.bg-icon:hover, .fa-qq.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-ra, a.fa-ra.bg-icon:hover, .fa-ra.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-rebel, a.fa-rebel.bg-icon:hover, .fa-rebel.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-reddit-square, a.fa-reddit-square.bg-icon:hover, .fa-reddit-square.color-icon.border-icon:hover { background-color: #ff4500; } .color-bg-icon.fa-reddit, a.fa-reddit.bg-icon:hover, .fa-reddit.color-icon.border-icon:hover { background-color: #ff4500; } .color-bg-icon.fa-renren, a.fa-renren.bg-icon:hover, .fa-renren.color-icon.border-icon:hover { background-color: #005eac; } .color-bg-icon.fa-safari, a.fa-safari.bg-icon:hover, .fa-safari.color-icon.border-icon:hover { background-color: #1b88ca; } .color-bg-icon.fa-sellsy, a.fa-sellsy.bg-icon:hover, .fa-sellsy.color-icon.border-icon:hover { background-color: #1f78b9; } .color-bg-icon.fa-share-alt-square, a.fa-share-alt-square.bg-icon:hover, .fa-share-alt-square.color-icon.border-icon:hover { background-color: #01bf01; } .color-bg-icon.fa-share-alt, a.fa-share-alt.bg-icon:hover, .fa-share-alt.color-icon.border-icon:hover { background-color: #01bf01; } .color-bg-icon.fa-shirtsinbulk, a.fa-shirtsinbulk.bg-icon:hover, .fa-shirtsinbulk.color-icon.border-icon:hover { background-color: #dd3a26; } .color-bg-icon.fa-simplybuilt, a.fa-simplybuilt.bg-icon:hover, .fa-simplybuilt.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-skyatlas, a.fa-skyatlas.bg-icon:hover, .fa-skyatlas.color-icon.border-icon:hover { background-color: #00adbb; } .color-bg-icon.fa-skype, a.fa-skype.bg-icon:hover, .fa-skype.color-icon.border-icon:hover { background-color: #00aff0; } .color-bg-icon.fa-slack, a.fa-slack.bg-icon:hover, .fa-slack.color-icon.border-icon:hover { background-color: #0f7965; } .color-bg-icon.fa-slideshare, a.fa-slideshare.bg-icon:hover, .fa-slideshare.color-icon.border-icon:hover { background-color: #e98325; } .color-bg-icon.fa-soundcloud, a.fa-soundcloud.bg-icon:hover, .fa-soundcloud.color-icon.border-icon:hover { background-color: #f80; } .color-bg-icon.fa-spotify, a.fa-spotify.bg-icon:hover, .fa-spotify.color-icon.border-icon:hover { background-color: #7ab800; } .color-bg-icon.fa-stack-exchange, a.fa-stack-exchange.bg-icon:hover, .fa-stack-exchange.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-stack-overflow, a.fa-stack-overflow.bg-icon:hover, .fa-stack-overflow.color-icon.border-icon:hover { background-color: #fe7a15; } .color-bg-icon.fa-steam-square, a.fa-steam-square.bg-icon:hover, .fa-steam-square.color-icon.border-icon:hover { background-color: #0b0b0b; } .color-bg-icon.fa-steam, a.fa-steam.bg-icon:hover, .fa-steam.color-icon.border-icon:hover { background-color: #0b0b0b; } .color-bg-icon.fa-stumbleupon-circle, a.fa-stumbleupon-circle.bg-icon:hover, .fa-stumbleupon-circle.color-icon.border-icon:hover { background-color: #eb4924; } .color-bg-icon.fa-stumbleupon, a.fa-stumbleupon.bg-icon:hover, .fa-stumbleupon.color-icon.border-icon:hover { background-color: #eb4924; } .color-bg-icon.fa-tencent-weibo, a.fa-tencent-weibo.bg-icon:hover, .fa-tencent-weibo.color-icon.border-icon:hover { background-color: #74af2c; } .color-bg-icon.fa-trello, a.fa-trello.bg-icon:hover, .fa-trello.color-icon.border-icon:hover { background-color: #256a92; } .color-bg-icon.fa-tripadvisor, a.fa-tripadvisor.bg-icon:hover, .fa-tripadvisor.color-icon.border-icon:hover { background-color: #589442; } .color-bg-icon.fa-tumblr-square, a.fa-tumblr-square.bg-icon:hover, .fa-tumblr-square.color-icon.border-icon:hover { background-color: #35465c; } .color-bg-icon.fa-tumblr, a.fa-tumblr.bg-icon:hover, .fa-tumblr.color-icon.border-icon:hover { background-color: #35465c; } .color-bg-icon.fa-twitch, a.fa-twitch.bg-icon:hover, .fa-twitch.color-icon.border-icon:hover { background-color: #6441a5; } .color-bg-icon.fa-twitter-square, a.fa-twitter-square.bg-icon:hover, .fa-twitter-square.color-icon.border-icon:hover { background-color: #55acee; } .color-bg-icon.fa-twitter, a.fa-twitter.bg-icon:hover, .fa-twitter.color-icon.border-icon:hover { background-color: #55acee; } .color-bg-icon.fa-viacoin, a.fa-viacoin.bg-icon:hover, .fa-viacoin.color-icon.border-icon:hover { background-color: #333; } .color-bg-icon.fa-vimeo-square, a.fa-vimeo-square.bg-icon:hover, .fa-vimeo-square.color-icon.border-icon:hover { background-color: #1ab7ea; } .color-bg-icon.fa-vimeo, a.fa-vimeo.bg-icon:hover, .fa-vimeo.color-icon.border-icon:hover { background-color: #1ab7ea; } .color-bg-icon.fa-vine, a.fa-vine.bg-icon:hover, .fa-vine.color-icon.border-icon:hover { background-color: #00b488; } .color-bg-icon.fa-vk, a.fa-vk.bg-icon:hover, .fa-vk.color-icon.border-icon:hover { background-color: #45668e; } .color-bg-icon.fa-wechat, a.fa-wechat.bg-icon:hover, .fa-wechat.color-icon.border-icon:hover { background-color: #93d034; } .color-bg-icon.fa-weibo, a.fa-weibo.bg-icon:hover, .fa-weibo.color-icon.border-icon:hover { background-color: #e71d34; } .color-bg-icon.fa-weixin, a.fa-weixin.bg-icon:hover, .fa-weixin.color-icon.border-icon:hover { background-color: #93d034; } .color-bg-icon.fa-wikipedia-w, a.fa-wikipedia-w.bg-icon:hover, .fa-wikipedia-w.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.fa-windows, a.fa-windows.bg-icon:hover, .fa-windows.color-icon.border-icon:hover { background-color: #00bcf2; } .color-bg-icon.fa-wordpress, a.fa-wordpress.bg-icon:hover, .fa-wordpress.color-icon.border-icon:hover { background-color: #21759b; } .color-bg-icon.fa-xing-square, a.fa-xing-square.bg-icon:hover, .fa-xing-square.color-icon.border-icon:hover { background-color: #026466; } .color-bg-icon.fa-xing, a.fa-xing.bg-icon:hover, .fa-xing.color-icon.border-icon:hover { background-color: #026466; } .color-bg-icon.fa-y-combinator, a.fa-y-combinator.bg-icon:hover, .fa-y-combinator.color-icon.border-icon:hover { background-color: #f0652f; } .color-bg-icon.fa-yahoo, a.fa-yahoo.bg-icon:hover, .fa-yahoo.color-icon.border-icon:hover { background-color: #400191; } .color-bg-icon.fa-yc, a.fa-yc.bg-icon:hover, .fa-yc.color-icon.border-icon:hover { background-color: #f0652f; } .color-bg-icon.fa-yelp, a.fa-yelp.bg-icon:hover, .fa-yelp.color-icon.border-icon:hover { background-color: #af0606; } .color-bg-icon.fa-youtube-play, a.fa-youtube-play.bg-icon:hover, .fa-youtube-play.color-icon.border-icon:hover { background-color: #e52d27; } .color-bg-icon.fa-youtube-square, a.fa-youtube-square.bg-icon:hover, .fa-youtube-square.color-icon.border-icon:hover { background-color: #e52d27; } .color-bg-icon.fa-youtube, a.fa-youtube.bg-icon:hover, .fa-youtube.color-icon.border-icon:hover { background-color: #e52d27; } .color-bg-icon.fa-rss, a.fa-rss.bg-icon:hover, .fa-rss.color-icon.border-icon:hover { background-color: #ffa811; } /*social icons default colors*/ .color-bg-icon { color: #fff; } a.fa { color: #303849; } a.border-icon { border: 1px solid #303849; border-color: rgba(48, 56, 73, 0.4); } a.border-icon.color-icon:hover { border-color: transparent; } a.bg-icon { background-color: #e8e8e8; } a.color-bg-icon { background-color: #23222d; color: #fff; } a.fa.color-icon:hover { color: #23222d; } a.fa.bg-icon:hover { color: #fff; } a.fa.color-bg-icon:hover { background-color: #f2c014; color: #fff; } a.color-icon:hover { color: #23222d; } a.color-icon.border-icon:hover { color: #fff; } .social-icons a.fa-paper-plane:hover { color: #08c; } /* ** WordPress Required */ .alignnone { margin: 10px 0 30px; } .aligncenter, div.aligncenter { display: block; margin: 10px auto 30px auto; } .alignright { float: right; margin: 10px 0 30px 40px; max-width: 50%; } .alignleft { float: left; margin: 5px 30px 10px 0; max-width: 50%; } a img.alignright { float: right; margin: 10px 0 30px 40px; } a img.alignnone { margin: 10px 0 30px; } a img.alignleft { float: left; margin: 10px 40px 30px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute !important; white-space: nowrap; width: 1px; } .screen-reader-text:focus { clip: auto !important; display: block; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky, .bypostauthor { position: relative; } /* ** WordPress Page Links and Pagination */ .page-item, .nav-links, .page-links { clear: both; } .page-item > span, .page-item > a, .nav-links > span, .nav-links > a, .page-links > span, .page-links > a { border: 1px solid rgba(72, 97, 115, 0.2); border-radius: 50px !important; color: #486173; display: inline-block; font-weight: 400; line-height: inherit; margin-left: 0; margin-right: 5px; min-width: 40px; padding: 7px; text-align: center; } .page-item > span:hover, .page-item > a:hover, .nav-links > span:hover, .nav-links > a:hover, .page-links > span:hover, .page-links > a:hover { background-color: #f2c014; border-color: #f2c014; color: #fff; } .page-item > span.dots, .page-item > a.dots, .nav-links > span.dots, .nav-links > a.dots, .page-links > span.dots, .page-links > a.dots { background-color: transparent; border-color: transparent; color: #303849; cursor: not-allowed !important; font-size: 24px; left: 2px; letter-spacing: 2px; position: relative; top: -3px; } .page-item.active > a, .page-item > span, .nav-links.active > a, .nav-links > span, .page-links.active > a, .page-links > span { background-color: #f2c014 !important; border-color: #f2c014 !important; color: #fff; } .page-item .fa, .nav-links .fa, .page-links .fa { font-size: 14px; } .page-links a:first-child { margin-left: 1em; } .pagination { justify-content: flex-end; margin-top: 60px; } .post-nav { margin: 60px 0 0; position: relative; } .post-nav .nav-links { display: flex; flex-wrap: wrap; } .post-nav .nav-links > div { height: auto; padding: 30px 40px; position: relative; text-align: right; transition: 0.2s opacity ease; width: 50%; } .post-nav .nav-links > div:hover { opacity: 0.9; } @media (max-width: 575px) { .post-nav .nav-links > div { width: 100%; } } .post-nav .nav-links > div .fa { font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .post-nav .nav-links > div:first-child { text-align: left; } .post-nav .nav-links > div:first-child .fa { left: 0; right: auto; } .post-nav .nav-links .nav-subtitle { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; min-width: 8em; padding: 0.25em 0.8em 0.05em; text-align: center; text-transform: uppercase; } .post-nav .nav-links .nav-title { display: block; } .post-nav .nav-links a { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .post-nav .post-nav-image { display: none; } .post-nav .cover-image .post-nav-text-wrap { text-align: center; } /* ** Main Menu styles */ .nav-wrap { align-items: center; display: flex; justify-content: space-between; margin-right: 118px; } @media (min-width: 768px) and (max-width: 991px) { .nav-wrap { justify-content: flex-end; } } .nav-wrap > .top-nav + *:not(.top-includes) { flex-grow: 100; padding-left: 20px; padding-right: 30px; } .nav-wrap > .top-nav + *:not(.top-includes).toggle_menu_side { flex-grow: 0; margin-left: 45px; } /* Desktop menu - (min992px) styles */ @media (min-width: 992px) { .top-nav { align-items: center; display: flex; flex-grow: 10; flex-wrap: nowrap; position: relative; } .justify-nav-end .top-nav { justify-content: flex-end; } .justify-nav-center .top-nav { justify-content: center; } /* menu layout */ .sf-menu { display: block; } .sf-menu, .sf-menu ul { list-style: none; margin: 0; padding: 0; } .sf-menu li { position: relative; } .sf-menu li > ul { display: none; position: absolute; top: 100%; z-index: 99; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } /* menu skin */ .sf-menu a { font-size: 16px; padding: 10px 1.1em; text-decoration: none; transition-property: color, background-color, border-color, padding-top, padding-bottom; zoom: 1; } .sf-menu li { white-space: normal; white-space: nowrap; } .sf-menu > li { display: inline-block; position: relative; } .sf-menu.nav > li:first-child > a { margin-left: 0; } .sf-menu.nav > li:last-child > a { margin-right: 0; } .sf-menu > li > a { line-height: 14px; margin: 0 18px; padding-bottom: 31px; padding-left: 0; padding-right: 0; padding-top: 31px; transition-duration: 0.15s; } .affix .sf-menu > li > a { padding: 33px 0 !important; } .sf-menu > li > a:hover, .sf-menu > li.active > a { color: #f2c014; } .nav-narrow .sf-menu > li { padding: 0; } .nav-narrow.home-header .sf-menu > li > a { padding: 27px 0 !important; } .nav-narrow .sf-menu > li > a { margin-left: 20px; margin-right: 20px; padding-bottom: 42px; padding-top: 42px; } .nav-narrow .sf-menu > li.active > a:before { background-color: #f2c014; content: ""; height: 2px; left: -14px; position: absolute; right: -14px; top: 0; z-index: 1; } .nav-bordered .sf-menu > li + li:before { background-color: rgba(255, 255, 255, 0.15); bottom: 0; content: ""; left: -2px; position: absolute; top: 0; width: 1px; } .cs .sf-menu > li > a { color: #fff; } .cs .sf-menu > li > a:hover, .cs .sf-menu > li.active > a { color: #23222d; } .ds .sf-menu > li > a { color: #fff; } .ds .sf-menu > li > a:hover, .ds .sf-menu > li.active > a { color: #f2c014; opacity: 1; } .ds .sf-menu > li.active > a { font-weight: 400; } .ls .sf-menu > li > a { color: #23222d; } .ls .sf-menu > li > a:hover, .ls .sf-menu > li.active > a { color: #f2c014; } .ls .sf-menu > li.active > a { font-weight: 500; } .ls .sf-menu > li + li:before { background-color: rgba(48, 56, 73, 0.1); } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ transition: none; } /* second and next levels */ .sf-menu > li .mega-menu, .sf-menu li > ul { /* allow long menu items to determine submenu width */ width: 10em; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); list-style: none; margin-top: 0; min-width: 10em; padding: 28px 0 28px; text-align: left; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu > li .mega-menu { padding-left: 0; padding-right: 0; } .sf-menu.nav ul a { color: #23222d; padding-left: 40px; padding-right: 40px; } .sf-menu .mega-menu ul { background: transparent; box-shadow: none; padding: 0; } .sf-menu .mega-menu ul a { padding-left: 0; padding-right: 0; } .sf-menu ul a:hover, .sf-menu ul li.active > a { color: #f2c014; } /* third level */ .sf-menu ul ul { margin-left: 5px; margin-top: 0; top: -32px; } .sf-arrows ul .sf-with-ul:after { content: "\f105"; font-family: "FontAwesome"; padding-left: 7px; } } .sf-menu i[class] { font-size: 1.1em; margin-right: 7px; } /* hidden menu items */ @media (min-width: 992px) { .sf-menu .sf-xl-hidden { display: none !important; } } @media (max-width: 1199px) { .sf-more-li { display: none; } } .nav-wrap a.btn { flex-grow: 0 !important; } @media (min-width: 767px) and (max-width: 1199px) { .nav-wrap.with-top-buttons { justify-content: flex-start; } } @media (min-width: 992px) and (max-width: 1199px) { .single_page_menu .sf-menu > li > a { margin: 0 10px; } } /* Mobile menu toggler */ @media (min-width: 992px) { .page_header .toggle_menu, .page_toplogo .toggle_menu { display: none; } } .toggle_menu { cursor: pointer; height: 60px; margin-left: -30px; margin-top: -30px; opacity: 0.95; padding: 0 !important; position: absolute; right: 0; top: 50%; visibility: visible; width: 60px; z-index: 1002; } .page_header_wrapper .toggle_menu { z-index: 1003; } .page_toplogo .toggle_menu { left: auto; margin: 0; position: fixed; right: 0; top: 0; } .toggle_menu:before, .toggle_menu span, .toggle_menu span:before, .toggle_menu span:after { background-color: #fff; content: ""; display: block; height: 2px; left: 0; position: absolute; transform: rotate(0deg); transition: .25s ease-in-out; width: 20px; } .toggle_menu:before { background-color: #f2c014; left: 15px; top: 20px; } .toggle_menu span { left: 15px; top: 50%; } .toggle_menu span:before { opacity: 1; top: -5px; } .toggle_menu span:after { opacity: 1; top: 5px; } .toggle_menu.mobile-active { background-color: transparent; border: none; left: auto; margin: 0; position: fixed; right: 0; top: 0; width: 57px; z-index: 3000; } .toggle_menu.mobile-active:before { background-color: #fff; top: 30px; transform: rotate(45deg); } .toggle_menu.mobile-active span { background-color: #fff; transform: rotate(-45deg); } .toggle_menu.mobile-active span:before, .toggle_menu.mobile-active span:after { opacity: 0; } .toggle_menu.active:before { background-color: #fff; top: 30px; transform: rotate(45deg); } .toggle_menu.active span { background-color: #fff !important; transform: rotate(-45deg); } .toggle_menu.active span:before { background-color: #f2c014 !important; left: -11px; opacity: 1; top: 10px; transform: rotate(45deg); width: 25px; } .toggle_menu.active span:after { opacity: 0; } .toggle_menu.main-toggle { background-color: transparent !important; } .ls .toggle_menu span, .ls .toggle_menu span:before, .ls .toggle_menu span:after { background-color: #23222d; } /* Mobile Menu (max 991px) styles */ @media (max-width: 767px) { .nav-wrap { justify-content: center; } } @media (max-width: 991px) { .page_header [class*="col"] { min-height: 0; } .top-nav { background-color: transparent; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: all 0.3s ease-in-out; visibility: hidden; z-index: 10; } .mobile-active .top-nav { background-color: #111; background-color: rgba(35, 34, 45, 0.8); opacity: 1; visibility: visible; z-index: 1002; } .nav-justified > li > a { text-align: left; } .sf-menu { background-color: #fff; border-top: 60px solid #f2c014; bottom: 0; display: block; font-weight: 400; left: 0; line-height: 1; margin-right: 60px; opacity: 0; overflow: auto; padding: 20px 10px 20px 20px; position: fixed; right: 100%; text-align: left; top: 0; transition: all 0.4s ease-in-out; } .mobile-active .sf-menu { opacity: 1; right: 0; } .sf-menu li { position: relative; } .top-nav .sf-menu a { color: #23222d; display: block; padding: 10px 10px; z-index: 2; } .sf-menu ul { list-style: none; margin-top: 0 !important; padding-left: 10px; } .sf-menu ul li a:before { background-color: #f2c014; border-radius: 50%; bottom: 3px; content: ""; display: inline-block; height: 3px; margin-right: 10px; position: relative; width: 3px; } /* arrows (for all except IE7) */ .sf-arrows .sf-with-ul { padding-right: 3.5em; } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler { border-radius: 50%; height: 30px; line-height: 30px; position: absolute; right: 5px; text-align: center; top: 5px; width: 30px; z-index: 1; } .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after { color: #23222d; content: "\f105"; font-family: "FontAwesome"; } .sfHover > .sf-with-ul + .sf-menu-item-mobile-toggler:after { content: "\f107"; } } /* Mega Menu */ @media screen and (min-width: 992px) { .top-nav ul .mega-menu ul { border: none; min-width: auto; } .top-nav .menu-item-has-mega-menu { position: relative; } .top-nav .mega-menu { display: none; position: absolute; top: 100%; width: 940px; z-index: 10; } .top-nav .menu-item-has-mega-menu:hover .mega-menu { display: block; } /* row */ .top-nav .mega-menu-row { display: table; position: static; table-layout: fixed; } .top-nav .mega-menu-row ul { display: block; position: static; } /* column */ .top-nav .mega-menu-col { border-left: 1px solid rgba(48, 56, 73, 0.1); display: table-cell; padding: 0 10px; width: 2000px; /* overrides from settings / styling / mega-menu */ } .top-nav .mega-menu-col > a { font-size: 16px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } .top-nav .mega-menu-col:first-child { border-left: none; } .top-nav ul ul .mega-menu { display: block; margin-left: 1px; top: -20px; width: auto; } .top-nav ul ul .mega-menu li { border: none; display: block; width: auto; } } @media screen and (min-width: 1200px) { .top-nav .mega-menu { width: 1170px; } .top-nav ul .mega-menu ul { min-width: 10em; } .top-nav .mega-menu-col { padding: 0 40px; } } @media screen and (max-width: 1199px) { .top-nav .mega-menu { position: static; } } /* side clickable menu styles */ .menu-click { padding: 0; } .menu-click i { margin-right: 10px; text-align: center; width: 1em; } .menu-click .toggle_submenu { border-radius: 50%; cursor: pointer; font-size: 8px; height: 3em; line-height: 3em; opacity: 0.9; position: absolute; right: 20px; text-align: center; top: 8px; transform: rotate(-90deg); transition: .25s ease-in-out; width: 3em; } .menu-click .toggle_submenu:before { content: "\f078"; font-family: "FontAwesome"; height: 3em; left: 0; line-height: 3em; position: absolute; top: 0; width: 3em; } .menu-click ul { padding: 0; } .menu-click li { list-style: none; position: relative; width: 100%; } .menu-click > li { transition: 0.3s ease-in-out; } .menu-click a { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; padding: 10px 40px; text-transform: uppercase; } .menu-click a:hover { background-color: rgba(150, 150, 150, 0.05); } .menu-click .active-submenu > a { background-color: rgba(150, 150, 150, 0.05); } .menu-click .active-submenu > .toggle_submenu { transform: rotate(0deg); } .menu-click li.active > a { color: #f2c014; } .menu-click ul { height: 0; opacity: 0; } .menu-click ul a { padding-bottom: 8px; padding-left: 50px; padding-top: 8px; } .menu-click ul ul a { padding-left: 60px; } .menu-click ul ul ul a { padding-left: 70px; } .menu-click ul ul ul ul a { padding-left: 80px; } .menu-click .active-submenu > div.mega-menu { height: auto; } .menu-click .active-submenu > ul, .menu-click .active-submenu > div.mega-menu > ul { height: auto; opacity: 1; } .menu-click ul, .menu-click div.mega-menu { height: 0; overflow: hidden; transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out; } .menu-click ul li.sfHover > .mega-menu ul { display: block; height: 100%; } .menu-click div.mega-menu > ul { height: auto; margin-right: 0; } /* ** Header */ .page_header { height: auto; left: 0; margin: 0; padding: 0; position: relative; right: 0; top: 0; transition: height 0.5s ease-in-out; width: 100%; z-index: 1000; } .boxed .page_header, .page_header.affix { box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05); opacity: 0.98; position: fixed !important; z-index: 1001; } .boxed .page_header:after, .page_header.affix:after { background-color: transparent; } .page_header.affix.s-bordertop::before { display: none; } @media (max-width: 991px) { .page_header.mobile-active { opacity: 1; z-index: 1003; } } .page_header.affix-bottom { position: fixed; top: 0 !important; } .page_header .row { min-height: 60px; } .page_header a { display: inline-block; } .header_absolute { position: relative; } .header_absolute .page_header, .header_absolute .page_header_wrapper { left: 0; position: absolute; right: 0; z-index: 1002; } .header_absolute .page_topline, .header_absolute .page_toplogo, .header_absolute .page_header_wrapper, .header_absolute .page_title { background-color: transparent; } #canvas:not(.boxed) .header_absolute .page_header.affix-top { background-color: transparent; } .header_absolute.home_header { left: 0; position: absolute; right: 0; } .page_topline { line-height: 1.4; z-index: 3; } .page_topline.small-text i { font-size: 14px; } .page_topline .icon-inline { justify-content: center; } .page_topline .social-icons { display: inline-block; } .page_topline .widget_nav_menu { display: inline-block; } .page_topline ul { margin: 0; padding: 0; } .page_topline .dropdown-language a > img { bottom: 1px; margin-right: 6px; max-width: 16px; position: relative; } .page_topline .owl-news-slider-dates { font-weight: 700; } .page_topline .topline-news-item { height: 2em; line-height: 2em; margin: 0 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page_topline .topline-news-item .cat-links { display: inline; } .page_topline .topline-news-nav-arrow { color: #fff; line-height: 38px; width: 40px; } .page_topline .topline-news-nav-arrow:hover { opacity: 0.5; } .page_topline .owl-nav > div { opacity: 1; } .owl-carousel.owl-topline-news-slider.owl-news-slider-items .owl-nav { top: -4px; } .owl-carousel.owl-topline-news-slider.owl-news-slider-items .owl-nav > div { right: 0; } .owl-carousel.owl-topline-news-slider.owl-news-slider-items .owl-nav > div:first-child { left: 0; right: auto; } @media (min-width: 1500px) { .page_topline .container-fluid, .page_toplogo .container-fluid, .page_header .container-fluid { padding-left: 100px; padding-right: 100px; } } .page_toplogo .media .media-body h6, .header-side .media .media-body h6 { margin-bottom: 6px; } .page_toplogo .media .relative-icon i, .header-side .media .relative-icon i { bottom: 10px; position: relative; } .page_toplogo .media + .media:before, .header-side .media + .media:before { border-left: 1px solid rgba(72, 97, 115, 0.2); content: ""; height: 47px; margin-left: 30px; padding-left: 24px; position: relative; top: -3px; } @media (max-width: 991px) { .page_toplogo .media + .media:before, .header-side .media + .media:before { display: none; } } .page_toplogo .media:first-child .media-body, .header-side .media:first-child .media-body { margin-left: 20px; } .centered-title h1 { line-height: 0.9; } .header_absolute .page_header_wrapper.affix-wrapper { z-index: 1004; } /*header includes*/ .top-includes { line-height: 1; margin: 0; padding: 0; } @media (min-width: 1200px) { .top-includes { white-space: nowrap; } } .top-includes > * { display: inline-block; } .top-includes > li { margin-left: 10px; } @media (max-width: 1199px) { .top-includes > li { margin-bottom: 7px; } .top-includes > li.meta-email { margin-left: 0; } } @media (max-width: 767px) { .top-includes > li .meta-phone { margin-bottom: 7px; } } .top-includes > li:first-child { margin-left: 0; } @media (min-width: 1200px) { .top-includes.border-divided > li + li { border-left: 1px solid rgba(255, 255, 255, 0.1); margin-left: 47px; padding-bottom: 10px; padding-left: 46px; padding-top: 10px; } } .top-includes.border-divided li > div { display: inline-block; } .top-includes.border-divided .search_modal_button { margin-right: 23px; padding: 0 0 0 5px; } @media (min-width: 992px) { .top-nav + .top-includes { margin-left: 50px; } } @media (max-width: 991px) { .top-includes.md-absolute { bottom: 0; position: absolute; right: 80px; } } .top-includes a.border-icon, .top-includes a.bg-icon, .top-includes a.color-bg-icon { margin-bottom: 2px; margin-top: 2px; } .top-includes a[class*='fa-']:before { font-size: 16px; } .top-includes .shop-dropdown { margin-right: 21px; } @media (max-width: 767px) { .top-includes .shop-dropdown .dropdown-menu-right { left: 13px; right: auto; } } .top-includes a.fa { margin-left: 7px; margin-right: 7px; } .top-includes a.fa:first-child { margin-left: 0; } .top-includes a.fa:last-child { margin-right: 0; } .top-includes a.fa:hover { color: #f2c014; } .ls .top-includes a.fa:hover { color: #fff; } .toggle_menu.toggle_menu_side.menu_widget.header-slide { position: relative; right: 0; top: 2px; width: 35px; } .toggle_menu.toggle_menu_side.menu_widget.header-slide.active { opacity: 0; } /*logo*/ a.logo { align-items: center; display: flex; } a.logo img { display: inline-block; /* max-width: 60px; */ max-width: 130px; } a.logo .logo-text { letter-spacing: 1px; margin-left: 17px; margin-top: 1px; } @media (max-width: 767px) { a.logo .logo-text { font-size: 30px; } } a.logo .logo-subtext { color: #303849 !important; font-size: 12px; letter-spacing: 0.48em; line-height: 1; padding: 0 7px; } a.logo .logo-text-bottom { font-size: 26px; } a.logo .flex-column, a.logo.flex-column { align-items: flex-start; padding-bottom: 10px; padding-top: 10px; } a.logo .flex-column.text-center, a.logo.flex-column.text-center { display: inline-block; } .header_logo_center a.logo { display: inline-block; padding: 10px 0; position: relative; z-index: 2; } .header_logo_center.affix a.logo { padding: 5px 0; } a.logo:hover > img { opacity: 1; } @media (min-width: 1200px) { .header_logo_center .logo_wrapper { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; } } .ds a.logo .logo-subtext { color: #fff !important; } .page_copyright a.logo { justify-content: center; } .page_copyright a.logo img { max-width: 110px; } /*search modal*/ #search_modal { padding: 0 !important; } #search_modal .widget { background-color: #fff; padding: 20px 0; } #search_modal .search-form { max-width: 960px; } @media (min-width: 768px) { #search_modal .search-form { margin: 0 100px; } } #search_modal a { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.6em; text-transform: uppercase; } #search_modal a:hover { color: #f2c014; opacity: 1; } #search_modal .searchform-respond { color: #fff; margin: 20px auto; width: 300px; } #search_modal .form-group { margin-bottom: 0; } @media (max-width: 1199px) { #search_modal .form-group { padding: 0 20px; } } #search_modal .form-control:-moz-placeholder { color: #303849; opacity: 1; } #search_modal .form-control::-moz-placeholder { color: #303849; opacity: 1; } #search_modal .form-control:-ms-input-placeholder { color: #303849; } #search_modal .form-control::-webkit-input-placeholder { color: #303849; } #search_modal .btn { color: #23222d; font-size: 0; height: 60px; min-width: auto; padding: 0; width: 60px; } @media (max-width: 1199px) { #search_modal .btn { right: 20px; } } #search_modal .btn:hover { opacity: 1; } #search_modal .btn:hover:before { color: #f2c014; } #search_modal .btn:before { color: #23222d; font-size: 18px; } #search_modal .close { align-items: center; display: flex; font-size: 0; justify-content: center; line-height: 60px; min-width: 60px; opacity: 1; position: absolute; right: 20px; top: 20px; z-index: 2; } #search_modal .close:before { background-color: #f2c014; content: ""; height: 30px; -webkit-mask: url(../img/close.png) no-repeat center/contain; position: absolute; transition: .5s all; width: 30px; } #search_modal .close:active { top: 20px !important; } @media (max-width: 1199px) { #search_modal .close { display: none; } } #search_modal .close:hover:before { background-color: #f23e14; transform: rotate(90deg); } .active-side-header #search_modal { right: 300px; } .search_modal_button { display: inline-block; font-size: 14px; line-height: 1; padding: 0 0 0 10px; } /* ** Side Header */ /* side header layout */ body:after { background-color: rgba(0, 0, 0, 0.5); bottom: 0; content: ""; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1001; } body, body:after, #canvas, .page_header_side { transition: all 0.5s ease-in-out, z-index 0s ease-out; } #canvas { left: 0; transition-property: left, margin-left; } body.active-side-header { overflow: hidden; } body.active-side-header #canvas { left: 300px; } body.active-side-header .page_header_side { left: 0; } body.active-side-header:after { opacity: 1; visibility: visible; } html.html-active-push-header { overflow: hidden; } .page_header_side { bottom: 0; left: -300px; position: fixed; top: 0; width: 300px; z-index: 1102; } .page_header_side.active-slide-side-header { box-shadow: 0 0 4px 3px rgba(50, 50, 50, 0.05); } .page_header_side ~ .page_toplogo .toggle_menu { display: none; } .page_header_side a.logo { margin-bottom: 20px; padding: 10px 20px; } .page_header_side a.logo img { max-width: 100%; } .page_header_side .widget { margin-top: 60px; padding-left: 30px; padding-right: 30px; } .page_header_side .widget_icons_list li + li { margin-top: 1em; } .page_header_side .social-icons { display: block; margin-top: 43px; } .page_header_side .social-icons a.border-icon, .page_header_side .social-icons a.bg-icon, .page_header_side .social-icons a.color-bg-icon { margin-bottom: 2px; margin-top: 2px; } .side_header_inner { padding: 50px 0 50px; } .ls .toggle_menu_side span:before, .ls .toggle_menu_side span:after, .ls .toggle_menu_side span { background-color: #303849; } .toggle_menu_side { margin: 0; position: absolute; right: -60px; top: 0; transition: right 0.3s ease-in-out; } @media (max-width: 370px) { .toggle_menu_side.active { opacity: 0.4; right: 0; } } .ds .toggle_menu_side { background-color: transparent; } .bs .toggle_menu_side { background-color: transparent; } .ls .toggle_menu_side { background-color: transparent; } .page_header_side.header_side_sticked .toggle_menu_side { right: -60px; top: 0; transition: all 0.5s ease-in-out, z-index 0s ease-out; } .page_header_side.active-slide-side-header { left: 0; } .active-side-header .boxed .header_push ~ div .page_header, .active-side-header .header_push ~ div .page_header.affix { margin-left: 300px; } .active-side-header.slide-right .boxed .header_push ~ div .page_header, .active-side-header.slide-right .header_push ~ div .page_header.affix { margin-left: -300px; } .page_header_side.header_side_right { left: auto; right: -300px; } .page_header_side.header_side_right.active-slide-side-header { right: 0; } .page_header_side.header_side_right .toggle_menu_side { left: -60px; right: auto; transition: left 0.3s ease-in-out; } @media (max-width: 370px) { .page_header_side.header_side_right .toggle_menu_side.active { left: 0; } } body.active-side-header.slide-right #canvas { left: -300px; } body.active-side-header.slide-right .page_header_side { left: auto; right: 0; } @media (min-width: 600px) { .page_header_side.header_side_sticked.active-slide-side-header { left: 0; } .header_side_sticked ~ * { transition: all 0.5s ease-in-out, z-index 0s ease-out; } .header_side_sticked ~ * .container-fluid { padding-left: 80px; } .header_side_sticked ~ div .page_header { width: auto; } .header_side_sticked.active-slide-side-header ~ *, .header_side_sticked.active-slide-side-header ~ div .page_header { margin-left: 300px; } .boxed .header_side_sticked.active-slide-side-header ~ *, .boxed .header_side_sticked.active-slide-side-header ~ div .page_header { margin-left: 0; } .header_side_sticked ~ .page_header_wrapper { margin: 0 !important; } .page_header_side.header_side_sticked.header_side_right.active-slide-side-header { left: auto; } .header_side_sticked.header_side_right.active-slide-side-header ~ *, .header_side_sticked.header_side_right.active-slide-side-header ~ div .page_header { margin-left: 0; margin-right: 300px; } } .header-with-toggle.affix a.logo img { max-width: 50px; } .header-with-toggle.affix a.logo .logo-text { font-size: 30px; margin-bottom: 0; } .header-widget-area .toggle_menu.toggle_menu_side.header-slide { left: -134px; top: 49px; } .header-widget-area .toggle_menu.toggle_menu_side.header-slide span:before, .header-widget-area .toggle_menu.toggle_menu_side.header-slide span, .header-widget-area .toggle_menu.toggle_menu_side.header-slide span:after { background-color: #fff; } .header-widget-area .toggle_menu.toggle_menu_side.header-slide.active { left: -60px; top: 0; } .header-widget-area .toggle_menu.toggle_menu_side.header-slide:hover:before, .header-widget-area .toggle_menu.toggle_menu_side.header-slide:hover span:before, .header-widget-area .toggle_menu.toggle_menu_side.header-slide:hover span, .header-widget-area .toggle_menu.toggle_menu_side.header-slide:hover span:after { width: 30px; } .header-widget-area .widget { margin-top: 0; } .header-widget-area .widget + .widget { margin-top: 70px; } .header-widget-area .widget.widget_nav_menu ul.menu.list-bordered li { border-color: rgba(48, 56, 73, 0.1); padding: 0; } .bg-toggler .toggle_menu.active { background-color: #f2c014; opacity: 1; } .bg-toggler .toggle_menu.active span, .bg-toggler .toggle_menu.active:before { left: 20px; } .bg-toggler .toggle_menu.active span:before { background-color: #23222d !important; left: -12px; top: 9px; } .toggle-dark .toggle_menu.active span, .toggle-dark .toggle_menu.active:before { background-color: #23222d !important; } /* ** Intro Section Styles */ .page_slider { clear: both; overflow: hidden; position: relative; } .page_slider > img { width: 100%; } .page_slider h2 { font-size: 3em; line-height: 1; margin: 0; } .page_slider h3 { font-size: 2em; line-height: 1; margin: 0; } .page_slider h4 { font-size: 1.5em; margin: 0; } .page_slider p { margin: 0; } @media (min-width: 992px) { .page_slider h2 { font-size: 4em; } .page_slider h3 { font-size: 3em; } .page_slider h4 { font-size: 2.5em; } } .page_slider .flex-direction-nav .flex-prev { left: 2%; opacity: 1; } .page_slider .flex-direction-nav .flex-next { opacity: 1; right: 2%; } .page_slider .flexslider .slides { display: flex; } .page_slider .flexslider:before, .page_slider .flexslider:after { clear: both; content: ""; display: block; } .page_slider .flexslider .intro_layer img { display: inline-block; width: auto; } .page_slider .flexslider.slider-shadow { padding-bottom: 50px; } .page_slider .flexslider.slider-shadow:before, .page_slider .flexslider.slider-shadow:after { background: transparent; bottom: 65px; box-shadow: 0 25px 20px rgba(0, 0, 0, 0.3); content: ""; height: 20%; left: 10px; max-width: 400px; position: absolute; transform: rotate(-3deg); width: 50%; z-index: 1; } .page_slider .flexslider.slider-shadow:after { left: auto; right: 10px; transform: rotate(3deg); } .page_slider .intro_layers_wrapper { display: flex; } @media (max-width: 767px) { .page_slider .intro_layers_wrapper { padding-top: 50px; } } @media (min-width: 992px) and (max-width: 1199px) { .page_slider .intro_layers_wrapper { padding-bottom: 60px; } } .page_slider .intro_after_featured_word { font-size: 16px; font-weight: 400; letter-spacing: 0.5em; line-height: 30px; margin-top: 14px; text-transform: uppercase; } @media (min-width: 768px) { .page_slider .intro_after_featured_word { letter-spacing: 1em; } } .page_slider .intro-arrow { margin-top: 11px; } @media (min-width: 1200px) { .page_slider .intro-arrow { margin-top: 41px; } } .page_slider .intro_layers { display: flex; flex-direction: column; justify-content: center; padding: 20px 0; width: 100%; } .page_slider .flex-control-nav { bottom: 65px; left: 0; position: absolute; width: 100%; } @media (min-width: 768px) { .page_slider .flex-control-nav { bottom: 100px; } } @media (min-width: 992px) { .page_slider .flex-control-nav { bottom: 44.9%; left: 4.9%; } } .page_slider .flex-control-nav li { display: block; padding-bottom: 2.5px; padding-top: 2.5px; } @media (max-width: 991px) { .page_slider .flex-control-nav li { display: inline-block; padding: 0 2.5px; } } .page_slider .flex-control-nav li a { background: #fff; border-color: #fff; } .page_slider .flex-control-nav li a.flex-active, .page_slider .flex-control-nav li a:hover { background: #f2c014; border-color: #f2c014; opacity: 1; } @media (min-width: 300px) { .page_slider .cs, .page_slider .ds { background-color: transparent; } .page_slider .container-fluid, .page_slider .container, .page_slider img + .container { bottom: 0; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 0; } .page_slider [class*="col-"] { margin-bottom: 0; margin-top: 0; min-height: 0; position: static; } .page_slider .intro_layers_wrapper { bottom: 0; height: 100%; left: 15px; position: absolute; right: 15px; top: 0; z-index: 5; } } @media (min-width: 300px) and (min-width: 600px) { .boxed .page_slider .intro_layers_wrapper { padding-left: 60px; padding-right: 60px; } } @media (min-width: 300px) { .page_slider .intro_text_top .intro_layers { justify-content: flex-start; } .page_slider .intro_text_bottom .intro_layers { justify-content: flex-end; } } @media (min-width: 768px) { .page_slider .intro_featured_word .color-main { margin: 0 20px; } } @media (min-width: 1200px) { .page_slider .intro_featured_word { font-size: 80px; line-height: 1; white-space: nowrap; } } @media (max-width: 991px) { .page_slider { text-align: center; } } .page_slider .intro_shadow_word { font-size: 100px; left: 0; line-height: 1; margin: 0; opacity: 0.05; position: absolute; top: 50%; transform: translateY(-47%); width: 100%; word-break: initial; z-index: -1; } @media (min-width: 768px) { .page_slider .intro_shadow_word { font-size: 180px; } } @media (min-width: 992px) { .page_slider .intro_shadow_word { font-size: 230px; } } @media (min-width: 1400px) { .page_slider .intro_shadow_word { font-size: 400px; left: -50px; } } /* ** Subpages */ /* ** 404 */ .page_404 .page-content .error-404 { font-weight: 500; letter-spacing: 3em; margin-bottom: 17px; text-indent: 46px; text-transform: uppercase; } .page_404 .page-content .name-404 { font-size: 150px; font-weight: 800; line-height: 0.8; margin-bottom: 13px; } @media (min-width: 992px) { .page_404 .page-content .name-404 { font-size: 200px; } } .page_404 .page-content .content-404 { text-transform: uppercase; } .page_404 .page-content .content-404 p:first-child { margin-bottom: 10px; } @media (min-width: 768px) { .page_404 .page-content .content-404 p:first-child { margin-bottom: -4px; } } /* ** Blog */ .blog_slider { margin-bottom: 60px; } @media (min-width: 992px) { .blog_slider .intro_layers_wrapper { left: 130px; right: 130px; } } @media (max-width: 767px) { .blog_slider { display: none; } } .blog-featured-posts .post { height: 100%; } .entry-title, .entry-title:last-child { font-size: 18px; line-height: 1.3; margin: 0 0 23px; } @media (min-width: 768px) { .entry-title, .entry-title:last-child { font-size: 30px; } } h6.entry-title { font-size: 20px !important; margin-bottom: 13px !important; } .item-media + .item-content h1.entry-title { margin-top: 5px; } .post { position: relative; } .post > .fa { color: #fff; position: absolute; right: 9px; top: 7px; transform: rotate(45deg); z-index: 2; } .post > .fa:before { position: relative; z-index: 3; } .post > .fa:after { border-color: transparent transparent #f2c014 transparent; border-style: solid; border-width: 0 40px 40px 40px; content: ""; display: block; height: 0; left: -35px; position: absolute; top: -14px; width: 0; z-index: 2; } .post + .post { margin-top: 70px; } @media (max-width: 991px) { .post + .post { margin-top: 50px; } } .post h1.entry-title + .entry-meta { margin: -1em 0 2em; } .post.cover-image { height: auto; padding: 40px 20px 37px; text-align: center; } @media (min-width: 992px) { .post.cover-image { padding: 50px 60px 47px; } } .post.cover-image .post-thumbnail { display: none; } .post ul, .post ol { margin-bottom: 40px; } .post-thumbnail { text-align: center; } .post-thumbnail .owl-dots { bottom: 30px; left: 0; position: absolute; right: 0; } .post-thumbnail + .entry-content { margin-top: 1.5em; } .post-password-form input[type="password"] { margin-top: 0.5em; width: auto; } .post-password-form input[type="submit"] { position: relative; top: -2px; } .entry-footer, .entry-meta { clear: both; font-style: italic; line-height: 1; margin-bottom: 14px; } .entry-footer i, .entry-meta i { margin-right: 1px; } .entry-footer .byline, .entry-meta .byline { display: flex; flex-wrap: wrap; } .entry-footer .byline > span, .entry-meta .byline > span { margin-right: 15px; } @media (min-width: 500px) { .entry-footer .byline > span:after, .entry-meta .byline > span:after { content: "|"; font-size: 16px; font-weight: 400; margin: 0 0 0 16px; } } .entry-footer .byline > span:last-child:after, .entry-meta .byline > span:last-child:after { display: none; } .entry-footer { margin-bottom: 50px; margin-top: 40px; } .entry-footer .fa { margin-right: 10px; } .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .entry-header:before, .entry-header:after { clear: both; content: ""; display: block; } .post.has-post-thumbnail .cat-links { left: 10px; position: absolute; top: 10px; } .cat-links { display: block; font-size: 0; line-height: 1; margin-bottom: 21px; z-index: 1; } .cat-links a { background-color: #f2c014; border-radius: 0; color: #303849; display: inline-block; font-size: 16px; font-weight: 400; line-height: 1; margin: 0 4px 4px 0; padding: 7px 17px; } .cat-links a:hover { background-color: #303849; color: #fff; } .entry-footer .edit-link, .entry-header .edit-link { float: right; } .entry-footer .edit-link a:before, .entry-header .edit-link a:before { content: "\f040"; font-family: "FontAwesome"; padding-right: 0.4em; } .entry-footer .entry-title + .edit-link, .entry-header .entry-title + .edit-link { position: absolute; right: 15px; top: 0.5em; } .post-adds { align-items: center; background-color: #f5f5f5; display: flex; line-height: 1; margin-bottom: 30px; } .post-adds i { width: 1em; } .post-adds a { display: inline-block; margin: 0; } .post-adds .dropdown-menu { border: none; padding: 0; } .post-adds .share_buttons { display: flex; } .post-adds .share_button { background-color: #f2c014; color: #fff; line-height: 60px; padding: 0 21px; } .post-adds .like_button { border-right: 1px solid rgba(72, 97, 115, 0.2); color: #f2c014; line-height: 60px; padding: 0 21px; } .post-adds .votes_count { padding: 0 21px; } .post-adds .views-count { background-color: #f2c014; color: #fff; margin-left: auto; padding: 22px 30px; } @media (max-width: 576px) { .post-adds { flex-wrap: wrap; } .post-adds .share_button { line-height: 40px; padding: 0 11px; } .post-adds .like_button { line-height: 40px; padding: 0 11px; } .post-adds .views-count { padding: 10px 15px; width: 100%; } } /*gallery post*/ .post .gallery { display: flex; flex-wrap: wrap; margin: 0 -7px; } .post .gallery .gallery-item { padding: 0 7px; width: 50%; } .post .gallery .gallery-item figcaption { padding: 20px 0 5px; } @media (min-width: 992px) { .post .gallery.gallery-columns-1 .gallery-item { width: 100%; } .post .gallery.gallery-columns-2 .gallery-item { width: 50%; } .post .gallery.gallery-columns-3 .gallery-item { width: 33.33%; } .post .gallery.gallery-columns-4 .gallery-item { width: 25%; } .post .gallery.gallery-columns-5 .gallery-item { width: 20%; } .post .gallery.gallery-columns-6 .gallery-item { width: 16.66%; } .post .gallery.gallery-columns-7 .gallery-item { width: 14.28%; } .post .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .post .gallery.gallery-columns-9 .gallery-item { width: 11.11%; } } /*post author*/ .author-bio a.fa { margin-bottom: 0; } /*comments*/ .comments-title { margin-bottom: 60px; } .comments-area { margin-top: 59px; } @media (max-width: 991px) { .comments-area { margin-bottom: -20px; margin-top: 48px; } } .comments-area .comment-list { list-style: none; margin-bottom: -20px; margin-top: 45px; padding: 0; } @media (max-width: 767px) { .comments-area .comment-list { margin-top: 20px; } } .comments-area .comment-list ol.children { list-style: none; padding-left: 35px; } @media (min-width: 1200px) { .comments-area .comment-list ol.children { padding-left: 96px; } } .comments-area .comment-list ol.children ol.children ol.children { padding-left: 35px; } .comment-body { margin-bottom: 0; margin-left: 70px; padding: 25px 0 13px 30px; position: relative; } .comment-body ol, .comment-body ol ol { padding-left: 20px; } .comment-meta { margin-bottom: 18px; } @media (max-width: 767px) { .comment-meta { margin-bottom: 10px; } } .comment-meta img { left: -70px; max-width: 80px; position: absolute; top: 26px; } .comment-meta .comment-author { font-size: 21px; } .comment-meta b { font-weight: inherit; } @media (max-width: 575px) { .comment-body { margin-left: 50px; padding-right: 0; } .comment-meta img { left: -50px; max-width: 60px; } } .reply { margin-top: 16px; } @media (max-width: 767px) { .reply { margin-top: 10px; } } .comment-content p { margin-bottom: 0.5em; } .no-comments, .comment-awaiting-moderation { opacity: 0.7; } .comments-pagination { margin: 2em 0 3em; } /*comment respond form*/ .comments-area > .comment-respond { margin-top: 45px; } @media (max-width: 991px) { .comments-area > .comment-respond { margin-top: 20px; } } .comment-form { display: flex; flex-wrap: wrap; } .comment-form p { margin-bottom: 10px; width: 100%; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 19px; } .comment-form input { height: 40px; } .comment-form textarea { padding-top: 8px; } .comment-form textarea, .comment-form input { width: 100%; } .comment-form input[type=checkbox] { margin: 0; visibility: hidden; } @media (min-width: 768px) { .comment-form .comment-form-author, .comment-form .comment-form-email { width: 50%; } .comment-form .comment-form-author { padding-right: 10px; } } .comment-form .form-submit .btn { padding: 7px 26px; } /* post formats */ .format-status:before { opacity: 0.7 !important; } .format-status .avatar { display: block; margin: 0 auto 25px; max-width: 100px; } .format-status .entry-content { margin-top: 17px; } @media (min-width: 992px) { .format-status .entry-content { margin-top: 37px; } } .format-status .entry-meta { margin-bottom: 0; margin-top: 25px; } .format-chat .entry-content p { border: 1px solid rgba(72, 97, 115, 0.2); margin-bottom: 0; padding: 7px 20px; } .format-chat .entry-content p:nth-child(2n) { background-color: #f7f8f8; border-color: transparent; margin: 5px 0; } .format-quote { text-align: center; } .format-quote .quote-author { position: relative; } .format-quote .quote-author:before { background-color: #f2c014; bottom: 8px; content: ""; height: 29px; left: -21px; -webkit-mask: url(../images/quote-mark.png) no-repeat center/contain; position: absolute; width: 36px; } .format-quote blockquote { font-size: 20px; font-style: italic; margin: 26px 0 30px; max-width: 100%; padding: 0; } @media (max-width: 991px) { .format-quote blockquote { margin: 20px 0 16px; } } .format-quote .entry-header .quote-author { display: inline-block; margin-bottom: 25px; } .format-quote .entry-header .entry-title { margin-bottom: 17px; } @media (min-width: 992px) { .format-quote .entry-header .entry-title { margin-bottom: 37px; } } .masonry-layout .post.vertical-item.content-padding .item-content { padding: 24px 20px 30px; } .masonry-layout .entry-footer .byline span:after, .masonry-layout .entry-meta .byline span:after { margin: 0 5px; } .masonry-layout .post.cover-image { padding: 29px 15px; } .masonry-layout .format-quote blockquote { font-size: 16px; margin: 15px 0 18px; } .masonry-layout .format-quote .entry-header { margin-top: 0; } .masonry-layout .format-status .entry-content { margin-top: 15px; } .format-link { padding: 27px 20px; } @media (min-width: 992px) { .format-link { padding: 65px 70px; } } .format-link .entry-content a { border-bottom: 1px solid; font-style: italic; line-height: 1; } .format-link .entry-title, .format-link .entry-title:last-child { margin-bottom: 18px; } @media (min-width: 992px) { .format-link .entry-title, .format-link .entry-title:last-child { margin-bottom: 38px; } } .format-aside { border-left: 2px solid #f2c014; padding-left: 30px; } @media (min-width: 992px) { .format-aside { padding-left: 70px; } } .read-more { margin-bottom: 0; margin-top: -1px; } .post.event-post + .post.event-post { margin-top: 30px; } .single-post.post .item-content .entry-meta { line-height: 1.5; margin-bottom: 25px; padding: 8px 15px 6px; } @media (min-width: 992px) { .single-post.post .item-content .entry-meta { margin-bottom: 45px; padding: 8px 29px 6px; } } .single-post.post .item-content blockquote { margin-bottom: 28px; max-width: 100%; } @media (min-width: 768px) { .single-post.post .item-content blockquote { margin-bottom: 44px; } } .widget_blog-post-item.vertical-item .item-media + .item-content { padding-top: 16px; } .widget_blog-post-item header .post-date { display: block; margin-bottom: 9px; } .widget_blog-post-item header h3.entry-title { font-size: 20px; line-height: 1.2; margin: 0 0 13px; } .widget_blog-post-item .entry-meta { margin-bottom: 28px; } @media (min-width: 992px) { .widget_blog-post-item .entry-meta { margin-bottom: 48px; } } .widget_blog-post-item .entry-meta i { margin-right: 1px; } @media (min-width: 768px) { .widget_blog-post-item.side-item .item-content { padding: 5px 0 19px 30px; } } .widget_blog-post-item + .widget_blog-post-item { margin-top: 30px; } .widget_blog-post-item.large-item.vertical-item .item-content { padding-top: 27px; } /* ** Template Specific Styles */ #box_wrapper > section, #box_wrapper > div > section { overflow: hidden; } @media (min-width: 768px) { #box_wrapper > section.page_topline, #box_wrapper > section.page_toplogo, #box_wrapper > section.overflow-visible, #box_wrapper > div > section.overflow-visible { overflow: visible; } } #box_wrapper > div > section.topline-overflow-visible { overflow: visible; } img.absolute_image { position: absolute; top: 50px; z-index: 1; } .image-rounded-cross-borders { margin: 50px 0 60px; position: relative; } .image-rounded-cross-borders:before, .image-rounded-cross-borders:after { background-color: rgba(48, 56, 73, 0.1); content: ""; height: 30px; left: 50%; position: absolute; top: -30px; width: 1px; } .image-rounded-cross-borders:after { bottom: -30px; top: auto; } .image-rounded-cross-borders .box-shadow { border-radius: 50%; padding: 9px; } .image-rounded-cross-borders .box-shadow:before, .image-rounded-cross-borders .box-shadow:after { background-color: rgba(48, 56, 73, 0.1); content: ""; height: 1px; left: -30px; position: absolute; top: 50%; width: 30px; } @media (max-width: 1199px) { .image-rounded-cross-borders .box-shadow:before, .image-rounded-cross-borders .box-shadow:after { display: none; } } .image-rounded-cross-borders .box-shadow:after { left: auto; right: -30px; } .image-rounded-cross-borders img { border-radius: 50%; } .btn-action i { height: 1em; text-align: center; width: 1em; } .btn-action i.fa-chevron-right { left: 2px; position: relative; } .partners-carousel a { opacity: 0.2; } .partners-carousel a:hover { opacity: 0.8; } .partners-carousel .center a { opacity: 1; } .dropdown-shopping-cart { font-weight: 700; position: relative; } .page_toplogo .dropdown-shopping-cart { margin-left: 24px; } .dropdown-shopping-cart i { margin-right: 23px; } .page_toplogo .dropdown-shopping-cart i { position: relative; top: 0.18em; } .dropdown-shopping-cart .badge { border-radius: 1em; color: #303849; font-size: 10px; left: 7px; padding: .27em .47em; position: absolute; top: -6px; } .dropdown-shopping-cart:hover { color: inherit; } .dropdown-shopping-cart + .dropdown-menu { margin-top: 10px; min-width: 310px; } @media (min-width: 450px) { .dropdown-shopping-cart + .dropdown-menu { min-width: 430px; } } .dropdown-shopping-cart:after { display: none; } @media (max-width: 767px) { .dropdown-cart.dropdown-menu { padding: 20px; } } .header_absolute.cover-background, .header_absolute.s-parallax, .page_topline.cover-background, .page_topline.s-parallax, .page_title.cover-background, .page_title.s-parallax { background-image: url("../img/parallax/title-bg.jpg"); } .page_title h1, .page_title h2 { margin-bottom: 15px; } @media (min-width: 992px) { .page_title h1, .page_title h2 { font-size: 40px; margin-top: -2px; } .page_title h1:last-child, .page_title h2:last-child { margin-bottom: 0; } } .page_title .small-title { margin-bottom: 0; } .page_title .small-title + .breadcrumb { font-size: 16px; font-weight: 300; letter-spacing: 0; text-transform: none; } @media (min-width: 992px) { .page_title .title-inline { margin: 0; } .page_title .title-inline + .breadcrumb { border-left: 1px solid rgba(200, 200, 200, 0.35); margin-left: 30px; padding-left: 30px; } } .page_title .breadcrumb { line-height: 1.6; margin-bottom: 2px; } .page_title [class*="container"] > .breadcrumb { background-color: rgba(72, 97, 115, 0.2); bottom: 0; margin-bottom: 0; padding: 0 15px; position: absolute; right: 15px; } @media (max-width: 767px) { .page_title [class*="container"] > .breadcrumb { letter-spacing: 0.15em; } } .page_map { height: 560px; text-align: center; } .page_map .marker { display: none; } .map_marker_description { max-width: 270px; padding: 17px 0 12px; } .map_marker_description h3 { font-size: 30px; line-height: 1; margin-bottom: 13px; } .map_marker_description img { max-width: 90% !important; } button.gm-ui-hover-effect { right: 0 !important; top: 0 !important; } .gm-style .gm-style-iw { line-height: 1.6em; overflow: visible !important; text-align: center; } .gm-style .gm-style-iw > *:first-child { position: relative; } .gm-style .gm-style-iw .icon-inline { display: inline-block; margin: 0.3em 0; } .gm-style .gm-style-iw .icon-inline .icon-styled { margin-right: 5px; } .page_footer { overflow: hidden; } .page_footer .widget_bloginfo a.logo { margin-bottom: 15px; margin-top: 0; } @media (min-width: 768px) and (max-width: 992px) { .page_footer .widget_bloginfo a.logo { justify-content: center; } } @media (min-width: 992px) { .page_footer .widget_bloginfo a.logo { justify-content: inherit; margin-bottom: 32px; margin-top: -12px; } } .page_footer .widget_bloginfo span { display: inline-block; margin-top: -4px; } .page_footer .list-bordered li { padding-bottom: 18px; padding-top: 17px; } .page_footer .list-bordered li i { margin-right: 16px; } .page_footer .widget_mailchimp button { padding: 27px 21px; } @media (min-width: 992px) { .page_footer .widget_mailchimp input.form-control { margin-top: 44px; } } .item-hover-content { overflow: hidden; position: relative; } .item-hover-content .item-media { z-index: 2; } .item-hover-content .item-content { box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); left: 0; position: absolute; right: 0; } .item-hover-content .item-content h4 { letter-spacing: 0.15em; line-height: 1; margin-bottom: 1.4em; } .item-hover-content .item-content h4 span { font-weight: 900; } @media (min-width: 1200px) { .item-hover-content.content-padding .item-content { padding: 54px 40px; } } .item-hover-content:hover { box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); overflow: visible; z-index: 3; } .content-show-hover { overflow: hidden; } .content-show-hover .item-content { display: flex; flex-direction: column; justify-content: space-around; opacity: 0; top: 0; transform: scale(1.2); transition: all 0.15s ease-in-out; } .content-show-hover .item-content h4 { letter-spacing: 0.15em; line-height: 1; margin-bottom: 1.4em; } .content-show-hover .item-content h4 span { display: block; font-weight: 900; } .content-show-hover:hover { box-shadow: 0 16px 20px 0px rgba(0, 0, 0, 0.15); } .content-show-hover:hover .item-content { opacity: 1; transform: scale(1); } .share_buttons { display: flex; } .share_buttons a { display: block; width: 100%; } .share_buttons a:before { height: 50px; line-height: 50px; } .share_buttons a.fa { margin: 0 1px 0 0; } .share_buttons a.fa:last-child { margin: 0; } .card-section { margin-top: -60px; } @media (min-width: 768px) { .card-section { margin-top: -150px; } } .card-section .card .card-body { margin: -70px 30px 35px; padding: 38px 20px 35px; z-index: 10; } @media (min-width: 992px) { .card-section .card .card-body { padding: 38px 38px 35px; } } .card-section .card .card-body .card-title { margin-bottom: 10px; } .card-section .card .item-media .abs-link { background-color: #f2c014; opacity: 0.3; } .card-section .card:hover .item-media .abs-link { opacity: 0; } .card-section [class*="-item"]:not(.align-items-center):hover .media-links:before { opacity: 0; } .call-to-action { background-image: url("../img/parallax/call-to-action-bg.jpg"); } .achieve-bg { background-image: url("../img/parallax/achieve-bg.jpg"); } .achieve-bg.s-overlay.ds.ms:before { opacity: 0.8; } @media (min-width: 992px) and (max-width: 1400px) { .quote-section .pl-lg-30 { padding-left: 30px !important; } } /* ** Custom Classes */ .cover-image .opacity-0 { opacity: 0.2; } @media (min-width: 992px) { .cover-image .opacity-0 { opacity: 0 !important; } } @media (max-width: 767px) { .column-reverse { flex-direction: column-reverse; } } @media (min-width: 768px) and (max-width: 991px) { .row-md-reverse { flex-direction: row-reverse; } } .bg-size-auto { background-size: auto; } @media (min-width: 1400px) { .offset-big { margin-left: 227px; } } @media (min-width: 1600px) { .ml-n-40 { margin-left: -40px; } } .mt-n-1 { margin-top: -3px; } .z-index-1003 { z-index: 1003; } @media (min-width: 768px) and (max-width: 991px) { .centered-md { align-items: center; display: flex; } } /*switcher styles*/ #switcher { background-color: #303849; color: #fff; font-size: 15px; padding-bottom: 20px; position: fixed; right: -210px; top: 40%; transition: all 0.6s ease; width: 210px; z-index: 1001; } @media (min-width: 768px) { #switcher { top: 25%; } } #switcher.active { right: 0; } #switcher .hidden { display: none; } #switcher a { color: #f2c014; } #switcher .checkbox { font-size: 14px; line-height: 1; margin: 0; } #switcher h4 { background-color: #f2c014; color: #fff; font-size: 20px; letter-spacing: 0; line-height: 60px; margin: 0; text-align: center; } #switcher span.spin-animation { background-color: transparent; color: #fff; cursor: pointer; display: block; font-size: 24px; height: 60px; left: -20px; line-height: 60px; position: absolute; text-align: center; top: 0; width: 60px; z-index: 2; } #switcher span.spin-animation:hover { color: #fff; } #switcher span.spin-animation:first-child { background-color: #f2c014; left: -60px; z-index: 3; } #switcher .fa-cog { animation-duration: 5000ms; animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #switcher li { float: left; margin-bottom: 0; padding: 0 2px 5px 2px; } #switcher p { font-size: 16px; font-weight: 300; line-height: 1; margin: 0 0 10px; } #switcher label { color: #999; margin: 0 0 10px 0; } #switcher ul { margin-bottom: 0; } #switcher ul:before, #switcher ul:after { clear: both; content: ""; display: block; } #switcher .tooltip { min-width: 110px; } #switcher .tooltip-arrow { display: none; } #switcher-version a { display: inline-block; font-size: 13px; font-weight: 400; line-height: 1; padding: 13px 14px; text-transform: uppercase; } #switcher-version a:hover { color: #e4344e !important; } #switcher-version a.light { background-color: #fff; color: #23222d; } #switcher-version a.dark { background-color: #262626; color: #fff; } #switcher-colors a { background-color: #f2c014; display: inline-block; height: 40px; overflow: hidden; position: relative; width: 40px; } #switcher-colors a:hover { opacity: 0.7; } #switcher-colors a.color2 { background-color: #f23e14; } #switcher-colors a.color3 { background-color: #208dcc; } #switcher-colors { line-height: 0; } #switcher-patterns a { background-color: #fff; display: block; height: 40px; line-height: 1; overflow: hidden; width: 40px; } #switcher-patterns a img { opacity: 0; } #switcher-patterns a:hover { opacity: 0.7; } #switcher-patterns li:first-child a img { opacity: 1; } #switcher_accent_color, #switcher_color_scheme, #switcher_layout, #switcher_patterns { padding: 20px 31px 0 32px; } .checkbox-slider--b-flat { position: relative; } .checkbox-slider--b-flat input { bottom: 0; cursor: pointer; display: block; height: 0; left: 0; margin: 0 0; opacity: 0; position: absolute; right: 0; top: 0; width: 0; zoom: 1; } .checkbox-slider--b-flat input + span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-slider--b-flat input + span:before { display: inline-block; left: 0; position: absolute; } .checkbox-slider--b-flat input + span > h4 { display: inline; } .checkbox-slider--b-flat input + span { padding-left: 40px; } .checkbox-slider--b-flat input + span:before { background: #fff; content: ""; height: 15px; width: 30px; } .checkbox-slider--b-flat input + span:after { background: #fff; content: ""; display: block; font-weight: bold; height: 15px; left: 0; position: absolute; text-align: center; top: 0; transition: margin-left 0.4s ease-in-out; width: 20px; } .checkbox-slider--b-flat input:checked + span:after { content: ""; margin-left: 20px; } .checkbox-slider--b-flat input:checked + span:before { transition: background 0.2s ease-in; } .checkbox-slider--b-flat input + span { padding-left: 36px; } .checkbox-slider--b-flat input + span:before { border-radius: 15px; width: 30px; } .checkbox-slider--b-flat input + span:after { background: #f2c014; background-clip: padding-box; border: solid transparent 2px; border-radius: 20px; content: ""; width: 15px; } .checkbox-slider--b-flat input:checked + span:after { background-clip: padding-box; border: solid transparent 2px; content: ""; margin-left: 15px; } .checkbox-slider--b-flat input:checked + span:before { background: #fff; } .checkbox-slider--b-flat.checkbox-slider-md input + span:before { border-radius: 30px; } .checkbox-slider--b-flat.checkbox-slider-md input + span:after { border-radius: 30px; } .checkbox-slider--b-flat.checkbox-slider-lg input + span:before { border-radius: 40px; } .checkbox-slider--b-flat.checkbox-slider-lg input + span:after { border-radius: 40px; } .checkbox-slider--b-flat input + span:before { box-shadow: none; } .gall-img{ height: 350px; } .abb{ height: 426px; width: 504px; margin: 0px 0px 0px -80px; }