/** *** Table Of Contents * * Bootstrap Overrides - columns - container - breadcrumbs - pagination - forms - carousel - accordion - progressbar - navs and tabs - tables - etc. * General Styles for HTML tags * Styled Lists * Buttons * JQuery Plugins - Owl Carousel - FlexSlider - prettyPhoto - Easy pieChart - Time Table - toTop - Countdown * Vertical Margins and Paddings * Common Sections Styles - parallax - page preloader - animated elements - boxed layout * Helper Utilites - layout - borders, colors and backgrouns - dividers, margins and paddings - alignment - media items * Header * Side Header - side header layout - side menu styles - sidebar scroll plugin * Light Section - .ls * Grey Section - .ls.ms * Dark Sections - .ds * Color Section - .cs * Template Specific Styles - topline styles - toplogo styles - title section (breadcrumbs) styles - template parallax sections - footer styles - copyrights styles - google map - intro slider inside content * Intro Section Styles * Main Menu - Desktop menu - Mobile menu - Mobile menu toggler - Mega Menu * Subpages - 404 - about - blog - single post - gallery - post formats * Widgets - common widgets styles - search_mailchimp - nav_recent_categories - tags - popular - recent_posts - calendar - banner - slider - flickr - instagram - twitter - post_tabs - rss - access_press * Shortcodes - teasers - testimonials - thumbnail - price tables - contact forms - partners_carousel * Social Icons - layout - corporate colors */ /* ** Template colors * Accent Colors: 1: #ffdb60 Light section (.ls) colors: Text color in light section: #7f7f7f 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): #24272e Background color for light muted section (grey - .ls.ms): #f5f6fb Background color for dark muted section (.ds.ms): #1d1f25 Border colors for elements in light section (and .with_border elements): #ebe9e8, rgba(127, 127, 127, 0.2) Background color for elements in light section (.with_background): #f5f6fb Dark section (.ds) colors: Text color in dark section: #979797 Border colors for elements in dark section: #414143 Background color for elements in dark section (.with_background): rgba(0, 0, 0, 0.2) Color section (.cs) colors: Border colors for elements in color section: rgba(255, 255, 255, 0.23) */ /* ** Bootstrap Overrides */ /* columns with 20 and 40 percents width */ .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-20 { float: left; width: 20%; } @media (min-width: 768px) { .col-sm-20 { float: left; width: 20%; } } @media (min-width: 992px) { .col-md-20 { float: left; width: 20%; } } @media (min-width: 1200px) { .col-lg-20 { float: left; width: 20%; } } .col-xs-40, .col-sm-40, .col-md-40, .col-lg-40 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-40 { float: left; width: 40%; } @media (min-width: 768px) { .col-sm-40 { float: left; width: 40%; } } @media (min-width: 992px) { .col-md-40 { float: left; width: 40%; } } @media (min-width: 1200px) { .col-lg-40 { float: left; width: 40%; } } /* half on .container in .container-fluid */ .container-left-half, .container-right-half { padding-left: 15px; padding-right: 15px; } .container-left-half { margin-left: auto; margin-right: 0; } .container-right-half { margin-left: 0; margin-right: auto; } @media (min-width: 768px) { .container-left-half, .container-right-half { width: 375px; } } @media (min-width: 992px) { .container-left-half, .container-right-half { width: 485px; } } @media (min-width: 1200px) { .container-left-half, .container-right-half { width: 585px; } } /* bootstrap breadcrumbs*/ .breadcrumb { background-color: transparent; border-radius: 0; color: inherit; font-family: "Fjalla One", sans-serif; font-size: 20px; letter-spacing: 0.1em; margin: 0; padding: 0; text-transform: uppercase; } .breadcrumb > li + li:before { content: "/"; font-weight: 400; padding: 0 8px; } /* pagination */ .pagination { border-radius: 0; display: block; line-height: 0; margin: -3px; padding: 0; } .pagination > li { display: inline-block; } .pagination > li:last-child { margin-right: 0; } .pagination > li > a, .pagination > li > span { background-color: #f5f6fb; border: none; border: none; color: #7f7f7f; font-family: "Fjalla One", sans-serif; font-size: 14px; height: 40px; letter-spacing: 0.1em; line-height: 40px; margin-left: 0; min-width: 40px; padding: 0; text-align: center; text-transform: uppercase; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { background-color: #ffdb60; border-radius: 0; color: #fff; } @media (min-width: 1200px) { .pagination > li > a, .pagination > li > span { height: 50px; line-height: 50px; min-width: 50px; } .pagination > li { margin: 3px; } } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #ffdb60; border-color: #ffdb60; color: #24272e; } .pagination > .disabled > a, .pagination > .disabled > span, .pagination > .disabled > a:hover, .pagination > .disabled > span:hover, .pagination > .disabled > a:focus, .pagination > .disabled > span:focus { background-color: #f5f6fb; color: #7f7f7f; opacity: 0.5; } /* forms */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, .form-control { background-color: #f5f6fb; border: none; border-radius: 0; box-shadow: none; color: #24272e; font-size: 16px; height: 60px; line-height: 30px; padding-bottom: 15px; padding-left: 30px; padding-right: 30px; padding-top: 15px; } input[type="text"] + .theme_button, input[type="email"] + .theme_button, input[type="url"] + .theme_button, input[type="password"] + .theme_button, input[type="search"] + .theme_button, input[type="tel"] + .theme_button, input[type="number"] + .theme_button, input[type="date"] + .theme_button, textarea + .theme_button, select + .theme_button, .form-control + .theme_button { border-radius: 0 10px 10px 0; box-shadow: none; color: #fff; cursor: pointer; height: 50px; line-height: 50px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 50px; } .input-text-center input[type="text"], .input-text-center input[type="email"], .input-text-center input[type="url"], .input-text-center input[type="password"], .input-text-center input[type="search"], .input-text-center input[type="tel"], .input-text-center input[type="number"], .input-text-center input[type="date"], .input-text-center textarea, .input-text-center select, .input-text-center .form-control { text-align: center; } .ls:not(.ms) .tab-content input[type="text"], .ls:not(.ms) .with_background input[type="text"], .ls:not(.ms) .tab-content input[type="email"], .ls:not(.ms) .with_background input[type="email"], .ls:not(.ms) .tab-content input[type="url"], .ls:not(.ms) .with_background input[type="url"], .ls:not(.ms) .tab-content input[type="password"], .ls:not(.ms) .with_background input[type="password"], .ls:not(.ms) .tab-content input[type="search"], .ls:not(.ms) .with_background input[type="search"], .ls:not(.ms) .tab-content input[type="tel"], .ls:not(.ms) .with_background input[type="tel"], .ls:not(.ms) .tab-content input[type="number"], .ls:not(.ms) .with_background input[type="number"], .ls:not(.ms) .tab-content input[type="date"], .ls:not(.ms) .with_background input[type="date"], .ls:not(.ms) .tab-content textarea, .ls:not(.ms) .with_background textarea, .ls:not(.ms) .tab-content select, .ls:not(.ms) .with_background select, .ls:not(.ms) .tab-content .form-control, .ls:not(.ms) .with_background .form-control { background-color: #fff; } .form-group { margin-bottom: 10px; position: relative; } .form-group-wrap { position: relative; } .inline-form .form-group-wrap { display: inline-block; } /* select styling */ .form-control option { background-color: #fff; color: #24272e; } .form-control-unstyled { background-color: transparent; border: none; } .form-control.invalid { box-shadow: 0 0 0 2px #ffdb60; } .form-control:focus { border-color: #7f7f7f; box-shadow: none; } .form-control:-moz-placeholder { color: #7f7f7f; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .form-control::-moz-placeholder { color: #7f7f7f; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .form-control:-ms-input-placeholder { color: #7f7f7f; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .form-control::-webkit-input-placeholder { color: #7f7f7f; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .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 + i, form label + i { border-radius: 5px 0 0 5px; font-size: 14px !important; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 60px; } form label + i.fa, form label + i.fa { line-height: 60px; } form label + i + .form-control, form label + i + .form-control { padding-left: 60px; } form label + [class*="bg_color"] + .form-control, form label + [class*="bg_color"] + .form-control { padding-left: 75px; } form .with_icon { padding-left: 25px; } form .with_icon + [class*="fa-"], form .with_icon + [class*="icon2-"] { font-size: 12px; left: 2px; position: absolute; top: 17px; } form .with_icon:focus + [class*="fa-"], form .with_icon:focus + [class*="icon2-"] { color: #ffdb60; } label { color: #24272e; font-weight: 500; text-transform: capitalize; } .checkbox label, .radio label { font-weight: inherit; } .checkbox label[for], .radio label[for] { font-weight: inherit; } .form-control + [class*="icon2-"] { color: #ffdb60; font-size: 24px; left: 20px; position: absolute; top: 50%; } .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: 7px; } .form-wrapper.with_background, .form-wrapper.muted_background, .form-wrapper.cs, .form-wrapper.ds, .form-wrapper.ls { padding: 35px; } .form-inline-button .form-inline { position: relative; } .form-inline-button .form-inline .form-control { margin: 0; width: 100%; } .form-inline-button .form-inline label { display: block; } .form-inline-button .form-inline label[for] { display: none; } .form-inline-button .form-inline .form-group { display: block; position: relative; vertical-align: top; } @media (min-width: 768px) { .form-inline-button .form-inline .form-group.inline-block { margin-right: 5px; min-width: 370px; } } .form-inline-button .form-inline [type="text"], .form-inline-button .form-inline [type="password"], .form-inline-button .form-inline [type="search"], .form-inline-button .form-inline [type="email"] { padding-right: 50px; width: 100%; } .form-inline-button .form-inline [type="submit"], .form-inline-button .form-inline .theme_button { background-color: #ffdb60; border: none; color: #fff; font-size: 0; margin: 0; padding-left: 22px; padding-right: 22px; position: absolute; right: 0; top: 0; } .form-inline-button .form-inline [type="submit"] i, .form-inline-button .form-inline .theme_button i { content: "\e656"; font-family: "rt-icons-2"; font-size: 16px; line-height: 1; top: 0; } .form-inline-button .form-inline [type="submit"]:hover, .form-inline-button .form-inline .theme_button:hover { opacity: 0.5; } .has-error .form-control { border-color: #ffdb60; } .has-error label, .has-error .help-block { color: #ffdb60; } /* inline input with button */ .button-on-input { position: relative; } .button-on-input input[type*="text"], .button-on-input input[type*="email"] input[type*="password"], .button-on-input .form-group { width: 100%; } .button-on-input button, .button-on-input input[type*="submit"] { margin: 0; position: absolute; right: 0; top: 0; } /* WooCommerce select */ .select2-container--default .select2-selection--single { background-color: #f5f6fb; border: none; border-radius: 0; } .select2-container .select2-selection--single { height: 60px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 60px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 30px; padding-right: 60px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; line-height: 0; top: -1px; width: 60px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; margin-top: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; font-family: FontAwesome; } .select2-selection:hover .select2-selection__arrow b { color: #ffdb60; } .select2-container .select2-selection--single { margin-bottom: 0; } .select2-container--open .select2-dropdown--below { border-top: 1px solid #aaa; border-top-left-radius: 0; border-top-right-radius: 0; } /* carousel */ .carousel { overflow: hidden; } .carousel-indicators li { background-color: #24272e; border-width: 0; height: 10px; margin: 0 3px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 10px; } .carousel-indicators li:hover { opacity: 0.8; } .carousel-indicators .active { background-color: #ffdb60; height: 10px; margin: 0 3px; width: 10px; } .carousel-control.left, .carousel-control.right { background-image: none; border: 1px solid #fff; border-radius: 0; color: #fff; filter: alpha(opacity=100); height: 50px; left: -50px; margin-top: -25px; opacity: 1; text-align: center; text-shadow: none; top: 50%; width: 50px; } .carousel-control.right { right: -50px; } .carousel:hover .carousel-control { left: 50px; } .carousel:hover .carousel-control.right { left: auto; right: 50px; } .carousel-control.left span, .carousel-control.right span { font-family: "rt-icons-2"; font-size: 16px; height: 50px; left: 0; line-height: 50px; margin: 0; top: 0; width: 50px; } .carousel-control .icon-prev:before { content: "\e7c4"; } .carousel-control .icon-next:before { content: "\e7c5"; } /* collapse accordion */ .panel-heading .panel-title { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: inherit; letter-spacing: 0; padding: 0; position: relative; } .panel-heading .panel-title > a { background: #ffdb60; border-radius: 0; color: #24272e; display: block; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; line-height: 1.3em; padding: 22px 60px 20px 30px; text-transform: uppercase; word-wrap: break-word; } @media (min-width: 1200px) { .panel-heading .panel-title > a { padding-left: 40px; } } .panel-heading .panel-title > a.collapsed:hover, .panel-heading .panel-title > a:hover { background-color: #ffdb60; color: #24272e; } .panel-heading .panel-title > a.collapsed:hover i, .panel-heading .panel-title > a.collapsed:hover:after, .panel-heading .panel-title > a:hover i, .panel-heading .panel-title > a:hover:after { color: #24272e; } .panel-heading .panel-title > a.collapsed { background: #24272e; border: none; border-radius: 0; color: #fff; } .panel-heading .panel-title > a.collapsed i { color: #ffdb60; } .panel-heading .panel-title > a:after { color: #24272e; content: "\f105"; font-family: FontAwesome; font-size: 16px; height: 60px; line-height: 60px; position: absolute; right: 0; text-align: center; top: 0; width: 60px; } .panel-heading .panel-title > a.collapsed:after { color: #fff; content: "\f107"; } .panel-heading .panel-title > a > i { display: inline-block; line-height: 0; padding-right: 10px; position: relative; text-align: center; } .panel { background-color: #f5f6fb; box-shadow: none; } .panel-group .panel { border-radius: 0; } .panel-default > .panel-heading { background-color: transparent; border: none; border-radius: 0; color: inherit; padding: 0; position: relative; } .panel-default { border: none; } .panel-group .panel + .panel { margin-top: 10px; } .panel-body { border-top: none !important; } .panel-body .media-left { padding-right: 15px; } .panel-body .media-left .img-circle { max-width: 50px; } .panel-body .media-left img { max-width: 80px; } .panel-group .panel-heading + .panel-collapse .panel-body { padding: 20px; } @media (min-width: 400px) { .panel-group .panel-heading + .panel-collapse .panel-body { padding: 35px 40px 30px; } } .panel-group:last-child { margin-bottom: 0; } .collapse-unstyled .panel { background-color: transparent; } .collapse-unstyled .panel h4 { margin: 0 0 0.5em; } .collapse-unstyled .panel h4 a:after { color: #ffdb60; content: "\f107"; display: inline-block; font-family: "FontAwesome"; padding: 0 5px; } .collapse-unstyled .panel h4 a.collapsed:after { content: "\f105"; } .collapse-unstyled .panel-content { padding: 10px 20px; } /* progress bars */ .progress-bar-title { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; margin-bottom: 5px; margin-right: 50px; text-transform: uppercase; } .progress { background-color: #ebe9e8; border-radius: 0; box-shadow: none; height: 5px; margin-bottom: 30px; overflow: visible; position: relative; } .ls .with_background .progress, .ls .tab-content .progress { background-color: #fff; } .ls.ms .with_background .progress, .ls.ms .tab-content .progress { background-color: #ebe9e8; } .progress:last-child { margin-bottom: 0; } .progress-bar { background-color: #ffdb60; border-radius: 0; box-shadow: none; color: inherit; height: 5px; } .progress-bar span { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; position: absolute; right: 0; text-transform: uppercase; top: -30px; } .progress-bar-success { background-color: #8bcc18; } .progress-bar-info { background-color: #3ad9dd; } .progress-bar-warning { background-color: #fdab36; } .progress-bar-danger { background-color: #f23c54; } /* nav and tabs */ .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .nav-unstyled { list-style: none; margin: 0 -12px; padding: 0; } .nav-unstyled li { display: inline-block; margin-bottom: -1px; } .nav-unstyled li a { display: inline-block; font-size: 12px; font-weight: 600; padding: 10px 12px; text-transform: uppercase; } .nav-unstyled .active a { border-color: #ffdb60; color: #24272e; } /*tabs*/ .tab-content { background-color: #f5f6fb; border-radius: 0; border-top: none; padding: 30px 20px; } .tab-content.no-border { background-color: transparent; border: none; box-shadow: none; padding: 30px 0 0; } .tab-content.no-border.top-color-border:before { left: 0; right: 0; } .tab-content.top-color-border { position: relative; } .tab-content.top-color-border:before { background-color: #ffdb60; content: ""; height: 3px; left: 0; position: absolute; right: 0; top: 0; } @media (min-width: 768px) { .tab-content.top-color-border:before { height: 7px; } } aside .tab-content.top-color-border:before { height: 3px; } .tab-content.tab-unstyled { background-color: transparent !important; border: none; box-shadow: none; padding: 10px 0 0; } .ls .tab-content.tab-unstyled, .ds .tab-content.tab-unstyled, .cs .tab-content.tab-unstyled { background-color: transparent; } .tab-content .featured-tab-image { margin: -30px -20px 30px; } @media (min-width: 400px) { .tab-content .featured-tab-image { margin: -40px -40px 30px; } } @media (min-width: 400px) { .tab-content { padding: 40px 40px 35px; } } @media (min-width: 1200px) { .tab-content.big-padding { padding: 55px 60px; } .tab-content.big-padding.top-color-border { padding-top: 60px; } } @media (min-width: 1200px) { .tab-content.big-padding.no-border { padding: 55px 0 0; } } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: none; } .nav-tabs { border-bottom: none; margin-top: 0; position: relative; z-index: 1; } .nav-tabs.half-width-tabs { -webkit-align-items: stretch; align-items: stretch; -webkit-box-align: stretch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; } .nav-tabs.half-width-tabs > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; } .nav-tabs.half-width-tabs > li a { width: 100%; } ul.nav-tabs { margin-left: -1px; margin-right: -1px; } .nav-tabs > li { margin-bottom: 0; padding-left: 1px; padding-right: 1px; } .nav-tabs > li > a { background-color: #24272e; border: none; border-bottom: 0; border-radius: 0; color: #fff; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; margin-right: 0; margin-top: 0; padding: 15px; position: relative; text-transform: uppercase; z-index: 1; } .small-tabs .nav-tabs > li > a { border-radius: 0; padding: 15px; } .nav-tabs > li > a i { display: inline-block; font-size: 1.6em; line-height: 0; padding-right: 10px; position: relative; top: 2px; } @media (min-width: 992px) { .nav-tabs > li > a { padding: 18px 28px; } } @media (min-width: 1200px) { .nav-tabs > li > a { padding: 20px 40px; } } @media (min-width: 1600px) { .nav-tabs > li > a { padding: 30px 40px; } } @media (max-width: 400px) { .small-tabs .nav-tabs > li > a { font-size: 10px; padding: 8px; } } .one-third-tabs.nav-tabs > li { text-align: center; width: 33.33334%; } .one-third-tabs.nav-tabs > li a { padding-left: 5px; padding-right: 5px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #ffdb60; border: none; color: #fff; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs.nav-justified > .active > a { background-color: #ffdb60; border-color: #ffdb60; color: #fff; } /*vertical tabs*/ .vertical-tabs .tab-content.no-border { border-top: none; padding-top: 0; } .vertical-tabs .nav > li > a { background-color: #24272e; border-radius: 0; color: #fff; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; margin-bottom: 10px; padding: 15px 40px 15px 30px; position: relative; text-transform: uppercase; } .vertical-tabs .nav > li > a i { display: inline-block; line-height: 0; padding-right: 8px; position: relative; text-align: center; top: -2px; vertical-align: middle; width: 2em; } .vertical-tabs .nav > li > a:after { bottom: 0; content: "\e7c5"; font-family: "rt-icons-2"; font-size: 12px; letter-spacing: 0; line-height: 60px; position: absolute; right: 0; text-align: center; top: 0; width: 50px; } .vertical-tabs.no-arrows .nav > li > a:after { display: none; } .vertical-tabs.no-arrows .nav > li > a { padding: 24px 0; } .vertical-tabs .nav > li.active a, .vertical-tabs .nav > li > a:hover { background: #ffdb60; border-color: #ffdb60; color: #24272e; } @media (min-width: 768px) { .vertical-tabs .nav > li.active { position: relative; z-index: 2; } } /* modal */ .modal-backdrop.in { filter: alpha(opacity=80); opacity: .8; } .modal-content { border-radius: 1px; } .modal-content [class*="col-"]:last-child { margin-bottom: 0; } /* bootstrap tables */ .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #ebe9e8; padding: 19px 20px; } .table { border-bottom: 1px solid #ebe9e8; border-top: 1px solid #ebe9e8; } .table td + th, .table th + td, .table th + th, .table td + td { border-left: 1px solid #ebe9e8; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px; } .table > tbody > tr > td.media-middle { vertical-align: middle; } .table-responsive { border: none; } .tab-content .table, .with_background .table { background-color: #fff; } /* bootstrap buttons */ .btn { border: none; border-radius: 0; font-weight: 700; margin: 0 0 4px 0; outline: none; padding: 22px 30px 22px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn:hover, .btn:focus { outline: none; } /* media elements */ .media { margin-top: 17px; } .media .media-object { max-width: 100px; } li.media:before, li.media:after { clear: both; content: ""; display: block; } .media-right, .media > .pull-right { padding-left: 20px; } .media-left, .media > .pull-left { padding-right: 20px; } .media-left img, .media-right img { max-width: 85px; } @media (min-width: 768px) { .big-left-media .media-left img, .big-left-media .media-right img { max-width: 100px; } } .small-media { margin-top: 10px; } .small-media .media-left { padding-right: 7px; } .small-media .media-right { padding-left: 7px; } .small-media .media-left img, .small-media .media-right img { max-width: 40px; } td .media-body { width: auto; } /* bootstrap dropdown menu */ .dropdown-menu { border: none; border-radius: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 14px; margin-top: 0; padding-left: 0; padding-right: 0; z-index: 1001; } [class*="right"] .dropdown-menu { left: auto; right: 0; } .dropdown-menu > li > a { font-weight: 700; padding: 7px 20px; } .nav .open > .header-button, .nav .open > .header-button:hover, .nav .open > .header-button:focus { background-color: transparent; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: transparent; color: #24272e; } .dropdwon-menu-title { padding: 10px 30px; } .well { border: none; border-radius: 0; box-shadow: none; } .embed-responsive-3by2 { padding-bottom: 66.666%; } .embed-responsive-1by1 { padding-bottom: 100%; } .embed-responsive-theme { padding-bottom: 50%; } .embed-responsive iframe { background-color: #000; } .embed-placeholder:after { background-color: #fff; color: #ffdb60; content: "\f04b"; font-family: "FontAwesome"; font-size: 14px; height: 60px; left: 50%; line-height: 60px; margin-left: -30px; margin-top: -30px; position: absolute; text-align: center; top: 50%; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 60px; } .embed-placeholder:hover:after { color: #24272e; } .alert { border-radius: 0; border-width: 0; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; margin-bottom: 10px; padding: 15px 30px; text-transform: uppercase; } .alert i { font-size: 14px; padding-right: 10px; position: relative; } @media (min-width: 1200px) { .alert { padding-left: 40px; } .alert i { padding-right: 15px; } } .alert-success, .alert-info, .alert-warning, .alert-danger { color: #fff; } .alert-success { background-color: #8bcc18; } .alert-info { background-color: #3ad9dd; } .alert-warning { background-color: #fdab36; } .alert-danger { background-color: #f23c54; } button.close { margin-top: 6px; } /* 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-size: 80%; font-weight: inherit; } .media h1 small, .media h2 small, .media h3 small, .media h4 small, .media h5 small, .media h6 small { display: block; } /* labels */ .label-success { background-color: #8bcc18; color: #fff; } .label-info { background-color: #3ad9dd; color: #fff; } .label-warning { background-color: #fdab36; color: #fff; } .label-danger { background-color: #f23c54; color: #fff; } .with_background .well, .tab-content .well { background-color: #fff; } /*caret*/ .caret { border: none; border: 1px solid #ebe9e8; height: 20px; line-height: 20px; margin-left: 5px; text-align: center; vertical-align: baseline; width: 20px; } .caret:before { content: "\f107"; font-family: FontAwesome; } /* helpers */ @media (max-width: 499px) { .hidden-xxs { display: none !important; } } /* ** General Styles for HTML tags */ html { font-size: 16px; height: 100%; overflow: visible; position: relative; width: 100%; } ::-moz-selection { background-color: #ffdb60; color: #fff; } ::selection { background-color: #ffdb60; color: #fff; } ::-moz-selection { background-color: #ffdb60; color: #fff; } body { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.875rem; overflow-wrap: break-word; } h1, h2, h3, h4, h5, h6 { font-family: "Anton", sans-serif; line-height: 1.3em; margin-bottom: 1.3rem; margin-top: 2.6rem; } h1.big-margin, h2.big-margin, h3.big-margin, h4.big-margin, h5.big-margin, h6.big-margin { margin-bottom: 2rem; margin-top: 3.4rem; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1 { font-size: 44px; } h2 { font-size: 36px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 16px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p { margin-bottom: 15px; } p:last-child { margin-bottom: 0; } blockquote { border: none; color: #7f7f7f; font-size: 20px; font-style: italic; font-weight: 300; margin: 2em 0; padding: 0; position: relative; z-index: 1; } blockquote p { position: relative; } blockquote p:before, blockquote p:after { background-image: url(../img/quote.png); background-repeat: no-repeat; background-size: contain; content: ""; height: 140%; left: 0; max-height: 60px; position: absolute; right: 0; top: 0; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); z-index: -1; } @media (min-width: 992px) { blockquote p:before, blockquote p:after { max-height: 126px; } } blockquote p:after { display: none; -webkit-transform: translateY(-10%) rotate(180deg); -ms-transform: translateY(-10%) rotate(180deg); transform: translateY(-10%) rotate(180deg); } blockquote cite + p:before, blockquote footer + p:before { -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } blockquote cite + p:after, blockquote footer + p:after { -webkit-transform: translateY(-30%) rotate(180deg); -ms-transform: translateY(-30%) rotate(180deg); transform: translateY(-30%) rotate(180deg); } .text-center blockquote, blockquote.text-center { display: block; } @media (min-width: 992px) { .text-center blockquote p, blockquote.text-center p { margin-left: auto; margin-right: auto; max-width: 84%; padding: 0 8%; } } .text-center blockquote p:after, blockquote.text-center p:after { display: block; } blockquote footer, blockquote cite { color: #24272e; font-size: 20px; font-style: normal; font-weight: 400; } blockquote footer:before, blockquote cite:before { display: none; } blockquote footer:not(:last-child), blockquote cite:not(:last-child) { margin-bottom: 15px; } blockquote footer + p, blockquote cite + p { margin-top: 22px; } blockquote footer:not(:first-child), blockquote cite:not(:first-child) { margin-top: 30px; } blockquote .small-text { display: block; } blockquote .avatar img { margin-left: auto; margin-right: auto; margin-top: 0; max-width: 100px; } .owl-carousel blockquote { background: none; margin: 0; padding: 0; } img, figure { height: auto; max-width: 100%; } figcaption, .entry-caption { padding: 5px 0 0; } figcaption p, .entry-caption p { margin-bottom: 0; } a { text-decoration: none; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } a:hover { color: #ffdb60; text-decoration: none; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } input:focus, button:focus, select:focus, textarea:focus, a:focus { outline: medium none; text-decoration: none; } a > img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } a:hover > img { opacity: 0.8; } hr { background-color: #ebe9e8; border: none; height: 1px; margin-left: 0; margin-right: 0; } iframe { border: none; max-width: 100%; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } table { margin: 10px 0; max-width: 100%; width: 100%; } table td, table th { border: 1px solid #ebe9e8; line-height: 1.42857143; padding: 8px 10px; vertical-align: top; } table th { color: #24272e; font-weight: normal; line-height: 1; vertical-align: middle; } .table_template { font-size: 14px; } .table_template thead { background-color: #ffdb60; } .table_template thead.light { background-color: #fff; } .table_template thead th { border: none; border-right: #fff; border-right: 1px solid #fff; color: #fff; text-transform: uppercase; } .table_template thead th i { font-size: 20px; margin-right: 5px; vertical-align: middle; } .table_template th { font-weight: 700; } .table_template td, .table_template th { padding: 10px 20px; } @media (min-width: 992px) { .table_template td, .table_template th { padding: 20px 30px; } } .table_template td { border: none; border-right: 1px solid rgba(127, 127, 127, 0.2); } .table_template td:last-child { border-right: none; } .table_template tbody { background-color: #f5f6fb; border-radius: 0 0 5px 5px; } .table_template tbody tr { border-bottom: 1px solid rgba(127, 127, 127, 0.2); } canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } p .fa[class*="size"] { vertical-align: middle; } /* ** Styled Lists */ ul, ol { margin-bottom: 20px; padding-left: 30px; } .list1 ul, ul.list1 { list-style: none; padding: 0; } .padding_30 .list1 ul, .padding_30 ul.list1 { margin: 0; } .list1 li { border-bottom: 1px solid rgba(127, 127, 127, 0.2); padding: 9px 0 10px 20px; position: relative; } .muted_background .list1 li { border-color: rgba(255, 255, 255, 0.4); } .list1 li > .media { margin: 3px 0; } @media (min-width: 992px) { .list1 li { padding-bottom: 10px; padding-top: 10px; } } .list1.big-padding li { padding-bottom: 15px; padding-top: 15px; } .list1.huge-padding li { padding-bottom: 36px; padding-top: 37px; } .list1.no-bullets li { padding-left: 0; } .list1.no-bullets li:before { display: none; } .list1 li:first-child { border-top: 1px solid rgba(127, 127, 127, 0.2); } .list1.no-top-border li:first-child { border-top: none; padding-top: 0; } .list1.no-top-border li:first-child:before { top: 0; } .list1.no-bottom-border li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .list1 li:before { color: #ffdb60; content: "\f105"; font-family: FontAwesome; font-size: 14px; left: 0; position: absolute; top: 10px; } .list2 ul, ul.list2 { list-style: none; padding-left: 20px; } .list2 li { padding: 5px 0 5px 0; position: relative; } @media (min-width: 1600px) { .list2 li { padding: 7px 0 7px 0; } } .list2 li:before { color: #ffdb60; content: "\f105"; font-family: FontAwesome; left: -20px; position: absolute; top: 6px; } .big-v-spacing.list2 li { padding: 7px 0; } .big-v-spacing.list2 li:before { top: 14px; } .list2.no-bullets { padding-left: 0 !important; } .list2.no-bullets li:before { display: none; } .list2.checklist { padding-left: 25px; } .list2.checklist li:before { background-color: transparent; color: #ffdb60; content: "\f00c"; font-family: FontAwesome; font-size: 14px; height: auto; left: -25px; line-height: 1em; top: 15px; width: auto; } .list3 ol, ol.list3 { counter-reset: li; list-style: none outside none; padding: 0; } .list3 li { padding: 6px 0 6px 25px; position: relative; } .list3 li.active:after { color: #ffdb60; } .list3 li:after { color: #ffdb60; content: counter(li) "."; counter-increment: li; font-weight: 400; left: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list3.color li:after { color: #ffdb60; } .list-unstyled .media { margin-bottom: 10px; margin-top: 0; } .list-unstyled li:last-child > .media { margin-bottom: 0; } .list-unstyled .media-left { padding-right: 5px; } .list-unstyled .media-left img { border-radius: 50%; } .list-unstyled .media-right { padding-left: 5px; } .list-unstyled .media-right img { border-radius: 50%; } .list-unstyled .media-body .pull-right { margin: 0 20px; } ul.no-bullets { list-style: none; padding-left: 0; } .feature-list li > span:first-child { display: inline-block; font-weight: 500; min-width: 120px; } .feature-list li + li { margin-top: 10px; } .inline-list { list-style: none; margin: 0 -8px; padding: 0; } .inline-list > li { display: inline-block; padding: 0 8px; } @media (min-width: 1200px) { .inline-list { margin: 0 -12px; } .inline-list > li { padding: 0 12px; } .inline-list.big-padding > li { padding: 0 25px; } } .inline-list.small-padding { margin: 0 -8px; } .inline-list.small-padding > li { padding: 8px; } .four-cols-text ul { margin-bottom: 0; } @media (min-width: 768px) { .four-cols-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .four-cols-text { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 1200px) { .four-cols-text { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } .three-cols-text ul { margin-bottom: 0; } @media (min-width: 768px) { .three-cols-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .three-cols-text { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 1200px) { .three-cols-text { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } /* ** Buttons */ .theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] { background-color: #24272e; border: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); color: #fff; display: inline-block; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; line-height: 1; padding: 23px 30px; position: relative; text-align: center; text-transform: uppercase; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; vertical-align: top; } @media (min-width: 1600px) { .theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] { padding: 33px 45px; } } .theme_button.two_lines_button { -webkit-align-items: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; min-height: 60px; padding-bottom: 5px; padding-top: 5px; } .theme_button[disabled], .theme_button.disabled, button[disabled], button.disabled, input[type="submit"][disabled], input[type="submit"].disabled { pointer-events: none; } .theme_button, .theme_buttons a { margin-bottom: 10px; margin-right: 6px; } .theme_button:last-child, .theme_buttons a:last-child { margin-bottom: 0; margin-right: 0; } .theme_buttons a:active, .theme_buttons a:hover, .theme_buttons a:focus, .theme_button:active, .theme_button:hover, .theme_button:focus { background-color: #f5f6fb; color: #24272e; opacity: 1; outline: none; text-decoration: none; } button:hover, button:active, button:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, .theme_buttons a:hover, .theme_buttons a:active, .theme_buttons a:focus, .theme_button:hover, .theme_button:active, .theme_button:focus, a.button:hover, a.button:active, a.button:focus { -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .theme_button[type="reset"] { display: none; } .theme_buttons.inverse a, .theme_button.inverse { background-color: #f5f6fb; color: #24272e; } .theme_buttons.inverse a:hover, .theme_buttons.inverse a:focus, .theme_buttons.inverse a:active, .theme_button.inverse:hover, .theme_button.inverse:focus, .theme_button.inverse:active { background-color: #24272e; color: #fff; } .theme_buttons.color1 a, .theme_button.color1, .place-order button, input[type="submit"], .wc-proceed-to-checkout .checkout-button, button[name="save_account_details"] { background-color: #ffdb60; color: #24272e; } .theme_buttons.color1 a:hover, .theme_buttons.color1 a:focus, .theme_buttons.color1 a:active, .theme_button.color1:hover, .theme_button.color1:focus, .theme_button.color1:active, .place-order button:hover, .place-order button:focus, .place-order button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .wc-proceed-to-checkout .checkout-button:hover, .wc-proceed-to-checkout .checkout-button:focus, .wc-proceed-to-checkout .checkout-button:active, button[name="save_account_details"]:hover, button[name="save_account_details"]:focus, button[name="save_account_details"]:active { background-color: #24272e; color: #fff; } .theme_buttons.color1.inverse a, .theme_button.color1.inverse { color: #ffdb60; } .theme_buttons.color1.inverse a:hover, .theme_buttons.color1.inverse a:focus, .theme_buttons.color1.inverse a:active, .theme_button.color1.inverse:hover, .theme_button.color1.inverse:focus, .theme_button.color1.inverse:active { background-color: #ffdb60; } .theme_buttons a:active, .theme_button:active { top: 1px; } .muted_buttons a, .muted_button { opacity: 0.2; } .small_buttons a, .small_button { padding: 14px 20px !important; } .square_buttons a, .square_button { line-height: 50px; margin: 0; padding: 0; width: 50px; } .round_buttons a, .round_button { border-radius: 30px; line-height: 60px; padding: 0; width: 60px; } a.inactive { pointer-events: none; } .block_buttons a, .block_button { display: block; text-align: center; width: 100%; } .min_width_button { min-width: 170px; } @media (min-width: 1600px) { .min_width_button { min-width: 230px; } } .min_width_button.small_button { min-width: 120px; } .no_bg_button { background-color: transparent !important; border-color: transparent; color: #24272e; } .no_bg_button.color1 { color: #ffdb60; } .no_bg_button:hover, .no_bg_button:focus, .no_bg_button:active { color: #ffdb60; } .no_bg_button[class*="color"]:hover, .no_bg_button[class*="color"]:focus, .no_bg_button[class*="color"]:active { color: #24272e; } /*icons in headings, paragraphs and buttons*/ h1 > [class*="rt-icon"], h2 > [class*="rt-icon"], h3 > [class*="rt-icon"], h4 > [class*="rt-icon"], h5 > [class*="rt-icon"], h6 > [class*="rt-icon"] { padding-right: 0.1em; position: relative; top: .08em; } p > i { font-size: 1.1em; line-height: 0; } p > i + [class*="rt-icon"] { margin-left: -0.75em; } .theme_buttons a > [class*="rt-icon"], .theme_buttons a > [class*="fa-"], .theme_button > [class*="rt-icon"], .theme_button > [class*="fa-"] { display: inline-block; font-size: 1.5em; line-height: 10px; position: relative; top: -0.05em; vertical-align: middle; } .form-inline [type="submit"], .form-inline .btn, .form-inline .theme_button { margin-bottom: 0; } .btn-group-lg > .btn, .btn-lg { padding: 16px 16px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; } a.more-link { color: #ffdb60; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } a.more-link:hover { color: #24272e; } .ds a.more-link { color: #ffdb60; } .ds a.more-link:hover { color: #fff; } /* **plugins */ /* Owl carousel v 2.1.6 styles */ /* Owl Carousel - Core */ .owl-carousel { display: none; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; -webkit-tap-highlight-color: transparent; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; width: 100%; /* fix for flashing background */ } .owl-carousel .owl-item { -webkit-backface-visibility: visible; float: left; min-height: 1px; position: relative; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { -webkit-backface-visibility: visible; backface-visibility: visible; } .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; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -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: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel.dots-center .owl-dots { text-align: center; } .owl-carousel .owl-dots { text-align: center; } .owl-dots { counter-reset: owl-dots; -webkit-tap-highlight-color: transparent; } .owl-dots .owl-dot { display: inline-block; padding: 0 7px; zoom: 1; } .owl-dots .owl-dot:first-child { padding-left: 0; } .owl-dots .owl-dot:last-child { padding-right: 0; } .owl-dots .owl-dot span { background-clip: content-box; background-color: rgba(36, 39, 46, 0.3); border-radius: 50%; cursor: pointer; display: block; height: 16px; padding: 8px; position: relative; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; width: 16px; } .owl-dots .owl-dot span:before { background-color: #24272e; border-radius: 50%; content: ""; height: 8px; left: 50%; margin-left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 8px; } .ds .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.3); } .ds .owl-dots .owl-dot span:before { background-color: #fff; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background-color: rgba(255, 219, 96, 0.3); padding: 0; } .owl-dots .owl-dot.active span:before, .owl-dots .owl-dot:hover span:before { background-color: #ffdb60; } .owl-nav { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .owl-nav > div { background-color: #fff; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); color: transparent; color: #24272e; display: inline-block; font-size: 0; height: 40px; right: 0; text-align: center; width: 40px; } .owl-nav > div.disabled { cursor: default; opacity: 0.5; } @media (min-width: 1300px) { .owl-nav > div { background-color: rgba(255, 255, 255, 0.1); color: #fff; } } .owl-nav > div:first-child { left: 0; right: auto; } .owl-nav > div:after { content: "\f105"; font-family: FontAwesome; font-size: 16px; line-height: 40px; } .owl-nav > div:first-child:after { content: "\f104"; } .owl-nav > div:hover { background-color: #fff; color: #24272e; } @media (min-width: 768px) { .owl-nav > div { height: 60px; width: 60px; } .owl-nav > div:after { line-height: 60px; } } @media (min-width: 1600px) { .owl-nav > div { height: 80px; width: 80px; } .owl-nav > div:after { line-height: 80px; } } .owl-carousel.top-right-nav .owl-nav { position: absolute; right: 0; top: -70px; } .owl-carousel.top-right-nav .owl-nav > div { background: transparent; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; 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%; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; width: 80px; z-index: 1; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); 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; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { height: 100%; position: relative; width: 100%; z-index: 1; } /* Owl Default Theme */ .owl-theme:hover .owl-nav { opacity: 1; top: 50%; } .owl-theme .owl-nav { left: 0; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; text-align: center; top: 50%; } @media (min-width: 1200px) { .owl-theme .owl-nav { opacity: 0; top: 0; } } .owl-theme .owl-nav > div { font-size: 0; margin-top: -20px; position: absolute; right: 0; text-align: center; } @media (min-width: 768px) { .owl-theme .owl-nav > div { margin-top: -30px; } } .owl-theme .owl-nav .disabled { cursor: default; opacity: 0.5; } .container .col-xs-12:not([class*="col-md-"]):not([class*="col-sm-"]) .owl-theme .owl-nav { opacity: 1; top: 50%; } @media (min-width: 1300px) { .container .col-xs-12:not([class*="col-md-"]):not([class*="col-sm-"]) .owl-theme .owl-nav { left: -60px; right: -60px; } } @media (min-width: 1600px) { .container .col-xs-12:not([class*="col-md-"]):not([class*="col-sm-"]) .owl-theme .owl-nav { left: -150px; right: -150px; } } @media (min-width: 1800px) { .container .col-xs-12:not([class*="col-md-"]):not([class*="col-sm-"]) .owl-theme .owl-nav { left: -285px; right: -285px; } } .owl-theme.right-top-nav .owl-nav { margin-top: 30px; position: static; } @media (min-width: 768px) { .owl-theme.right-top-nav { padding-top: 60px; } .owl-theme.right-top-nav .owl-nav { left: auto !important; margin-top: 0; opacity: 1; position: absolute; right: 0 !important; top: -50px; } .owl-theme.right-top-nav .owl-nav > div { margin-top: 0; position: relative; } .owl-theme.right-top-nav .owl-nav > div.owl-prev { margin-right: 10px; } } @media (min-width: 768px) and (min-width: 768px) { .owl-theme.right-top-nav .owl-nav { top: -70px; } } .owl-theme .owl-dots { margin-top: 25px; } /* .owl-center theme */ .owl-center .owl-nav { left: 0; margin-top: 0; opacity: 1; position: static; right: 0; } .owl-center .owl-nav > div { background-color: #fff; color: #24272e; opacity: 1; top: 50%; } @media (min-width: 1200px) { .owl-center .owl-nav .owl-prev { left: 4.15%; } .owl-center .owl-nav .owl-next { right: 4.15%; } } .owl-center-scale.owl-carousel { margin-bottom: -30px; } .owl-center-scale.owl-carousel .owl-stage-outer { padding-bottom: 30px; padding-top: 30px; } .owl-center-scale.owl-carousel .owl-item > * > * { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .owl-center-scale.owl-carousel .center { z-index: 2; } .owl-center-scale.owl-carousel .center > * > * { position: relative; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } /* owl images fix */ .owl-carousel .owl-item { opacity: 0; -webkit-transition: opacity 0.2s ease 0.1s; transition: opacity 0.2s ease 0.1s; } .owl-carousel .owl-item.active { opacity: 1; } .owl-center .owl-item { opacity: 1; } .with_shadow_items .owl-stage-outer { margin: -20px; padding: 20px; width: calc(100% + 40px); } /* Text nav */ .owl-carousel.text-nav .owl-nav { top: 0; } .owl-carousel.text-nav .owl-nav > div { background-color: transparent !important; color: #ffdb60; font-size: 12px; font-weight: 600; height: auto; line-height: 1em; padding: 5px 15px; position: relative; text-transform: uppercase; width: auto; } .owl-carousel.text-nav .owl-nav > div:after { color: inherit; font-size: 12px; left: 8px; line-height: 1em; position: absolute; top: 5px; } .owl-carousel.text-nav .owl-nav > div.owl-next:after { left: auto; right: 8px; } .owl-carousel.text-nav .owl-nav > div:hover { color: #24272e; } /* ** 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 .slides > li { position: relative; } /* FlexSlider Default Theme */ .flexslider { margin: 0 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { z-index: 1; zoom: 1; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); color: #24272e; cursor: pointer; display: block; font-size: 0; height: 50px; margin: -25px 0 0; overflow: hidden; position: absolute; text-align: center; text-decoration: none; top: 50%; width: 50px; z-index: 10; } .flex-direction-nav a:hover { background-color: #fff; color: #24272e; } .ds .flex-direction-nav a:not(.flex-disabled):hover { color: #24272e; } @media (min-width: 1200px) { .flex-direction-nav a { height: 60px; margin-top: -30px; width: 60px; } } @media (min-width: 1600px) { .flex-direction-nav a { height: 80px; margin-top: -40px; width: 80px; } } .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-next { right: 0; } @media (min-width: 1200px) { .flex-direction-nav .flex-prev { left: 60px; } .flex-direction-nav .flex-next { right: 60px; } } @media (min-width: 1600px) { .flex-direction-nav .flex-prev { left: 80px; } .flex-direction-nav .flex-next { right: 80px; } } .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 { content: "\f104"; font-family: "FontAwesome"; font-size: 16px; line-height: 48px; } @media (min-width: 1200px) { .flex-direction-nav a:before { line-height: 58px; } } @media (min-width: 1600px) { .flex-direction-nav a:before { line-height: 78px; } } .flex-direction-nav a.flex-next:before { content: "\f105"; } /* 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: "\e6a2"; display: inline-block; font-family: "rt-icons-2"; font-size: 20px; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: "\e711"; } /* Control Nav */ .flex-control-nav { bottom: 25px; left: 0; right: 0; text-align: center; z-index: 10; } @media (min-width: 992px) { .flex-control-nav { bottom: 35px; } } .overlapping-nav .flex-control-nav { position: absolute; } .flex-control-nav li { *display: inline; display: inline-block; padding: 0 5px; text-align: center; vertical-align: middle; zoom: 1; } .flex-control-nav li:first-child { padding-left: 0; } .flex-control-nav li:last-child { padding-right: 0; } .flex-control-paging li a { background-color: transparent; border-radius: 50%; cursor: pointer; display: block; height: 20px; position: relative; text-indent: -9999px; width: 20px; } .flex-control-paging li a:before { content: "\e900"; font-family: "canabro" !important; font-size: 20px; left: 0; line-height: 20px; position: absolute; text-indent: 0; top: 0; width: 20px; } .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { color: #ffdb60; } .flex-control-thumbs { margin: 5px 0 0; overflow: hidden; position: static; } .flex-control-thumbs li { float: left; margin: 0; 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; } /*vertical navigation*/ @media (min-width: 1300px) { .vertical-nav .flex-control-nav { bottom: auto !important; height: auto; left: 2%; margin: 0; margin-top: -6px; position: absolute; right: auto; top: 50%; width: auto; width: 20px; } .vertical-nav .flex-control-nav > li { padding: 10px 0; } } @media (min-width: 1400px) { .vertical-nav .flex-control-nav { left: 5%; } } @media (min-width: 1600px) { .vertical-nav .flex-control-nav { left: 9.7%; } } /* ** prettyPhoto */ div.facebook .pp_description { margin: 0 37px 0 0; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; overflow: hidden; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { background-color: #fff; float: left; line-height: 1; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0 0 0 30px; } .pp_social .facebook { float: left; margin-left: 5px; overflow: hidden; width: auto; } .pp_social .facebook iframe { max-width: 100px; } .pp_social .twitter { float: left; } .pp_nav p { float: left; font-weight: bold; margin: 4px 6px; opacity: 0.7; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause, a.pp_arrow_previous, a.pp_arrow_next { color: transparent; float: left; font-size: 0; text-align: center; } .pp_nav .pp_play:before, .pp_nav .pp_pause:before, a.pp_arrow_previous:before, a.pp_arrow_next:before { color: #24272e; content: "\f04b"; display: inline-block; font-family: "FontAwesome"; font-size: 12px; line-height: 20px; opacity: 0.7; width: 20px; } .pp_nav .pp_play:hover:before, .pp_nav .pp_pause:hover:before, a.pp_arrow_previous:hover:before, a.pp_arrow_next:hover:before { opacity: 1; } .pp_nav .pp_pause:before { content: "\f04c"; } a.pp_arrow_previous:before { content: "\f04a"; } a.pp_arrow_next:before { content: "\f04e"; } a.pp_arrow_previous.disabled, a.pp_arrow_next.disabled { cursor: default; visibility: hidden; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.1) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery ul .selected a { border-color: #ffdb60; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } div.facebook .pp_gallery .pp_arrow_previous, div.facebook .pp_gallery .pp_arrow_next { margin-top: 7px; } a.pp_next, a.pp_previous { color: transparent; display: block; float: right; font-size: 0; height: 100%; opacity: 0; position: relative; width: 49%; } a.pp_next:before, a.pp_previous:before { background-color: rgba(36, 39, 46, 0.3); color: #fff; content: "\f105"; font-family: "FontAwesome"; font-size: 18px; line-height: 1; margin-top: -3px; padding: 10px 15px 10px 18px; position: absolute; right: 30px; top: 50%; } a.pp_next:hover, a.pp_previous:hover { opacity: 1; } a.pp_previous { float: left; } a.pp_previous:before { content: "\f104"; left: 30px; padding: 10px 18px 10px 15px; right: auto; } a.pp_expand, a.pp_contract { color: transparent; cursor: pointer; display: none; font-size: 0; position: absolute; right: 30px; text-align: center; top: 19px; z-index: 20000; } a.pp_expand:before, a.pp_contract:before { background-color: rgba(36, 39, 46, 0.3); color: #fff; content: "\f0b2"; font-family: "FontAwesome"; font-size: 14px; line-height: 20px; padding: 12px 13px; } a.pp_contract:before { content: "\f066"; } a.pp_close { color: transparent; font-size: 0; position: absolute; right: -7px; top: -25px; } a.pp_close:before { background-color: #1d1f25; color: #fff; content: "\f00d"; font-family: "FontAwesome"; font-size: 14px; padding: 6px 8px; } .pp_loaderIcon { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; height: 50px; left: 50%; margin: -25px 0 0 -25px; position: absolute; text-align: center; top: 50%; width: 50px; } .pp_loaderIcon:before { color: #fff; content: "\f1ce"; display: block; font-family: "FontAwesome"; font-size: 50px; line-height: 50px; opacity: 0.6; } #pp_full_res { line-height: 1; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 18px; margin: 0 0 5px 20px; z-index: 9999; } .pp_top, .pp_bottom { position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } /* ** Easy pieChart */ .chart { display: inline-block; line-height: 0; margin-bottom: 10px; position: relative; text-align: center; } .chart .chart-meta { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .chart .chart-meta span.title { display: block; font-size: 20px; margin: 10px 0 0; } .percent { display: inline-block; font-size: 60px; font-weight: 700; line-height: 1; z-index: 2; } .percent + p { font-size: 20px; margin-top: 15px; } .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: #24272e; } #timetable thead th { border: 1px solid rgba(255, 255, 255, 0.23); border-width: 0 1px; } #timetable tbody th, #timetable tbody td { border: 1px solid #ebe9e8; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #timetable tbody .current { background-color: #ffdb60; border-color: #ffdb60; } #timetable tbody .current a { color: #24272e; } /* ** toTop */ #toTop { background: #ffdb60; bottom: 10px; color: #fff; color: transparent; display: none; font-size: 0; height: 50px; overflow: hidden; position: fixed; right: 10px; text-decoration: none; width: 50px; z-index: 9999; } @media (min-width: 768px) { #toTop { bottom: 30px; right: 30px; } } @media (min-width: 992px) { #toTop { bottom: 60px; height: 60px; right: 60px; width: 60px; } } @media (min-width: 1600px) { #toTop { bottom: 80px; height: 80px; right: 80px; width: 80px; } } #toTop:after { bottom: 0; color: #24272e; content: "\f106"; display: block; font-family: FontAwesome; font-size: 16px; left: 0; line-height: 50px; position: absolute; right: 0; text-align: center; top: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } @media (min-width: 992px) { #toTop:after { line-height: 60px; } } @media (min-width: 1600px) { #toTop:after { line-height: 80px; } } #toTopHover, #toTop:hover { bottom: 15px; opacity: 1; } @media (min-width: 768px) { #toTopHover, #toTop:hover { bottom: 35px; } } @media (min-width: 992px) { #toTopHover, #toTop:hover { bottom: 65px; } } @media (min-width: 1600px) { #toTopHover, #toTop:hover { bottom: 85px; } } #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 { -webkit-box-pack: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: auto; text-align: center; } .countdown-section { background-color: #24272e; min-width: 69px; padding: 11px 10px; text-align: center; } .countdown-section + .countdown-section { margin-left: 5px; } .countdown-amount { color: #ffdb60; font-size: 30px; font-weight: 700; line-height: 1; } .countdown-period { color: #fff; display: block; font-size: 12px; font-weight: 400; line-height: 1em; } .countdown-descr { display: block; } .ds .countdown-section { background-color: #fff; } .ds .countdown-period { color: #24272e; } @media (min-width: 768px) { .countdown-section { max-width: none; min-width: 140px; padding: 22px 20px; width: auto; } .countdown-section + .countdown-section { margin-left: 30px; } .countdown-amount { font-size: 80px; } .countdown-period { font-size: 16px; } } @media (min-width: 992px) { .countdown-section + .countdown-section { margin-left: 50px; } } .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; box-shadow: inset 0 0 12px 4px #fff; visibility: visible !important; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: "!"; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { background: #f8f8f8; border-bottom: 1px solid #d0d0d0; border-radius: 3px 3px 0 0; padding: 5px 8px; position: relative; } .selectize-dropdown-header-close { color: #303030; font-size: 20px !important; line-height: 20px; margin-top: -12px; opacity: 0.4; position: absolute; right: 8px; top: 50%; } .selectize-dropdown-header-close:hover { color: #000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; box-sizing: border-box; float: left; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control { line-height: 0; min-height: 50px; position: relative; } .selectize-control.plugin-remove_button [data-value] { padding-right: 24px !important; position: relative; } .selectize-control.plugin-remove_button [data-value] .remove { border-left: 1px solid #d0d0d0; border-radius: 0 2px 2px 0; bottom: 0; box-sizing: border-box; color: inherit; display: inline-block; font-size: 12px; font-weight: bold; padding: 2px 0 0 0; /* fixes ie bug (see #392) */ position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; vertical-align: middle; width: 17px; z-index: 1; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #fff; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .remove-single { font-size: 23px; position: absolute; right: 28px; top: 6px; } .selectize-control.form-control { border: none; padding: 0; } .selectize-dropdown { color: #303030; font-family: inherit; -webkit-font-smoothing: inherit; line-height: 30px; } .selectize-input { background-color: #fff; color: #7f7f7f; cursor: text; display: inline-block; font-family: inherit; -webkit-font-smoothing: inherit; } .selectize-input input { color: #7f7f7f; font-family: inherit; -webkit-font-smoothing: inherit; } .selectize-control.single .selectize-input.input-active { border-color: #7f7f7f; cursor: text; display: inline-block; } .selectize-input { background-color: #f5f6fb; box-sizing: border-box; display: block; overflow: hidden; padding: 15px 50px 15px 30px; position: relative; width: 100%; z-index: 1; } .ls.ms .selectize-input, .ls:not(.ms) .with_background .selectize-input { background-color: #fff; } .selectize-input.not-full input { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .selectize-input { min-height: 60px; min-width: 240px; } .selectize-input.disabled { cursor: default !important; } .selectize-input.disabled * { cursor: default !important; } .selectize-input > * { display: inline-block; height: 30px !important; line-height: 30px; vertical-align: top; zoom: 1; } .selectize-control.multi .selectize-input > div { background: #f2f2f2; border: 0 solid #d0d0d0; border-radius: 0; color: #303030; cursor: pointer; line-height: 26px; margin: 0 3px 3px 0; padding: 2px 6px; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; border: 0 solid #cacaca; color: #303030; } .selectize-control.multi .selectize-input.disabled > div { background: #fff; border: 0 solid #fff; color: #7d7d7d; } .selectize-control.multi .selectize-input.disabled > div.active { background: #fff; border: 0 solid #fff; color: #7d7d7d; } .selectize-input > input { background: none !important; border: 0 none !important; box-shadow: none !important; display: inline-block !important; margin: 0 2px 0 0 !important; max-height: none !important; max-width: 100% !important; min-height: 0 !important; padding: 0 !important; text-indent: 0 !important; -webkit-user-select: auto !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { clear: left; content: " "; display: block; } .selectize-dropdown { background: #fff; border: 1px solid #d0d0d0; border-radius: 0; box-sizing: border-box; margin: -1px 0 0 0; overflow: hidden; position: absolute; z-index: 10; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; padding: 5px 8px; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { background: #fff; color: #303030; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { max-height: 200px; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .selectize-control.single .selectize-input { cursor: pointer; } .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active { cursor: text; } .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { color: #24272e; content: "\f107"; display: block; font-family: FontAwesome; font-size: 16px; line-height: 1em; margin-top: -8px; position: absolute; right: 30px; top: 50%; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { background-color: #fafafa; opacity: 0.5; } /* ** Vertical Margins and Paddings */ /*same top and bottom paddings for sections*/ .section_padding_0 > [class*="container"] { padding: 0; } .section_padding_15 > [class*="container"] { padding-bottom: 15px; padding-top: 15px; } .section_padding_25 > [class*="container"] { padding-bottom: 25px; padding-top: 25px; } .section_padding_50 > [class*="container"] { padding-bottom: 50px; padding-top: 50px; } .section_padding_75 > [class*="container"] { padding-bottom: 75px; padding-top: 75px; } .section_padding_100 > [class*="container"] { padding-bottom: 100px; padding-top: 100px; } /*top paddings for sections*/ .section_padding_top_0 > [class*="container"] { padding-top: 0; } .section_padding_top_5 > [class*="container"] { padding-top: 5px; } .section_padding_top_10 > [class*="container"] { padding-top: 10px; } .section_padding_top_15 > [class*="container"] { padding-top: 15px; } .section_padding_top_20 > [class*="container"] { padding-top: 20px; } .section_padding_top_25 > [class*="container"] { padding-top: 25px; } .section_padding_top_30 > [class*="container"] { padding-top: 30px; } .section_padding_top_40 > [class*="container"] { padding-top: 40px; } .section_padding_top_50 > [class*="container"] { padding-top: 50px; } .section_padding_top_65 > [class*="container"] { padding-top: 65px; } .section_padding_top_75 > [class*="container"] { padding-top: 75px; } .section_padding_top_90 > [class*="container"] { padding-top: 90px; } .section_padding_top_100 > [class*="container"], .section_padding_top_105 > [class*="container"], .section_padding_top_110 > [class*="container"], .section_padding_top_115 > [class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_125 > [class*="container"], .section_padding_top_130 > [class*="container"], .section_padding_top_135 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_145 > [class*="container"], .section_padding_top_150 > [class*="container"] { padding-top: 100px; } /*bottom paddings for sections*/ .section_padding_bottom_0 > [class*="container"] { padding-bottom: 0; } .section_padding_bottom_5 > [class*="container"] { padding-bottom: 5px; } .section_padding_bottom_10 > [class*="container"] { padding-bottom: 10px; } .section_padding_bottom_15 > [class*="container"] { padding-bottom: 15px; } .section_padding_bottom_20 > [class*="container"] { padding-bottom: 20px; } .section_padding_bottom_25 > [class*="container"] { padding-bottom: 25px; } .section_padding_bottom_30 > [class*="container"] { padding-bottom: 30px; } .section_padding_bottom_40 > [class*="container"] { padding-bottom: 40px; } .section_padding_bottom_50 > [class*="container"] { padding-bottom: 50px; } .section_padding_bottom_65 > [class*="container"] { padding-bottom: 65px; } .section_padding_bottom_75 > [class*="container"] { padding-bottom: 75px; } .section_padding_bottom_90 > [class*="container"] { padding-bottom: 90px; } .section_padding_bottom_100 > [class*="container"], .section_padding_bottom_105 > [class*="container"], .section_padding_bottom_110 > [class*="container"], .section_padding_bottom_115 > [class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_125 > [class*="container"], .section_padding_bottom_130 > [class*="container"], .section_padding_bottom_135 > [class*="container"], .section_padding_bottom_140 > [class*="container"], .section_padding_bottom_145 > [class*="container"], .section_padding_bottom_150 > [class*="container"] { padding-bottom: 100px; } @media (max-width: 1199px) { .section_padding_100 > [class*="container"], .section_padding_top_90 > [class*="container"], .section_padding_top_100 > [class*="container"], .section_padding_top_105 > [class*="container"], .section_padding_top_110 > [class*="container"], .section_padding_top_115 > [class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_125 > [class*="container"], .section_padding_top_130 > [class*="container"], .section_padding_top_135 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_145 > [class*="container"], .section_padding_top_150 > [class*="container"] { padding-top: 75px; } .section_padding_100 > [class*="container"], .section_padding_bottom_90 > [class*="container"], .section_padding_bottom_100 > [class*="container"], .section_padding_bottom_105 > [class*="container"], .section_padding_bottom_110 > [class*="container"], .section_padding_bottom_115 > [class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_125 > [class*="container"], .section_padding_bottom_130 > [class*="container"], .section_padding_bottom_135 > [class*="container"], .section_padding_bottom_140 > [class*="container"], .section_padding_bottom_145 > [class*="container"], .section_padding_bottom_150 > [class*="container"] { padding-bottom: 75px; } } @media (min-width: 1600px) { .section_padding_top_105 > [class*="container"] { padding-top: 105px; } .section_padding_top_110 > [class*="container"] { padding-top: 110px; } .section_padding_top_115 > [class*="container"] { padding-top: 115px; } .section_padding_top_120 > [class*="container"] { padding-top: 120px; } .section_padding_top_125 > [class*="container"] { padding-top: 125px; } .section_padding_top_130 > [class*="container"] { padding-top: 130px; } .section_padding_top_135 > [class*="container"] { padding-top: 135px; } .section_padding_top_140 > [class*="container"] { padding-top: 140px; } .section_padding_top_145 > [class*="container"] { padding-top: 145px; } .section_padding_top_150 > [class*="container"] { padding-top: 150px; } .section_padding_bottom_105 > [class*="container"] { padding-bottom: 105px; } .section_padding_bottom_110 > [class*="container"] { padding-bottom: 110px; } .section_padding_bottom_115 > [class*="container"] { padding-bottom: 115px; } .section_padding_bottom_120 > [class*="container"] { padding-bottom: 120px; } .section_padding_bottom_125 > [class*="container"] { padding-bottom: 125px; } .section_padding_bottom_130 > [class*="container"] { padding-bottom: 130px; } .section_padding_bottom_135 > [class*="container"] { padding-bottom: 135px; } .section_padding_bottom_140 > [class*="container"] { padding-bottom: 140px; } .section_padding_bottom_145 > [class*="container"] { padding-bottom: 145px; } .section_padding_bottom_150 > [class*="container"] { padding-bottom: 150px; } } [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } header [class*="col-"] { margin-bottom: 0; margin-top: 0; } .columns_margin_0 [class*="col-"] { margin-bottom: 0; margin-top: 0; } .columns_padding_1 [class*="col-"] { margin-bottom: 1px; margin-top: 0; } .columns_padding_2 [class*="col-"] { margin-bottom: 1px; margin-top: 1px; } .columns_padding_5 [class*="col-"] { margin-bottom: 5px; margin-top: 5px; } .columns_padding_10 [class*="col-"] { margin-bottom: 10px; margin-top: 10px; } .columns_padding_15 [class*="col-"] { margin-bottom: 15px; margin-top: 15px; } .columns_padding_1 [class*="col-"] { margin-bottom: 1px; margin-top: 0; padding-left: 0; padding-right: 1px; } .columns_padding_2 [class*="col-"] { margin-bottom: 1px; margin-top: 1px; padding-left: 1px; padding-right: 1px; } .columns_padding_5 [class*="col-"] { margin-bottom: 5px; margin-top: 5px; padding-left: 5px; padding-right: 5px; } .columns_padding_10 [class*="col-"] { margin-bottom: 10px; margin-top: 10px; padding-left: 10px; padding-right: 10px; } .columns_padding_0 [class*="col-"] { margin-bottom: 0; margin-top: 0; padding: 0; } .columns_padding_0 > .container, .columns_padding_1 > .container, .columns_padding_2 > .container { padding-left: 30px; padding-right: 30px; } .columns_padding_5 > .container { padding-left: 25px; padding-right: 25px; } .columns_padding_10 > .container { padding-left: 20px; padding-right: 20px; } .columns_padding_10 > .container-fluid { padding-left: 30px; padding-right: 30px; } .container_padding_0 > .container-fluid { padding-left: 0; padding-right: 0; } .container_padding_0 > .container-fluid > .row { margin: 0; } .row.columns_padding_0, .columns_padding_0 .row { margin-left: 0; margin-right: 0; } .row.columns_padding_0[class*="display_table"], .columns_padding_0 .row[class*="display_table"] { margin-left: -15px; margin-right: -15px; min-width: calc(100% + 30px); } .row.columns_padding_1, .columns_padding_1 .row { margin-left: 0; margin-right: -1px; } .row.columns_padding_2, .columns_padding_2 .row { margin-left: -1px; margin-right: -1px; } .row.columns_padding_5, .columns_padding_5 .row { margin-left: -5px; margin-right: -5px; } .row.columns_padding_10, .columns_padding_10 .row { margin-left: -10px; margin-right: -10px; } @media (min-width: 992px) { .columns_padding_25 > [class*="container"] > .row, .row.columns_padding_25, .columns_padding_50 > [class*="container"] > .row { margin-left: -25px; margin-right: -25px; } .columns_padding_25 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_25 > [class*="col-"], .columns_padding_50 > [class*="container"] > .row > [class*="col-"] { padding-left: 25px; padding-right: 25px; } .columns_padding_40 > [class*="container"] > .row, .row.columns_padding_40 { margin-left: -20px; margin-right: -20px; } .columns_padding_40 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_40 > [class*="col-"] { padding-left: 20px; padding-right: 20px; } .columns_padding_60 > [class*="container"] > .row { margin-left: -30px; margin-right: -30px; } .columns_padding_60 > [class*="container"] > .row > [class*="col-"] { padding-left: 30px; padding-right: 30px; } .columns_padding_80 > [class*="container"] > .row { margin-left: -50px; margin-right: -50px; } .columns_padding_80 > [class*="container"] > .row > [class*="col-"] { padding-left: 50px; padding-right: 50px; } } @media (min-width: 1200px) { .columns_padding_30 > [class*="container"] > .row, .row.columns_padding_30 { margin-left: -30px; margin-right: -30px; } .columns_padding_30 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; } .columns_padding_40 > [class*="container"] > .row, .row.columns_padding_40 { margin-left: -40px; margin-right: -40px; } .columns_padding_40 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_40 > [class*="col-"] { padding-left: 40px; padding-right: 40px; } .columns_padding_50 > [class*="container"] > .row { margin-left: -50px; margin-right: -50px; } .columns_padding_50 > [class*="container"] > .row > [class*="col-"] { padding-left: 50px; padding-right: 50px; } .columns_padding_60 > [class*="container"] > .row { margin-left: -60px; margin-right: -60px; } .columns_padding_60 > [class*="container"] > .row > [class*="col-"] { padding-left: 60px; padding-right: 60px; } .columns_padding_80 > [class*="container"] > .row { margin-left: -80px; margin-right: -80px; } .columns_padding_80 > [class*="container"] > .row > [class*="col-"] { padding-left: 80px; padding-right: 80px; } } @media (min-width: 1600px) { .half_section.columns_padding_80 > [class*="container"] > .row { margin-left: -160px; margin-right: -160px; } .half_section.columns_padding_80 > [class*="container"] > .row > [class*="col-"] { padding-left: 160px; padding-right: 160px; } } /*top and bottom margins for columns inside sections and rows */ .columns_margin_top_0 [class*="col-"], .row.columns_margin_top_0 [class*="col-"] { margin-top: 0; } .columns_margin_top_5 [class*="col-"], .row.columns_margin_top_5 [class*="col-"] { margin-top: 5px; } .columns_margin_top_10 [class*="col-"], .row.columns_margin_top_10 [class*="col-"] { margin-top: 10px; } .columns_margin_top_15 [class*="col-"], .row.columns_margin_top_15 [class*="col-"] { margin-top: 15px; } .columns_margin_top_20 [class*="col-"], .row.columns_margin_top_20 [class*="col-"] { margin-top: 20px; } .columns_margin_top_30 [class*="col-"], .row.columns_margin_top_30 [class*="col-"] { margin-top: 30px; } .columns_margin_top_60 [class*="col-"], .row.columns_margin_top_60 [class*="col-"] { margin-top: 60px; } .columns_margin_bottom_5 [class*="col-"], .row.columns_margin_bottom_5 [class*="col-"] { margin-bottom: 5px; } .columns_margin_bottom_10 [class*="col-"], .row.columns_margin_bottom_10 [class*="col-"] { margin-bottom: 10px; } .columns_margin_bottom_15 [class*="col-"], .row.columns_margin_bottom_15 [class*="col-"] { margin-bottom: 15px; } .columns_margin_bottom_20 [class*="col-"], .row.columns_margin_bottom_20 [class*="col-"] { margin-bottom: 20px; } .columns_margin_bottom_20 [class*="col-"] .row:last-child, .row.columns_margin_bottom_20:last-child { margin-bottom: -20px; } .columns_margin_bottom_20 > [class*="container"] > .row:last-child { margin-bottom: -10px; } .columns_margin_bottom_20 > [class*="container"] > .row:last-child > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]) { float: none; } .columns_margin_bottom_30 [class*="col-"], .row.columns_margin_bottom_30 [class*="col-"] { margin-bottom: 30px; } .row.columns_margin_bottom_30:last-child { margin-bottom: -30px; } .row.columns_margin_bottom_30:last-child, .columns_margin_bottom_30 > [class*="container"] > .row:last-child { margin-bottom: -20px; } .row.columns_margin_bottom_30:last-child > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]), .columns_margin_bottom_30 > [class*="container"] > .row:last-child > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]) { float: none; } .columns_margin_bottom_40 > [class*="container"] > .row > [class*="col-"], .row.columns_margin_bottom_40 > [class*="col-"] { margin-bottom: 40px; } .row.columns_margin_bottom_40:last-child { margin-bottom: -40px; } .columns_margin_bottom_40 > [class*="container"] > .row:last-child { margin-bottom: -30px; } .columns_margin_bottom_40 > [class*="container"] > .row:last-child > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]) { float: none; } .columns_margin_bottom_50 [class*="col-"], .row.columns_margin_bottom_50 [class*="col-"] { margin-bottom: 50px; } .row.columns_margin_bottom_50:last-child { margin-bottom: -50px; } .row.columns_margin_bottom_50, .columns_margin_bottom_50 > [class*="container"] > .row:last-child { margin-bottom: -40px; } .row.columns_margin_bottom_50 > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]), .columns_margin_bottom_50 > [class*="container"] > .row:last-child > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]) { float: none; } @media (max-width: 1199px) { .columns_margin_bottom_50.columns_padding_30 [class*="col-"], .row.columns_margin_bottom_50.columns_padding_30 [class*="col-"] { margin-bottom: 20px; } .columns_margin_bottom_50.columns_padding_30 .row:last-child, .row.columns_margin_bottom_50.columns_padding_30:last-child { margin-bottom: -20px; } .row.columns_margin_bottom_50, .columns_margin_bottom_50.columns_padding_30 > [class*="container"] > .row:last-child { margin-bottom: -10px; } .row.columns_margin_bottom_50 > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]), .columns_margin_bottom_50.columns_padding_30 > [class*="container"] > .row:last-child > .col-xs-12:not([class*="col-md"]):not([class*="col-sm"]):not([class*="col-lg"]) { float: none; } } .columns_margin_bottom_0 [class*="col-"], .row.columns_margin_bottom_0 [class*="col-"] { margin-bottom: 0; } .columns_margin_bottom_40 .container:after, .columns_margin_bottom_30 .container:after, .columns_margin_bottom_20 .container:after { display: none; } /* vertical alignmetn in columns */ .table_section .row { height: 100%; min-width: 100%; } @media (max-width: 991px) { aside[class*="col-"] { margin-top: 60px !important; } } @media (min-width: 768px) { .table_section_sm .container { height: 100%; } .table_section.table_section_sm .row { display: table; width: calc(100% + 30px); } .table_section.table_section_sm > [class*="container"] > .row > [class*="col-"] { display: table-cell; float: none; vertical-align: middle; } } @media (min-width: 992px) { .table_section_md .container { height: 100%; } .table_section.table_section_md .row { display: table; width: calc(100% + 30px); } .table_section.table_section_md > [class*="container"] > .row > [class*="col-"] { display: table-cell; float: none; vertical-align: middle; } .offset-image { margin-top: -35px; } } @media screen and (min-width: 1200px) { .table_section_lg .container { height: 100%; } .table_section.table_section_lg .row { display: table; width: calc(100% + 30px); } .table_section.table_section_lg > [class*="container"] > .row > [class*="col-"] { display: table-cell; float: none; vertical-align: middle; } .offset-image { margin-top: -115px; } } @media screen and (min-width: 992px) { /* overlap featured person */ .top-overlap { margin-left: -25%; margin-top: -100px; max-width: 125%; } .top-overlap-small { margin-left: -20%; margin-right: -20%; margin-top: -40px; max-width: 140%; } } @media (min-width: 1200px) { .top-overlap { margin-top: -180px; } } .section_full_height { min-height: 100vh; } .flex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-row > [class*='col-'] { -webkit-box-flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1 1; min-width: 300px; } .flex-row > [class*='col-'] > * { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .flex-row > [class*='col-'].col-md-6 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 50%; } } @media (max-width: 991px) { .flex-row > [class*='col-'].col-sm-12 { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: 100%; } } .flex-row.flex-row-vertical-centered > [class*='col-'] > * { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media (min-width: 992px) { .container-fluid { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .container-fluid { padding-left: 60px; padding-right: 60px; } } @media (min-width: 1600px) { .container-fluid { padding-left: 80px; padding-right: 80px; } } .fluid_padding_0 .container-fluid { padding-left: 15px; padding-right: 15px; } .columns_padding_0.fluid_padding_0 .container-fluid { padding-left: 0; padding-right: 0; } /* float clear fixes */ @media (min-width: 768px) and (max-width: 991px) { .clear-sm { clear: both; } } @media (min-width: 992px) and (max-width: 1199px) { .clear-md { clear: both; } } @media (min-width: 1200px) { .clear-lg { clear: both; } } @media (max-width: 499px) { .col-xxs-12 { width: 100%; } } @media (max-width: 499px) { .text-xxs-center { text-align: center; } } /* ** Common Sections Styles */ /*parallax*/ .image_cover, .background_cover, .parallax { background-size: cover; } .background_cover { background-position: center; } .image_cover { background-position: 50% 50%; bottom: 0; display: block; position: absolute; top: 0; width: 50%; z-index: 2; } .image_cover > img { visibility: hidden; } .image_cover > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .image_cover.image_cover_right { right: 0; } .image_cover.small_width { width: 42%; } @media (max-width: 991px) { .image_cover { height: 0; margin-bottom: -30px; padding-bottom: 66%; position: relative; width: 100%; } .image_cover.small_width { padding-bottom: 100%; width: 100%; } } .image_cover + [class*='container'] [class*='col-'] > img, .image_cover + [class*='container'] [class*='col-'] > a:after, .image_cover + [class*='container'] [class*='col-'] > a > img { display: none; } .half_section { position: relative; } @media (min-width: 992px) { .half_section.columns_padding_80 > [class*="container"] > .row { margin-left: 0; margin-right: 0; } } .half_section .image_cover_left + .container .col-md-6 { padding-right: 0; } .half_section .image_cover_right + .container .col-md-6 { padding-left: 0; } .half_cs { overflow: hidden; } .half_cs .col-md-6:nth-child(2) { z-index: 1; } .half_cs .col-md-6:nth-child(2):before { background-color: #ffe267; bottom: -10000px; content: ""; left: 50%; position: absolute; top: -50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; z-index: -1; } @media (max-width: 991px) { .half_cs .col-md-6:nth-child(2) { margin-top: 95px; } } @media (min-width: 992px) { .half_cs .col-md-6:nth-child(2):before { left: 0; top: -200px; -webkit-transform: none; -ms-transform: none; transform: none; } } .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; position: relative; } @media (max-width: 1199px) { .parallax { background-attachment: scroll; background-size: auto auto; } } .overlay_color.ls:after { background-color: #fff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=90); opacity: 0.9; } .overlay_color.ls.ms:after { background-color: #f5f6fb; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=80); opacity: 0.8; } .overlay_color.cs:after { background-color: #ffdb60; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .overlay_color.ds:after { background-color: #24272e; opacity: 0.85; } .overlay_color.ds:after { background-color: #24272e; opacity: 0.9; } .overlay_color.ds.ms:after { background-color: #1d1f25; opacity: 0.9; } .overlay_color.ds.bs:after { background-color: #00202b; opacity: 0.67; } .overlay_color.ds.black:after { background-color: #000; opacity: 0.6; } .texture_bg { background-image: url(../img/parallax/texture.png); } .texture_bg.cs[class*="gradient"] { background-image: url(../img/parallax/texture-white.png); } .muted_section:before { background-color: rgba(36, 39, 46, 0.1); opacity: 1; } .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .darken_gradient > *, .diagonal_section > *, .overlay_color > * { position: relative; z-index: 4; } .radial_gradient { overflow: hidden; position: relative; } .gradient, .muted_section, .vertical_gradient, .darken_gradient, .overlay_color { position: relative; } .muted_section:before, .muted_section:after, .gradient:before, .gradient:after, .vertical_gradient:before, .vertical_gradient:after, .darken_gradient:before, .overlay_color:after, .darken_gradient:after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 3; } .muted_section:before, .muted_section:after, .overlay_color:after { opacity: 0.8; } .darken_gradient:before { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .overflow_hidden { overflow: hidden; position: relative; } .with_top_border, .with_bottom_border, .with_top_border_container .container, .with_bottom_border_container .container { position: relative; } .with_top_border:before, .with_bottom_border:after, .with_top_border_container .container:before, .with_bottom_border_container .container:after { background-color: rgba(127, 127, 127, 0.2); content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .ds .with_top_border:before, .ds .with_bottom_border:after, .ds .with_top_border_container .container:before, .ds .with_bottom_border_container .container:after { background-color: #414143; } .row.with_top_border:before, .row.width_bottom_border:after { left: 15px; right: 15px; } .ds.with_top_border:before, .ds.with_bottom_border:after, .ds.with_top_border_container .container:before, .ds.with_bottom_border_container .container:after { background-color: #414143; } .with_top_border_container .container:before, .with_bottom_border_container .container:after { left: 15px; right: 15px; } .with_bottom_border:after, .with_bottom_border_container .container:after, .with_bottom_border_two_colors:after { bottom: 0; top: auto; } .bg_image, .bg_image:after { background-image: url(../img/background_section.png); } h2.section_header { font-size: 40px; line-height: 0.9em; margin-bottom: 0.8em; position: relative; word-wrap: break-word; } h2.section_header .small, h2.section_header .big { display: block; } h2.section_header .small, h2.section_header.small { font-size: 30px; } h2.section_header .big, h2.section_header.big { font-size: 60px; line-height: 0.93em; } @media (min-width: 1200px) { h2.section_header { font-size: 60px; } h2.section_header .small, h2.section_header.small { font-size: 40px; } h2.section_header .extra-small, h2.section_header.extra-small { font-size: 30px; } h2.section_header .big, h2.section_header.big { font-size: 100px; } } .text-center h3 + p, h3.text-center + p { margin-left: auto; margin-right: auto; max-width: 930px; } .section_excerpt { font-size: 20px; font-weight: 400; line-height: 1.3em; margin-bottom: 25px; } .section_header + .section_excerpt { margin-top: -5px; } .text-center .section_excerpt, .text-center + .section_excerpt, .section_excerpt.text-center { margin-left: auto; margin-right: auto; max-width: 720px; } section > [class*="container"] > .row > .section_header { font-size: 60px; left: 0; line-height: 0.8em; margin-top: 0.025em; position: absolute; top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } @media (min-width: 1200px) { section > [class*="container"] > .row > .section_header { font-size: 100px; } } section > [class*="container"] > .row > .section_header .highlight { color: #ffdb60; } .section_bg_header { font-family: "Anton", sans-serif; font-size: 100px; left: 0; line-height: 1em; margin-bottom: -0.087em; margin-top: -0.04em; position: absolute; text-align: center; text-transform: uppercase; top: 0; white-space: nowrap; width: 100%; } @media (max-width: 500px) { .section_bg_header { display: none; } } @media (min-width: 1200px) { .section_bg_header { font-size: 160px; } } @media (min-width: 1600px) { .section_bg_header { font-size: 200px; } } .section_bg_header.before_section { bottom: 100%; top: auto; } .cs + section .section_bg_header.before_section, .cs .section_bg_header { color: #ffe267; } .ds + section .section_bg_header.before_section, .ds .section_bg_header { color: rgba(255, 255, 255, 0.025); } .ls + section .section_bg_header.before_section, .ls .section_bg_header { color: rgba(36, 39, 46, 0.04); } .with_pos_heading { padding-top: 51px; } @media (min-width: 1200px) { .with_pos_heading { padding-top: 86px; } } .before_pos_heading { padding-bottom: 51px; } @media (min-width: 1200px) { .before_pos_heading { padding-bottom: 86px; } } @media (min-width: 500px) { .with_bg_heading { padding-top: 51px; } } @media (min-width: 1200px) { .with_bg_heading { padding-top: 86px; } } @media (min-width: 500px) { .before_bg_heading { padding-bottom: 51px; } } @media (min-width: 1200px) { .before_bg_heading { padding-bottom: 86px; } } /*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% transparent; height: 100px; left: 50%; margin: -50px 0 0 -50px; position: absolute; top: 50%; width: 100px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .preloader_image { background: url(../img/preloader.gif) no-repeat 50% 50% transparent; } } /* animated elements */ .to_animate { visibility: hidden; } .no-js .to_animate, .lt-ie10 .to_animate, .lt-ie9 .to_animate { visibility: visible; } .animated { /*IE7 fix*/ visibility: visible !important; } /* boxed layout */ #box_wrapper, #canvas { overflow: hidden; 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; } .boxed .container, .boxed .container-fluid, .boxed .container-left-half, .boxed .container-right-half { max-width: 100%; } .boxed .container, .boxed .container-left-half, .boxed .container-right-half { padding-left: 25px; padding-right: 25px; } @media (max-width: 500px) { .boxed .container { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1400px) { .boxed #box_wrapper.container { width: 1370px; } } @media (min-width: 1590px) { .boxed #box_wrapper.container { width: 1560px; } } .boxed #box_wrapper.container { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding: 0; } @media (min-width: 1230px) { .container { width: 1200px; } } /* full height for 404 page */ #box_wrapper, #canvas { min-height: 100vh; } #box_wrapper { -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section_404 { -webkit-align-items: center; align-items: center; -webkit-box-align: center; -webkit-box-flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-align: center; } /* **utilites */ /* **Helper Utilites */ /* layout */ .clear, .clearfix { clear: both; } .alignleft, .alignright { margin-bottom: 25px; } .alignnone { display: block; margin-bottom: 30px; margin-top: 30px; } @media (min-width: 768px) { .alignleft { float: left; margin: 5px 30px 15px 0; max-width: 50%; } .alignright { float: right; margin: 5px 0 15px 30px; max-width: 50%; } .alignright.one-third, .alignleft.one-third { max-width: 50%; } } @media (min-width: 992px) { .alignright.one-third, .alignleft.one-third { max-width: 33.33333%; } } @media (min-width: 1200px) { .col-xs-12:not([class*="col-sm"]):not([class*="col-md"]) .alignleft:not(.one-third) { margin: 5px 50px 30px 0; } .col-xs-12:not([class*="col-sm"]):not([class*="col-md"]) .alignright:not(.one-third) { margin: 5px 0 30px 50px; } } @media (max-width: 767px) { .alignleft, .alignright { display: block; float: none; margin-left: 0 !important; margin-right: 0 !important; } } .round { border-radius: 50%; } .rounded { border-radius: 5px; } .top_rounded { border-radius: 5px 5px 0 0; } .bottom_rounded { border-radius: 0 0 5px 5px; } .overflow_hidden { overflow: hidden; z-index: 1; } .inline-block { display: inline-block; max-width: 100%; } .display-block { display: block; } .with_padding { padding: 20px; } @media (min-width: 400px) { .with_padding { padding: 35px 40px; } } @media (min-width: 400px) { .with_padding.small_padding { padding: 25px; } } @media (min-width: 1200px) { .with_padding.big-padding { padding: 55px 60px; } } .with_background { background-color: #f5f6fb; } .with_background .with_background { background-color: #fff; } .muted_background { background-color: #f2f2f2; } .with_border { border: 1px solid #ebe9e8; } .with_border.thick_border { border-width: 10px; } .with_shadow { box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .with_big_shadow { box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.1); } .no_top_border { border-top: none; } .no_bottom_border { border-bottom: none; } .bottom_color_border { border-bottom: 3px solid #ffdb60; } .top_color_border { border-top: 3px solid #ffdb60; } .wp-caption { background-color: #fff; } .ls .with_background .wp-caption { background-color: #f5f6fb; } .with_offset_frame { display: inline-block; position: relative; z-index: 1; } .with_offset_frame:before { border: 7px solid #ffdb60; content: ""; height: 100%; position: absolute; right: -15px; top: -15px; width: 100%; z-index: -1; } @media (min-width: 1200px) { .with_offset_frame:before { border-width: 15px; right: -30px; top: -30px; } } .bottom-border { position: relative; } .bottom-border:after { background-color: rgba(0, 0, 0, 0.1); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 0; } .before_cover, .after_cover { overflow: hidden; } .before_cover, .after_cover, .before_cover > *, .after_cover > * { position: relative; z-index: 2; } .before_cover:before, .after_cover: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; } .big { font-size: 24px; line-height: 1; } strong.big { font-size: 20px; font-weight: 500; } /* borders, colors and backgrouns */ .response, .highlight, .highlight1 { border-color: #ffdb60; color: #ffdb60; } .red, .required { color: #fa5c5d; } .lightgrey { color: #bfbfbf; } .black { border-color: #1d1f25; color: #1d1f25; } .grey { border-color: #24272e; color: #24272e; } .light { color: #fff; } .fontcolor { color: #7f7f7f; } .greylinks a { color: #7f7f7f; } .greylinks a.social-icon { color: rgba(127, 127, 127, 0.6); } .greylinks a.social-icon:hover, .greylinks a.social-icon:focus, .greylinks a.social-icon:active { color: #ffdb60; } .darklinks a { color: #24272e; } .darklinks a:hover { color: #ffdb60; } .darklinks a.social-icon { color: #24272e; } .underlined-links a { text-decoration: underline; } a.underline-link { text-decoration: underline; } .thin { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .weight-black { font-weight: 900; } .success_color { color: #8bcc18; } .info_color { color: #3ad9dd; } .warning_color { color: #fdab36; } .danger_color { color: #f23c54; } .main_bg_color, .dark_bg_color, .darkblue_bg_color, .darkgrey_bg_color, .darkgrey_bg.bg_teaser, .success_bg_color, .info_bg_color, .warning_bg_color, .danger_bg_color, .danger_bg_color, .transp_gradient_bg, [class*="gradient_bg"] { color: #979797; } .main_bg_color h1, .main_bg_color h2, .main_bg_color h3, .main_bg_color h4, .main_bg_color h5, .main_bg_color h6, .dark_bg_color h1, .dark_bg_color h2, .dark_bg_color h3, .dark_bg_color h4, .dark_bg_color h5, .dark_bg_color h6, .darkblue_bg_color h1, .darkblue_bg_color h2, .darkblue_bg_color h3, .darkblue_bg_color h4, .darkblue_bg_color h5, .darkblue_bg_color h6, .darkgrey_bg_color h1, .darkgrey_bg_color h2, .darkgrey_bg_color h3, .darkgrey_bg_color h4, .darkgrey_bg_color h5, .darkgrey_bg_color h6, .darkgrey_bg.bg_teaser h1, .darkgrey_bg.bg_teaser h2, .darkgrey_bg.bg_teaser h3, .darkgrey_bg.bg_teaser h4, .darkgrey_bg.bg_teaser h5, .darkgrey_bg.bg_teaser h6, .success_bg_color h1, .success_bg_color h2, .success_bg_color h3, .success_bg_color h4, .success_bg_color h5, .success_bg_color h6, .info_bg_color h1, .info_bg_color h2, .info_bg_color h3, .info_bg_color h4, .info_bg_color h5, .info_bg_color h6, .warning_bg_color h1, .warning_bg_color h2, .warning_bg_color h3, .warning_bg_color h4, .warning_bg_color h5, .warning_bg_color h6, .danger_bg_color h1, .danger_bg_color h2, .danger_bg_color h3, .danger_bg_color h4, .danger_bg_color h5, .danger_bg_color h6, .danger_bg_color h1, .danger_bg_color h2, .danger_bg_color h3, .danger_bg_color h4, .danger_bg_color h5, .danger_bg_color h6, .transp_gradient_bg h1, .transp_gradient_bg h2, .transp_gradient_bg h3, .transp_gradient_bg h4, .transp_gradient_bg h5, .transp_gradient_bg h6, [class*="gradient_bg"] h1, [class*="gradient_bg"] h2, [class*="gradient_bg"] h3, [class*="gradient_bg"] h4, [class*="gradient_bg"] h5, [class*="gradient_bg"] h6 { color: #fff; } .main_bg_color { background-color: #ffdb60; } .dark_bg_color { background-color: #1d1f25; } .darkblue_bg_color { background-color: #00202b; color: #fff; } .darkgrey_bg_color { background-color: #24272e; color: #fff; } .success_bg_color { background-color: #8bcc18; } .info_bg_color { background-color: #3ad9dd; } .warning_bg_color { background-color: #fdab36; } .danger_bg_color { background-color: #f23c54; } .light_bg_color { background-color: #fff; } .transp_bg { background-color: transparent !important; } .theme_bg { background-color: #fff; } /*dividers, margins and paddings*/ .divider_20 { margin: 20px 0; } .divider_30 { margin: 30px 0; } .divider_40 { margin: 40px 0; } .divider_60_2 { height: 2px; width: 60px; } .text-center hr[class*="divider_"], .text-center hr[class*="_divider"] { margin-left: auto; margin-right: auto; text-align: center; } .margin_0 { margin: 0 !important; } .topmargin_0 { margin-top: 0 !important; } .topmargin_1 { margin-top: 1px; } .topmargin_5 { margin-top: 5px; } .topmargin_10 { margin-top: 10px; } .topmargin_15 { margin-top: 15px; } .topmargin_20 { margin-top: 20px; } .topmargin_25 { margin-top: 25px; } .topmargin_30 { margin-top: 30px; } .topmargin_35 { margin-top: 35px; } .topmargin_40 { margin-top: 40px; } .topmargin_45 { margin-top: 45px; } .topmargin_50 { margin-top: 50px; } .topmargin_55 { margin-top: 55px; } .topmargin_60 { margin-top: 60px; } .topmargin_80 { margin-top: 80px; } .bottommargin_0 { margin-bottom: 0 !important; } .bottommargin_5 { margin-bottom: 5px; } .bottommargin_10 { margin-bottom: 10px; } .bottommargin_15 { margin-bottom: 15px; } .bottommargin_20 { margin-bottom: 20px; } .bottommargin_25 { margin-bottom: 25px; } .bottommargin_30 { margin-bottom: 30px; } .bottommargin_35 { margin-bottom: 35px; } .bottommargin_40 { margin-bottom: 40px; } .bottommargin_50 { margin-bottom: 50px; } .bottommargin_60 { margin-bottom: 60px; } .leftmargin_10 { margin-left: 10px; } .leftmargin_20 { margin-left: 20px; } .leftmargin_30 { margin-left: 30px; } .leftmargin_40 { margin-left: 40px; } .leftmargin_50 { margin-left: 50px; } .leftmargin_60 { margin-left: 60px; } .rightmargin_5 { margin-right: 5px; } .rightmargin_10 { margin-right: 10px; } .rightmargin_20 { margin-right: 20px; } .rightmargin_30 { margin-right: 30px; } .rightmargin_40 { margin-right: 40px; } .rightmargin_50 { margin-right: 50px; } .rightmargin_60 { margin-right: 60px; } .padding_0 { padding: 0; } .padding_10 { padding: 10px; } .padding_20 { padding: 20px; } .padding_30 { padding: 30px; } .padding_40 { padding: 40px; } .toppadding_10 { padding-top: 10px; } .toppadding_20 { padding-top: 20px; } .toppadding_30 { padding-top: 30px; } .toppadding_40 { padding-top: 40px; } .toppadding_50 { padding-top: 50px; } .toppadding_60 { padding-top: 60px; } .bottompadding_10 { padding-bottom: 10px; } .bottompadding_20 { padding-bottom: 20px; } .bottompadding_30 { padding-bottom: 30px; } .bottompadding_40 { padding-bottom: 40px; } .bottompadding_50 { padding-bottom: 50px; } .bottompadding_60 { padding-bottom: 60px; } .leftpadding_5 { padding-left: 5px; } .leftpadding_10 { padding-left: 10px; } .leftpadding_20 { padding-left: 20px; } .leftpadding_30 { padding-left: 30px; } .leftpadding_40 { padding-left: 40px; } .leftpadding_50 { padding-left: 50px; } .leftpadding_60 { padding-left: 60px; } .rightpadding_5 { padding-right: 5px; } .rightpadding_10 { padding-right: 10px; } .rightpadding_20 { padding-right: 20px; } .rightpadding_25 { padding-right: 25px; } .rightpadding_30 { padding-right: 30px; } .rightpadding_40 { padding-right: 40px; } .rightpadding_50 { padding-right: 50px; } .rightpadding_60 { padding-right: 60px; } .fontsize_12 { font-size: 12px; } .fontsize_14 { font-size: 14px; } .fontsize_16 { font-size: 16px; } .fontsize_18 { font-size: 18px; } .fontsize_20 { font-size: 20px; line-height: 30px; } .fontsize_24 { font-size: 24px; } .fontsize_26 { font-size: 26px; } .fontsize_28 { font-size: 28px; } .fontsize_30 { font-size: 30px; } .fontsize_32 { font-size: 32px; } /*alignment*/ .display_table { border-collapse: collapse; display: table; height: 100%; margin-left: auto; margin-right: auto; min-width: 100%; } .display_table_cell { box-sizing: border-box; display: table-cell; float: none; overflow: hidden; vertical-align: middle; zoom: 1; } @media (min-width: 768px) { .pull-sm-right { float: right; } .pull-sm-left { float: left; } .text-sm-right { text-align: right; } .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .display_table_sm { border-collapse: collapse; display: table; height: 100%; margin-left: auto; margin-right: auto; min-width: 100%; } .display_table_cell_sm { box-sizing: border-box; display: table-cell; float: none; overflow: hidden; vertical-align: middle; zoom: 1; } } @media (min-width: 992px) { .pull-md-right { float: right; } .pull-md-left { float: left; } .text-md-right { text-align: right; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } .display_inline_md { display: inline; } .display_table_md { border-collapse: collapse; display: table; height: 100%; margin-left: auto; margin-right: auto; min-width: 100%; } .display_table_cell_md { box-sizing: border-box; display: table-cell; float: none; vertical-align: middle; zoom: 1; } } @media (min-width: 1200px) { .pull-lg-right { float: right; } .pull-lg-left { float: left; } .text-lg-right { text-align: right; } .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .display_table_lg { border-collapse: collapse; display: table; height: 100%; margin-left: auto; margin-right: auto; min-width: 100%; } .display_table_cell_lg { box-sizing: border-box; display: table-cell; float: none; overflow: hidden; vertical-align: middle; zoom: 1; } } @media (max-width: 767px) { .text-xs-right { text-align: right; } .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } } @media (max-width: 500px) { .hidden-xxs { display: none; } } .inline-dropdown { list-style: none; margin: 0; } .inline-dropdown > li { display: inline-block; margin: 0 -2px; } .small-text { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .small-text i { font-size: 16px; } h1 + .small-text, h2 + .small-text, h3 + .small-text, h4 + .small-text, h5 + .small-text, h6 + .small-text { display: block; line-height: 1.5em; } .nowrap { white-space: nowrap; } .media.inline-block { display: inline-block; } .media.inline-block .media-body { width: auto; } .content-justify { -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-pack: justify; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .content-justify.v-spacing > * { margin-bottom: 10px; margin-top: 10px; } .content-justify.nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .inline-content { display: block; margin-left: -8px; margin-right: -8px; } .inline-content > * { display: inline-block; margin-bottom: 0; margin-left: 8px; margin-right: 8px; vertical-align: middle; } .inline-content > *.media { margin-bottom: 10px; margin-top: 10px; } .inline-content.v-spacing > * { margin-bottom: 10px; } .inline-content.v-spacing > *:last-child { margin-bottom: 10px; margin-right: 9px; } @media (min-width: 1200px) { .inline-content.big-spacing { margin-left: -15px; margin-right: -15px; } .inline-content.big-spacing > * { margin-left: 15px; margin-right: 15px; } .inline-content.big-spacing > *:last-child { margin-right: 15px; } } @media (min-width: 1600px) { .inline-content.big-spacing { margin-left: -20px; margin-right: -20px; } .inline-content.big-spacing > * { margin-left: 20px; margin-right: 20px; } .inline-content.big-spacing > *:last-child { margin-right: 20px; } } .item-meta .inline-content > * { margin-left: 10px; margin-right: 10px; } .inline-content.with_dividers > *:not(:last-child) { margin-right: 0; } .inline-content.with_dividers > * + *:before { color: #7f7f7f; content: "/"; font-weight: 300; margin-left: 0; margin-right: 8px; } .darklinks .inline-content.with_dividers > * + *:before, .inline-content.with_dividers.darklinks > * + *:before { color: #24272e; } .highlightlinks .inline-content.with_dividers > * + *:before, .highlight .inline-content.with_dividers > * + *:before, .inline-content.with_dividers.highlight > * + *:before, .inline-content.with_dividers.highlightlinks > * + *:before { color: #ffdb60; } [class*="bg_color"] .inline-content.with_dividers > * + *:before, [class*="bg_color"].inline-content.with_dividers > * + *:before { color: #24272e; } .display-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .v-center { -webkit-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .flex-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap:before, .flex-wrap:after { display: none; } .v-center { -webkit-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .v-center-content { -webkit-align-items: stretch; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; } .v-center-content > [class*='col-'] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .v-center-content > [class*='col-'] > * { -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-align: start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; } .v-center-content > [class*='col-'].text-center > * { -webkit-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .content-3lines-ellipsis { -webkit-box-orient: vertical; display: block; display: -webkit-box; font-size: 1em; height: 5.625em; -webkit-line-clamp: 3; line-height: 1.875em; overflow: hidden; text-overflow: ellipsis; } .content-3lines-ellipsis p:last-child { margin-bottom: 15px; } .two-cols-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .two-cols-text ul { margin: 0; } /* media items - common side and vertical items */ .with_border .item-media-wrap, .with_border .entry-thumbnail { margin: -1px; z-index: 2; } .with_border .item-media-wrap + header, .with_border .entry-thumbnail + header { margin: 0 -1px; } .with_border.full-padding .item-media { margin: 0; } /* side and vertical items paddings */ .side-item .row { margin: 0; } .side-item .row [class*="col-"] { margin: 0; padding: 0; } .side-item.side-sm .item-content { padding-top: 30px; } @media (min-width: 768px) { .side-item.side-sm .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .side-item.side-sm .row [class*="col-"] { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .side-item.side-sm .row .top_rounded { border-radius: 3px 0 0 3px; } } @media (min-width: 768px) { .side-item.side-sm.justify-content .item-content { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; height: 100%; -webkit-justify-content: space-between; justify-content: space-between; } .side-item.side-sm.right-media .row > [class*="col-"]:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } @media (min-width: 992px) { .side-item.side-md .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .side-item.side-md .row [class*="col-"] { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .side-item.side-md .row .top_rounded { border-radius: 3px 0 0 3px; } } @media (min-width: 992px) { .side-item.side-md.justify-content .item-content { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; height: 100%; -webkit-justify-content: space-between; justify-content: space-between; } .side-item.side-md.right-media .row > [class*="col-"]:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } /*-xs- side-item paddings and margins*/ @media (max-width: 767px) { .no-content-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content, .full-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-xs-12 .item-content, .full-padding .col-xs-12 .item-content { padding-left: 0; padding-right: 0; padding-top: 30px; } } /*-sm- side-item paddings and margins*/ @media (min-width: 768px) { .no-content-padding [class*='col-sm-'] .item-content, .full-padding [class*='col-sm-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-sm-'][class*='col-sm-pull'] .item-content, .full-padding [class*='col-sm-'][class*='col-sm-pull'] .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; } } /*-md- side-item paddings and margins*/ @media (min-width: 992px) { .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*='col-md-pull'] .item-content, .full-padding [class*='col-md-'][class*='col-md-pull'] .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; } } /*-lg- side-item paddings and margins*/ @media (min-width: 1200px) { .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*='col-lg-pull'] .item-content, .full-padding [class*='col-lg-'][class*='col-lg-pull'] .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-item .item-content { position: relative; } .vertical-item.post .item-content { padding-top: 0; } .vertical-item.content-padding .item-content { padding: 30px 20px; } @media (min-width: 400px) { .vertical-item.content-padding .item-content { padding: 35px 40px; } } .vertical-item.content-padding footer.entry-meta { padding: 20px 20px; } @media (min-width: 400px) { .vertical-item.content-padding footer.entry-meta { padding: 30px; } } @media (min-width: 1200px) { .vertical-item.big-padding .item-content { padding: 55px 60px; } } @media (min-width: 1200px) { .vertical-item.big-padding footer.entry-meta { padding: 30px; } } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { bottom: 0; left: 0; padding: 20px; position: absolute; right: 0; z-index: 2; } @media (min-width: 400px) { .vertical-item.content-absolute .item-content { padding: 35px 40px; } } @media (min-width: 1200px) { .vertical-item.content-absolute .item-content.big-padding { padding: 55px 60px; } } .vertical-item.content-absolute .item-content.ds { background-color: transparent; } .vertical-item.content-absolute.vertical-center .item-content { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -webkit-box; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; top: 0; } .vertical-item.content-absolute.hover-content .item-content { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .vertical-item.content-absolute.hover-content:hover .item-content { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .vertical-item + .item-title { padding: 10px 30px; } .vertical-item + .item-title h2, .vertical-item + .item-title h3, .vertical-item + .item-title h4 { margin: 0; } .side-item.content-padding .item-content { padding: 25px 20px; } @media (min-width: 400px) { .side-item.content-padding .item-content { padding: 35px 40px 30px; } } @media (min-width: 1200px) { .side-item.big-padding .item-content { padding: 55px 60px 50px; } } /* item meta */ .entry-meta { position: relative; } .item-media-wrap { position: relative; } .item-media-wrap .entry-meta { bottom: 0; left: 0; position: relative; right: 0; z-index: 1; } @media (min-width: 1200px) { .item-media-wrap .entry-meta { position: absolute; } .ls .item-media-wrap .entry-meta { background-color: rgba(36, 39, 46, 0.8); } .ds .item-media-wrap .entry-meta { background-color: rgba(255, 255, 255, 0.8); } } .content-padding .item-media-wrap + .entry-meta, .content-padding > .entry-meta:first-child, .content-padding [class*="col-"] > .entry-meta:first-child, .content-padding .item-media + .entry-meta, .content-padding .item-media-wrap .entry-meta { padding: 12px 20px 11px; } @media (min-width: 400px) { .content-padding .item-media-wrap + .entry-meta, .content-padding > .entry-meta:first-child, .content-padding [class*="col-"] > .entry-meta:first-child, .content-padding .item-media + .entry-meta, .content-padding .item-media-wrap .entry-meta { padding: 12px 35px 11px; } } .content-padding .item-media-wrap + .entry-meta.no-avatar > *:first-child, .content-padding > .entry-meta:first-child.no-avatar > *:first-child, .content-padding [class*="col-"] > .entry-meta:first-child.no-avatar > *:first-child, .content-padding .item-media + .entry-meta.no-avatar > *:first-child, .content-padding .item-media-wrap .entry-meta.no-avatar > *:first-child { max-width: 100%; } @media (min-width: 1200px) { .big-padding .item-media-wrap + .entry-meta, .big-padding > .entry-meta:first-child, .big-padding [class*="col-"] > .entry-meta:first-child, .big-padding .item-media + .entry-meta, .big-padding .item-media-wrap .entry-meta { padding: 17px 55px 16px; } } @media (min-width: 1200px) { .big-padding.side-item .item-media-wrap + .entry-meta, .big-padding.side-item > .entry-meta:first-child, .big-padding.side-item [class*="col-"] > .entry-meta:first-child, .big-padding.side-item .item-media + .entry-meta, .big-padding.side-item .item-media-wrap .entry-meta { padding: 17px 55px 16px; } } /* item media links */ .item-media-wrap { line-height: 0; } .item-media-wrap > * { line-height: 1.625rem; } .item-media { overflow: hidden; position: relative; } .item-media img { width: auto; } .media-links { background-color: transparent !important; bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; } .media-links div { margin-top: -25px; position: absolute; top: 50%; width: 100%; z-index: 4; } .media-links:before { background-color: rgba(36, 39, 46, 0.6); bottom: 0; content: ""; filter: alpha(opacity=0); left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .media-links.color-overlay:before { opacity: 1; } [class*="-item"]:hover .media-links.color-overlay:before { opacity: 0; } [class*="-item"].content-absolute:hover .media-links:before, .item-media:hover .media-links:before { opacity: 1; } .media-links.no-overlay:before { display: none; } .media-links.inverse:before { opacity: 1; } [class*="-item"]:hover .media-links.inverse:before { opacity: 0; } .media-links a.abs-link { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; } .media-links a.abs-link:hover { opacity: 1; } [class*="-item"] .links-wrap a, [class*="-item"] .links-wrap > span { border-radius: 30px; display: inline-block; filter: alpha(opacity=0); font-size: 42px; height: 60px; line-height: 60px; opacity: 0; position: relative; text-align: center; top: -100px; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-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.p-view { color: #fff; } [class*="-item"] .links-wrap a.p-view:hover { color: #ffdb60; } [class*="-item"] .links-wrap a.p-link { color: #24272e; -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; } [class*="-item"] .links-wrap a.p-link:hover { color: #ffdb60; } [class*="-item"] .links-wrap a:before { content: "\f0b2"; font-family: "FontAwesome"; } [class*="-item"] .links-wrap a.p-link:before { content: "\f067"; font-size: 14px; } [class*="-item"] .links-wrap > span { font-size: 24px; } .media-links .bottom-links { bottom: -20px; opacity: 0; top: auto; -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .item-media:hover .links-wrap a, .item-media:hover .links-wrap > span { filter: alpha(opacity=100); opacity: 1; top: 0; } .item-media:hover .media-links div { filter: alpha(opacity=100); opacity: 1; } .item-media:hover .media-links .bottom-links { bottom: 30px; opacity: 1; } .featured-post { border-radius: 0 0 100% 0; height: 40px; left: 0; position: absolute; text-align: center; top: 0; width: 40px; } .featured-post i { color: #fff; font-size: 14px; left: 12px; position: absolute; top: 12px; } @media (min-width: 1200px) { .featured-post { height: 60px; width: 60px; } .featured-post i { left: 19px; top: 19px; } } /* ** Header */ .header_white { background-color: #fff; color: #7f7f7f; } .header_white.affix { box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.07); } .header_white a.logo { color: #24272e; } .header_white a.logo small { color: #7f7f7f; } .header_white a.border-icon { border-color: #24272e; color: #24272e; } .header_white + .ls.page_content:not(.ms) { border-top: 1px solid #ebe9e8; } .ls:not(.ms) + .header_white > header:not(.ms):before { background-color: #ebe9e8; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 0; } .template_header:before { display: none !important; } .header_darkgrey { background-color: #24272e; color: #fff; } .header_darkgrey.affix { box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3); } .header_darkgrey a[class*='socicon-'] { color: #fff; } .header_darkgrey .logo-meta, .header_darkgrey .grey, .header_darkgrey .black { color: #fff; } .header_darkgrey.with_top_border:before { background-color: #414143; } .ds:not(.ms) + .header_darkgrey > header:not(.ms) { border-top: 1px solid #414143; } .affix.page_header [class*="container"]:before { background-color: transparent !important; } .header_color { background-color: #ffdb60; } @media (min-width: 768px) { .header_transparent_wrap { height: 0 !important; position: relative; } .header_transparent_wrap .header_transparent:not(.affix).header_darkgrey { background-color: rgba(29, 31, 37, 0.75); } .transparent_wrapper { height: 0 !important; position: relative; } .transparent_wrapper > .page_toplogo.cs.dark_divided, .transparent_wrapper > *:not(.page_header_wrapper) { background: none; position: relative; z-index: 3; } .transparent_wrapper .page_header:not(.affix) { background-color: transparent; } } /* logo */ .logo { display: inline-block; padding: 6px 0; position: relative; word-break: break-word; z-index: 2; } .logo img { max-width: 190px; } @media (min-width: 1600px) { .logo img { max-width: 240px; } } @media (min-width: 1600px) { .affix .logo img { max-width: 190px; } } .page_header_side .logo img { max-width: 220px; } @media (max-width: 767px) { .logo img { max-width: 180px; } } @media (max-width: 499px) { .dark_divided .logo img { max-width: 120px; } } .logo.logo_with_text { white-space: nowrap; } .ls .logo { color: #24272e; } .header_color .logo, .header_darkgrey .logo { color: #fff; } .floating_logo .logo { float: left; margin-right: 30px; } .logo.vertical_logo { display: table; margin-left: auto; margin-right: auto; padding: 0; text-align: center; } .logo.vertical_logo img { display: block; margin: auto; } .logo.vertical_logo .logo_text { display: block; margin: -4px auto 0; text-align: center; } .logo.vertical_logo .logo_text .big { margin-bottom: 0; } @media (min-width: 992px) { .header_logo_center .logo { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .logo_text { color: #24272e; display: inline-block; font-family: "Playfair Display", serif; font-size: 30px; font-weight: 900; line-height: 1; margin-left: 4px; text-align: left; vertical-align: middle; } .logo_text_only .logo_text { margin-left: 0; } .cs.dark_divided .logo_text { color: #fff; } @media (min-width: 992px) { .header_logo_center .logo_wrapper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } } .logo-meta { display: inline-block; line-height: 1; margin: 11px 20px; text-align: left; vertical-align: middle; } .page_header_side .logo-meta { display: block !important; } .page_header { height: auto; left: 0; margin: 0; padding: 0; position: relative; right: 0; top: 0; z-index: 1000; } .page_header.affix { position: fixed; z-index: 1001; } .page_header.affix-top { top: 0 !important; } .page_header.mobile-active { z-index: 1002; } .page_header.affix-bottom { position: fixed; top: 0 !important; } .page_header .search_modal_button { background-position: 50% 0; border-color: transparent; } .page_header [class*="display_table_cell"] { overflow: visible; } .page_header [class*="col-"] { min-height: 0; } @media (max-width: 1599px) { .page_header .header_right_buttons h5 { font-size: 16px; } .page_header .header_right_buttons .big { font-size: 24px; } } .page_header .affix-visible { visibility: hidden; } .page_header.affix .affix-visible { visibility: visible; } #search_modal { color: #fff; } #search_modal .search-form { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 0 0 0 60px; } #search_modal a { color: #fff; font-size: 12px; opacity: 0.6; text-transform: uppercase; } #search_modal a:hover { color: #ffdb60; opacity: 1; } #search_modal .searchform-respond { margin: 20px auto; width: 300px; } #search_modal .form-control { background-color: transparent; border: none; color: #fff; height: 50px; width: 100%; } #search_modal .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #search_modal .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #search_modal .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } #search_modal .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } #search_modal .theme_button { padding: 0; } #search_modal .close { color: #fff; min-width: 0; opacity: 1; padding: 14px 14px 13px; position: absolute; text-shadow: none; } .page_header .header-button { line-height: 60px; } .header_right_buttons .inline-list.small-padding > li { padding-bottom: 0; padding-top: 0; } /* header floats */ .page_header:before, .page_header:after { clear: both; content: ""; display: block; } .header_left_logo { overflow: visible; white-space: nowrap; } .header_mainmenu { overflow: visible; padding: 0 15px; } [class*="flex"] .header_mainmenu { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .header_mainmenu:last-child { padding-right: 0; } .header_mainmenu:first-child { padding-left: 0; } .header_mainmenu.with_toggler { min-height: 60px; } .header_right_buttons { overflow: visible; text-align: right; white-space: nowrap; } .header_right_buttons.ls { background-color: transparent !important; } /* ** Side Header */ /* side header layout */ body { left: 0; position: relative; } 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, .page_header_side { -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } body { -webkit-transition-property: left, right; transition-property: left, right; } body.active-side-header { left: 270px; } body.active-side-header .page_header_side { left: 0; } body.active-side-header:after { opacity: 1; visibility: visible; } .page_header_side { bottom: 0; left: -270px; position: fixed; top: 0; width: 270px; z-index: 1002; } .page_header_side.active-slide-side-header { box-shadow: 0 0px 4px 3px rgba(50, 50, 50, 0.05); } .page_header_side ~ * .toggle_menu { display: none; } .page_header_side .widget { margin-top: 20px; padding-left: 30px; padding-right: 30px; } .page_header_side .logo-meta { margin: 30px; } .page_header_side .social-icons { display: block; margin: 20px 30px 0; } .side_header_inner { padding: 10px 0 60px; } .toggle_menu_side { border-radius: 0; cursor: pointer; height: 60px; position: absolute; right: -65px; top: 5px; width: 60px; z-index: 2; } .toggle_menu_side:after { bottom: 8px; content: "menu"; font-family: "Fjalla One", sans-serif; font-size: 12px; left: 15px; letter-spacing: 0.1em; line-height: 1.75em; position: absolute; text-transform: uppercase; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } .toggle_menu_side span { height: 12px; left: 15px; position: absolute; top: 15px; width: 30px; } .toggle_menu_side:after { color: #24272e; } .toggle_menu_side:before, .toggle_menu_side span:after, .toggle_menu_side span:before { background-color: #24272e; content: ""; display: block; height: 2px; left: 0; position: absolute; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; width: 30px; } .toggle_menu_side span:before { opacity: 1; top: 0; } .toggle_menu_side span:after { bottom: 0; } .toggle_menu_side:before { left: 15px; top: 15px; } .active-slide-side-header .toggle_menu_side:before, .active-side-header .toggle_menu_side:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .active-slide-side-header .toggle_menu_side span:before, .active-side-header .toggle_menu_side span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .active-slide-side-header .toggle_menu_side span:after, .active-side-header .toggle_menu_side span:after { opacity: 0; } .ds .toggle_menu_side:before, .ds .toggle_menu_side span:before, .ds .toggle_menu_side span:after { background-color: #fff; } .ds .toggle_menu_side:after { color: #fff; } .page_header_side.page_header_side_sticked .toggle_menu_side { right: -65px; top: 5px; -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } .admin .page_header_side.page_header_side_sticked .toggle_menu_side { right: -60px; top: 0; } .admin .page_header_side.page_header_side_sticked.active-slide-side-header .toggle_menu_side { box-shadow: none; right: 0; top: 0; } .page_header_side.active-slide-side-header { left: 0; } .container { max-width: 100%; } @media (max-width: 767px) { .container { max-width: 500px; } } @media (min-width: 600px) { .page_header_side.page_header_side_sticked.active-slide-side-header { left: 0; } .page_header_side_sticked ~ * { -webkit-transition: margin 0.6s ease-in-out; transition: margin 0.6s ease-in-out; } .page_header_side_sticked ~ div .page_header { padding-left: 35px; } .page_header_side_sticked.active-slide-side-header ~ div .page_header { margin-left: 270px; padding-left: 0; } .page_header_side_sticked.active-slide-side-header ~ * { margin-left: 270px; } .boxed .page_header_side_sticked.active-slide-side-header ~ *, .boxed .page_header_side_sticked.active-slide-side-header ~ div .page_header { margin-left: 0; } .page_header_side_sticked ~ .page_header_wrapper { margin-left: 0; } } .page_header_side.header_side_right { left: auto; right: -270px; } .page_header_side.header_side_right.active-slide-side-header { right: 0; } .page_header_side.header_side_right .toggle_menu_side { left: -65px; right: auto; } @media (max-width: 350px) { .page_header_side.header_side_right .toggle_menu_side { left: -50px; } } body.active-side-header.slide-right { left: -270px; } body.active-side-header.slide-right .page_header_side { left: auto; right: 0; } /* side clickable menu styles */ .menu-side-click { margin: 19px 0; padding: 0; } .menu-side-click i { margin-right: 10px; text-align: center; width: 1em; } .menu-side-click .activate_submenu { color: #24272e; cursor: pointer; font-size: 11px; opacity: 0.9; position: absolute; right: 30px; text-align: center; top: 7px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; width: 10px; } .menu-side-click .activate_submenu:before { content: "\f0dd"; font-family: "FontAwesome"; } .ds .menu-side-click .activate_submenu { color: #fff; } .menu-side-click .active-submenu > .activate_submenu { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .menu-side-click li { list-style: none; position: relative; } .menu-side-click > li { background-color: transparent; border-left: 3px solid transparent; font-weight: 400; padding: 0 40px 0 27px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .menu-side-click > li a { display: block; padding: 7px 0; } .menu-side-click > li.active-submenu { border-color: #ffdb60; padding-bottom: 10px; padding-top: 19px; } .bs .menu-side-click > li.active-submenu { background-color: #00202b; } .ls .menu-side-click > li.active-submenu { background-color: #f5f6fb; } .menu-side-click > li.active-submenu > .activate_submenu { top: 22px; } .menu-side-click > li li { font-weight: 500; padding-right: 40px; } .menu-side-click li.active > a { color: #ffdb60; } .menu-side-click ul { height: 0; opacity: 0; padding-left: 26px; } .menu-side-click ul ul { font-size: 95%; padding-left: 10px; } .menu-side-click .active-submenu > div.mega-menu { height: auto; } .menu-side-click .active-submenu > ul, .menu-side-click .active-submenu > div.mega-menu > ul { height: auto; opacity: 1; } .menu-side-click ul, .menu-side-click div.mega-menu { height: 0; margin-bottom: 0; margin-right: -40px; margin-top: 0; overflow: hidden; -webkit-transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out; transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out; } .menu-side-click ul li.sfHover > .mega-menu ul { display: block; height: 100%; } .menu-side-click div.mega-menu > ul { height: auto; margin-right: 0; } .side_header_social { margin: 30px; text-align: center; } /* 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; -webkit-transition: opacity 0.2s linear; 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; } .page_header_side.vertical_menu_header { bottom: auto; left: 0; -webkit-transition: none !important; transition: none !important; width: auto; z-index: 11; } .page_header_side.vertical_menu_header.affix-top { position: relative; } .page_header_side.vertical_menu_header.affix { -webkit-transition: none; transition: none; } @media (min-width: 1200px) { .page_header_side.vertical_menu_header .container-fluid { padding-bottom: 15px; padding-top: 15px; } } @media (min-width: 1600px) { .page_header_side.vertical_menu_header:not(.affix) .container-fluid { padding-bottom: 30px; padding-top: 30px; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } } .page_header_side.vertical_menu_header .toggle_menu_side { right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; z-index: 3; } .page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side { -webkit-transform: translateY(calc(-50% + 5px)); -ms-transform: translateY(calc(-50% + 5px)); transform: translateY(calc(-50% + 5px)); } .page_header_side.vertical_menu_header .scroll-wrapper { bottom: 0; left: 0; opacity: 0; position: fixed !important; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 2; } .admin-bar .page_header_side.vertical_menu_header .scroll-wrapper { top: 46px; } @media (min-width: 783px) { .admin-bar .page_header_side.vertical_menu_header .scroll-wrapper { top: 32px; } } .page_header_side.vertical_menu_header.active-slide-side-header .scroll-wrapper { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .page_header_side.vertical_menu_header .side_header_inner { padding: 0; } @media (min-width: 1600px) { .page_header_side.vertical_menu_header .side_header_inner .header-side-menu { margin-top: 30px; } } @media (min-width: 768px) { .page_header_side.vertical_menu_header .side_header_inner > .container-fluid { margin-right: 100px; } } .page_header_side.vertical_menu_header.ds .scroll-wrapper { background-color: #24272e; } .page_header_side.vertical_menu_header .activate_submenu { display: none; } .page_header_side.vertical_menu_header .header-side-menu { -webkit-box-pack: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .page_header_side.vertical_menu_header .menu-side-click { font-family: "Fjalla One", sans-serif; font-size: 22px; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; } .page_header_side.vertical_menu_header .menu-side-click a { padding: 5px 0; } .page_header_side.vertical_menu_header .menu-side-click > li { border-left: none; padding: 0; } .page_header_side.vertical_menu_header .menu-side-click > li li { padding: 0; } .page_header_side.vertical_menu_header .menu-side-click > li > a { padding: 8px 0; } .page_header_side.vertical_menu_header .menu-side-click > li ul { font-size: 0.75em; } .page_header_side.vertical_menu_header .menu-side-click > li ul > li:first-child { margin-top: 20px; } .page_header_side.vertical_menu_header .menu-side-click > li ul > li:last-child { margin-bottom: 35px; } @media (min-width: 1200px) { .page_header_side.vertical_menu_header .menu-side-click { font-size: 28px; } .page_header_side.vertical_menu_header .menu-side-click > li > a { padding: 15px 0; } .page_header_side.vertical_menu_header .menu-side-click > li ul > li:first-child { margin-top: 35px; } .page_header_side.vertical_menu_header .menu-side-click > li ul > li:last-child { margin-bottom: 50px; } } .page_header_side.vertical_menu_header .menu-side-click ul { margin: 0; padding: 0; } .page_header_side.vertical_menu_header .menu-side-click div.mega-menu { margin-right: 0; } .page_header_side.vertical_menu_header input { background-color: transparent; border-bottom: 1px solid #414143; color: #fff; padding-left: 0; } .page_header_side.vertical_menu_header .widget_search .form-group + .theme_button { text-align: right; } .page_header_side.vertical_menu_header .widget_search form { display: inline-block; } @media (min-width: 768px) { .transparent_wrapper .page_header.affix-top:not(.active-slide-side-header) .toggle_menu_side:before, .transparent_wrapper .page_header.affix-top:not(.active-slide-side-header) .toggle_menu_side span:before, .transparent_wrapper .page_header.affix-top:not(.active-slide-side-header) .toggle_menu_side span:after { background-color: #24272e; } .transparent_wrapper .page_header.affix-top:not(.active-slide-side-header) .toggle_menu_side:after { color: #24272e; } } /* ** Light Section - .ls */ .ls { background-color: #fff; color: #7f7f7f; } .ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 { color: #24272e; } .ls h1 a, .ls h2 a, .ls h3 a, .ls h4 a, .ls h5 a, .ls h6 a { color: inherit; } .ls h1 a:hover, .ls h2 a:hover, .ls h3 a:hover, .ls h4 a:hover, .ls h5 a:hover, .ls h6 a:hover { color: #ffdb60; } .ls .main_bg_color, .ls .success_bg_color, .ls .info_bg_color, .ls .warning_bg_color, .ls .danger_bg_color, .ls .danger_bg_color, .ls .transp_gradient_bg, .ls .gradient_bg { color: #fff; } .ls .main_bg_color a, .ls .success_bg_color a, .ls .info_bg_color a, .ls .warning_bg_color a, .ls .danger_bg_color a, .ls .danger_bg_color a, .ls .transp_gradient_bg a, .ls .gradient_bg a { color: #fff; } .ls .main_bg_color a:hover, .ls .success_bg_color a:hover, .ls .info_bg_color a:hover, .ls .warning_bg_color a:hover, .ls .danger_bg_color a:hover, .ls .danger_bg_color a:hover, .ls .transp_gradient_bg a:hover, .ls .gradient_bg a:hover { color: #24272e; } .ls .main_bg_color h1, .ls .main_bg_color h2, .ls .main_bg_color h3, .ls .main_bg_color h4, .ls .main_bg_color h5, .ls .main_bg_color h6, .ls .success_bg_color h1, .ls .success_bg_color h2, .ls .success_bg_color h3, .ls .success_bg_color h4, .ls .success_bg_color h5, .ls .success_bg_color h6, .ls .info_bg_color h1, .ls .info_bg_color h2, .ls .info_bg_color h3, .ls .info_bg_color h4, .ls .info_bg_color h5, .ls .info_bg_color h6, .ls .warning_bg_color h1, .ls .warning_bg_color h2, .ls .warning_bg_color h3, .ls .warning_bg_color h4, .ls .warning_bg_color h5, .ls .warning_bg_color h6, .ls .danger_bg_color h1, .ls .danger_bg_color h2, .ls .danger_bg_color h3, .ls .danger_bg_color h4, .ls .danger_bg_color h5, .ls .danger_bg_color h6, .ls .danger_bg_color h1, .ls .danger_bg_color h2, .ls .danger_bg_color h3, .ls .danger_bg_color h4, .ls .danger_bg_color h5, .ls .danger_bg_color h6, .ls .transp_gradient_bg h1, .ls .transp_gradient_bg h2, .ls .transp_gradient_bg h3, .ls .transp_gradient_bg h4, .ls .transp_gradient_bg h5, .ls .transp_gradient_bg h6, .ls .gradient_bg h1, .ls .gradient_bg h2, .ls .gradient_bg h3, .ls .gradient_bg h4, .ls .gradient_bg h5, .ls .gradient_bg h6 { color: #fff; } .ls .main_bg_color h1 a:hover, .ls .main_bg_color h1 a:active, .ls .main_bg_color h1 a:focus, .ls .main_bg_color h2 a:hover, .ls .main_bg_color h2 a:active, .ls .main_bg_color h2 a:focus, .ls .main_bg_color h3 a:hover, .ls .main_bg_color h3 a:active, .ls .main_bg_color h3 a:focus, .ls .main_bg_color h4 a:hover, .ls .main_bg_color h4 a:active, .ls .main_bg_color h4 a:focus, .ls .main_bg_color h5 a:hover, .ls .main_bg_color h5 a:active, .ls .main_bg_color h5 a:focus, .ls .main_bg_color h6 a:hover, .ls .main_bg_color h6 a:active, .ls .main_bg_color h6 a:focus, .ls .success_bg_color h1 a:hover, .ls .success_bg_color h1 a:active, .ls .success_bg_color h1 a:focus, .ls .success_bg_color h2 a:hover, .ls .success_bg_color h2 a:active, .ls .success_bg_color h2 a:focus, .ls .success_bg_color h3 a:hover, .ls .success_bg_color h3 a:active, .ls .success_bg_color h3 a:focus, .ls .success_bg_color h4 a:hover, .ls .success_bg_color h4 a:active, .ls .success_bg_color h4 a:focus, .ls .success_bg_color h5 a:hover, .ls .success_bg_color h5 a:active, .ls .success_bg_color h5 a:focus, .ls .success_bg_color h6 a:hover, .ls .success_bg_color h6 a:active, .ls .success_bg_color h6 a:focus, .ls .info_bg_color h1 a:hover, .ls .info_bg_color h1 a:active, .ls .info_bg_color h1 a:focus, .ls .info_bg_color h2 a:hover, .ls .info_bg_color h2 a:active, .ls .info_bg_color h2 a:focus, .ls .info_bg_color h3 a:hover, .ls .info_bg_color h3 a:active, .ls .info_bg_color h3 a:focus, .ls .info_bg_color h4 a:hover, .ls .info_bg_color h4 a:active, .ls .info_bg_color h4 a:focus, .ls .info_bg_color h5 a:hover, .ls .info_bg_color h5 a:active, .ls .info_bg_color h5 a:focus, .ls .info_bg_color h6 a:hover, .ls .info_bg_color h6 a:active, .ls .info_bg_color h6 a:focus, .ls .warning_bg_color h1 a:hover, .ls .warning_bg_color h1 a:active, .ls .warning_bg_color h1 a:focus, .ls .warning_bg_color h2 a:hover, .ls .warning_bg_color h2 a:active, .ls .warning_bg_color h2 a:focus, .ls .warning_bg_color h3 a:hover, .ls .warning_bg_color h3 a:active, .ls .warning_bg_color h3 a:focus, .ls .warning_bg_color h4 a:hover, .ls .warning_bg_color h4 a:active, .ls .warning_bg_color h4 a:focus, .ls .warning_bg_color h5 a:hover, .ls .warning_bg_color h5 a:active, .ls .warning_bg_color h5 a:focus, .ls .warning_bg_color h6 a:hover, .ls .warning_bg_color h6 a:active, .ls .warning_bg_color h6 a:focus, .ls .danger_bg_color h1 a:hover, .ls .danger_bg_color h1 a:active, .ls .danger_bg_color h1 a:focus, .ls .danger_bg_color h2 a:hover, .ls .danger_bg_color h2 a:active, .ls .danger_bg_color h2 a:focus, .ls .danger_bg_color h3 a:hover, .ls .danger_bg_color h3 a:active, .ls .danger_bg_color h3 a:focus, .ls .danger_bg_color h4 a:hover, .ls .danger_bg_color h4 a:active, .ls .danger_bg_color h4 a:focus, .ls .danger_bg_color h5 a:hover, .ls .danger_bg_color h5 a:active, .ls .danger_bg_color h5 a:focus, .ls .danger_bg_color h6 a:hover, .ls .danger_bg_color h6 a:active, .ls .danger_bg_color h6 a:focus, .ls .danger_bg_color h1 a:hover, .ls .danger_bg_color h1 a:active, .ls .danger_bg_color h1 a:focus, .ls .danger_bg_color h2 a:hover, .ls .danger_bg_color h2 a:active, .ls .danger_bg_color h2 a:focus, .ls .danger_bg_color h3 a:hover, .ls .danger_bg_color h3 a:active, .ls .danger_bg_color h3 a:focus, .ls .danger_bg_color h4 a:hover, .ls .danger_bg_color h4 a:active, .ls .danger_bg_color h4 a:focus, .ls .danger_bg_color h5 a:hover, .ls .danger_bg_color h5 a:active, .ls .danger_bg_color h5 a:focus, .ls .danger_bg_color h6 a:hover, .ls .danger_bg_color h6 a:active, .ls .danger_bg_color h6 a:focus, .ls .transp_gradient_bg h1 a:hover, .ls .transp_gradient_bg h1 a:active, .ls .transp_gradient_bg h1 a:focus, .ls .transp_gradient_bg h2 a:hover, .ls .transp_gradient_bg h2 a:active, .ls .transp_gradient_bg h2 a:focus, .ls .transp_gradient_bg h3 a:hover, .ls .transp_gradient_bg h3 a:active, .ls .transp_gradient_bg h3 a:focus, .ls .transp_gradient_bg h4 a:hover, .ls .transp_gradient_bg h4 a:active, .ls .transp_gradient_bg h4 a:focus, .ls .transp_gradient_bg h5 a:hover, .ls .transp_gradient_bg h5 a:active, .ls .transp_gradient_bg h5 a:focus, .ls .transp_gradient_bg h6 a:hover, .ls .transp_gradient_bg h6 a:active, .ls .transp_gradient_bg h6 a:focus, .ls .gradient_bg h1 a:hover, .ls .gradient_bg h1 a:active, .ls .gradient_bg h1 a:focus, .ls .gradient_bg h2 a:hover, .ls .gradient_bg h2 a:active, .ls .gradient_bg h2 a:focus, .ls .gradient_bg h3 a:hover, .ls .gradient_bg h3 a:active, .ls .gradient_bg h3 a:focus, .ls .gradient_bg h4 a:hover, .ls .gradient_bg h4 a:active, .ls .gradient_bg h4 a:focus, .ls .gradient_bg h5 a:hover, .ls .gradient_bg h5 a:active, .ls .gradient_bg h5 a:focus, .ls .gradient_bg h6 a:hover, .ls .gradient_bg h6 a:active, .ls .gradient_bg h6 a:focus { color: #24272e; } .ls .main_bg_color.darklinks a, .ls .main_bg_color .darklinks a, .ls .success_bg_color.darklinks a, .ls .success_bg_color .darklinks a, .ls .info_bg_color.darklinks a, .ls .info_bg_color .darklinks a, .ls .warning_bg_color.darklinks a, .ls .warning_bg_color .darklinks a, .ls .danger_bg_color.darklinks a, .ls .danger_bg_color .darklinks a, .ls .danger_bg_color.darklinks a, .ls .danger_bg_color .darklinks a, .ls .transp_gradient_bg.darklinks a, .ls .transp_gradient_bg .darklinks a, .ls .gradient_bg.darklinks a, .ls .gradient_bg .darklinks a { color: #fff; } .ls .main_bg_color.darklinks a:hover, .ls .main_bg_color .darklinks a:hover, .ls .success_bg_color.darklinks a:hover, .ls .success_bg_color .darklinks a:hover, .ls .info_bg_color.darklinks a:hover, .ls .info_bg_color .darklinks a:hover, .ls .warning_bg_color.darklinks a:hover, .ls .warning_bg_color .darklinks a:hover, .ls .danger_bg_color.darklinks a:hover, .ls .danger_bg_color .darklinks a:hover, .ls .danger_bg_color.darklinks a:hover, .ls .danger_bg_color .darklinks a:hover, .ls .transp_gradient_bg.darklinks a:hover, .ls .transp_gradient_bg .darklinks a:hover, .ls .gradient_bg.darklinks a:hover, .ls .gradient_bg .darklinks a:hover { color: #24272e; } .ls [class*='color_bg'] .highlight { color: #fff; } .ls .hoverable-banner.gradient_bg_color:hover .highlight2 { color: #ffdb60; } .ls .light_bg_color { color: #24272e; } .ls a { color: #ffdb60; } .ls a:hover { color: #24272e; } .ls blockquote a { color: #c7254e; } .ls .grey { color: #24272e; } .ls .highlight, .ls .highlight1 { border-color: #ffdb60; color: #ffdb60; } .ls .greylinks a { color: #7f7f7f; } .ls .greylinks a:hover, .ls .greylinks a:focus, .ls .greylinks a:active { color: #ffdb60; } .ls .greylinks a.social-icon:not(:hover) { color: #bfbfbf; } .ls .darklinks a { color: #24272e; } .ls .darklinks a:hover { color: #ffdb60; } .ls .highlightlinks a, .ls .highlightlink { color: #ffdb60; } .ls .highlightlinks a:hover, .ls .highlightlink:hover { color: #24272e; } .ls .breadcrumb > li + li:before { color: #24272e; } .ls .breadcrumb > .active { color: #ffdb60; } .ls .nav-unstyled .active a { color: #ffdb60; } .ls .theme_buttons a, .ls .theme_button { color: #fff; } .ls .theme_buttons a:hover, .ls .theme_buttons a:focus, .ls .theme_buttons a:active, .ls .theme_button:hover, .ls .theme_button:focus, .ls .theme_button:active { color: #24272e; } .ls .theme_buttons.inverse a, .ls .theme_button.inverse { color: #24272e; } .ls .theme_buttons.inverse a:hover, .ls .theme_buttons.inverse a:focus, .ls .theme_buttons.inverse a:active, .ls .theme_button.inverse:hover, .ls .theme_button.inverse:focus, .ls .theme_button.inverse:active { color: #fff; } .ls .theme_buttons.color1 a, .ls .theme_button.color1 { color: #24272e; } .ls .theme_buttons.color1 a:hover, .ls .theme_buttons.color1 a:active, .ls .theme_buttons.color1 a:focus, .ls .theme_button.color1:hover, .ls .theme_button.color1:active, .ls .theme_button.color1:focus { color: #fff; } .ls .theme_button.no_bg_button { background-color: transparent !important; color: #24272e; } .ls .theme_button.no_bg_button:hover, .ls .theme_button.no_bg_button:focus, .ls .theme_button.no_bg_button:active { color: #ffdb60; } .ls .theme_button.no_bg_button.color1 { color: #ffdb60; } .ls .theme_button.no_bg_button[class*="color"]:hover, .ls .theme_button.no_bg_button[class*="color"]:focus, .ls .theme_button.no_bg_button[class*="color"]:active { color: #24272e; } .ls:not(.ms) + .page_copyright.ls { background-color: #f5f6fb; } .ls .select-group:hover select + .theme_button, .ls .select-group:hover select + i { color: #ffdb60; } /* ** Grey Section - light section, muted section - .ls.ms */ .ls.ms { background-color: #f5f6fb; } .ls.ms.dark { background-color: #eaeaea; } .ls.ms .with_background { background-color: #fff; } .ls.ms .theme_bg .with_background { background-color: #f5f6fb; } .ls.ms .main_bg_color { background-color: #ffdb60; } .ls.ms hr { background-color: rgba(127, 127, 127, 0.2); } .ls.ms blockquote { 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 .select-group, .ls.ms .form-control { background-color: #fff; } .ls.ms .with_background input[type="text"], .ls.ms .with_background input[type="email"], .ls.ms .with_background input[type="url"], .ls.ms .with_background input[type="password"], .ls.ms .with_background input[type="search"], .ls.ms .with_background input[type="tel"], .ls.ms .with_background input[type="number"], .ls.ms .with_background textarea, .ls.ms .with_background select, .ls.ms .with_background .form-control { border-color: rgba(127, 127, 127, 0.2); } .ls.ms td, .ls.ms th, .ls.ms .with_border { border-color: #dfdcda; } .ls.ms .tab-content { background-color: #fff; } .ls.ms .tab-content .with_border { border-color: #e6e6e6; } .ls.ms .tab-content.no-border { background-color: transparent; } .ls.ms .tab-content .form-control { background-color: #f5f6fb; } .ls.ms .pagination a, .ls.ms .pagination span { background-color: #fff; } .ls.ms .pagination > li:first-child > a, .ls.ms .pagination > li:first-child > span, .ls.ms .pagination > li:last-child > a, .ls.ms .pagination > li:last-child > span { background-color: #ffdb60; } .ls.ms .pagination > li > a:hover, .ls.ms .pagination > li > span:hover, .ls.ms .pagination > li > a:focus, .ls.ms .pagination > li > span:focus, .ls.ms .pagination > .active > a, .ls.ms .pagination > .active > span, .ls.ms .pagination > .active > a:hover, .ls.ms .pagination > .active > span:hover, .ls.ms .pagination > .active > a:focus, .ls.ms .pagination > .active > span:focus { background: #ffdb60; } .ls.ms .widget_calendar tbody { background-color: #fff; } .ls.ms .owl-nav > div { background-color: #fff; } .ls.ms .panel-heading .panel-title > a.collapsed { background-color: #fff; } .ls.ms .panel-title > a.collapsed:hover, .ls.ms .panel-title > a:hover { background-color: #ffdb60; } .ls.ms .widget_tag_cloud a, .ls.ms .tag-links a { background-color: #fff; } .ls.ms .widget_tag_cloud a:hover, .ls.ms .tag-links a:hover { background-color: #ffdb60; } .ls.ms .theme_buttons a:hover, .ls.ms .theme_buttons a:active, .ls.ms .theme_buttons a:focus, .ls.ms .theme_button:hover, .ls.ms .theme_button:active, .ls.ms .theme_button:focus { background-color: #fff; } .ls.ms .theme_buttons.inverse a, .ls.ms .theme_button.inverse { background-color: #fff; } .ls.ms .theme_buttons.inverse a:hover, .ls.ms .theme_buttons.inverse a:active, .ls.ms .theme_buttons.inverse a:focus, .ls.ms .theme_button.inverse:hover, .ls.ms .theme_button.inverse:active, .ls.ms .theme_button.inverse:focus { background-color: #24272e; } .ls.ms .theme_buttons.color1 a:hover, .ls.ms .theme_buttons.color1 a:focus, .ls.ms .theme_buttons.color1 a:active, .ls.ms .theme_button.color1:hover, .ls.ms .theme_button.color1:focus, .ls.ms .theme_button.color1:active { background-color: #24272e; } /* ** Dark Section and Dark Muted sections - .ds and .ds.ms */ /* darkgrey section - .ds */ .ds { background-color: #24272e; color: #979797; } /* dark section - .ds.ms */ .ds.ms { background-color: #1d1f25; } /* dark section blue - .ds.bs */ .ds.bs { background-color: #00202b; } .ls .inverse-bg { background-color: #24272e; } .ds { /* shop */ } .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: inherit; } .ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover { color: #ffdb60; } .ds h1.highlight a:hover, .ds h2.highlight a:hover, .ds h3.highlight a:hover, .ds h4.highlight a:hover, .ds h5.highlight a:hover, .ds h6.highlight a:hover { color: #fff; } .ds .main_bg_color, .ds .success_bg_color, .ds .info_bg_color, .ds .warning_bg_color, .ds .danger_bg_color, .ds .danger_bg_color, .ds .transp_gradient_bg, .ds .gradient_bg { color: #7f7f7f; } .ds .main_bg_color h1, .ds .main_bg_color h2, .ds .main_bg_color h3, .ds .main_bg_color h4, .ds .main_bg_color h5, .ds .main_bg_color h6, .ds .success_bg_color h1, .ds .success_bg_color h2, .ds .success_bg_color h3, .ds .success_bg_color h4, .ds .success_bg_color h5, .ds .success_bg_color h6, .ds .info_bg_color h1, .ds .info_bg_color h2, .ds .info_bg_color h3, .ds .info_bg_color h4, .ds .info_bg_color h5, .ds .info_bg_color h6, .ds .warning_bg_color h1, .ds .warning_bg_color h2, .ds .warning_bg_color h3, .ds .warning_bg_color h4, .ds .warning_bg_color h5, .ds .warning_bg_color h6, .ds .danger_bg_color h1, .ds .danger_bg_color h2, .ds .danger_bg_color h3, .ds .danger_bg_color h4, .ds .danger_bg_color h5, .ds .danger_bg_color h6, .ds .danger_bg_color h1, .ds .danger_bg_color h2, .ds .danger_bg_color h3, .ds .danger_bg_color h4, .ds .danger_bg_color h5, .ds .danger_bg_color h6, .ds .transp_gradient_bg h1, .ds .transp_gradient_bg h2, .ds .transp_gradient_bg h3, .ds .transp_gradient_bg h4, .ds .transp_gradient_bg h5, .ds .transp_gradient_bg h6, .ds .gradient_bg h1, .ds .gradient_bg h2, .ds .gradient_bg h3, .ds .gradient_bg h4, .ds .gradient_bg h5, .ds .gradient_bg h6 { color: #24272e; } .ds .main_bg_color h1 a:hover, .ds .main_bg_color h1 a:active, .ds .main_bg_color h1 a:focus, .ds .main_bg_color h2 a:hover, .ds .main_bg_color h2 a:active, .ds .main_bg_color h2 a:focus, .ds .main_bg_color h3 a:hover, .ds .main_bg_color h3 a:active, .ds .main_bg_color h3 a:focus, .ds .main_bg_color h4 a:hover, .ds .main_bg_color h4 a:active, .ds .main_bg_color h4 a:focus, .ds .main_bg_color h5 a:hover, .ds .main_bg_color h5 a:active, .ds .main_bg_color h5 a:focus, .ds .main_bg_color h6 a:hover, .ds .main_bg_color h6 a:active, .ds .main_bg_color h6 a:focus, .ds .success_bg_color h1 a:hover, .ds .success_bg_color h1 a:active, .ds .success_bg_color h1 a:focus, .ds .success_bg_color h2 a:hover, .ds .success_bg_color h2 a:active, .ds .success_bg_color h2 a:focus, .ds .success_bg_color h3 a:hover, .ds .success_bg_color h3 a:active, .ds .success_bg_color h3 a:focus, .ds .success_bg_color h4 a:hover, .ds .success_bg_color h4 a:active, .ds .success_bg_color h4 a:focus, .ds .success_bg_color h5 a:hover, .ds .success_bg_color h5 a:active, .ds .success_bg_color h5 a:focus, .ds .success_bg_color h6 a:hover, .ds .success_bg_color h6 a:active, .ds .success_bg_color h6 a:focus, .ds .info_bg_color h1 a:hover, .ds .info_bg_color h1 a:active, .ds .info_bg_color h1 a:focus, .ds .info_bg_color h2 a:hover, .ds .info_bg_color h2 a:active, .ds .info_bg_color h2 a:focus, .ds .info_bg_color h3 a:hover, .ds .info_bg_color h3 a:active, .ds .info_bg_color h3 a:focus, .ds .info_bg_color h4 a:hover, .ds .info_bg_color h4 a:active, .ds .info_bg_color h4 a:focus, .ds .info_bg_color h5 a:hover, .ds .info_bg_color h5 a:active, .ds .info_bg_color h5 a:focus, .ds .info_bg_color h6 a:hover, .ds .info_bg_color h6 a:active, .ds .info_bg_color h6 a:focus, .ds .warning_bg_color h1 a:hover, .ds .warning_bg_color h1 a:active, .ds .warning_bg_color h1 a:focus, .ds .warning_bg_color h2 a:hover, .ds .warning_bg_color h2 a:active, .ds .warning_bg_color h2 a:focus, .ds .warning_bg_color h3 a:hover, .ds .warning_bg_color h3 a:active, .ds .warning_bg_color h3 a:focus, .ds .warning_bg_color h4 a:hover, .ds .warning_bg_color h4 a:active, .ds .warning_bg_color h4 a:focus, .ds .warning_bg_color h5 a:hover, .ds .warning_bg_color h5 a:active, .ds .warning_bg_color h5 a:focus, .ds .warning_bg_color h6 a:hover, .ds .warning_bg_color h6 a:active, .ds .warning_bg_color h6 a:focus, .ds .danger_bg_color h1 a:hover, .ds .danger_bg_color h1 a:active, .ds .danger_bg_color h1 a:focus, .ds .danger_bg_color h2 a:hover, .ds .danger_bg_color h2 a:active, .ds .danger_bg_color h2 a:focus, .ds .danger_bg_color h3 a:hover, .ds .danger_bg_color h3 a:active, .ds .danger_bg_color h3 a:focus, .ds .danger_bg_color h4 a:hover, .ds .danger_bg_color h4 a:active, .ds .danger_bg_color h4 a:focus, .ds .danger_bg_color h5 a:hover, .ds .danger_bg_color h5 a:active, .ds .danger_bg_color h5 a:focus, .ds .danger_bg_color h6 a:hover, .ds .danger_bg_color h6 a:active, .ds .danger_bg_color h6 a:focus, .ds .danger_bg_color h1 a:hover, .ds .danger_bg_color h1 a:active, .ds .danger_bg_color h1 a:focus, .ds .danger_bg_color h2 a:hover, .ds .danger_bg_color h2 a:active, .ds .danger_bg_color h2 a:focus, .ds .danger_bg_color h3 a:hover, .ds .danger_bg_color h3 a:active, .ds .danger_bg_color h3 a:focus, .ds .danger_bg_color h4 a:hover, .ds .danger_bg_color h4 a:active, .ds .danger_bg_color h4 a:focus, .ds .danger_bg_color h5 a:hover, .ds .danger_bg_color h5 a:active, .ds .danger_bg_color h5 a:focus, .ds .danger_bg_color h6 a:hover, .ds .danger_bg_color h6 a:active, .ds .danger_bg_color h6 a:focus, .ds .transp_gradient_bg h1 a:hover, .ds .transp_gradient_bg h1 a:active, .ds .transp_gradient_bg h1 a:focus, .ds .transp_gradient_bg h2 a:hover, .ds .transp_gradient_bg h2 a:active, .ds .transp_gradient_bg h2 a:focus, .ds .transp_gradient_bg h3 a:hover, .ds .transp_gradient_bg h3 a:active, .ds .transp_gradient_bg h3 a:focus, .ds .transp_gradient_bg h4 a:hover, .ds .transp_gradient_bg h4 a:active, .ds .transp_gradient_bg h4 a:focus, .ds .transp_gradient_bg h5 a:hover, .ds .transp_gradient_bg h5 a:active, .ds .transp_gradient_bg h5 a:focus, .ds .transp_gradient_bg h6 a:hover, .ds .transp_gradient_bg h6 a:active, .ds .transp_gradient_bg h6 a:focus, .ds .gradient_bg h1 a:hover, .ds .gradient_bg h1 a:active, .ds .gradient_bg h1 a:focus, .ds .gradient_bg h2 a:hover, .ds .gradient_bg h2 a:active, .ds .gradient_bg h2 a:focus, .ds .gradient_bg h3 a:hover, .ds .gradient_bg h3 a:active, .ds .gradient_bg h3 a:focus, .ds .gradient_bg h4 a:hover, .ds .gradient_bg h4 a:active, .ds .gradient_bg h4 a:focus, .ds .gradient_bg h5 a:hover, .ds .gradient_bg h5 a:active, .ds .gradient_bg h5 a:focus, .ds .gradient_bg h6 a:hover, .ds .gradient_bg h6 a:active, .ds .gradient_bg h6 a:focus { color: #fff; } .ds .ls { background-color: #fff; color: #7f7f7f; } .ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 { color: #24272e; } .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: #ffdb60; } .ds .ls a { color: #ffdb60; } .ds .ls a:hover { color: #24272e; } .ds .ls .darklinks a { color: #24272e; } .ds .ls .darklinks a:hover { color: #ffdb60; } .ds .ls .greylinks a { color: #7f7f7f; } .ds .ls .greylinks a:hover { color: #ffdb60; } .ds .ls .highlightlinks a:hover { color: #24272e; } .ds .ls hr { background-color: #ebe9e8; } .ds .ls blockquote { color: #24272e; } .ds .ls .highlight { color: #ffdb60; } .ds .ls .grey { color: #24272e; } .ds .ls .item-content + .entry-meta:before { background-color: #ebe9e8; } .ds .ls .inline-content.with_dividers > * + *:before { color: #24272e; } .ds label { color: #fff; } .ds a { color: #fff; } .ds a:hover { color: #ffdb60; } .ds blockquote { color: #979797; } .ds blockquote footer, .ds blockquote cite { color: #fff; } .ds code { background-color: rgba(255, 255, 255, 0.1); } .ds pre { background-color: rgba(0, 0, 0, 0.2); border-color: #414143; color: #979797; } .ds .wp-caption { background-color: rgba(0, 0, 0, 0.2); border-color: #414143; } .ds hr { background-color: #414143; border-color: #414143; } .ds .social-icon.color-icon:hover { color: #fff; } .ds .muted_background, .ds .with_background, .ds .well { background-color: rgba(0, 0, 0, 0.2); } .ds .inverse-bg { background-color: #fff; } .ds .theme_bg { background-color: #000; } .ds .main_bg_color { background-color: #ffdb60; } .ds.muted_section:before { background-color: rgba(0, 0, 0, 0.2); } .ds .with_border { border-color: #414143; } .ds .highlight, .ds .highlight1 { border-color: #ffdb60; color: #ffdb60; } .ds .grey, .ds .black { border-color: #fff; color: #fff; } .ds .lightgrey { color: #979797; } .ds .darkgrey { color: #7f7f7f; } .ds .greylinks a { color: #979797; } .ds .greylinks a:hover { color: #ffdb60; } .ds .greylinks a.social-icon { color: #979797; } .ds .darklinks a, .ds .darklink { color: #fff; } .ds .darklinks a:hover, .ds .darklink:hover { color: #ffdb60; } .ds .highlightlinks a, .ds .highlightlink { color: #ffdb60; } .ds .highlightlinks a:hover, .ds .highlightlink:hover { color: #fff; } .ds.with_top_border:before, .ds.with_bottom_border:after { background-color: #414143; } .ds .breadcrumb > .active, .ds .breadcrumb > .last-item { color: #ffdb60; } .ds .with_background .widget_search [type="text"], .ds .with_background .widget_search [type="search"], .ds .with_background .widget_product_search [type="search"], .ds .with_background .widget_mailchimp [type="email"] { background-color: #24272e; border-color: #414143; } .ds form label + [class*="icon-"] { color: #7f7f7f; } .ds option { color: #24272e; } .ds .form-group-select:before { border-color: #414143; } .ds .form-control:-moz-placeholder { color: #979797; } .ds .form-control::-moz-placeholder { color: #979797; } .ds .form-control:-ms-input-placeholder { color: #979797; } .ds .form-control::-webkit-input-placeholder { color: #979797; } .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: #414143; } .ds .table, .ds .table-bordered, .ds .table th, .ds .table td, .ds table th, .ds table td { border-color: #414143; } .ds table th { color: #fff; } .ds .table_template th, .ds .table_template td { border-color: transparent; } .ds .table_template th { color: inherit; } .ds .table-striped > tbody > tr:nth-child(odd), .ds .table-striped > tbody > tr:nth-child(odd) > td, .ds .table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(0, 0, 0, 0.2); border-color: #414143; } .ds .tab-content .table, .ds .with_background .table { background-color: transparent; } .ds .color-icon.bg-icon { background-color: #fff; } .ds .color-icon.bg-icon:hover { color: #fff; } .ds .nav-unstyled { border-color: #414143; } .ds .nav-tabs > li > a { background-color: #fff; color: #24272e; } .ds .tab-content { background-color: rgba(0, 0, 0, 0.2); } .ds .tab-content.no-border { background-color: transparent; } .ds .nav-tabs > li > a:hover, .ds .nav-tabs > li.active > a, .ds .nav-tabs > li.active > a:hover, .ds .nav-tabs > li.active > a:focus { background-color: #ffdb60; } .ds .price-table.style1 { border-color: #414143; } .ds .plan-price p { color: #fff; } .ds .features-list .disabled:before { color: #fff; } .ds .features-list li + li { border-color: #414143; } .ds ul.list1 li { border-color: #414143; } .ds .testimonials-carousel .media + p { background-color: rgba(0, 0, 0, 0.2); } .ds .post-adds .share_button > i, .ds .post-adds .like_button > i { color: #fff; } .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: #414143; } .ds .widget_nav_menu ul ul { border-color: #414143; } .ds .widget_popular_entries .media-heading { color: #fff; } .ds .tweet_list li + li .tweet_right { border-color: #414143; } .ds .widget_tag_cloud a { color: #fff; } .ds .widget_shopping_cart li a + a { color: #fff; } .ds .widget_shopping_cart li a + a:hover { color: #ffdb60; } .ds #calendar_wrap { border-color: #414143; } .ds .widget_calendar table { border-color: #414143; } .ds .widget_calendar tfoot td a { border-color: #414143; } .ds .widget_calendar caption { color: #fff; } .ds .widget_calendar thead { background-color: rgba(0, 0, 0, 0.35); color: #fff; } .ds .widget_calendar tbody { background-color: rgba(0, 0, 0, 0.2); border-color: #414143; } .ds .widget_calendar tbody td a:hover { color: #fff; } .ds .widget_categories li, .ds .widget_meta li, .ds .widget_pages li, .ds .widget_nav_menu li, .ds .widget_popular_entries li, .ds .widget_recent_posts li { border-color: #414143; } .ds .widget_recent_entries > ul > li:last-child, .ds .widget_recent_comments > ul > li:last-child, .ds .widget_archive > ul > li:last-child, .ds .widget_categories > ul > li:last-child, .ds .widget_meta > ul > li:last-child, .ds .widget_popular_entries > ul > li:last-child, .ds .widget_nav_menu ul.menu > li:last-child, .ds .widget_pages > ul > li:last-child { border-bottom-color: #414143; } .ds .grid-view h3:before, .ds .grid-view h3:after { background-color: #414143; } .ds .ui-slider { 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(0, 0, 0, 0.2); } .ds .widget_layered_nav .color-filters a:before { border-color: #414143; } .ds .table.cart a { color: #fff; } .ds .pagination > li > a, .ds .pagination > li > span { background-color: #fff; color: #24272e; } .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: #ffdb60; } .ds .thumbnail { background-color: transparent; } .ds .thumbnail h3 a { color: #fff; } .ds .thumbnail .caption { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; } .ds .progress { background-color: #f5f6fb; } .ds .panel-default { border-color: #414143; } .ds .panel-heading .panel-title > a.collapsed { background-color: #fff; } .ds .panel-heading .panel-title > a, .ds .panel-heading .panel-title > a:hover { background-color: #ffdb60; color: #24272e; } .ds .panel-heading .panel-title > a:after, .ds .vertical-tabs .nav > li > a:after { color: #24272e; } .ds .panel-heading .panel-title > a:hover:after, .ds .vertical-tabs .nav > li > a:hover:after { color: #24272e; } .ds .panel { background-color: rgba(0, 0, 0, 0.2); } .ds .collapse-unstyled .panel { background: transparent; } .ds .vertical-tabs .nav > li > a { background-color: #fff; color: #24272e; } .ds .vertical-tabs .nav > li.active a, .ds .vertical-tabs .nav > li > a:hover { background-color: #ffdb60; } .ds .entry-meta .comments-link a { color: #fff; } .ds #timetable tbody th, .ds #timetable tbody td { border-color: #414143; } .ds .table_template tbody { background-color: rgba(0, 0, 0, 0.2); } .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 .entry-meta.with_top_border:before { background-color: #414143; } .ds .text-nav .owl-nav > div { background-color: #24272e; } .ds .text-nav .owl-nav > div:after { color: #fff; } .ds .text-nav .owl-nav > div:hover:after { color: #ffdb60; } .ds a.border-icon { border-color: #7f7f7f; } .ds .nav-unstyled .active a { color: #fff; } .ds .widget_slider .owl-carousel .owl-nav > div:after { color: #fff; } .ds .widget_slider .owl-carousel .owl-nav > div:hover:after { color: #ffdb60; } .ds .divided-content > * + *:before { color: #979797; } .ds .nav-unstyled .active a { color: #ffdb60; } .ds .theme_buttons a, .ds .theme_button { background-color: #3a3f4b; color: #fff; } .ds .theme_buttons a:hover, .ds .theme_buttons a:focus, .ds .theme_buttons a:active, .ds .theme_button:hover, .ds .theme_button:focus, .ds .theme_button:active { background-color: #fff; color: #24272e; } .ds .theme_buttons.inverse a, .ds .theme_button.inverse { background-color: #f5f6fb; color: #24272e; } .ds .theme_buttons.inverse a:hover, .ds .theme_buttons.inverse a:focus, .ds .theme_buttons.inverse a:active, .ds .theme_button.inverse:hover, .ds .theme_button.inverse:focus, .ds .theme_button.inverse:active { background-color: #3a3f4b; color: #fff; } .ds .theme_buttons.color1 a, .ds .theme_button.color1 { background-color: #ffdb60; color: #24272e; } .ds .theme_buttons.color1 a:hover, .ds .theme_buttons.color1 a:focus, .ds .theme_buttons.color1 a:active, .ds .theme_button.color1:hover, .ds .theme_button.color1:focus, .ds .theme_button.color1:active { background-color: #fff; color: #24272e; } .ds .theme_buttons.color1.inverse a, .ds .theme_button.color1.inverse { color: #ffdb60; } .ds .theme_buttons.color1.inverse a:hover, .ds .theme_buttons.color1.inverse a:focus, .ds .theme_buttons.color1.inverse a:active, .ds .theme_button.color1.inverse:hover, .ds .theme_button.color1.inverse:focus, .ds .theme_button.color1.inverse:active { background-color: #ffdb60; } .ds .button.alt, .ds .btn-accent, .ds .wc-proceed-to-checkout .checkout-button, .ds .form-submit [type="submit"], .ds button[type="submit"] { background-color: #ffdb60; color: #24272e; } .ds .button.alt:hover, .ds .button.alt:focus, .ds .button.alt:active, .ds .btn-accent:hover, .ds .btn-accent:focus, .ds .btn-accent:active, .ds .wc-proceed-to-checkout .checkout-button:hover, .ds .wc-proceed-to-checkout .checkout-button:focus, .ds .wc-proceed-to-checkout .checkout-button:active, .ds .form-submit [type="submit"]:hover, .ds .form-submit [type="submit"]:focus, .ds .form-submit [type="submit"]:active, .ds button[type="submit"]:hover, .ds button[type="submit"]:focus, .ds button[type="submit"]:active { background-color: #fff; color: #24272e; } .ds .theme_button.no_bg_button { color: #24272e; } .ds .theme_button.no_bg_button:hover, .ds .theme_button.no_bg_button:active, .ds .theme_button.no_bg_button:focus { color: #ffdb60; } .ds .theme_button.no_bg_button.color1 { color: #ffdb60; } .ds .theme_button.no_bg_button.color1:hover { color: #fff; } .ds .dropdown-menu { background-color: #24272e; } .ds .content-padding footer:before { background-color: #414143; } .ds .item-content + footer.item-meta > div + div, .ds .item-content + footer.item-meta { border-color: #414143; } .ds .teaser .dashed_border { background-image: none; border: 1px solid #414143; } .ds .format-chat .entry-content p strong { color: #fff; } .ds .item-content + .entry-meta:before { background-color: #414143; } .ds h2.section_header + hr + .section-excerpt { color: #fff; font-weight: 300; } .ds .side-item.side-md .row .item-content, .ds .side-item.side-md .row footer.entry-meta { border-color: #414143; } .ds .apsc-each-profile { background-color: rgba(0, 0, 0, 0.2); border-color: #414143; } .ds .apsc-each-profile .social-icon span { color: #fff; } .ds .widget_tag_cloud a, .ds .tag-links a { background-color: #fff; color: #24272e; } .ds .widget_archive li:before, .ds .widget_categories li:before, .ds .widget_meta li:before, .ds .widget_pages li:before, .ds .widget_nav_menu li:before, .ds .widget_recent_comments li:before, .ds .widget_recent_entries li:before, .ds .widget_popular_entries li:before { background-color: #414143; } .ds .inline-content.with_dividers > * + *:before { color: rgba(255, 255, 255, 0.6); } .ds .highlight .inline-content.with_dividers > * + *:before, .ds .highlight.inline-content.with_dividers > * + *:before, .ds .highlightlinks .inline-content.with_dividers > * + *:before, .ds .highlightlinks.inline-content.with_dividers > * + *:before { color: #ffdb60; } .ds .comment-list > li.comment:last-child { border-color: #414143; } .ds .comment-list li.comment:before { background-color: #414143; } /* ** Color Section - .cs */ .cs.dark_divided { background: -webkit-linear-gradient(left, #24272e 50%, #ffdb60 50%); background: linear-gradient(to right, #24272e 50%, #ffdb60 50%); } .cs { background-color: #ffdb60; color: #24272e; } .cs.parallax { color: rgba(255, 255, 255, 0.8); } .cs .ls .greylinks a { color: #7f7f7f; } .cs .ls .greylinks a:hover, .cs .ls .greylinks a:focus, .cs .ls .greylinks a:active { color: #7f7f7f; } .cs .ls h1 a:hover, .cs .ls h2 a:hover, .cs .ls h3 a:hover, .cs .ls h4 a:hover, .cs .ls h5 a:hover, .cs .ls h6 a:hover { color: #ffdb60; } .cs .ds .greylinks a { color: #7f7f7f; } .cs .ds .greylinks a:hover, .cs .ds .greylinks a:focus, .cs .ds .greylinks a:active { color: #7f7f7f; } .cs .ds h1, .cs .ds h2, .cs .ds h3, .cs .ds h4, .cs .ds h5, .cs .ds h6 { color: #fff; } .cs .ds h1 a, .cs .ds h2 a, .cs .ds h3 a, .cs .ds h4 a, .cs .ds h5 a, .cs .ds h6 a { color: inherit; } .cs .ds h1 a:hover, .cs .ds h2 a:hover, .cs .ds h3 a:hover, .cs .ds h4 a:hover, .cs .ds h5 a:hover, .cs .ds h6 a:hover { color: #ffdb60; } .cs .ds .highlight { color: #ffdb60; } .cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 { color: #24272e; } .cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a { color: inherit; } .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 a { color: #fff; } .cs a:hover, .cs a:active, .cs a:focus { color: rgba(255, 255, 255, 0.5); } .cs blockquote, .cs .blockquote { color: #fff; } .cs .with_background { background-color: #ffe267; } .cs .with_border { border-color: rgba(255, 255, 255, 0.23); } .cs.with_top_border .container:before, .cs.with_bottom_border .container:after { background-color: #ffe793; } .cs .greylinks a, .cs .greylinks a.social-icon { color: #24272e; } .cs .greylinks a:hover, .cs .greylinks a.social-icon:hover { color: #fff; } .cs .darklinks a { color: #fff; } .cs .darklinks a:hover { color: #ffdb60; } .cs .highlightlinks a, .cs .highlightlinks a.social-icon { color: rgba(255, 255, 255, 0.5); } .cs .black { border-color: #fff; color: #fff; } .cs .grey { border-color: #24272e; color: #24272e; } .cs .lightgrey { color: rgba(255, 255, 255, 0.6); } .cs .response, .cs .highlight { color: #fff; } .cs .breadcrumb > .active, .cs .breadcrumb > li:last-child { color: #24272e; } .cs .breadcrumb > li + li:before { color: #24272e; } .cs .light_bg_color .highlight, .cs .light_bg_color.highlight { color: #ffdb60; } .cs ul.list1 li { border-color: rgba(255, 255, 255, 0.23); } .cs .color-icon.bg-icon { background-color: rgba(255, 255, 255, 0.23); } .cs a.social-icon.color-bg-icon:hover { background-color: #24272e; } .cs .pagination > li > a, .cs .pagination > li > span { color: #fff; } .cs .pagination > li.active > a, .cs .pagination > li.active > span, .cs .pagination > li > a:hover, .cs .pagination > li > span:hover, .cs .pagination > li > a:focus, .cs .pagination > li > span:focus { color: #fff; } .cs .widget_recent_entries li + li, .cs .widget_recent_comments li + li, .cs .widget_archive li + li, .cs .widget_categories li + li, .cs .widget_meta li + li, .cs .widget_popular_entries li + li, .cs .widget_nav_menu li + li, .cs .widget_pages li + li { border-top-color: rgba(255, 255, 255, 0.23); } .cs .theme_buttons a:hover, .cs .theme_buttons a:focus, .cs .theme_buttons a:active, .cs .theme_button:hover, .cs .theme_button:focus, .cs .theme_button:active { color: #24272e; } .cs .theme_buttons.inverse a, .cs .theme_button.inverse { color: #24272e; } .cs .theme_buttons.inverse a:hover, .cs .theme_buttons.inverse a:focus, .cs .theme_buttons.inverse a:active, .cs .theme_button.inverse:hover, .cs .theme_button.inverse:focus, .cs .theme_button.inverse:active { background-color: #24272e; color: #fff; } .cs .theme_buttons.color1 a, .cs .theme_button.color1 { background-color: #fff; color: #24272e; } .cs .theme_buttons.color1 a:hover, .cs .theme_buttons.color1 a:focus, .cs .theme_buttons.color1 a:active, .cs .theme_button.color1:hover, .cs .theme_button.color1:focus, .cs .theme_button.color1:active { background-color: #24272e; color: #fff; } .cs .theme_button.no_bg_button { color: #24272e; } .cs .theme_button.no_bg_button:hover, .cs .theme_button.no_bg_button:active, .cs .theme_button.no_bg_button:focus { color: #ffdb60; } .cs .theme_button.no_bg_button.color1 { color: #ffdb60; } .cs .theme_button.no_bg_button.color1:hover, .cs .theme_button.no_bg_button.color1:active, .cs .theme_button.no_bg_button.color1:focus { color: #24272e; } .cs .ds .theme_buttons.color1 a, .cs .ds .theme_button.color1 { background-color: #ffdb60; color: #24272e; } .cs .ds .theme_buttons.color1 a:hover, .cs .ds .theme_buttons.color1 a:focus, .cs .ds .theme_buttons.color1 a:active, .cs .ds .theme_button.color1:hover, .cs .ds .theme_button.color1:focus, .cs .ds .theme_button.color1:active { background-color: #fff; color: #24272e; } .cs .divided-content > * + *:before { color: #fff; } .cs .list3 li:after { color: #fff; } .cs #isotope_filters a, .cs .filters a, .cs #isotope_filters a.selected, .cs #isotope_filters a:hover, .cs .filters a.selected, .cs .filters a:hover { color: #fff; } .cs #isotope_filters a:after, .cs .filters a:after, .cs #isotope_filters a.selected:after, .cs #isotope_filters a:hover:after, .cs .filters a.selected:after, .cs .filters a:hover:after { background-color: #fff; } .cs.with_top_border:before, .cs.with_bottom_border:after, .cs.with_top_border_container .container:before, .cs.with_bottom_border_container .container:after { background-color: rgba(255, 255, 255, 0.23); } .cs .flex-control-nav.owl-carousel:after { background-color: #fff; } .cs .greylinks .inline-content.with_dividers > * + *:before { color: #24272e; } .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, .cs .select-group { background-color: #fff; color: #24272e; } .cs .form-control:-moz-placeholder { color: #7f7f7f; } .cs .form-control::-moz-placeholder { color: #7f7f7f; } .cs .form-control:-ms-input-placeholder { color: #7f7f7f; } .cs .form-control::-webkit-input-placeholder { color: #7f7f7f; } .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; } /* ** Template Specific Styles */ /* topline styles */ .page_topline { font-size: 14px; font-weight: 400; position: relative; z-index: 1001; } .page_topline .fa-envelope { font-size: 12px; } .page_topline .fa-envelope[class*="bg_color"] { line-height: 1.6667em; width: 1.6667em; } .page_topline .fa-envelope[class*="bg_color"]:before { position: relative; } .page_topline.background_cover { background-position: top left; box-shadow: inset 0 -20px 20px -20px rgba(0, 0, 0, 0.3); } .page_topline .search-form { display: inline-block; } .page_topline .search-form [type="submit"] { text-align: right; } @media (max-width: 991px) { .page_topline [class*="col-"] + [class*="col-"] { margin-top: -10px; } } .page_topline.ls.ms input[type="search"] { background-color: transparent; } /* toplogo styles */ @media (min-width: 1600px) { .page_toplogo.toplogo1 > [class*="container"] { padding-bottom: 20px; padding-top: 20px; } } /* header section */ .page_header .widget_search { min-width: 180px; } .page_header .widget_search [type="text"] { background-color: transparent; border: none; padding-left: 0; padding-right: 30px; } .page_header .widget_search .form-group + .theme_button { width: auto; } .page_header a.logo, .page_header a.logo > img { -webkit-transition: none; transition: none; } .page_header.affix .additional { display: none; } @media (max-width: 1599px) { .page_header .additional { display: none; } } /* title section (breadcrumbs) styles */ .page_breadcrumbs .taxonomy-name-title { display: none; } .page_breadcrumbs .section_bg_header { margin-top: 0.02em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page_breadcrumbs.with_bg_heading { padding-bottom: 0; padding-top: 0; } .page_breadcrumbs .breadcrumbs_logo { margin: 0 0 15px; } .page_breadcrumbs .breadcrumbs_logo img { opacity: 0.3; } .page_breadcrumbs h1 { display: inline; font-size: 30px; line-height: 0.7em; text-transform: uppercase; word-wrap: break-word; } .page_breadcrumbs h1:not(.sr-only) + .breadcrumb { margin-top: 10px; } @media (min-width: 1600px) { .page_breadcrumbs h1 { font-size: 50px; } } .page_breadcrumbs h1.small { font-size: 30px; line-height: 1em; } @media (min-width: 1200px) { .page_breadcrumbs.section_padding_50 > [class*="container"] { padding-bottom: 75px; padding-top: 75px; } } @media (min-width: 1600px) { .page_breadcrumbs.section_padding_50 > [class*="container"] { padding-bottom: 100px; padding-top: 100px; } } @media screen and (min-width: 992px) { .page_breadcrumbs .display_table_md { min-width: 0; width: auto; } .page_breadcrumbs h1.display_table_cell_md { padding-left: 15px; padding-right: 20px; } .page_breadcrumbs .breadcrumb.display_table_cell_md { border-left: 1px solid rgba(0, 0, 0, 0.2); padding-left: 25px; } } .page_breadcrumbs .bottom_breadcrumbs { float: right; margin: 0 0 -25px 0; padding: 4px 20px 10px; text-align: center; } /* template parallax and background image sections */ @media (min-width: 992px) { #about.background_cover { background-position: top center; background-repeat: no-repeat; background-size: contain; } } @media (min-width: 768px) { .page_breadcrumbs.breadcrumbs1.background_cover { background-position: right top; background-repeat: no-repeat; background-size: contain; } } @media (max-width: 767px) { .page_breadcrumbs.breadcrumbs1.background_cover { background-image: none !important; } } .section_404 .col-xs-12 { text-align: center; } .section_404.background_cover .col-xs-12 { text-align: left; } @media (max-width: 991px) { .section_404.background_cover { background-position: top left; } } /* footer styles */ @media (min-width: 992px) { .page_footer .widget_media_margin { margin-top: 90px; } } .page_footer .list1 li { padding-bottom: 15px; padding-top: 15px; } .page_footer .list1 li:before { top: 14px; } .page_footer.ds.dark { background-color: #17191e; } .page_footer .widget_about .logo { -webkit-transform: translateY(-33.333%); -ms-transform: translateY(-33.333%); transform: translateY(-33.333%); } /* copyrights styles */ .page_copyright { font-size: 14px; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; } .ds.ms + .page_copyright.ms .container, .ds:not(.ms) + .page_copyright.ds:not(.ms) .container { position: relative; } .ds.ms + .page_copyright.ms .container:before, .ds:not(.ms) + .page_copyright.ds:not(.ms) .container:before { background-color: #414143; content: ""; display: block; height: 1px; left: 15px; position: absolute; right: 15px; top: 0; } /* google map */ #map, .page_map { height: 500px; } #map img, .page_map img { max-width: inherit; } #map p, .page_map p { line-height: 1.3; margin-bottom: 0; } #map .map_marker_description, .page_map .map_marker_description { padding: 10px 5px 5px; } #map .map_marker_icon, .page_map .map_marker_icon { display: none; } @media (min-width: 1600px) { #map, .page_map { height: 620px; } } /* Other */ #contact-form textarea { max-height: 155px; } #subscribe .section_header { margin-bottom: 0; } #contact aside { color: #fff; } #contact aside > div + div { margin-top: 30px; } @media (min-width: 992px) { #contact aside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -15px; } #contact aside > div { padding: 0 15px; width: 50%; } } /* ** Intro Section Styles */ @media (min-width: 992px) { .page_mainslider.ds.light_ms_bg_color { background-color: #fff; } } .page_mainslider.ds.light_bg_color { background-color: #fff; } .intro_section .rounded-container { border-radius: 0 0 50% 50%; max-height: 100%; overflow: hidden; position: relative; -webkit-transform: translateX(-8.33333%); -ms-transform: translateX(-8.33333%); transform: translateX(-8.33333%); width: 120%; } .intro_section .rounded-container img { display: block; margin-left: auto; margin-right: auto; width: 83.3333333333%; } .slide-image-wrap .rounded-container { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .all-scr-cover .slide-image-wrap { background-position: center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .all-scr-cover .slide-image-wrap.top_overlap { top: -60px; } @media (min-width: 1600px) { .all-scr-cover .slide-image-wrap.top_overlap { top: -80px; } } .slide-image-wrap img { display: none; visibility: hidden; } .image-dependant .slide-image-wrap img { display: block; } .slide-image-wrap svg { height: 100%; left: 50%; position: absolute; top: 0; width: 50%; } .slide-image-wrap svg .mask { fill: #ffdb60; } .slide-image-wrap svg .mask-text { font-family: "Anton", sans-serif; font-size: 50px; text-transform: uppercase; } .image-dependant .slide-image-wrap:first-child { min-height: 100%; position: relative; } .intro_section { clear: both; max-width: 100%; overflow: hidden; position: relative; } .intro_section > img { width: 100%; } .intro_section.ds { color: #fff; } .intro_section .slides { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .intro_section .slides > li { position: relative; } .intro_section .flexslider:before, .intro_section .flexslider:after { clear: both; content: ""; display: block; } .intro_section .flexslider .intro-layer img { display: inline-block; width: auto; } .intro_section .flex-control-nav { position: absolute; } .intro_section.blog_slider, .blog-slider .intro_section { margin-bottom: 40px; } @media (min-width: 992px) { .intro_section.blog_slider, .blog-slider .intro_section { margin-bottom: 60px; } .intro_section.blog_slider .slides > li, .blog-slider .intro_section .slides > li { max-height: 600px; } } .intro_section.blog_slider img, .blog-slider .intro_section img { opacity: 0.4; } .intro_section.blog_slider .flex-direction-nav, .blog-slider .intro_section .flex-direction-nav { display: none; } .intro_section.blog_slider .flex-control-nav, .blog-slider .intro_section .flex-control-nav { bottom: 10%; } .intro_section .flexslider .container, .intro_section .slide-image-wrap + .container { bottom: 0; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 0; } .intro_section [class*="col-"] { min-height: 0; position: static; } .intro_section .slide_description_wrapper { bottom: 0; font-size: 0; height: 100%; left: 0; padding: 30px 0; position: absolute; right: 0; top: 0; z-index: 5; } @media (min-width: 600px) { .boxed .intro_section .slide_description_wrapper { padding-left: 60px; padding-right: 60px; } } @media (min-width: 992px) { .intro_section .slide_description_wrapper { padding-left: 15px; padding-right: 15px; } } .intro_section .half-mask .slide_description_wrapper { padding-right: 0; right: auto; width: 50%; } .intro_section .slide_description { font-size: 20px; font-weight: 400; } .intro_section .slide_description > * { visibility: hidden; } .intro_section .slide_description_wrapper { -webkit-align-items: center; align-items: center; -webkit-box-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; } .intro_section .slide_description_wrapper .slide_description { width: 100%; } .intro_section h2 { color: #ffdb60; font-size: 30px; line-height: 1; line-height: 0.9em; margin-top: 0.05em; text-transform: uppercase; } .intro_section .slide_buttons { margin: 42px -10px -5px; } .intro_section .slide_buttons .theme_button { margin: 0 10px 10px; vertical-align: top; } .intro_section .dots-disabled .nav-container { display: none; } .intro_section.all-scr-cover:not(.image-dependant) .container, .intro_section.all-scr-cover:not(.image-dependant) img + .container { position: relative; } .intro_section.all-scr-cover:not(.image-dependant) .slide_description_wrapper { padding: 10% 0 15%; position: relative; } @media screen and (min-width: 768px) and (orientation: landscape) { .intro_section.image-dependant .slides > li { height: 100vh; } } @media (min-width: 500px) { .intro_section svg .mask-text { font-size: 80px; } .intro_section h2 { font-size: 40px; } } @media (min-width: 768px) { .intro_section svg .mask-text { font-size: 110px; } .intro_section h2 { font-size: 60px; } } @media (min-width: 992px) { .intro_section .flex-control-nav { bottom: 27%; } .intro_section.all-scr-cover:not(.image-dependant) .slide_description_wrapper { padding: 12% 0 20%; } } @media (min-width: 1200px) { .intro_section h2 { font-size: 80px; } .intro_section svg .mask-text { font-size: 200px; } .intro_section.all-scr-cover:not(.image-dependant) .slide_description_wrapper { padding: 15% 0; } .intro_section .flex-control-nav { bottom: 38%; } } @media (min-width: 1600px) { .intro_section.all-scr-cover:not(.image-dependant) .slide_description_wrapper { padding: 19% 0; } .intro_section h2 { font-size: 100px; } .intro_section svg .mask-text { font-size: 270px; } .intro_section .flex-control-nav { bottom: 42%; } } @media (max-width: 991px) { .intro_section .nav-container { padding: 0; } .intro_section .flex-control-nav, .intro_section .flex-custom-nav { margin-bottom: 45px; margin-top: 0; position: static; text-align: center; } .intro_section.all-scr-cover .flex-control-nav, .intro_section.all-scr-cover .flex-custom-nav { bottom: 0; position: absolute; } } @media (max-width: 499px) { .intro_section { text-align: center; } .intro_section .slide_description { display: block; margin: auto; } .intro_section .flex-control-nav, .intro_section .flex-custom-nav { margin-bottom: 50px; } .intro_section.all-scr-cover:not(.image-dependant) .slide_description_wrapper { padding-bottom: calc(10% + 50px); } } /* ** Main Menu styles */ .sf-menu a { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } /* Desktop menu - (min 1200px) styles */ @media (min-width: 1200px) { .mainmenu_wrapper { position: relative; } .header_darkgrey.with_menu_icon .mainmenu_wrapper:after { color: #fff; } /* menu layout */ .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: 0; z-index: 99; } .sf-menu li > ul li:first-child > ul { top: -23px; } .sf-menu > li .mega-menu, .sf-menu > li > ul { top: calc(100% - 3px); } .sf-menu > li > ul { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu li > ul > li > ul { left: 100%; } /* menu skin */ .sf-menu a { padding: 5px 10px; text-decoration: none; /* IE7 */ -webkit-transition-property: color, background-color, border-color, padding-top, padding-bottom; transition-property: color, background-color, border-color, padding-top, padding-bottom; zoom: 1; } .sf-menu a { color: #24272e; text-align: center; } .sf-menu li { /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; white-space: nowrap; } .sf-menu > li { display: inline-block; margin: 0 -2px; position: relative; vertical-align: middle; } .sf-menu > li:first-child { margin-left: 0; } .sf-menu > li:last-child { margin-right: 0; } .sf-menu ul li:first-child > a:before { display: none; } .mega-menu .mega-menu-col > a:before { display: none; } .sf-menu > li > a { padding-bottom: 25px; padding-left: 0; padding-right: 0; padding-top: 25px; } .sf-menu > li > a:after { background-color: transparent; bottom: -3px; content: ""; display: block; height: 3px; left: 0; position: absolute; right: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .sf-menu > li.current-menu-item > a:after, .sf-menu > li.current-page-ancestor > a:after, .sf-menu > li > a:hover:after, .sf-menu > li.active > a:after, .sf-menu > li.sfHover > a:after { background-color: #ffdb60; bottom: 0; } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } /* second and next levels */ .sf-menu > li .mega-menu, .sf-menu li > ul { background-color: #fff; /* allow long menu items to determine submenu width */ border-top: 3px solid #ffdb60; list-style: none; min-width: 10em; padding: 20px 0; text-align: left; } .sf-menu > li .mega-menu ul { background: #fff; } .sf-menu ul a { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) and (min-width: 1600px) { .sf-menu ul a { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1200px) { .sf-menu .mega-menu ul { 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: #ffdb60; } .sf-menu ul a:hover:after, .sf-menu ul li.active > a:after { display: none; } /* third level */ .sf-menu ul ul { margin-top: 0; } .divided_items .sf-menu > li + li { position: relative; } .divided_items .sf-menu > li + li:before { content: "/"; left: -3px; line-height: 1em; margin-top: -8px; opacity: 0.3; position: absolute; top: 50%; } .bordered_items .sf-menu > li { padding: 0; } .bordered_items .sf-menu > li > a:after { display: none; } .bordered_items .sf-menu > li + li:before { background-color: rgba(255, 255, 255, 0.23); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 1px; } .dotted_items .sf-menu > li + li:before { background-color: #ffdb60; border-radius: 50%; content: ""; height: 4px; left: -2px; margin-top: -2px; position: absolute; top: 50%; width: 4px; } .header_white .sf-menu > li > a { color: #24272e; } .header_white .sf-menu li:hover > a, .header_white .sf-menu li > a:hover { color: #ffdb60; } .header_white .bordered_items .sf-menu > li + li:before { background-color: #ebe9e8; } .header_darkgrey .sf-menu ul li > a:before { background-color: #414143; } .header_darkgrey .sf-menu > li .mega-menu, .header_darkgrey .sf-menu li > ul { background: -webkit-linear-gradient(bottom, #ffdb60 3px, #24272e 3px); background: linear-gradient(to top, #ffdb60 3px, #24272e 3px); } .header_darkgrey .sf-menu > li .mega-menu a, .header_darkgrey .sf-menu li > ul a { color: #fff; } .header_darkgrey .sf-menu > li .mega-menu a:hover, .header_darkgrey .sf-menu li > ul a:hover { color: #ffdb60; } .header_darkgrey .sf-menu > li .mega-menu ul { background: #24272e; } .header_darkgrey .sf-menu > li > a { color: #fff; } .header_darkgrey .sf-menu > li.active > a, .header_darkgrey .sf-menu .current-menu-item > a, .header_darkgrey .sf-menu .current-menu-ancestor > a { color: #ffdb60; } .header_darkgrey .sf-menu > li > a:hover { color: #ffdb60; } .header_color ul a { color: #fff; } .header_color ul a:hover, .header_color ul li.active > a, .header_color .sf-menu .current-menu-item > a, .header_color .sf-menu .current-menu-ancestor > a { color: #24272e; } .header_color .sf-menu ul a { color: #24272e; } .thin_header .sf-menu > li > a { padding-bottom: 18px; padding-top: 19px; } } /* common paddings */ @media (min-width: 1200px) { .sf-menu > li > a { margin-left: 2px; margin-right: 2px; } [class*="container"] .sf-menu > li:first-child > a { margin-left: 0; } [class*="container"] .sf-menu > li:last-child > a { margin-right: 0; } .bordered_items .sf-menu > li > a { margin: 0; padding: 15px 30px; } } /* -lg- paddings */ @media (min-width: 1200px) { .sf-menu > li > a { margin-left: 20px; margin-right: 20px; } .boxed .col-md-6 .sf-menu > li > a { margin-left: 20px; margin-right: 20px; } .bordered_items .sf-menu > li > a { padding: 25px 40px; } .wide_menu .sf-menu > li > a { margin-left: 25px; margin-right: 25px; } } @media (min-width: 1400px) { .tall_header:not(.affix) .sf-menu > li > a { padding-bottom: 37px; padding-top: 37px; } .sf-menu > li > a { padding-bottom: 25px; padding-left: 0; padding-right: 0; padding-top: 25px; } } @media (min-width: 1600px) { .tall_header:not(.affix) .sf-menu > li > a { padding-bottom: 55px; padding-top: 55px; } .sf-menu > li > a { margin-left: 30px; margin-right: 30px; } .sf-menu a { padding-bottom: 5px; padding-top: 5px; } .sf-menu ul li > a:before { left: 40px; right: 40px; } .wide_menu .sf-menu > li > a { margin-left: 40px; margin-right: 40px; } } @media (min-width: 1800px) { .container-fluid .sf-menu > li > a { margin-left: 35px; margin-right: 35px; } .wide_menu .sf-menu > li > a { margin-left: 50px; margin-right: 50px; } } .sf-menu i[class] { margin-right: 7px; } .sf-menu .header-button { font-size: 14px; } .sf-menu .header-button i[class] { margin-right: 0; } /* hidden menu items */ @media (min-width: 1200px) { .sf-menu .sf-md-hidden { display: none !important; } } @media (max-width: 991px) { .sf-more-li { display: none; } } /* logo in center of menu */ .sf-menu > .sf-logo-li { visibility: hidden; } /* Mobile menu toggler */ @media (max-width: 1199px) { .toggle_menu { cursor: pointer; height: 60px; left: 50%; margin-left: -30px; margin-top: -30px; position: absolute; top: 50%; visibility: visible; width: 60px; z-index: 1001; } .toggler_right .toggle_menu { left: auto; right: 0; } .toggler_left .toggle_menu { left: 0; margin-left: 0; right: auto; } } @media (max-width: 1199px) and (max-width: 767px) { .toggler_xs_right .toggle_menu { left: auto; right: 0; } } @media (max-width: 1199px) and (max-width: 499px) { .toggler_xxs_right .toggle_menu { left: auto; right: 0; } } @media (max-width: 1199px) { .relative_toggler .toggle_menu { display: block; left: auto; margin: 0; position: relative; top: auto; } .relative_toggler .text-center .toggle_menu { margin: auto; } .ls .toggle_menu span, .ls .toggle_menu span:before, .ls .toggle_menu span:after, .header_white .toggle_menu span, .header_white .toggle_menu span:before, .header_white .toggle_menu span:after { background-color: #24272e; } .page_toplogo:not[class*="toggler"] .toggle_menu { background-color: #fff; left: auto; margin: 0; position: fixed; right: 0; top: 0; z-index: 10; } .header_logo_center .toggle_menu { left: auto; right: 0; } .toggle_menu:hover span:before { top: -9px; } .toggle_menu:hover span:after { top: 9px; } .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; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; width: 30px; } .page_toplogo .toggle_menu:before, .page_toplogo .toggle_menu span, .page_toplogo .toggle_menu span:before, .page_toplogo .toggle_menu span:after { background-color: #24272e; } .toggle_menu:before, .toggle_menu span { left: 15px; top: 50%; } .toggle_menu span:before { opacity: 1; top: -8px; } .toggle_menu span:after { opacity: 1; top: 8px; } .toggle_menu.mobile-active { background-color: #24272e; border: none; left: auto; margin: 0; position: fixed; right: 0; top: 0; z-index: 3000; } .toggle_menu.mobile-active:before { background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .toggle_menu.mobile-active span { background-color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .toggle_menu.mobile-active span:before, .toggle_menu.mobile-active span:after { opacity: 0; } } /* Mobile Menu (max 1199px) styles */ @media (max-width: 1199px) { .mainmenu_wrapper { background-color: transparent; bottom: 0; left: 0; opacity: 0; /*position: relative;*/ position: fixed; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; z-index: 10; } .mobile-active .mainmenu_wrapper { background-color: #111; background-color: #1d1f25; opacity: 1; visibility: visible; } .nav-justified > li > a { text-align: left; } .sf-menu { background-color: #24272e; bottom: 0; font-weight: 400; left: 0; opacity: 0; overflow: auto; padding: 20px 30px 20px 10px; position: fixed; right: 100%; text-align: left; top: 0; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; word-wrap: break-word; } .mobile-active .sf-menu { opacity: 1; right: 30px; } .sf-menu > li > a, .sf-menu a { color: #fff; line-height: 1.5em; } .sf-menu > li > a { font-weight: 500; } .sf-menu ul { list-style: none; padding-left: 10px; } .sf-menu li { position: relative; } .sf-menu ul li a { display: block; font-size: 16px; font-weight: 300; padding: 10px; text-transform: none; } .sf-menu ul li a:before { content: "-"; padding-right: 5px; } .sf-menu ul ul li a:before { content: "--"; padding-right: 5px; } /* arrows (for all except IE7) */ .sf-arrows .sf-with-ul { padding-right: 3.5em; } .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler { border-radius: 50%; font-size: 20px; height: 30px; line-height: 30px; position: absolute; right: 5px; text-align: center; top: 4px; width: 30px; z-index: 1; } .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after { 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) { .mainmenu_wrapper ul .mega-menu .mega-menu-col { padding: 0; } .mainmenu_wrapper ul .mega-menu .mega-menu-col a { padding-left: 30px; padding-right: 30px; } .mainmenu_wrapper ul .mega-menu ul { border: none; min-width: auto; } .mainmenu_wrapper .menu-item-has-mega-menu { position: relative; } .mainmenu_wrapper .mega-menu { display: none; position: absolute; top: 100%; width: 940px; z-index: 10; } .mainmenu_wrapper .menu-item-has-mega-menu:hover .mega-menu { display: block; } /* row */ .mainmenu_wrapper .mega-menu-row { display: table; position: static; table-layout: fixed; } .mainmenu_wrapper .mega-menu-row ul { border-top: none; display: block; position: static; } /* column */ .mainmenu_wrapper .mega-menu-col { border-left: 1px solid #ebe9e8; display: table-cell; padding: 0 20px; width: 2000px; /* overrides from settings / styling / mega-menu */ } .mainmenu_wrapper .mega-menu-col > a { font-size: 18px; font-weight: 700; text-transform: uppercase; } .mainmenu_wrapper .mega-menu-col:first-child { border-left: none; } .mainmenu_wrapper ul ul .mega-menu { display: block; margin-left: 1px; top: -20px; width: auto; width: auto; } .mainmenu_wrapper ul ul .mega-menu li { border: none; display: block; width: auto; } .header_darkgrey .mainmenu_wrapper .mega-menu-col { border-left-color: #414143; } } @media screen and (min-width: 1200px) { .mainmenu_wrapper .mega-menu { width: 1140px; } .mainmenu_wrapper ul .mega-menu ul { min-width: 10em; } } @media screen and (max-width: 991px) { .mainmenu_wrapper .mega-menu { position: static; } } /* **Subpages */ .edit-link { display: block; text-align: right; } /*404*/ .not_found { font-size: 120px; font-weight: 700; line-height: 0.9; margin-bottom: 0; position: relative; } .not_found span { color: #ffdb60; } .not_found + h1 { font-size: 30px; margin: 5px 0 15px; text-transform: uppercase; } .not_found + h1 + p { margin: 0 0 10px; } .not_found + h1 + p + .widget_search { margin: 0 auto 10px; max-width: 370px; } @media (min-width: 768px) { .not_found { font-size: 200px; } .not_found + h1 { font-size: 50px; } } /*Blog*/ article iframe { margin-bottom: -8px; } .entry-header { margin-bottom: 25px; } .entry-header:last-child { margin-bottom: 0; } .entry-header + .vertical-item { margin-top: 30px; } @media (min-width: 1200px) { .entry-header + .vertical-item { margin-top: 60px; } } .entry-header .small-text:last-child { display: block; } .entry-header h1.entry-title + hr, .entry-header h3.entry-title + hr { margin-bottom: 9px; margin-top: -11px; } .entry-header h1.entry-title.small + hr, .entry-header h3.entry-title.small + hr { margin-top: 0; } .entry-header .small-text:first-child:not(.entry-meta) { display: block; line-height: 1; } .entry-meta { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; line-height: 20px; text-transform: uppercase; } .entry-meta + .entry-title { margin-top: 0.3em; } .entry-meta + h1.entry-title { margin-top: 0.4em; } .entry-meta i { font-size: 14px; margin-right: 5px; } .tag-links + .entry-meta { margin-top: 10px; } .entry-content + .entry-meta { margin-top: 25px; } .entry-meta.v-spacing { margin-bottom: -10px; } .entry-header .entry-meta.v-spacing > * { margin-top: 0; } .entry-meta.content-justify .share_buttons { margin-bottom: -4px; } .share-buttons { margin-bottom: -4px; } .entry-title { line-height: 1em; margin-bottom: 0.6em; text-transform: uppercase; } .entry-title.small { line-height: 1.3em; text-transform: none; } .entry-title.text-uppercase { line-height: 1em; } .entry-title:last-child { margin-bottom: 0; } .entry-title + p.small-text { margin-bottom: 12px; margin-top: -5px; } span + .entry-title { margin-top: 5px; } h1.entry-title { font-size: 30px; } @media (min-width: 992px) { h1.entry-title { font-size: 36px; } } h3.entry-title { font-size: 30px; margin-bottom: 25px; } h3.entry-title.small { font-size: 20px; } @media (min-width: 992px) { h3.entry-title.big { font-size: 36px; } .side-item h3.entry-title.big { font-size: 30px; } } h4.entry-title { font-size: 20px; } .post-like > * { display: inline-block; } .entry-title + .small-text { letter-spacing: 0; } .entry-excerpt { font-size: 18px; font-weight: 400; } .tag-links:last-child { margin-bottom: -10px; } article.post + article.post, .search article + article, .archive article + article { margin-top: 60px; } article.post + article.post.topmargin_30, .search article + article.topmargin_30, .archive article + article.topmargin_30 { margin-top: 30px; } .post.sticky { border: 7px solid #ffdb60; } @media (min-width: 1200px) { .post.sticky { border-width: 15px; } } article.side-item + article.side-item { margin-top: 30px; } article.post.with_border.sticky { border-color: #ffdb60; } article.post.vertical-item.content-padding .item-content { padding-bottom: 25px; } @media (min-width: 400px) { article.post.vertical-item.content-padding .item-content { padding-bottom: 30px; } } @media (min-width: 1200px) { article.post.vertical-item.content-padding.big-padding .item-content { padding-bottom: 50px; } } @media (min-width: 1200px) { #content.col-xs-12:not([class*="col-md"]) > .type-post .item-content { margin-left: auto; margin-right: auto; max-width: 890px; padding-bottom: 80px; padding-top: 80px; } } /* mosaic blog */ .mosaic-post p { margin-bottom: 0; } .mosaic-post .post-social-links { margin: -1px; padding: 18px 40px 17px; } .entry-title + .entry-date { margin-bottom: 15px; } .entry-tags { margin-top: 30px; } .entry-tags .theme_button { margin-right: 6px; } .entry-tags span + span { margin-left: 14px; } .entry-tags i { font-size: 14px; margin-right: 5px; } .entry-content:before, .entry-content:after { clear: both; content: ""; display: block; height: 0; width: 0; } .entry-thumbnail { position: relative; } .entry-thumbnail .entry-thumbnail-carousel { margin-bottom: 0; } .entry-thumbnail .entry-thumbnail-carousel .owl-dots { bottom: 40px; left: 0; position: absolute; right: 0; text-align: center; } .entry-thumbnail[class*='col-'] { margin-bottom: 0; } .entry-title + .categories-links { display: block; margin-top: -10px; } .categories-links a, .categories-links span { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; margin-right: 11px; text-transform: uppercase; } .entry-header > .categories-links:last-child { margin-bottom: -10px; } .post-author h4 { font-size: 20px; margin-bottom: 0; } p.categories-links { margin-bottom: 7px; } .item-button { margin-top: 40px; } .st_facebook_hcount, .st_twitter_hcount, .st_googleplus_hcount { position: relative; text-align: right; } .st_facebook_hcount span, .st_twitter_hcount span, .st_googleplus_hcount span { -ms-box-sizing: content-box; box-sizing: content-box; } /*single post*/ .single-post .video-entry-thumbnail .entry-thumbnail { margin-bottom: 0; } .author-meta { margin-top: 60px; } .author-meta .entry-header { margin-bottom: 30px; } .author-meta .item-media { padding-bottom: 116%; } .author-meta .item-media img { left: 50%; max-width: 116%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 116%; } @media (min-width: 1200px) { .author-meta { margin-top: 80px; } } /*comments*/ .comments-area > h2 { font-size: 30px; margin-bottom: 1.4rem; text-transform: uppercase; } * + .comments-area { margin-top: 60px; } @media (min-width: 1200px) { * + .comments-area { margin-top: 80px; } } .page-nav + .comments-area { margin-top: 70px; } .comments-area li.comment { list-style: none; } .comments-area .media { position: relative; } .comment .comment-author { display: inline-block; padding-right: 10px; vertical-align: top; } .comment .comment-author img { border-radius: 50%; max-width: 80px; } @media (min-width: 1200px) { .comment .comment-author img { max-width: 100px; } } .comment .comment-body { display: inline-block; position: relative; vertical-align: top; width: 100%; } @media (min-width: 768px) { .comment .comment-author { padding-right: 20px; } .comment .comment-body { margin-left: -5px; width: calc(100% - 120px); } } .comment-content p:last-child { margin-bottom: -10px; } .comment-list { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; } .comment-list ol.children { padding-left: 25px; } .comment-list li.comment { margin-top: 35px; position: relative; } .comment-list li.comment:before { background-color: rgba(127, 127, 127, 0.2); content: ""; height: 1px; left: -50%; position: absolute; top: -20px; width: 200%; } @media (min-width: 768px) { .comment-list li.comment { margin-top: 40px; } } @media (min-width: 1200px) { .comment-list li.comment { margin-top: 70px; } .comment-list li.comment:before { top: -35px; } } .comment-list > li.comment:first-child { margin-top: 0; } .comment-list > li.comment:last-child { border-bottom: 1px solid #ebe9e8; padding-bottom: 20px; } @media (min-width: 1200px) { .comment-list > li.comment:last-child { padding-bottom: 35px; } } @media (min-width: 992px) { .comment-list ol.children { padding-left: 50px; } } .comment-meta, .comment .reply { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .comment-meta { -webkit-box-pack: justify; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0; padding: 9px 0 0 0; } @media (min-width: 768px) { .comment-meta { padding-right: 50px; } } .comment-meta .comment-metadata { display: block; } .comment-meta .comment-date time { color: #ffdb60; } .comment .reply { display: block; line-height: 1em; margin-top: 20px; } .comments-wrapper { margin-top: 30px; } .page-nav + .comments-wrapper { margin-top: 0; } .comment-respond > h2 { font-size: 30px; margin-bottom: 1.4rem; text-transform: uppercase; } .comment-respond > h2 + p { margin-bottom: 25px; text-align: center; } .comment-respond p { margin-bottom: 10px; position: relative; } #comments + .comment-respond, .comment-list + .comment-respond, .comment + .comment-respond { margin-top: 55px; } .comment-form.muted_background { padding: 30px 30px 20px; } .comment-form p { margin-bottom: 0; } .comment-form label[for] { display: none; } .comment-form .theme_button { margin-right: 10px; } @media (max-width: 500px) { .comment-respond i.pull-left { display: none; } .comment-respond .comment-form { margin-left: 0; } } .comment-navigation { margin-top: 40px; } .comment-navigation .pagination > li > a, .comment-navigation .pagination > li > span { padding: 5px 10px; } .no-comments { margin-top: 20px; } .page-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; margin-top: 50px; } .page-nav:before, .page-nav:after { display: none; } .page-nav .nav-item { -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .page-nav .small-text { line-height: 1.5; } .page-nav h4 { margin-top: 5px; } @media (min-width: 1200px) { .page-nav .with_padding.big-padding { padding: 70px 100px 80px; } } .page-links > *:not(:first-child) { font-weight: 700; padding: 0 5px; } .post-related { margin-top: 55px; } @media (min-width: 1200px) { .post-related { margin-top: 75px; } } .post-related h2 { font-size: 30px; margin-bottom: 1.4rem; text-transform: uppercase; } .post-related .item-media, .post-related .item-media .owl-item .item { display: block; padding-bottom: 66.66667%; } .post-related .item-media .embed-placeholder > img, .post-related .item-media > img, .post-related .item-media .owl-item .item .embed-placeholder > img, .post-related .item-media .owl-item .item > img { left: 50%; max-width: none; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post-related .item-media > .owl-carousel, .post-related .item-media > .embed-responsive, .post-related .item-media .owl-item .item > .owl-carousel, .post-related .item-media .owl-item .item > .embed-responsive { left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .post-related .embed-placeholder { display: block; } .post-related .entry-title { margin-bottom: 0.35em; } /* Team */ .fw-team h3.entry-title { margin-bottom: 20px; } .fw-team.side-item.content-padding .item-content { padding: 30px 20px 20px; } @media (min-width: 400px) { .fw-team.side-item.content-padding .item-content { padding: 40px 40px 30px; } } @media (min-width: 1200px) { .fw-team.side-item.content-padding .item-content { padding: 60px 60px 50px; } } .team-grid > div:nth-child(3) .row > [class*="col-"]:first-child, .team-grid > div:nth-child(4) .row > [class*="col-"]:first-child, .team-grid > div:nth-child(7) .row > [class*="col-"]:first-child, .team-grid > div:nth-child(8) .row > [class*="col-"]:first-child, .team-grid > div:nth-child(11) .row > [class*="col-"]:first-child, .team-grid > div:nth-child(12) .row > [class*="col-"]:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; order: 2; } @media (min-width: 992px) { .team-grid > div:nth-child(3) .item-content, .team-grid > div:nth-child(4) .item-content, .team-grid > div:nth-child(7) .item-content, .team-grid > div:nth-child(8) .item-content, .team-grid > div:nth-child(11) .item-content, .team-grid > div:nth-child(12) .item-content { text-align: right; } } .single .fw-team h1.entry-title { margin-bottom: 0.5rem; } .single .fw-team .entry-content + .form-wrapper { margin-top: 50px; } .single .fw-team .member-social { margin-top: 3px; } /* Services */ .service-item .media-body h3:first-child { margin-top: 25px; } .services-grid { margin-bottom: -30px; } .post-password-form label { margin-bottom: 0; } .post-password-form input[type="password"].form-control { border-color: rgba(0, 0, 0, 0.1); } .post-password-form .theme_button { margin-bottom: 0; margin-top: 10px; padding: 23px 30px; vertical-align: bottom; } #timetable_filter { padding: 0; } /* gallery */ .page_content + .page_portfolio { margin-top: -150px; } #isotope_filters, .filters { list-style: none; margin-bottom: 50px; padding: 0; text-align: center; } #isotope_filters.bottommargin_30, .filters.bottommargin_30 { margin-bottom: 30px; } #isotope_filters li, .filters li { display: inline-block; margin: 0; padding: 0; } #isotope_filters a, .filters a { color: #24272e; display: inline-block; font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; padding: 0 15px; position: relative; text-transform: uppercase; } #isotope_filters a.selected, .filters a.selected { color: #ffdb60; } #isotope_filters a:hover, .filters a:hover { color: #ffdb60; } #isotope_filters a:hover:after, .filters a:hover:after { opacity: 1; -webkit-transform: translateY(0) scaleX(1); -ms-transform: translateY(0) scaleX(1); transform: translateY(0) scaleX(1); } @media (min-width: 992px) { #isotope_filters a, .filters a { padding: 0 25px; } } @media (min-width: 1200px) { #isotope_filters a, .filters a { padding: 0 35px; } } .post-type-archive-fw-portfolio #isotope_filters, .post-type-archive-fw-portfolio .filters { margin-top: -10px; } .filters-wrapper + .isotope_container { margin-top: -10px; } .columns_margin_top_0 .filters-wrapper + .isotope_container { margin-top: 0; } .gallery-item { overflow: hidden; position: relative; } .gallery-item .item-content h4 { filter: alpha(opacity=0); font-size: 16px; font-weight: 500; margin-bottom: 0; opacity: 0; transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 5; } @media (min-width: 400px) { .gallery-item.vertical-item.content-absolute .item-content { padding: 20px; } } .gallery-item:hover .item-content h4 { filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } figure.gallery-item { margin-bottom: 10px; } .isotope_container figure.gallery-item { padding-left: 5px; padding-right: 5px; } @media (min-width: 1200px) { .isotope_container figure.gallery-item { padding-left: 15px; padding-right: 15px; } } .gallery-title-item + .item-title { padding: 25px 0 40px; } .gallery-title-item + .item-title h3 { font-size: 30px; } .gallery-title-item .categories-links { line-height: 1.5em; } .gallery-title-item .categories-links + .entry-title { margin-top: 5px; } @media (min-width: 400px) { .gallery-title-item.vertical-item.content-padding .item-content { padding-bottom: 50px; } } @media (min-width: 1600px) { .gallery-title-item.vertical-item.content-padding .item-content { padding-bottom: 60px; } } .categories-links + .entry-title { margin-top: 0; } i.loadmore_spinner { font-size: 30px; margin: 10px 0 20px; opacity: 0.3; } .entry-content + .share_buttons { margin-top: 25px; } /* gallery single */ .gallery-single-title { font-size: 40px; margin-bottom: 30px; } .gallery-single-title + .block-header { margin-bottom: 40px; } .share-gallery-single { margin: 30px 0 0; } .single-fw-portfolio .item-media .owl-dots { bottom: 20px; left: 0; position: absolute; right: 0; } .items-nav { padding: 30px 23px; } .items-nav[class*='display_table_'] { margin-top: 40px; } .items-nav h4 { margin: -5px 0 0; } .items-nav .media { padding: 10px 0; position: relative; } .items-nav .next-item img { margin-right: 30px; max-width: none; } .items-nav .next-item i { right: 0; } .items-nav .prev-item img { margin-left: 30px; max-width: none; } .items-nav a { position: relative; } .items-nav a i { font-size: 20px; margin-top: -14px; top: 50%; } .items-nav a i.position-absolute { position: absolute; } .loop-pagination { margin-top: 55px; } .loop-pagination .pagination { display: block; } .isotope_container + .loop-pagination { margin-bottom: 10px; margin-top: 37px; } .owl-carousel.related-photos-carousel { margin-bottom: 0; } /* post formats */ .format-gallery .owl-dots .owl-dot span { color: #fff; } .format-gallery .owl-dots .owl-dot.active span, .format-gallery .owl-dots .owl-dot:hover span { color: #ffdb60; } .format-gallery .owl-carousel .owl-dots { bottom: 20px; left: 0; margin-top: 0; position: absolute; right: 0; } .format-gallery .owl-theme .owl-nav { opacity: 1; top: 50%; } .format-gallery .owl-theme .owl-nav > div { background-color: #fff; color: #24272e; height: 40px; margin-top: -20px; width: 40px; } .format-gallery .owl-theme .owl-nav > div:after { line-height: 40px; } @media (min-width: 500px) { .format-gallery .owl-theme .owl-nav { left: 40px !important; right: 40px !important; } } .format-status .entry-title { margin-bottom: 5px; margin-top: 33px; } .format-status .meta-media-overlay + .entry-title { margin-top: 8px; } .format-status .avatar { border-radius: 50%; max-width: 100px; } .format-status .entry-meta.text-right { margin-top: 20px; text-align: center; } .format-quote .entry-header { margin-bottom: 30px; } .format-quote blockquote { background: none; margin: 0; padding: 0; text-align: center; } .format-quote blockquote p { max-width: 100%; padding: 0; } .format-quote blockquote p:before, .format-quote blockquote p:after { display: none; } .format-quote blockquote .avatar { display: block; margin-bottom: 30px; } .format-quote blockquote .avatar img { border-radius: 50%; } .format-quote .entry-meta.text-right { margin-top: 20px; text-align: center; } .format-chat .entry-content p { margin-bottom: 0; } .format-chat .entry-content p strong { color: #24272e; font-weight: 300; } .format-chat .entry-content p:nth-child(2n) strong { color: #ffdb60; } .format-chat .entry-content p:last-child .more-link { display: block; margin-top: 15px; } /* isotope portfolio and gallery post */ .gallery-item { text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-icon img { display: block; margin: 0 auto; } .gallery-caption { display: block; padding: 0.5em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } @media (max-width: 600px) { .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-caption, .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } } .isotope_container { -webkit-transition: height 0.2s ease-in-out 0s; transition: height 0.2s ease-in-out 0s; } .post .isotope_container.row, .post .isotope_container { margin: 30px -5px; } @media (min-width: 1200px) { .post .isotope_container.row, .post .isotope_container { margin: 30px -15px; } } .isotope_container.row { margin-top: -10px; } .isotope_container.row.columns_padding_0, .isotope_container.row.columns_margin_0 { margin-top: 0; } .isotope_container.row.columns_padding_5 { margin-top: -5px; } @media (min-width: 768px) and (max-width: 991px) { .isotope-item.col-sm-6:nth-child(3):last-child { left: 25% !important; } } /* ** Widgets */ /* common widgets styles */ aside > div + div { margin-top: 60px; } aside .widget + .widget { margin-top: 55px; } aside .with_padding { padding-bottom: 40px; padding-top: 40px; } aside > [class*="with_"] { position: relative; } footer .with_padding { padding-bottom: 35px; padding-top: 35px; } @media (min-width: 400px) { footer .with_padding { padding-bottom: 50px; padding-top: 45px; } } .widget-theme-wrapper.with_background, .widget-theme-wrapper.muted_background, .widget-theme-wrapper.cs, .widget-theme-wrapper.ds, .widget-theme-wrapper.ls { padding: 30px 20px; } @media (min-width: 400px) { .widget-theme-wrapper.with_background, .widget-theme-wrapper.muted_background, .widget-theme-wrapper.cs, .widget-theme-wrapper.ds, .widget-theme-wrapper.ls { padding: 40px; } } .widget-theme-wrapper.cs .widget-title { color: #fff; } /* affix-aside */ .affix-aside { position: relative; } .affix-aside.affix { margin-top: -30px; position: fixed; } @media (max-width: 767px) { .affix-aside, .affix-aside.affix, .affix-aside.affix-bottom { position: static; width: inherit !important; } } .widget > h3, .widget-title { font-size: 24px; line-height: 1em; margin-bottom: 30px; position: relative; text-transform: uppercase; } .page_footer .widget > h3, .page_footer .widget-title { margin-bottom: 25px; } .text-center .widget > h3 + hr.theme-divider, .text-center .widget-title + hr.theme-divider { margin-bottom: 15px; margin-top: -15px; width: 70px; } .text-center .widget > h3 + hr.theme-divider:before, .text-center .widget-title + hr.theme-divider:before { left: 20px; width: 30px; } .widget:before, .widget:after { clear: both; content: ""; display: block; } .widget ul { list-style: none; margin-bottom: 0; margin-top: 0; padding: 0; } .widget ul ul li { padding-left: 20px; } .widget ul.list2 { padding-left: 20px; } .widget ul.list2.checklist { padding-left: 30px; } .widget li { position: relative; } .widget .list-unstyled li:first-child { padding-top: 0; } .widget select { max-width: 100%; width: 100%; } .page_footer .row > .widget { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; max-width: 400px; width: 100%; } .page_footer .row > .widget + .widget { margin-top: 60px; } .widget_nav_menu li a, .widget_archive li a, .widget_categories li a, .widget_meta li a, .widget_pages li a { padding-bottom: 15px; padding-top: 15px; } .page_footer .widget_nav_menu > ul > li:first-child > a, .page_footer .widget_nav_menu ul.menu > li:first-child > a, .page_footer .widget_archive > ul > li:first-child > a, .page_footer .widget_archive ul.menu > li:first-child > a, .page_footer .widget_categories > ul > li:first-child > a, .page_footer .widget_categories ul.menu > li:first-child > a, .page_footer .widget_meta > ul > li:first-child > a, .page_footer .widget_meta ul.menu > li:first-child > a, .page_footer .widget_pages > ul > li:first-child > a, .page_footer .widget_pages ul.menu > li:first-child > a { padding-top: 0; } .page_footer .widget_nav_menu > ul > li:first-child > a:before, .page_footer .widget_nav_menu ul.menu > li:first-child > a:before, .page_footer .widget_archive > ul > li:first-child > a:before, .page_footer .widget_archive ul.menu > li:first-child > a:before, .page_footer .widget_categories > ul > li:first-child > a:before, .page_footer .widget_categories ul.menu > li:first-child > a:before, .page_footer .widget_meta > ul > li:first-child > a:before, .page_footer .widget_meta ul.menu > li:first-child > a:before, .page_footer .widget_pages > ul > li:first-child > a:before, .page_footer .widget_pages ul.menu > li:first-child > a:before { top: 0; } .page_footer .widget_nav_menu > ul > li:last-child > a, .page_footer .widget_nav_menu ul.menu > li:last-child > a, .page_footer .widget_archive > ul > li:last-child > a, .page_footer .widget_archive ul.menu > li:last-child > a, .page_footer .widget_categories > ul > li:last-child > a, .page_footer .widget_categories ul.menu > li:last-child > a, .page_footer .widget_meta > ul > li:last-child > a, .page_footer .widget_meta ul.menu > li:last-child > a, .page_footer .widget_pages > ul > li:last-child > a, .page_footer .widget_pages ul.menu > li:last-child > a { padding-bottom: 0; } .media_items_list .media { margin-top: 20px; } .media_items_list .media .media-left img { max-width: 80px; } @media (min-width: 1200px) { .media_items_list .media .media-left img { max-width: 100px; } } .media_items_list li { background-color: #f5f6fb; } .media_items_list li .media-body { padding-right: 20px; } .ds .media_items_list li { background-color: rgba(0, 0, 0, 0.2); } .media_items_list h4, .media_items_list p { font-size: 16px; } .media_items_list h4 { margin-bottom: 5px; } .media_items_list p { font-family: "Anton", sans-serif; margin-bottom: 5px; text-transform: uppercase; } /* widget_search, widget_mailchimp */ [class*="with_"] > .widget_mailchimp:before, [class*="with_"] > .widget_mc4wp_form_widget:before, [class*="with_"] > .widget_search:before, [class*="with_"] > .widget_product_search:before { color: rgba(36, 39, 46, 0.08); content: "\f040"; font-family: FontAwesome; font-size: 280px; line-height: 1em; position: absolute; right: -5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } [class*="with_"] > .widget_product_search:before, [class*="with_"] > .widget_search:before { content: "\f002"; -webkit-transform: scaleX(-1) translateY(-50%); -ms-transform: scaleX(-1) translateY(-50%); transform: scaleX(-1) translateY(-50%); } aside .inline-form .form-group-wrap { display: block; } .widget_mailchimp form + p { padding-top: 10px; } .widget_search .form-inline, .widget_product_search form, .widget_mailchimp .form-inline { position: relative; } .widget_search .form-inline .form-control, .widget_product_search form .form-control, .widget_mailchimp .form-inline .form-control { margin: 0; width: 100%; } .widget_search .form-inline label, .widget_product_search form label, .widget_mailchimp .form-inline label { display: block; } .widget_search .form-inline label[for], .widget_product_search form label[for], .widget_mailchimp .form-inline label[for] { display: none; } .widget_search .form-inline .form-group, .widget_mailchimp .form-inline .form-group { display: inline-block; position: relative; vertical-align: top; } .widget_search [type="text"], .widget_search [type="search"], .widget_product_search [type="search"], .widget_mailchimp [type="email"] { padding-right: 40px; width: 100%; } .page_topline .widget_search [type="text"], .page_header .widget_search [type="text"], .page_toplogo .widget_search [type="text"], .page_topline .widget_search [type="search"], .page_header .widget_search [type="search"], .page_toplogo .widget_search [type="search"], .page_topline .widget_product_search [type="search"], .page_header .widget_product_search [type="search"], .page_toplogo .widget_product_search [type="search"], .page_topline .widget_mailchimp [type="email"], .page_header .widget_mailchimp [type="email"], .page_toplogo .widget_mailchimp [type="email"] { background-color: transparent; height: 40px; padding-bottom: 5px; padding-top: 5px; } .with_background .widget_search [type="text"], .with_background .widget_search [type="search"], .with_background .widget_product_search [type="search"], .with_background .widget_mailchimp [type="email"] { background-color: #f5f6fb; border-color: transparent !important; } .page_footer .text-center .widget_search [type="text"], .page_footer .text-center .widget_search [type="search"], .page_footer .text-center .widget_product_search [type="search"], .page_footer .text-center .widget_mailchimp [type="email"] { padding-right: 20px; } .widget_search .form-group, .widget_mailchimp .form-group { margin-bottom: 0; } .widget_search form, .widget_mailchimp form { position: relative; } .widget_search .form-group + .theme_button, .widget_product_search [type="submit"], .widget_mailchimp .form-group + .theme_button, .widget_mc4wp_form_widget .form-group + .theme_button { border: none; border-radius: 0 5px 5px 0; box-shadow: none; font-size: 0; height: 60px; letter-spacing: 0; line-height: 60px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 60px; } .widget_search .form-group + .theme_button:before, .widget_product_search [type="submit"]:before, .widget_mailchimp .form-group + .theme_button:before, .widget_mc4wp_form_widget .form-group + .theme_button:before { content: "\f002"; font-family: FontAwesome; font-size: 14px; font-weight: 300; } .page_topline .widget_search .form-group + .theme_button, .page_header .widget_search .form-group + .theme_button, .page_toplogo .widget_search .form-group + .theme_button, .page_topline .widget_product_search [type="submit"], .page_header .widget_product_search [type="submit"], .page_toplogo .widget_product_search [type="submit"], .page_topline .widget_mailchimp .form-group + .theme_button, .page_header .widget_mailchimp .form-group + .theme_button, .page_toplogo .widget_mailchimp .form-group + .theme_button, .page_topline .widget_mc4wp_form_widget .form-group + .theme_button, .page_header .widget_mc4wp_form_widget .form-group + .theme_button, .page_toplogo .widget_mc4wp_form_widget .form-group + .theme_button { color: #ffdb60; height: 40px; line-height: 40px; width: 40px; } .page_topline .widget_search .form-group + .theme_button:hover, .page_topline .widget_search .form-group + .theme_button:focus, .page_topline .widget_search .form-group + .theme_button:active, .page_header .widget_search .form-group + .theme_button:hover, .page_header .widget_search .form-group + .theme_button:focus, .page_header .widget_search .form-group + .theme_button:active, .page_toplogo .widget_search .form-group + .theme_button:hover, .page_toplogo .widget_search .form-group + .theme_button:focus, .page_toplogo .widget_search .form-group + .theme_button:active, .page_topline .widget_product_search [type="submit"]:hover, .page_topline .widget_product_search [type="submit"]:focus, .page_topline .widget_product_search [type="submit"]:active, .page_header .widget_product_search [type="submit"]:hover, .page_header .widget_product_search [type="submit"]:focus, .page_header .widget_product_search [type="submit"]:active, .page_toplogo .widget_product_search [type="submit"]:hover, .page_toplogo .widget_product_search [type="submit"]:focus, .page_toplogo .widget_product_search [type="submit"]:active, .page_topline .widget_mailchimp .form-group + .theme_button:hover, .page_topline .widget_mailchimp .form-group + .theme_button:focus, .page_topline .widget_mailchimp .form-group + .theme_button:active, .page_header .widget_mailchimp .form-group + .theme_button:hover, .page_header .widget_mailchimp .form-group + .theme_button:focus, .page_header .widget_mailchimp .form-group + .theme_button:active, .page_toplogo .widget_mailchimp .form-group + .theme_button:hover, .page_toplogo .widget_mailchimp .form-group + .theme_button:focus, .page_toplogo .widget_mailchimp .form-group + .theme_button:active, .page_topline .widget_mc4wp_form_widget .form-group + .theme_button:hover, .page_topline .widget_mc4wp_form_widget .form-group + .theme_button:focus, .page_topline .widget_mc4wp_form_widget .form-group + .theme_button:active, .page_header .widget_mc4wp_form_widget .form-group + .theme_button:hover, .page_header .widget_mc4wp_form_widget .form-group + .theme_button:focus, .page_header .widget_mc4wp_form_widget .form-group + .theme_button:active, .page_toplogo .widget_mc4wp_form_widget .form-group + .theme_button:hover, .page_toplogo .widget_mc4wp_form_widget .form-group + .theme_button:focus, .page_toplogo .widget_mc4wp_form_widget .form-group + .theme_button:active { color: #fff; } .widget_product_search [type="submit"] { background-color: transparent !important; color: #24272e; } .widget_product_search [type="submit"]:hover, .widget_product_search [type="submit"]:active, .widget_product_search [type="submit"]:focus { color: #ffdb60 !important; } .widget_mailchimp .form-group + .theme_button:before, .widget_mc4wp_form_widget .form-group + .theme_button:before { content: "\f0e0"; } aside:not(.shortcode-widget-area) .widget_mc4wp_form_widget .col-sm-4 { width: 100%; } /* widget_recent_entries widget_recent_comments widget_archive widget_categories widget_meta widget_nav_menu widget_pages */ .widget_recent_comments p, .widget_recent_entries p { margin-bottom: 5px; } .widget_recent_comments li, .widget_recent_entries li { padding: 11px 0 10px; } .widget_recent_comments .small-text, .widget_recent_entries .small-text { letter-spacing: 0; } .widget_recent_comments li { padding-left: 25px; } .widget_recent_comments li:after { color: #ffdb60; content: "\f086"; font-family: FontAwesome; left: 0; position: absolute; top: 10px; } .widget_recent_entries li { padding-left: 25px; } .widget_recent_entries li:after { color: #ffdb60; content: "\f1ea"; font-family: FontAwesome; left: 0; position: absolute; top: 10px; } .widget_recent_posts li { line-height: 20px; } .widget_recent_posts p { margin-bottom: 5px; } .widget_recent_entries .categories-links, .widget_recent_posts .categories-links { line-height: 1.4; } .widget_recent_entries h6 { line-height: 23px; max-width: 70%; } .ds .widget_recent_entries h6 a { color: rgba(255, 255, 255, 0.8); } .text-center .widget_recent_entries h6, .widget_recent_entries.text-center h6 { margin-left: auto; margin-right: auto; } .widget_recent_entries .lineheight_thin { line-height: 20px; } @media (min-width: 400px) { .widget_categories .with_padding { padding-bottom: 30px; padding-top: 30px; } } .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li, .widget_nav_menu li, .widget_recent_comments li, .widget_recent_entries li, .widget_popular_entries li { position: relative; } .widget_archive li:before, .widget_categories li:before, .widget_meta li:before, .widget_pages li:before, .widget_nav_menu li:before, .widget_recent_comments li:before, .widget_recent_entries li:before, .widget_popular_entries li:before { background-color: rgba(127, 127, 127, 0.2); content: ""; height: 1px; left: -300px; position: absolute; top: 0; width: 800px; } .page_footer .widget_archive > ul > li:first-child:before, .page_footer .widget_archive ul.menu > li:first-child:before, .page_footer .widget_categories > ul > li:first-child:before, .page_footer .widget_categories ul.menu > li:first-child:before, .page_footer .widget_meta > ul > li:first-child:before, .page_footer .widget_meta ul.menu > li:first-child:before, .page_footer .widget_pages > ul > li:first-child:before, .page_footer .widget_pages ul.menu > li:first-child:before, .page_footer .widget_nav_menu > ul > li:first-child:before, .page_footer .widget_nav_menu ul.menu > li:first-child:before, .page_footer .widget_recent_comments > ul > li:first-child:before, .page_footer .widget_recent_comments ul.menu > li:first-child:before, .page_footer .widget_recent_entries > ul > li:first-child:before, .page_footer .widget_recent_entries ul.menu > li:first-child:before, .page_footer .widget_popular_entries > ul > li:first-child:before, .page_footer .widget_popular_entries ul.menu > li:first-child:before { display: none; } .page_footer .widget_archive > ul > li:last-child, .page_footer .widget_archive ul.menu > li:last-child, .page_footer .widget_categories > ul > li:last-child, .page_footer .widget_categories ul.menu > li:last-child, .page_footer .widget_meta > ul > li:last-child, .page_footer .widget_meta ul.menu > li:last-child, .page_footer .widget_pages > ul > li:last-child, .page_footer .widget_pages ul.menu > li:last-child, .page_footer .widget_nav_menu > ul > li:last-child, .page_footer .widget_nav_menu ul.menu > li:last-child, .page_footer .widget_recent_comments > ul > li:last-child, .page_footer .widget_recent_comments ul.menu > li:last-child, .page_footer .widget_recent_entries > ul > li:last-child, .page_footer .widget_recent_entries ul.menu > li:last-child, .page_footer .widget_popular_entries > ul > li:last-child, .page_footer .widget_popular_entries ul.menu > li:last-child { border-bottom: none; } .widget_archive > ul, .widget_categories > ul, .widget_meta > ul, .widget_pages > ul, .widget_nav_menu > ul, .widget_nav_menu ul.menu, .widget_nav_menu .menu-testing-menu-container > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_popular_entries > ul { overflow: hidden; position: relative; } .widget_recent_entries > ul > li:last-child, .widget_recent_comments > ul > li:last-child, .widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child, .widget_meta > ul > li:last-child, .widget_popular_entries > ul > li:last-child, .widget_nav_menu ul.menu > li:last-child, .widget_nav_menu > ul > li:last-child, .widget_pages > ul > li:last-child { border-bottom: 1px solid rgba(127, 127, 127, 0.2); } .widget_recent_posts > ul > li:last-child { padding-bottom: 0; } .widget_popular_entries > ul > li:first-child { margin-top: 0; } .widget_categories li.active a { color: #24272e; } .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a { display: inline-block; padding-left: 18px; position: relative; } .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before { color: #ffdb60; content: "\f105"; font-family: "FontAwesome"; left: 0; position: absolute; top: 13px; } .widget_archive a:empty, .widget_categories a:empty, .widget_meta a:empty, .widget_nav_menu a:empty, .widget_pages a:empty { display: none; } .widget_archive span, .widget_categories span, .widget_product_categories li > span, .widget_layered_nav .count, .widget_rating_filter .count { background-color: #ffdb60; color: #24272e; display: inline-block; float: right; height: 35px; line-height: 35px; margin-top: 13px; text-align: center; width: 35px; } .page_footer .widget_archive > ul > li:first-child > span, .page_footer .widget_categories > ul > li:first-child > span, .page_footer .widget_product_categories > ul > li:first-child > li > span, .page_footer .widget_layered_nav > ul > li:first-child > .count, .page_footer .widget_rating_filter > ul > li:first-child > .count { margin-top: -2px; } .widget_nav_menu a i { padding-right: 7px; } @media (min-width: 768px) { .page_copyright .widget_nav_menu li, .page_topline .widget_nav_menu li { border: none; display: inline-block; padding-right: 5px; position: relative; } .page_copyright .widget_nav_menu li:before, .page_topline .widget_nav_menu li:before { background-color: rgba(127, 127, 127, 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; } } /* Popular Courses */ .widget_events .media-left img { max-width: 70px; } .widget_events .media h4 { font-size: 14px; line-height: 1.4; margin-bottom: 5px; } /* widget_tag_cloud */ .widget_tag_cloud a, .tag-links a { background-color: #f5f6fb; color: #24272e; display: inline-block; font-family: "Fjalla One", sans-serif; font-size: 14px !important; letter-spacing: 0.1em; margin: 0 6px 10px 0; padding: 10px 20px; text-align: center; text-transform: uppercase; } .with_background .widget_tag_cloud a, .with_background .tag-links a { background-color: #fff; } .widget_tag_cloud a:hover, .widget_tag_cloud a:focus, .widget_tag_cloud a:active, .tag-links a:hover, .tag-links a:focus, .tag-links a:active { background-color: #ffdb60; color: #24272e; -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .tag-links { margin-bottom: -10px; } .tagcloud { margin-bottom: -10px; } /* widget_popular_entries */ .widget_popular_entries h4 { font-size: 16px; margin-bottom: 0; } .widget_popular_entries p { margin-bottom: 0; } .widget_popular_entries .media-body { overflow: visible; } .widget_popular_entries .media-left { padding-right: 20px; } .widget_popular_entries a img, .widget_popular_entries .media-object { max-width: 70px; } @media (min-width: 768px) and (max-width: 1199px) { .widget_popular_entries .media-object { max-width: 40px; } } /* recent posts widget */ .widget_recent_posts h4 { font-size: 16px; margin-top: 0; text-transform: uppercase; } .widget_recent_posts.widget_slider .content-padding .item-content { padding-bottom: 25px; padding-top: 30px; } .widget_recent_posts .small-text { letter-spacing: 0; } /* 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 { background-color: transparent; margin: 0; position: relative; text-align: center; width: 100%; } .widget_calendar caption { background-color: #ffdb60; color: #fff; font-family: "Anton", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; padding: 20px 0; text-align: center; text-transform: uppercase; } .widget_calendar thead { background-color: #24272e; color: #fff; } .widget_calendar thead th { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; padding: 24px 5px; text-transform: uppercase; } .widget_calendar thead th:first-child { padding-left: 25px; } .widget_calendar thead th:last-child { padding-right: 25px; } .widget_calendar tbody { background-color: #f5f6fb; font-weight: 300; } .widget_calendar tbody tr:first-child td { padding-top: 30px; } .widget_calendar tbody tr:last-child td { padding-bottom: 30px; } .widget_calendar tbody td { border: none; padding: 9px 4px; position: relative; } .widget_calendar tbody td:first-child { padding-left: 25px; } .widget_calendar tbody td:last-child { padding-right: 25px; } .widget_calendar tbody td a { color: #ffdb60; } .widget_calendar tbody td a:hover { color: #ffdb60; } .widget_calendar th { border: 0; color: inherit; text-align: center; } .widget_calendar td { border: 0; } .widget_calendar tfoot { left: 0; position: absolute; right: 0; top: 0; } .widget_calendar tfoot td { position: absolute; top: 0; } .widget_calendar tfoot td.pad { display: none; } .widget_calendar tfoot td a { color: #fff; display: inline-block; font-size: 0; height: 60px; line-height: 60px; text-align: center; width: 60px; } .widget_calendar tfoot td a:hover { color: #24272e; } .widget_calendar tfoot #prev { left: 0; padding: 0; } .widget_calendar tfoot #prev a:before { content: "\f104"; font-family: FontAwesome; font-size: 14px; } .widget_calendar tfoot #next { padding: 0; right: 0; } .widget_calendar tfoot #next a:after { content: "\f105"; font-family: FontAwesome; font-size: 14px; } /* widget_banner */ .widget_banner .banner-wrap { border: 2px dashed #7f7f7f; padding: 55px 35px; position: relative; } .widget_banner .banner:before { color: #ffdb60; content: "\f0c4"; font-family: FontAwesome; font-size: 20px; left: 25px; position: absolute; top: -16px; } .widget_banner .banner .big { display: block; font-family: "Anton", sans-serif; font-size: 42px; line-height: 1em; margin-bottom: 5px; } /* widget_slider */ .widget_slider { position: relative; } .widget_slider .owl-carousel { margin-bottom: 0; } .widget_slider .owl-carousel .owl-nav { opacity: 1; right: 0; top: -26px; } .widget_slider .owl-carousel .owl-nav > div { background: none; height: 30px; line-height: 30px; right: 0; text-align: right; width: 20px; } .widget_slider .owl-carousel .owl-nav > div:first-child { left: auto; right: 22px; text-align: left; } .widget_slider .owl-carousel .owl-nav > div:after { color: inherit; color: #1d1f25; font-size: 18px; line-height: 30px; } /* widget_flickr */ .widget_flickr ul { font-size: 0; margin: -5px; } .widget_flickr li { display: inline-block; max-width: 180px; padding: 5px; width: 33.333333333%; } /* widget_instagram */ #sb_instagram #sbi_images { margin: -10px; width: calc(100% + 20px); } #sb_instagram #sbi_images .sbi_photo :hover { opacity: 0.4 !important; } /* widget_twitter */ .tweet_avatar { float: left; margin-top: 4px; } .tweet_right { margin-left: 60px; overflow: hidden; zoom: 1; } .tweet_list li + li { clear: both; margin-top: 16px; } .tweet_time, .tweet_user { font-family: "Fjalla One", sans-serif; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; } .tweet_user { margin-bottom: 5px; } .tweet_time { display: block; padding-top: 5px; } .tweet_text a { text-decoration: underline; } .tweet_list li { padding-left: 30px; position: relative; } .tweet_list li > span { display: block; } .tweet_list li:before { color: #1da1f2; content: "\f099"; font-family: FontAwesome; font-size: 16px; left: 0; position: absolute; text-transform: none; top: 0; } /* widget_tabs widget_theme_post_tabs */ .widget_theme_post_tabs h4, .widget_tabs h4 { font-size: 16px; } .widget_theme_post_tabs .entry-meta + .entry-title, .widget_tabs .entry-meta + .entry-title { margin-top: 0; } .widget_theme_post_tabs .vertical-item + .vertical-item, .widget_tabs .vertical-item + .vertical-item { margin-top: 38px; } .widget_theme_post_tabs .pull-right, .widget_tabs .pull-right { margin-left: 10px; } .widget_theme_post_tabs .small-text, .widget_tabs .small-text { letter-spacing: 0; } .widget_rss li { margin-bottom: 15px; } .widget_rss li .rsswidget { font-size: 1.1em; } .widget_rss .rss-date { display: block; font-weight: 700; } .widget_rss cite { display: block; font-weight: 700; text-align: right; } /* access_press */ .apsc-each-profile { background-color: #f5f6fb; overflow: hidden; } .apsc-facebook-icon { background-color: #3b5998; } .apsc-twitter-icon { background-color: #1dcaff; } .apsc-youtube-icon { background-color: #e52d27; } .apsc-soundcloud-icon { background-color: #f80; } .apsc-dribble-icon { background-color: #ea4c89; } .apsc-comment-icon { background-color: #464646; } .apsc-edit-icon { background-color: #837d7d; } .apsc-google-plus-icon { background-color: #dd4b39; } .apsc-instagram-icon { background-color: #3f729b; } .apsc-each-profile a:hover { color: white !important; text-decoration: none !important; } .apsc-theme-4 .apsc-each-profile { float: none; margin: 0 0 10px; } .apsc-theme-4 .apsc-each-profile:last-child { margin-bottom: 0; } .apsc-theme-4 .social-icon { display: inline-block; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-each-profile a { color: #fff; display: block; font-size: 12px; line-height: 60px; padding: 0 30px 0 0; position: relative; text-align: right; text-transform: uppercase; } .apsc-theme-4 .apsc-each-profile a:hover { opacity: 0.8; } .apsc-theme-4 .apsc-each-profile a .fa { border-right: 1px solid #fff; display: inline-block; font-size: 16px; height: 60px; line-height: 60px; text-align: center; -ms-transform: none; transform: none; -webkit-transform: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: top; width: 60px; } .apsc-theme-4 .apsc-each-profile a:hover .fa { -webkit-transform: snone; -ms-transform: none; transform: none; } .apsc-theme-4 .media-name { display: inline-block; font-size: 12px; font-weight: 600; padding: 0 0 0 30px; text-transform: uppercase; } .apsc-theme-4 .apsc-count { border-radius: 0; display: inline-block; font-size: inherit; font-weight: 600; position: relative; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .apsc-theme-4 .apsc-media-type { color: #24272e; display: none; font-weight: 600; padding: 0 4px; } @media screen and (max-width: 479px) { .apsc-theme-4 .apsc-each-profile, .apsc-theme-3 .apsc-each-profile { float: none; } } /* Gallery Widget */ .widget_gallery .gallery-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .widget_gallery .gallery-list .gallery-item { max-width: 160px; padding: 5px; width: 50%; } /* ** Shortcodes */ /* ** Teasers */ /* small teaser - media bootstrap component with icon */ .small-teaser .media-body { line-height: 20px; } .media.inline-block { margin-top: 10px; } .media.inline-block.small-teaser { margin-top: 10px; } .media.inline-block.teaser:first-child { margin-top: 10px; } @media (min-width: 992px) { .media.topmargin_40 { margin-top: 80px; } } .media-left i, .meida-right i { width: 1.1em; } .inline-teasers-wrap { display: inline-block; margin-left: -15px; margin-right: -15px; } .inline-teasers-wrap > *, .inline-teasers-wrap .teaser.media { margin: 10px 15px; vertical-align: middle; } @media (min-width: 1200px) { .inline-teasers-wrap { margin-left: -20px; margin-right: -20px; } .inline-teasers-wrap > *, .inline-teasers-wrap .teaser.media { margin: 10px 20px; } } /* teaser */ .teaser { overflow: visible; position: relative; z-index: 1; } .teaser.media { margin-top: 25px; } .teaser.media:first-child { margin-top: 0; } .teaser.media h2, .teaser.media h3, .teaser.media h4, .teaser.media h5, .teaser.media h6 { line-height: 1em; } .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6 { margin-bottom: 0.5em; margin-top: 0.8em; } .teaser h2:first-child, .teaser h3:first-child, .teaser h4:first-child, .teaser h5:first-child, .teaser h6:first-child { margin-top: 0; } .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 20px; } @media (min-width: 400px) { .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 40px; } } @media (min-width: 1600px) { .teaser[class*="_bg_color"].big-padding, .teaser[class*="with_"].big-padding { padding: 55px 60px; } } .teaser i { display: inline-block; text-align: center; vertical-align: middle; } .teaser i[class*="bg_color"] { display: inline-block; line-height: 1.43em; text-align: center; vertical-align: baseline; width: 1.43em; } .teaser .media-left i, .teaser .media-right i { display: block; } .teaser .media-left .teaser_icon i, .teaser .media-right .teaser_icon i { display: inline-block; } .teaser .media-body { line-height: 1.5em; } .teaser .media-body h3 { margin-bottom: 10px; } .teaser .media-body h6 { margin-bottom: 5px; } .teaser.thin-teaser .media-body { line-height: 1; } .teaser h3[class*="count"] { font-size: 48px; margin: 10px 0 15px; } .teaser h3[class*="count"] + p { font-size: 20px; font-weight: 400; } .teaser .theme_button { margin-top: 22px; } .teaser .small_button { margin-top: 0; } .section_padding_bottom_0 .teaser { margin-bottom: 0; } .teaser .counter-background { font-size: 180px; font-weight: 700; left: 0; line-height: 1; opacity: 0.1; position: absolute; right: 0; top: 48%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .teaser .icon-background { font-size: 96px; left: 50%; max-width: 100%; opacity: 0.1; position: absolute; right: 0; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: -1; } .teaser .icon-background.small { font-size: 84px; } .teaser img.icon-background { right: auto; width: auto; } .teaser i.icon-background { margin-bottom: 0; margin-top: 0; } .teaser.font-icon-background-teaser { overflow: hidden; padding: 48px 25px 48px; } .teaser.counter-background-teaser { overflow: hidden; padding: 98px 25px 98px; } .teaser.counter-background-teaser .small-text { line-height: 1.4em; } .teaser.inner-border:before { border: 1px solid rgba(255, 255, 255, 0.5); bottom: 10px; content: ""; left: 10px; position: absolute; right: 10px; top: 10px; } .icon-bg-teaser { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; line-height: 1em; min-height: 96px; z-index: 1; } .teaser_icon { display: inline-block; line-height: 1; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .teaser_icon[class*="_bg_color"], .teaser_icon.with_background { height: 2em; text-align: center; vertical-align: middle; width: 2em; } .teaser_icon[class*="_bg_color"] > *, .teaser_icon.with_background > * { line-height: 2em; } .teaser_icon[class*="_bg_color"].small, .teaser_icon.with_background.small { height: 20px; margin-top: -2px; width: 20px; } .teaser_icon[class*="_bg_color"].small > *, .teaser_icon.with_background.small > * { line-height: 20px; } .teaser_icon.border_icon { border-style: solid; border-width: 2px; height: 2em; width: 2em; } .teaser_icon.border_icon + h3, .teaser_icon.border_icon + h4 { margin-top: 28px; } .teaser_icon.border_icon * { line-height: 2em; margin-top: -2px; } .teaser_icon[class*='label-'] { color: #fff; display: inline-block; height: 30px; line-height: 32px; text-align: center; vertical-align: bottom; vertical-align: baseline; white-space: nowrap; width: 30px; } .teaser_icon + h2 { margin-top: 40px; } .teaser_icon.big_wrapper + h4 { margin-top: 33px; } .teaser_icon + p { margin-top: 27px; } .media-left .teaser_icon, .media-right .teaser_icon { display: block; } .cons-width { min-width: 1.2em; } .size_big { font-size: 64px; } .size_normal { font-size: 42px; } .size_small { font-size: 28px; } /* background teaser */ .bg_teaser { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; } .bg_teaser:after { height: 1000px; position: absolute; width: 100%; } .bg_teaser .highlight { color: rgba(255, 255, 255, 0.7); } .bg_teaser h4 + h3 { font-size: 50px; margin-top: -14px; } .bg_teaser.rectangular .teaser_content { padding: 200px 30px 50px; } .bg_teaser.rectangular .teaser_content h3 { font-size: 40px; } .bg_teaser > img { display: none; visibility: hidden; } .bg_teaser .teaser_content { margin: 0; padding: 40px 40px 35px; z-index: 2; } .bg_teaser .teaser_content > .media-left { padding-right: 35px; } .bg_teaser .teaser_content.media { padding: 75px 40px 60px; } .darkgrey_bg .highlight, .black_bg .highlight, .darkblue_bg .highlight { color: #ffdb60; } .color_bg_1:after { background-color: rgba(255, 219, 96, 0.8); } [class*="color_bg"] { color: #fff; } .teaser.media.after_cover { padding: 25px 30px; } .teaser.media.after_cover i { opacity: 0.3; } .teaser.media.after_cover p { text-transform: uppercase; } .darkgrey_bg:after { background-color: rgba(36, 39, 46, 0.9); } .darkgrey_bg.black:after { background-color: rgba(0, 0, 0, 0.7); } .darkblue_bg:after { background-color: rgba(0, 32, 43, 0.7); } .teasers-row { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-pack: distribute; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; margin: 0 -15px; } .teasers-row > div { padding: 0 15px; } /* ** Testimonials */ @media (max-width: 600px) { .blockquote-big { font-size: 18px; max-width: 100%; padding-left: 40px; padding-right: 40px; } } /* testimonials-carousel */ .testimonials-carousel { padding: 0; } .testimonials-carousel .item > p { font-style: italic; margin-bottom: 20px; padding-left: 40px; position: relative; } .testimonials-carousel .item > p:before { content: "\201c"; font-family: "PT Sans", sans-serif; font-size: 100px; font-style: normal; left: -3px; position: absolute; top: 30px; z-index: 10; } .testimonials-carousel h4 { margin: 0; } .testimonials-carousel h4 + p { margin-bottom: 0; } .testimonials-carousel .carousel-indicators { bottom: -16px; display: none; } .testimonials-carousel .carousel-control { display: none; } .testimonials-carousel .media + p { background-color: #f5f6fb; padding: 10px 16px; position: relative; } .testimonials-carousel .media:after { clear: both; content: ""; display: block; } .testimonials-carousel .media + p:before, .testimonials-carousel .media + p:after { border-color: rgba(127, 127, 127, 0.2) transparent transparent transparent; border-style: solid; border-width: 18px 0 0 18px; bottom: -18px; content: ""; left: 0; position: absolute; top: auto; } .testimonials-carousel .media + p:after { border-style: solid; border-width: 18px 18px 0 0; left: auto; right: 0; } .testimonials-carousel .media-object { border-radius: 50%; margin-bottom: 10px; max-width: 50px; } .testimonials-carousel .carousel-indicators li { border-color: #ffdb60; } .testimonials-carousel .carousel-indicators li.active { background-color: #ffdb60; } .testimonials-control { font-size: 22px; } /* thumbnail */ .thumbnail { background-color: transparent; border: none; border-radius: 0; overflow: hidden; padding: 0; position: relative; text-align: center; } .isotope-item .thumbnail { margin-bottom: 30px; } .thumbnail h3 { font-size: 20px; margin-bottom: 2px; } .thumbnail h3 a { color: inherit; } .thumbnail h3 + p { margin-bottom: 10px; } .thumbnail .caption { background-color: #f5f6fb; border: none; border-top-width: 0; color: #7f7f7f; padding: 20px; } @media (min-width: 400px) { .thumbnail .caption { padding: 35px 40px; } } @media (min-width: 1200px) { .thumbnail.big-padding .caption { padding: 55px 60px; } } /* price tables */ .price-table, .price-table ul { list-style: none; margin: 0; padding: 0; text-align: center; } .price-table { margin: 0 auto; max-width: 500px; } .plan-name { margin: -1px -1px 0; padding: 27px 20px; } .plan-name h2 { font-size: 24px; margin: 0; } .plan-price { font-size: 24px; font-weight: 700; line-height: 1; padding: 54px 0 0; position: relative; } .plan-price span.big { font-size: 52px; } .price-description { font-size: 14px; font-weight: 700; letter-spacing: 0.1em; margin-top: 10px; text-transform: uppercase; } .features-list { padding: 55px 40px 60px; } @media (min-width: 1200px) { .features-list { padding: 55px 40px 60px; } } .features-list li { padding: 15px 0; } .features-list li { border-top: 1px solid #ebe9e8; position: relative; } .features-list li:last-child { border-bottom: 1px solid #ebe9e8; } .features-list .enabled:before, .features-list .disabled:before { color: #ffdb60; content: "\e116"; font-family: "rt-icons-2"; font-size: 24px; line-height: 1; padding-right: 8px; position: relative; right: 4px; top: 5px; } .features-list .disabled:before { color: #24272e; content: "\e117"; } .call-to-action { padding: 0 20px 60px; } .fw-package.price-table hr { margin-left: 30px; margin-right: 30px; opacity: 0.15; } .fw-switch-row { display: inline-block; font-size: 24px; margin-right: 4px; position: relative; top: 4px; } .fw-switch-row + .fw-default-row { display: inline-block; } .desc-col .fw-default-row { margin: 20px 0; } /* contact forms */ .contact-form { position: relative; z-index: 3; } .contact-form label[for] { display: none; } .contact-form.columns_padding_5.row { margin-top: -5px; } .contact-form-message textarea { max-height: 200px; } .contact-form.parallax { background-image: url(../img/parallax/map.jpg); padding: 30px 20px 25px; } @media (min-width: 400px) { .contact-form.parallax { padding: 40px 40px 35px; } } @media (min-width: 1200px) { .contact-form.parallax { padding: 60px 60px 55px; } } .contact-form-respond { display: block; font-weight: 800; } .contact-form-respond:before { content: "\e71a"; font-family: "rt-icons-2"; padding-right: 10px; } .contact-form p.form-group { margin-bottom: 15px; } .contact-form [class*="col-"] .form-group { margin: 0; } .contact-form [class*="col-"] .form-group + .form-group { margin-top: 10px; } .contact-form-submit, .form-submit { margin-top: 20px; } @media (min-width: 1200px) { .contact-form-submit, .form-submit { margin-top: 30px; } } .contact-form.transparent-background .form-control { background-color: transparent; } .contact-email { font-size: 40px; text-transform: uppercase; } @media (max-width: 767px) { .contact-email { font-size: 20px; margin-bottom: 6px; } .contact-form.parallax { padding-bottom: 40px; padding-left: 20px; padding-right: 20px; } } /* Form in tab with absolute button */ .with_abs_button.form-wrapper { position: relative; } .with_abs_button .form-submit { margin-top: 0; } .with_abs_button .form-submit [class*='col-'] { margin: 0 !important; position: static; } .wrap-forms .form-group { margin-bottom: 0; } @media (min-width: 768px) { .wrap-forms .form-group { margin-bottom: 0; } } .wrap-forms .form-group p { margin: 10px 0 0; } .wrap-forms .form-group textarea { min-height: 170px; } .has-placeholder label { display: none; } #messages_modal .fw-messages-wrap { left: 50%; margin-left: -150px; position: absolute; top: 10%; width: 300px; } #messages_modal ul { margin-bottom: 0; } /* partners carousel */ .owl-carousel.partners-carousel a, .partner-link { display: block; text-align: center; } .half_cs .owl-carousel.partners-carousel a, .half_cs .partner-link { background-color: #ffdb60; } /* Gallery Owl Carousel */ .gallery-carousel .ds .item-media img { opacity: 0.5; } .gallery-carousel.owl-center.framed:before, .gallery-carousel.owl-center.framed:after, .gallery-carousel.owl-center.framed .owl-stage-outer:before, .gallery-carousel.owl-center.framed .owl-stage-outer:after { background-color: #fff; content: ""; left: 50%; position: absolute; z-index: 1; } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"] { margin-bottom: 8px; } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"]:before, .gallery-carousel.owl-center.framed[data-responsive-xxs="2"]:after { height: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(50% + 16px); } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"]:before { bottom: 100%; } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"]:after { top: 100%; } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"] .owl-stage-outer:before, .gallery-carousel.owl-center.framed[data-responsive-xxs="2"] .owl-stage-outer:after { height: 100%; top: 0; width: 8px; } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"] .owl-stage-outer:before { left: 25%; margin-left: -8px; } .gallery-carousel.owl-center.framed[data-responsive-xxs="2"] .owl-stage-outer:after { left: 75%; } @media (min-width: 768px) { .gallery-carousel.owl-center.framed[data-responsive-sm="3"] { margin-bottom: 20px; } .gallery-carousel.owl-center.framed[data-responsive-sm="3"]:before, .gallery-carousel.owl-center.framed[data-responsive-sm="3"]:after { height: 20px; width: calc(33.5% + 40px); } .gallery-carousel.owl-center.framed[data-responsive-sm="3"] .owl-stage-outer:before, .gallery-carousel.owl-center.framed[data-responsive-sm="3"] .owl-stage-outer:after { width: 20px; } .gallery-carousel.owl-center.framed[data-responsive-sm="3"] .owl-stage-outer:before { left: 33.333334%; margin-left: -20px; } .gallery-carousel.owl-center.framed[data-responsive-sm="3"] .owl-stage-outer:after { left: 66.66666667%; } } @media (min-width: 992px) { .gallery-carousel.owl-center.framed[data-responsive-md="4"]:before, .gallery-carousel.owl-center.framed[data-responsive-md="4"]:after { width: calc(25% + 40px); } .gallery-carousel.owl-center.framed[data-responsive-md="4"] .owl-stage-outer:before { left: 37.5%; margin-left: -20px; } .gallery-carousel.owl-center.framed[data-responsive-md="4"] .owl-stage-outer:after { left: 62.5%; margin-left: 0; } } @media (min-width: 1200px) { .gallery-carousel.owl-center.framed[data-responsive-lg="4"] { margin-bottom: 20px; } .gallery-carousel.owl-center.framed[data-responsive-lg="4"]:before, .gallery-carousel.owl-center.framed[data-responsive-lg="4"]:after { width: calc(25% + 40px); } .gallery-carousel.owl-center.framed[data-responsive-lg="4"] .owl-stage-outer:before { left: 37.5%; margin-left: -20px; } .gallery-carousel.owl-center.framed[data-responsive-lg="4"] .owl-stage-outer:after { left: 62.5%; } } @media (min-width: 1600px) { .gallery-carousel.owl-center.framed[data-responsive-lg="4"] { margin-bottom: 30px; } .gallery-carousel.owl-center.framed[data-responsive-lg="4"]:before, .gallery-carousel.owl-center.framed[data-responsive-lg="4"]:after { height: 30px; width: calc(25% + 60px); } .gallery-carousel.owl-center.framed[data-responsive-lg="4"] .owl-stage-outer:before, .gallery-carousel.owl-center.framed[data-responsive-lg="4"] .owl-stage-outer:after { width: 30px; } .gallery-carousel.owl-center.framed[data-responsive-lg="4"] .owl-stage-outer:before { left: 37.5%; margin-left: -29px; } .gallery-carousel.owl-center.framed[data-responsive-lg="4"] .owl-stage-outer:after { left: 62.5%; } } @media (min-width: 1200px) { .owl-center-scale.gallery-carousel.owl-center .owl-nav > div { bottom: 30px; color: #fff; font-family: "Playfair Display", serif; font-size: 30px; font-weight: 700; height: auto; line-height: 100%; text-transform: uppercase; top: 30px; transform: none; -webkit-transform: none; -ms-transform: none; width: 12.5%; } .owl-center-scale.gallery-carousel.owl-center .owl-nav > div:after { display: none; } .owl-center-scale.gallery-carousel.owl-center .owl-nav > div span { left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .owl-center-scale.gallery-carousel.owl-center .owl-nav > div:hover { color: #ffdb60; } } /*Stars*/ .star-rating, p.stars a { font-weight: 400; height: 1em; } .star-rating:before, .star-rating span:before { content: "\f006\f006\f006\f006\f006"; left: 0; letter-spacing: 0.2em; top: 0; } .star-rating span:before { content: "\f005\f005\f005\f005\f005"; } .star-rating { display: inline-block; font-family: FontAwesome; font-size: 14px; line-height: 1em; overflow: hidden; position: relative; vertical-align: middle; width: 5.55em; } .star-rating:before { float: left; position: absolute; } .star-rating span { float: left; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .star-rating span:before { display: block; white-space: nowrap; } .star-rating span:before { color: #ffdb60; } .star-rating:before { color: #ffdb60; position: absolute; } p.stars a:before, p.stars a:hover ~ a:before { color: #ffdb60; content: "\f006"; } p.stars { display: inline-block; line-height: 1; margin: 0 0 10px; } p.stars a { display: inline-block; margin-right: 1px; position: relative; text-indent: -999em; width: 1em; } p.stars a:before { display: block; font-family: FontAwesome; height: 1em; left: 0; line-height: 1; position: absolute; text-indent: 0; top: 0; width: 1em; } p.stars.selected a.active:before, p.stars:hover a:before { color: #ffdb60; content: "\f005"; opacity: 1; } p.stars.selected a.active ~ a:before { color: #ffdb60; content: "\f006"; opacity: .75; } p.stars.selected a:not(.active):before { color: #ffdb60; content: "\f005"; opacity: 1; } .comment-form-rating { margin-bottom: 10px; margin-top: 20px; } .comment-form-rating .select-group { display: none; } /* ** Social Icons */ /* layout */ a[class*='socicon-']:before { font-family: "socicon"; font-size: 14px; line-height: 1; } a.social-icon { display: inline-block; font-size: 0; line-height: 0; text-align: center; } a.social-icon.text-icon { font-family: "Fjalla One", sans-serif !important; font-size: 14px; letter-spacing: 0.1em; line-height: inherit; text-transform: uppercase; } a.social-icon.text-icon:before { display: none; } a.social-icon span { display: block; font-size: 14px; opacity: 0.7; text-transform: uppercase; } a.social-icon span:first-child { font-size: 24px; font-weight: bold; margin-top: 8px; } a.social-icon [class*="rt-icon"] + span { font-size: 24px; font-weight: bold; margin-top: 8px; } a.social-icon + a.social-icon, .tooltip + a.social-icon { margin-left: 21px; } a.social-icon.bg-icon + a.social-icon.bg-icon, .tooltip + a.social-icon.bg-icon, a.social-icon.color-bg-icon + a.social-icon.color-bg-icon, .tooltip + a.social-icon.color-bg-icon, a.social-icon.border-icon + a.social-icon.border-icon, .tooltip + a.social-icon.border-icon { margin-left: 6px; } a.social-icon.block-icon { width: 100%; } .social-icons:not(.inline-content) > * + * { margin-left: 21px; } a[class*='socicon-'].rounded-icon { border-radius: 50%; } a.big-icon { overflow: hidden; } @media (min-width: 500px) { a.big-icon[class*='socicon-']:before { font-size: 18px; } a.big-icon.color-bg-icon { padding: 22px 21px; } } .slide_icons a.social-icon { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .slide_icons a.social-icon:hover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* corporate colors */ a.color-icon.socicon-twitter { color: #1da1f2; } a.color-icon.socicon-facebook { color: #3b5998; } a.color-icon.socicon-google { color: #4285f4; } a.color-icon.socicon-googleplus { color: #db4437; } a.color-icon.socicon-pinterest { color: #bd081c; } a.color-icon.socicon-foursquare { color: #f94877; } a.color-icon.socicon-yahoo { color: #430297; } a.color-icon.socicon-skype { color: #00aff0; } a.color-icon.socicon-yelp { color: #c83218; } a.color-icon.socicon-feedburner { color: #fc0; } a.color-icon.socicon-linkedin { color: #007bb5; } a.color-icon.socicon-viadeo { color: #e4a000; } a.color-icon.socicon-xing { color: #005a60; } a.color-icon.socicon-myspace { color: #323232; } a.color-icon.socicon-soundcloud { color: #f50; } a.color-icon.socicon-spotify { color: #1ed760; } a.color-icon.socicon-grooveshark { color: #f67e03; } a.color-icon.socicon-lastfm { color: #d41316; } a.color-icon.socicon-youtube { color: #f00; } a.color-icon.socicon-vimeo { color: #1ab7ea; } a.color-icon.socicon-dailymotion { color: #004e72; } a.color-icon.socicon-vine { color: #00b489; } a.color-icon.socicon-flickr { color: #f40083; } a.color-icon.socicon-500px { color: #0099e5; } a.color-icon.socicon-instagram { color: #c32aa3; } a.color-icon.socicon-wordpress { color: #464646; } a.color-icon.socicon-tumblr { color: #35465d; } a.color-icon.socicon-blogger { color: #ec661c; } a.color-icon.socicon-technorati { color: #5cb030; } a.color-icon.socicon-reddit { color: #ff4500; } a.color-icon.socicon-dribbble { color: #ea4c89; } a.color-icon.socicon-stumbleupon { color: #e64011; } a.color-icon.socicon-digg { color: #1d1d1b; } a.color-icon.socicon-envato { color: #597c3a; } a.color-icon.socicon-behance { color: #00bf8f; } a.color-icon.socicon-delicious { color: #31a9ff; } a.color-icon.socicon-deviantart { color: #05cc47; } a.color-icon.socicon-forrst { color: #5b9a68; } a.color-icon.socicon-play { color: #5acdbd; } a.color-icon.socicon-zerply { color: #9dbc7a; } a.color-icon.socicon-wikipedia { color: #000; } a.color-icon.socicon-apple { color: #a6b1b7; } a.color-icon.socicon-flattr { color: #f67c1a; } a.color-icon.socicon-github { color: #00bf8f; } a.color-icon.socicon-chimein { color: #888688; } a.color-icon.socicon-friendfeed { color: #2f72c4; } a.color-icon.socicon-newsvine { color: #00b489; } a.color-icon.socicon-identica { color: #000; } a.color-icon.socicon-bebo { color: #ef1011; } a.color-icon.socicon-zynga { color: #dc0606; } a.color-icon.socicon-steam { color: #171a21; } a.color-icon.socicon-xbox { color: #92c83e; } a.color-icon.socicon-windows { color: #00bdf6; } a.color-icon.socicon-outlook { color: #0072c6; } a.color-icon.socicon-coderwall { color: #3e8dcc; } a.color-icon.socicon-tripadvisor { color: #000; } a.color-icon.socicon-appnet { color: #494949; } a.color-icon.socicon-goodreads { color: #1abc9c; } a.color-icon.socicon-tripit { color: #1982c3; } a.color-icon.socicon-lanyrd { color: #3c80c9; } a.color-icon.socicon-slideshare { color: #e68523; } a.color-icon.socicon-buffer { color: #000; } a.color-icon.socicon-rss { color: #f26109; } a.color-icon.socicon-vkontakte { color: #4a76a8; } a.color-icon.socicon-disqus { color: #2e9fff; } a.color-icon.socicon-houzz { color: #7cc04b; } a.color-icon.socicon-mail { color: #000; } a.color-icon.socicon-patreon { color: #e44727; } a.color-icon.socicon-paypal { color: #009cde; } a.color-icon.socicon-playstation { color: #000; } a.color-icon.socicon-smugmug { color: #acfd32; } a.color-icon.socicon-swarm { color: #ffa633; } a.color-icon.socicon-triplej { color: #e53531; } a.color-icon.socicon-yammer { color: #1175c4; } a.color-icon.socicon-stackoverflow { color: #fd9827; } a.color-icon.socicon-drupal { color: #00598e; } a.color-icon.socicon-odnoklassniki { color: #f48420; } a.color-icon.socicon-android { color: #a4c639; } a.color-icon.socicon-meetup { color: #e2373c; } a.color-icon.socicon-persona { color: #e6753d; } a.color-icon.socicon-amazon { color: #f90; } a.color-icon.socicon-ello { color: #000; } a.color-icon.socicon-mixcloud { color: #314359; } a.color-icon.socicon-8tracks { color: #122c4b; } a.color-icon.socicon-twitch { color: #6441a5; } a.color-icon.socicon-airbnb { color: #ff5a5f; } a.color-icon.socicon-pocket { color: #ee4056; } a[class*="socicon-"].socicon-twitter:hover { border-color: #1da1f2; color: #1da1f2; } a[class*="socicon-"].socicon-facebook:hover { border-color: #3b5998; color: #3b5998; } a[class*="socicon-"].socicon-google:hover { border-color: #4285f4; color: #4285f4; } a[class*="socicon-"].socicon-googleplus:hover { border-color: #db4437; color: #db4437; } a[class*="socicon-"].socicon-pinterest:hover { border-color: #bd081c; color: #bd081c; } a[class*="socicon-"].socicon-foursquare:hover { border-color: #f94877; color: #f94877; } a[class*="socicon-"].socicon-yahoo:hover { border-color: #430297; color: #430297; } a[class*="socicon-"].socicon-skype:hover { border-color: #00aff0; color: #00aff0; } a[class*="socicon-"].socicon-yelp:hover { border-color: #c83218; color: #c83218; } a[class*="socicon-"].socicon-feedburner:hover { border-color: #fc0; color: #fc0; } a[class*="socicon-"].socicon-linkedin:hover { border-color: #007bb5; color: #007bb5; } a[class*="socicon-"].socicon-viadeo:hover { border-color: #e4a000; color: #e4a000; } a[class*="socicon-"].socicon-xing:hover { border-color: #005a60; color: #005a60; } a[class*="socicon-"].socicon-myspace:hover { border-color: #323232; color: #323232; } a[class*="socicon-"].socicon-soundcloud:hover { border-color: #f50; color: #f50; } a[class*="socicon-"].socicon-spotify:hover { border-color: #1ed760; color: #1ed760; } a[class*="socicon-"].socicon-grooveshark:hover { border-color: #f67e03; color: #f67e03; } a[class*="socicon-"].socicon-lastfm:hover { border-color: #d41316; color: #d41316; } a[class*="socicon-"].socicon-youtube:hover { border-color: #f00; color: #f00; } a[class*="socicon-"].socicon-vimeo:hover { border-color: #1ab7ea; color: #1ab7ea; } a[class*="socicon-"].socicon-dailymotion:hover { border-color: #004e72; color: #004e72; } a[class*="socicon-"].socicon-vine:hover { border-color: #00b489; color: #00b489; } a[class*="socicon-"].socicon-flickr:hover { border-color: #f40083; color: #f40083; } a[class*="socicon-"].socicon-500px:hover { border-color: #0099e5; color: #0099e5; } a[class*="socicon-"].socicon-instagram:hover { border-color: #c32aa3; color: #c32aa3; } a[class*="socicon-"].socicon-wordpress:hover { border-color: #464646; color: #464646; } a[class*="socicon-"].socicon-tumblr:hover { border-color: #35465d; color: #35465d; } a[class*="socicon-"].socicon-blogger:hover { border-color: #ec661c; color: #ec661c; } a[class*="socicon-"].socicon-technorati:hover { border-color: #5cb030; color: #5cb030; } a[class*="socicon-"].socicon-reddit:hover { border-color: #ff4500; color: #ff4500; } a[class*="socicon-"].socicon-dribbble:hover { border-color: #ea4c89; color: #ea4c89; } a[class*="socicon-"].socicon-stumbleupon:hover { border-color: #e64011; color: #e64011; } a[class*="socicon-"].socicon-digg:hover { border-color: #1d1d1b; color: #1d1d1b; } a[class*="socicon-"].socicon-envato:hover { border-color: #597c3a; color: #597c3a; } a[class*="socicon-"].socicon-behance:hover { border-color: #00bf8f; color: #00bf8f; } a[class*="socicon-"].socicon-delicious:hover { border-color: #31a9ff; color: #31a9ff; } a[class*="socicon-"].socicon-deviantart:hover { border-color: #05cc47; color: #05cc47; } a[class*="socicon-"].socicon-forrst:hover { border-color: #5b9a68; color: #5b9a68; } a[class*="socicon-"].socicon-play:hover { border-color: #5acdbd; color: #5acdbd; } a[class*="socicon-"].socicon-zerply:hover { border-color: #9dbc7a; color: #9dbc7a; } a[class*="socicon-"].socicon-wikipedia:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-apple:hover { border-color: #a6b1b7; color: #a6b1b7; } a[class*="socicon-"].socicon-flattr:hover { border-color: #f67c1a; color: #f67c1a; } a[class*="socicon-"].socicon-github:hover { border-color: #00bf8f; color: #00bf8f; } a[class*="socicon-"].socicon-chimein:hover { border-color: #888688; color: #888688; } a[class*="socicon-"].socicon-friendfeed:hover { border-color: #2f72c4; color: #2f72c4; } a[class*="socicon-"].socicon-newsvine:hover { border-color: #00b489; color: #00b489; } a[class*="socicon-"].socicon-identica:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-bebo:hover { border-color: #ef1011; color: #ef1011; } a[class*="socicon-"].socicon-zynga:hover { border-color: #dc0606; color: #dc0606; } a[class*="socicon-"].socicon-steam:hover { border-color: #171a21; color: #171a21; } a[class*="socicon-"].socicon-xbox:hover { border-color: #92c83e; color: #92c83e; } a[class*="socicon-"].socicon-windows:hover { border-color: #00bdf6; color: #00bdf6; } a[class*="socicon-"].socicon-outlook:hover { border-color: #0072c6; color: #0072c6; } a[class*="socicon-"].socicon-coderwall:hover { border-color: #3e8dcc; color: #3e8dcc; } a[class*="socicon-"].socicon-tripadvisor:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-appnet:hover { border-color: #494949; color: #494949; } a[class*="socicon-"].socicon-goodreads:hover { border-color: #1abc9c; color: #1abc9c; } a[class*="socicon-"].socicon-tripit:hover { border-color: #1982c3; color: #1982c3; } a[class*="socicon-"].socicon-lanyrd:hover { border-color: #3c80c9; color: #3c80c9; } a[class*="socicon-"].socicon-slideshare:hover { border-color: #e68523; color: #e68523; } a[class*="socicon-"].socicon-buffer:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-rss:hover { border-color: #f26109; color: #f26109; } a[class*="socicon-"].socicon-vkontakte:hover { border-color: #4a76a8; color: #4a76a8; } a[class*="socicon-"].socicon-disqus:hover { border-color: #2e9fff; color: #2e9fff; } a[class*="socicon-"].socicon-houzz:hover { border-color: #7cc04b; color: #7cc04b; } a[class*="socicon-"].socicon-mail:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-patreon:hover { border-color: #e44727; color: #e44727; } a[class*="socicon-"].socicon-paypal:hover { border-color: #009cde; color: #009cde; } a[class*="socicon-"].socicon-playstation:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-smugmug:hover { border-color: #acfd32; color: #acfd32; } a[class*="socicon-"].socicon-swarm:hover { border-color: #ffa633; color: #ffa633; } a[class*="socicon-"].socicon-triplej:hover { border-color: #e53531; color: #e53531; } a[class*="socicon-"].socicon-yammer:hover { border-color: #1175c4; color: #1175c4; } a[class*="socicon-"].socicon-stackoverflow:hover { border-color: #fd9827; color: #fd9827; } a[class*="socicon-"].socicon-drupal:hover { border-color: #00598e; color: #00598e; } a[class*="socicon-"].socicon-odnoklassniki:hover { border-color: #f48420; color: #f48420; } a[class*="socicon-"].socicon-android:hover { border-color: #a4c639; color: #a4c639; } a[class*="socicon-"].socicon-meetup:hover { border-color: #e2373c; color: #e2373c; } a[class*="socicon-"].socicon-persona:hover { border-color: #e6753d; color: #e6753d; } a[class*="socicon-"].socicon-amazon:hover { border-color: #f90; color: #f90; } a[class*="socicon-"].socicon-ello:hover { border-color: #000; color: #000; } a[class*="socicon-"].socicon-mixcloud:hover { border-color: #314359; color: #314359; } a[class*="socicon-"].socicon-8tracks:hover { border-color: #122c4b; color: #122c4b; } a[class*="socicon-"].socicon-twitch:hover { border-color: #6441a5; color: #6441a5; } a[class*="socicon-"].socicon-airbnb:hover { border-color: #ff5a5f; color: #ff5a5f; } a[class*="socicon-"].socicon-pocket:hover { border-color: #ee4056; color: #ee4056; } /*corporate background colors*/ .color-bg-icon { color: #fff; } .color-bg-icon.socicon-twitter, a.socicon-twitter.bg-icon:hover, .socicon-twitter.color-icon.border-icon:hover { background-color: #1da1f2; } .color-bg-icon.socicon-facebook, a.socicon-facebook.bg-icon:hover, .socicon-facebook.color-icon.border-icon:hover { background-color: #3b5998; } .color-bg-icon.socicon-google, a.socicon-google.bg-icon:hover, .socicon-google.color-icon.border-icon:hover { background-color: #4285f4; } .color-bg-icon.socicon-googleplus, a.socicon-googleplus.bg-icon:hover, .socicon-googleplus.color-icon.border-icon:hover { background-color: #db4437; } .color-bg-icon.socicon-pinterest, a.socicon-pinterest.bg-icon:hover, .socicon-pinterest.color-icon.border-icon:hover { background-color: #bd081c; } .color-bg-icon.socicon-foursquare, a.socicon-foursquare.bg-icon:hover, .socicon-foursquare.color-icon.border-icon:hover { background-color: #f94877; } .color-bg-icon.socicon-yahoo, a.socicon-yahoo.bg-icon:hover, .socicon-yahoo.color-icon.border-icon:hover { background-color: #430297; } .color-bg-icon.socicon-skype, a.socicon-skype.bg-icon:hover, .socicon-skype.color-icon.border-icon:hover { background-color: #00aff0; } .color-bg-icon.socicon-yelp, a.socicon-yelp.bg-icon:hover, .socicon-yelp.color-icon.border-icon:hover { background-color: #c83218; } .color-bg-icon.socicon-feedburner, a.socicon-feedburner.bg-icon:hover, .socicon-feedburner.color-icon.border-icon:hover { background-color: #fc0; } .color-bg-icon.socicon-linkedin, a.socicon-linkedin.bg-icon:hover, .socicon-linkedin.color-icon.border-icon:hover { background-color: #007bb5; } .color-bg-icon.socicon-viadeo, a.socicon-viadeo.bg-icon:hover, .socicon-viadeo.color-icon.border-icon:hover { background-color: #e4a000; } .color-bg-icon.socicon-xing, a.socicon-xing.bg-icon:hover, .socicon-xing.color-icon.border-icon:hover { background-color: #005a60; } .color-bg-icon.socicon-myspace, a.socicon-myspace.bg-icon:hover, .socicon-myspace.color-icon.border-icon:hover { background-color: #323232; } .color-bg-icon.socicon-soundcloud, a.socicon-soundcloud.bg-icon:hover, .socicon-soundcloud.color-icon.border-icon:hover { background-color: #f50; } .color-bg-icon.socicon-spotify, a.socicon-spotify.bg-icon:hover, .socicon-spotify.color-icon.border-icon:hover { background-color: #1ed760; } .color-bg-icon.socicon-grooveshark, a.socicon-grooveshark.bg-icon:hover, .socicon-grooveshark.color-icon.border-icon:hover { background-color: #f67e03; } .color-bg-icon.socicon-lastfm, a.socicon-lastfm.bg-icon:hover, .socicon-lastfm.color-icon.border-icon:hover { background-color: #d41316; } .color-bg-icon.socicon-youtube, a.socicon-youtube.bg-icon:hover, .socicon-youtube.color-icon.border-icon:hover { background-color: #f00; } .color-bg-icon.socicon-vimeo, a.socicon-vimeo.bg-icon:hover, .socicon-vimeo.color-icon.border-icon:hover { background-color: #1ab7ea; } .color-bg-icon.socicon-dailymotion, a.socicon-dailymotion.bg-icon:hover, .socicon-dailymotion.color-icon.border-icon:hover { background-color: #004e72; } .color-bg-icon.socicon-vine, a.socicon-vine.bg-icon:hover, .socicon-vine.color-icon.border-icon:hover { background-color: #00b489; } .color-bg-icon.socicon-flickr, a.socicon-flickr.bg-icon:hover, .socicon-flickr.color-icon.border-icon:hover { background-color: #f40083; } .color-bg-icon.socicon-500px, a.socicon-500px.bg-icon:hover, .socicon-500px.color-icon.border-icon:hover { background-color: #0099e5; } .color-bg-icon.socicon-instagram, a.socicon-instagram.bg-icon:hover, .socicon-instagram.color-icon.border-icon:hover { background-color: #c32aa3; } .color-bg-icon.socicon-wordpress, a.socicon-wordpress.bg-icon:hover, .socicon-wordpress.color-icon.border-icon:hover { background-color: #464646; } .color-bg-icon.socicon-tumblr, a.socicon-tumblr.bg-icon:hover, .socicon-tumblr.color-icon.border-icon:hover { background-color: #35465d; } .color-bg-icon.socicon-blogger, a.socicon-blogger.bg-icon:hover, .socicon-blogger.color-icon.border-icon:hover { background-color: #ec661c; } .color-bg-icon.socicon-technorati, a.socicon-technorati.bg-icon:hover, .socicon-technorati.color-icon.border-icon:hover { background-color: #5cb030; } .color-bg-icon.socicon-reddit, a.socicon-reddit.bg-icon:hover, .socicon-reddit.color-icon.border-icon:hover { background-color: #ff4500; } .color-bg-icon.socicon-dribbble, a.socicon-dribbble.bg-icon:hover, .socicon-dribbble.color-icon.border-icon:hover { background-color: #ea4c89; } .color-bg-icon.socicon-stumbleupon, a.socicon-stumbleupon.bg-icon:hover, .socicon-stumbleupon.color-icon.border-icon:hover { background-color: #e64011; } .color-bg-icon.socicon-digg, a.socicon-digg.bg-icon:hover, .socicon-digg.color-icon.border-icon:hover { background-color: #1d1d1b; } .color-bg-icon.socicon-envato, a.socicon-envato.bg-icon:hover, .socicon-envato.color-icon.border-icon:hover { background-color: #597c3a; } .color-bg-icon.socicon-behance, a.socicon-behance.bg-icon:hover, .socicon-behance.color-icon.border-icon:hover { background-color: #00bf8f; } .color-bg-icon.socicon-delicious, a.socicon-delicious.bg-icon:hover, .socicon-delicious.color-icon.border-icon:hover { background-color: #31a9ff; } .color-bg-icon.socicon-deviantart, a.socicon-deviantart.bg-icon:hover, .socicon-deviantart.color-icon.border-icon:hover { background-color: #05cc47; } .color-bg-icon.socicon-forrst, a.socicon-forrst.bg-icon:hover, .socicon-forrst.color-icon.border-icon:hover { background-color: #5b9a68; } .color-bg-icon.socicon-play, a.socicon-play.bg-icon:hover, .socicon-play.color-icon.border-icon:hover { background-color: #5acdbd; } .color-bg-icon.socicon-zerply, a.socicon-zerply.bg-icon:hover, .socicon-zerply.color-icon.border-icon:hover { background-color: #9dbc7a; } .color-bg-icon.socicon-wikipedia, a.socicon-wikipedia.bg-icon:hover, .socicon-wikipedia.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-apple, a.socicon-apple.bg-icon:hover, .socicon-apple.color-icon.border-icon:hover { background-color: #a6b1b7; } .color-bg-icon.socicon-flattr, a.socicon-flattr.bg-icon:hover, .socicon-flattr.color-icon.border-icon:hover { background-color: #f67c1a; } .color-bg-icon.socicon-github, a.socicon-github.bg-icon:hover, .socicon-github.color-icon.border-icon:hover { background-color: #00bf8f; } .color-bg-icon.socicon-chimein, a.socicon-chimein.bg-icon:hover, .socicon-chimein.color-icon.border-icon:hover { background-color: #888688; } .color-bg-icon.socicon-friendfeed, a.socicon-friendfeed.bg-icon:hover, .socicon-friendfeed.color-icon.border-icon:hover { background-color: #2f72c4; } .color-bg-icon.socicon-newsvine, a.socicon-newsvine.bg-icon:hover, .socicon-newsvine.color-icon.border-icon:hover { background-color: #00b489; } .color-bg-icon.socicon-identica, a.socicon-identica.bg-icon:hover, .socicon-identica.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-bebo, a.socicon-bebo.bg-icon:hover, .socicon-bebo.color-icon.border-icon:hover { background-color: #ef1011; } .color-bg-icon.socicon-zynga, a.socicon-zynga.bg-icon:hover, .socicon-zynga.color-icon.border-icon:hover { background-color: #dc0606; } .color-bg-icon.socicon-steam, a.socicon-steam.bg-icon:hover, .socicon-steam.color-icon.border-icon:hover { background-color: #171a21; } .color-bg-icon.socicon-xbox, a.socicon-xbox.bg-icon:hover, .socicon-xbox.color-icon.border-icon:hover { background-color: #92c83e; } .color-bg-icon.socicon-windows, a.socicon-windows.bg-icon:hover, .socicon-windows.color-icon.border-icon:hover { background-color: #00bdf6; } .color-bg-icon.socicon-outlook, a.socicon-outlook.bg-icon:hover, .socicon-outlook.color-icon.border-icon:hover { background-color: #0072c6; } .color-bg-icon.socicon-coderwall, a.socicon-coderwall.bg-icon:hover, .socicon-coderwall.color-icon.border-icon:hover { background-color: #3e8dcc; } .color-bg-icon.socicon-tripadvisor, a.socicon-tripadvisor.bg-icon:hover, .socicon-tripadvisor.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-appnet, a.socicon-appnet.bg-icon:hover, .socicon-appnet.color-icon.border-icon:hover { background-color: #494949; } .color-bg-icon.socicon-goodreads, a.socicon-goodreads.bg-icon:hover, .socicon-goodreads.color-icon.border-icon:hover { background-color: #1abc9c; } .color-bg-icon.socicon-tripit, a.socicon-tripit.bg-icon:hover, .socicon-tripit.color-icon.border-icon:hover { background-color: #1982c3; } .color-bg-icon.socicon-lanyrd, a.socicon-lanyrd.bg-icon:hover, .socicon-lanyrd.color-icon.border-icon:hover { background-color: #3c80c9; } .color-bg-icon.socicon-slideshare, a.socicon-slideshare.bg-icon:hover, .socicon-slideshare.color-icon.border-icon:hover { background-color: #e68523; } .color-bg-icon.socicon-buffer, a.socicon-buffer.bg-icon:hover, .socicon-buffer.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-rss, a.socicon-rss.bg-icon:hover, .socicon-rss.color-icon.border-icon:hover { background-color: #f26109; } .color-bg-icon.socicon-vkontakte, a.socicon-vkontakte.bg-icon:hover, .socicon-vkontakte.color-icon.border-icon:hover { background-color: #4a76a8; } .color-bg-icon.socicon-disqus, a.socicon-disqus.bg-icon:hover, .socicon-disqus.color-icon.border-icon:hover { background-color: #2e9fff; } .color-bg-icon.socicon-houzz, a.socicon-houzz.bg-icon:hover, .socicon-houzz.color-icon.border-icon:hover { background-color: #7cc04b; } .color-bg-icon.socicon-mail, a.socicon-mail.bg-icon:hover, .socicon-mail.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-patreon, a.socicon-patreon.bg-icon:hover, .socicon-patreon.color-icon.border-icon:hover { background-color: #e44727; } .color-bg-icon.socicon-paypal, a.socicon-paypal.bg-icon:hover, .socicon-paypal.color-icon.border-icon:hover { background-color: #009cde; } .color-bg-icon.socicon-playstation, a.socicon-playstation.bg-icon:hover, .socicon-playstation.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-smugmug, a.socicon-smugmug.bg-icon:hover, .socicon-smugmug.color-icon.border-icon:hover { background-color: #acfd32; } .color-bg-icon.socicon-swarm, a.socicon-swarm.bg-icon:hover, .socicon-swarm.color-icon.border-icon:hover { background-color: #ffa633; } .color-bg-icon.socicon-triplej, a.socicon-triplej.bg-icon:hover, .socicon-triplej.color-icon.border-icon:hover { background-color: #e53531; } .color-bg-icon.socicon-yammer, a.socicon-yammer.bg-icon:hover, .socicon-yammer.color-icon.border-icon:hover { background-color: #1175c4; } .color-bg-icon.socicon-stackoverflow, a.socicon-stackoverflow.bg-icon:hover, .socicon-stackoverflow.color-icon.border-icon:hover { background-color: #fd9827; } .color-bg-icon.socicon-drupal, a.socicon-drupal.bg-icon:hover, .socicon-drupal.color-icon.border-icon:hover { background-color: #00598e; } .color-bg-icon.socicon-odnoklassniki, a.socicon-odnoklassniki.bg-icon:hover, .socicon-odnoklassniki.color-icon.border-icon:hover { background-color: #f48420; } .color-bg-icon.socicon-android, a.socicon-android.bg-icon:hover, .socicon-android.color-icon.border-icon:hover { background-color: #a4c639; } .color-bg-icon.socicon-meetup, a.socicon-meetup.bg-icon:hover, .socicon-meetup.color-icon.border-icon:hover { background-color: #e2373c; } .color-bg-icon.socicon-persona, a.socicon-persona.bg-icon:hover, .socicon-persona.color-icon.border-icon:hover { background-color: #e6753d; } .color-bg-icon.socicon-amazon, a.socicon-amazon.bg-icon:hover, .socicon-amazon.color-icon.border-icon:hover { background-color: #f90; } .color-bg-icon.socicon-ello, a.socicon-ello.bg-icon:hover, .socicon-ello.color-icon.border-icon:hover { background-color: #000; } .color-bg-icon.socicon-mixcloud, a.socicon-mixcloud.bg-icon:hover, .socicon-mixcloud.color-icon.border-icon:hover { background-color: #314359; } .color-bg-icon.socicon-8tracks, a.socicon-8tracks.bg-icon:hover, .socicon-8tracks.color-icon.border-icon:hover { background-color: #122c4b; } .color-bg-icon.socicon-twitch, a.socicon-twitch.bg-icon:hover, .socicon-twitch.color-icon.border-icon:hover { background-color: #6441a5; } .color-bg-icon.socicon-airbnb, a.socicon-airbnb.bg-icon:hover, .socicon-airbnb.color-icon.border-icon:hover { background-color: #ff5a5f; } .color-bg-icon.socicon-pocket, a.socicon-pocket.bg-icon:hover, .socicon-pocket.color-icon.border-icon:hover { background-color: #ee4056; } a.social-icon { color: #b2b2b2; } a.dark-icon { color: #24272e; } .ds a.dark-icon { color: #fff; } a.border-icon { border: 2px solid #ebe9e8; border-radius: 0; margin-bottom: 4px; margin-top: 4px; padding: 10px 11px; } a.border-icon:before { line-height: 16px; } .cs a.border-icon { border-color: #24272e; color: #24272e; } a.bg-icon { background-color: #f5f6fb; color: #b2b2b2; margin-bottom: 4px; padding: 12px 13px; } a.bg-icon:before { line-height: 16px; } .ds a.bg-icon { background-color: #fff; } .ls.ms a.bg-icon { background-color: #fff; } .ls:not(.ms) .caption a.bg-icon:not(:hover), .ls:not(.ms) .with_background a.bg-icon:not(:hover) { background-color: #fff; } a.bg-icon[class*="socicon"]:hover { color: #fff; } a.social-icon.color-icon:hover { color: #24272e; } .ls a.social-icon.bg-icon:hover { color: #fff; } a.color-bg-icon { background-color: #24272e; color: #fff; margin-bottom: 4px; padding: 12px 14px; } a.color-bg-icon:before { font-size: 12px; line-height: 16px; } a.social-icon.color-bg-icon:hover { background-color: rgba(127, 127, 127, 0.2); } a.color-icon:hover { color: #24272e; } a.color-icon.border-icon:hover { background-color: #ffdb60; border-color: transparent; color: #fff; } .big-icons a.border-icon { padding: 15px 14px 16px; } .big-icons a.border-icon:before { font-size: 20px; } .ds a.main-bg-color-icon, a.main-bg-color-icon { background-color: #ffdb60; color: #24272e; } .demo-icon { border-bottom: 1px solid rgba(127, 127, 127, 0.2); display: inline-block; margin-bottom: 30px; padding: 15px 20px 30px; text-align: center; } .demo-icon span { display: block; } .demo-icon .name { font-size: 1.01em; font-weight: 700; } .demo-icon a[class*="socicon-"] { margin: 10px 0 0; } .demo-icon a[class*="socicon-"]:before { font-size: 24px; } .text-icon { text-transform: uppercase; } .share_buttons > span { font-size: 12px; font-weight: 600; margin-right: 10px; text-transform: uppercase; }