16691 lines
279 KiB
CSS
16691 lines
279 KiB
CSS
/**
|
|
*** 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: #4ebbe3
|
|
2: #bee27b
|
|
|
|
Light section (.ls) colors:
|
|
Text color in light section: #808080
|
|
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): #272727
|
|
Background color for light muted section (grey - .ls.ms): #fafafa
|
|
Background color for dark muted section (.ds.ms): #131313
|
|
Border colors for elements in light section (and .with_border elements): #f2f2f2, rgba(0, 0, 0, 0.05)
|
|
Background color for elements in light section (.with_background): #fafafa
|
|
|
|
Dark section (.ds) colors:
|
|
Text color in dark section: #a2a2a2
|
|
Border colors for elements in dark section: #3b3b3b
|
|
Background color for elements in dark section (.with_background): rgba(255, 255, 255, 0.05)
|
|
|
|
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-size: 14px;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.breadcrumb > li {
|
|
padding: 0 18px;
|
|
}
|
|
|
|
.breadcrumb > li:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.breadcrumb > li:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.breadcrumb > li.last-item {
|
|
display: none;
|
|
}
|
|
|
|
.breadcrumb > li:nth-last-child(2) {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.breadcrumb > .active,
|
|
.breadcrumb > .last-item {
|
|
color: #fff;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.breadcrumb > li + li:before {
|
|
display: none;
|
|
}
|
|
|
|
/* pagination */
|
|
.pagination {
|
|
border-radius: 0;
|
|
display: inline-block;
|
|
line-height: 0;
|
|
margin: 0;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.pagination > li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.pagination > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.pagination > li > a,
|
|
.pagination > li > span {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #272727;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 30px;
|
|
margin-left: 0;
|
|
min-width: 24px;
|
|
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 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.pagination > li:first-child > a,
|
|
.pagination > li:first-child > span {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.pagination > li:last-child > a,
|
|
.pagination > li:last-child > span {
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.pagination > li:first-child > a,
|
|
.pagination > li:first-child > span {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.pagination > li:last-child > a,
|
|
.pagination > li:last-child > span {
|
|
margin-left: 25px;
|
|
}
|
|
|
|
.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: transparent;
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.pagination > .disabled > a,
|
|
.pagination > .disabled > span,
|
|
.pagination > .disabled > a:hover,
|
|
.pagination > .disabled > span:hover,
|
|
.pagination > .disabled > a:focus,
|
|
.pagination > .disabled > span:focus {
|
|
background-color: #fafafa;
|
|
color: #808080;
|
|
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: transparent;
|
|
border: 2px solid rgba(0, 0, 0, 0.05);
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #272727;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
height: 50px;
|
|
line-height: 30px;
|
|
padding-bottom: 8px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
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 20px 20px 0;
|
|
-webkit-box-shadow: none;
|
|
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;
|
|
}
|
|
|
|
.with_background input[type="text"],
|
|
.with_background
|
|
input[type="email"],
|
|
.with_background
|
|
input[type="url"],
|
|
.with_background
|
|
input[type="password"],
|
|
.with_background
|
|
input[type="search"],
|
|
.with_background
|
|
input[type="tel"],
|
|
.with_background
|
|
input[type="number"],
|
|
.with_background
|
|
input[type="date"],
|
|
.with_background
|
|
textarea,
|
|
.with_background
|
|
select,
|
|
.with_background
|
|
.form-control {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.form-group-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.inline-form .form-group-wrap {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* select styling */
|
|
.form-control option {
|
|
background-color: #fff;
|
|
color: #272727;
|
|
}
|
|
|
|
.form-control-unstyled {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/* select styling */
|
|
.select-group {
|
|
border-radius: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.select-group select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
cursor: pointer;
|
|
padding-right: 50px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.select-group select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.select-group .empty {
|
|
color: #808080;
|
|
}
|
|
|
|
.select-group option {
|
|
color: #272727;
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.select-group option[data-default] {
|
|
color: #808080;
|
|
}
|
|
|
|
.select-group:hover select + .theme_button,
|
|
.select-group:hover select + i {
|
|
color: #272727;
|
|
}
|
|
|
|
.select-group:hover .theme_button {
|
|
-webkit-transition: all 0.05s linear 0s;
|
|
transition: all 0.05s linear 0s;
|
|
}
|
|
|
|
.select-group select + i,
|
|
.select-group .theme_button {
|
|
font-size: 14px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.form-inline .select-group {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.form-inline .select-group select {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-control.invalid {
|
|
-webkit-box-shadow: 0 0 0 2px #4ebbe3;
|
|
box-shadow: 0 0 0 2px #4ebbe3;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: rgba(128, 128, 128, 0.3);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.form-control:-moz-placeholder {
|
|
color: #939393;
|
|
font-style: italic;
|
|
}
|
|
|
|
.form-control::-moz-placeholder {
|
|
color: #939393;
|
|
}
|
|
|
|
.form-control:-ms-input-placeholder {
|
|
color: #939393;
|
|
}
|
|
|
|
.form-control::-webkit-input-placeholder {
|
|
color: #939393;
|
|
}
|
|
|
|
.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 {
|
|
font-size: 14px !important;
|
|
left: 20px;
|
|
line-height: 1;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 18px;
|
|
width: 1em;
|
|
}
|
|
|
|
form label + i + .form-control,
|
|
form label + i + .form-control {
|
|
padding-left: 45px;
|
|
}
|
|
|
|
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: #bee27b;
|
|
}
|
|
|
|
label {
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.checkbox label,
|
|
.radio label {
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.checkbox label[for],
|
|
.radio label[for] {
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.form-control + [class*="icon2-"] {
|
|
color: #4ebbe3;
|
|
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: #4ebbe3;
|
|
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: #4ebbe3;
|
|
}
|
|
|
|
.has-error label,
|
|
.has-error .help-block {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
/* 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: #fafafa;
|
|
border: 2px solid #f2f2f2;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.ls.ms .select2-container--default .select2-selection--single {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.select2-container .select2-selection--single {
|
|
height: 50px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
line-height: 50px;
|
|
}
|
|
|
|
.select2-container .select2-selection--single .select2-selection__rendered {
|
|
padding-left: 20px;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
height: 50px;
|
|
line-height: 0;
|
|
top: -1px;
|
|
width: 50px;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.form-row label + * + .select2,
|
|
.form-row.address-field input {
|
|
float: right;
|
|
width: 70% !important;
|
|
}
|
|
}
|
|
|
|
/* carousel */
|
|
.carousel {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.carousel-indicators li {
|
|
background-color: #272727;
|
|
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: #4ebbe3;
|
|
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: #6fc3b4;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
padding: 15px 50px 15px 20px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.panel-heading .panel-title > a.collapsed:hover,
|
|
.panel-heading .panel-title > a:hover {
|
|
background: #6fc3b4;
|
|
color: #fff;
|
|
}
|
|
|
|
.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: #fff;
|
|
}
|
|
|
|
.panel-heading .panel-title > a.collapsed {
|
|
background: #b1db83;
|
|
color: #fff;
|
|
}
|
|
|
|
.panel-heading .panel-title > a.collapsed i {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.panel-heading .panel-title > a:after {
|
|
content: "\f105";
|
|
font-family: FontAwesome;
|
|
font-weight: 100;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
position: absolute;
|
|
right: 10px;
|
|
text-align: center;
|
|
top: 0;
|
|
transition: all 0.2s ease-in-out 0s;
|
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
|
width: 30px;
|
|
}
|
|
|
|
.panel-heading .panel-title > a.collapsed:after {
|
|
content: "\f107";
|
|
}
|
|
|
|
.panel-heading .panel-title > a > i {
|
|
display: inline-block;
|
|
line-height: 0;
|
|
padding-right: 30px;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
|
|
.panel {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.panel-group .panel {
|
|
background-color: transparent;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.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: 20px;
|
|
}
|
|
|
|
.panel-body {
|
|
background-color: transparent;
|
|
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: 25px 20px 5px;
|
|
}
|
|
|
|
.collapse-unstyled .panel h4 {
|
|
margin: 0 0 0.5em;
|
|
}
|
|
|
|
.collapse-unstyled .panel h4 a:after {
|
|
color: #4ebbe3;
|
|
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-size: 12px;
|
|
font-weight: 400;
|
|
margin-bottom: 5px;
|
|
margin-right: 50px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.progress {
|
|
background-color: #f2f2f2;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
height: 5px;
|
|
margin-bottom: 25px;
|
|
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: #f2f2f2;
|
|
}
|
|
|
|
.progress-bar {
|
|
background-color: #4ebbe3;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
height: 5px;
|
|
}
|
|
|
|
.progress-bar span {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -27px;
|
|
}
|
|
|
|
.progress-bar-success {
|
|
background-color: #9fc201;
|
|
}
|
|
|
|
.progress-bar-info {
|
|
background-color: #19bcdb;
|
|
}
|
|
|
|
.progress-bar-warning {
|
|
background-color: #f4b803;
|
|
}
|
|
|
|
.progress-bar-danger {
|
|
background-color: #ec5c42;
|
|
}
|
|
|
|
.progress-bar-color2 {
|
|
background-color: #bee27b;
|
|
}
|
|
|
|
.progress-bar-color3 {
|
|
background-color: #67dfc1;
|
|
}
|
|
|
|
.progress-bar-color4 {
|
|
background-color: #79d7d8;
|
|
}
|
|
|
|
/* 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: 400;
|
|
padding: 10px 12px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.nav-unstyled .active a {
|
|
border-color: #4ebbe3;
|
|
color: #272727;
|
|
}
|
|
|
|
/*tabs*/
|
|
.tab-content {
|
|
background-color: #fafafa;
|
|
border: none;
|
|
line-height: 24px;
|
|
padding: 30px 20px;
|
|
}
|
|
|
|
.tab-content.no-border {
|
|
background-color: transparent;
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding: 30px 0 0;
|
|
}
|
|
|
|
.tab-content.top-color-border {
|
|
position: relative;
|
|
}
|
|
|
|
.tab-content.top-color-border:before {
|
|
background-color: #53ceb8;
|
|
content: "";
|
|
height: 7px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.tab-content.tab-unstyled {
|
|
background-color: transparent;
|
|
border: none;
|
|
-webkit-box-shadow: 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: -35px -40px 30px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 400px) {
|
|
.tab-content {
|
|
padding: 30px 40px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 400px) {
|
|
aside .tab-content {
|
|
padding: 30px 20px;
|
|
}
|
|
}
|
|
|
|
.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:before,
|
|
.nav-tabs.half-width-tabs:after {
|
|
display: none;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
.nav-tabs > li {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.nav-tabs > li > a {
|
|
background-color: #53ceb8;
|
|
border: none;
|
|
border-radius: 0;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
padding: 10px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
z-index: 1;
|
|
}
|
|
|
|
.small-tabs .nav-tabs > li > a {
|
|
padding: 10px;
|
|
}
|
|
|
|
.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 {
|
|
font-size: 12px;
|
|
padding: 12px 28px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.nav-tabs > li > a {
|
|
padding: 22px 35px 21px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 400px) {
|
|
.small-tabs .nav-tabs > li > a {
|
|
font-size: 10px;
|
|
padding: 8px;
|
|
}
|
|
}
|
|
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li.active > a:focus {
|
|
background-color: #fafafa;
|
|
border: none;
|
|
color: #272727;
|
|
}
|
|
|
|
.nav-tabs > li > a:hover,
|
|
.nav-tabs > li > a:focus,
|
|
.nav-tabs.nav-justified > .active > a {
|
|
background-color: #fff;
|
|
color: #272727;
|
|
}
|
|
|
|
/*vertical tabs*/
|
|
.vertical-tabs .tab-content.no-border {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.vertical-tabs .nav > li > a {
|
|
background-color: #fafafa;
|
|
border: 2px solid rgba(128, 128, 128, 0.03);
|
|
border-radius: 3px;
|
|
color: #808080;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
margin-bottom: 10px;
|
|
padding: 8px 40px 8px 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.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: 50px;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
top: 0;
|
|
width: 46px;
|
|
}
|
|
|
|
.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: #fff;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
|
|
@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: #f2f2f2;
|
|
padding: 15px 15px;
|
|
}
|
|
|
|
.table {
|
|
border-bottom: 1px solid #f2f2f2;
|
|
border-top: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.table td + th,
|
|
.table th + td,
|
|
.table th + th,
|
|
.table td + td {
|
|
border-left: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 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: 20px;
|
|
}
|
|
|
|
.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: 15px;
|
|
}
|
|
|
|
.small-media .media-left {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.small-media .media-right {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.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;
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
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: #272727;
|
|
}
|
|
|
|
.dropdwon-menu-title {
|
|
padding: 10px 30px;
|
|
}
|
|
|
|
.well {
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.embed-responsive-3by2 {
|
|
padding-bottom: 66.666%;
|
|
}
|
|
|
|
.embed-placeholder:after {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
color: #4ebbe3;
|
|
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: #bee27b;
|
|
}
|
|
|
|
.alert {
|
|
border-radius: 5px;
|
|
border-width: 0;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
margin-bottom: 10px;
|
|
padding: 15px 30px;
|
|
}
|
|
|
|
.alert i {
|
|
padding-right: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.alert-success,
|
|
.alert-info,
|
|
.alert-warning,
|
|
.alert-danger {
|
|
color: #fff;
|
|
}
|
|
|
|
.alert-success {
|
|
background-color: #9fc201;
|
|
}
|
|
|
|
.alert-info {
|
|
background-color: #19bcdb;
|
|
}
|
|
|
|
.alert-warning {
|
|
background-color: #f4b803;
|
|
}
|
|
|
|
.alert-danger {
|
|
background-color: #ec5c42;
|
|
}
|
|
|
|
button.close {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* small in headings */
|
|
.h1 .small,
|
|
.h1 small,
|
|
.h2 .small,
|
|
.h2 small,
|
|
.h3 .small,
|
|
.h3 small,
|
|
.h4 .small,
|
|
.h4 small,
|
|
.h5 .small,
|
|
.h5 small,
|
|
.h6 .small,
|
|
.h6 small,
|
|
h1 .small,
|
|
h1 small,
|
|
h2 .small,
|
|
h2 small,
|
|
h3 .small,
|
|
h3 small,
|
|
h4 .small,
|
|
h4 small,
|
|
h5 .small,
|
|
h5 small,
|
|
h6 .small,
|
|
h6 small {
|
|
color: inherit;
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* labels */
|
|
.label-success {
|
|
background-color: #9fc201;
|
|
color: #fff;
|
|
}
|
|
|
|
.label-info {
|
|
background-color: #19bcdb;
|
|
color: #fff;
|
|
}
|
|
|
|
.label-warning {
|
|
background-color: #f4b803;
|
|
color: #fff;
|
|
}
|
|
|
|
.label-danger {
|
|
background-color: #ec5c42;
|
|
color: #fff;
|
|
}
|
|
|
|
/*caret*/
|
|
.caret {
|
|
border: none;
|
|
border: 1px solid #f2f2f2;
|
|
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: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
::selection {
|
|
background-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
body {
|
|
background-color: #fafafa;
|
|
font-family: "Roboto", sans-serif;
|
|
font-size: 16px;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-weight: 300;
|
|
line-height: 1.625rem;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 300;
|
|
line-height: 1.2;
|
|
margin-bottom: 0.8em;
|
|
margin-top: 1.1em;
|
|
}
|
|
|
|
h1:last-child,
|
|
h2:last-child,
|
|
h3:last-child,
|
|
h4:last-child,
|
|
h5:last-child,
|
|
h6:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 46px;
|
|
}
|
|
|
|
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;
|
|
font-size: 18px;
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
line-height: 1.5em;
|
|
margin: 30px 0;
|
|
padding: 0 0 0 40px;
|
|
position: relative;
|
|
}
|
|
|
|
blockquote .item-meta {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
blockquote h4,
|
|
blockquote h5 {
|
|
font-size: 30px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
blockquote cite {
|
|
color: #272727;
|
|
display: block;
|
|
font-size: 18px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
blockquote:before {
|
|
color: #272727;
|
|
content: "\"";
|
|
font-size: 80px;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
left: -5px;
|
|
position: absolute;
|
|
top: 25px;
|
|
}
|
|
|
|
.flexslider blockquote,
|
|
.owl-carousel blockquote {
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.flexslider blockquote:before,
|
|
.owl-carousel blockquote:before {
|
|
display: none;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.flexslider blockquote,
|
|
.owl-carousel blockquote {
|
|
font-size: 24px;
|
|
font-weight: 100;
|
|
}
|
|
}
|
|
|
|
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: #bee27b;
|
|
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-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: #f2f2f2;
|
|
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 #f2f2f2;
|
|
line-height: 1.42857143;
|
|
padding: 8px 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
table th {
|
|
color: #272727;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table_template thead {
|
|
background-color: #4ebbe3;
|
|
color: #272727;
|
|
}
|
|
|
|
.table_template thead.light {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.table_template th {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.table_template td,
|
|
.table_template th {
|
|
padding: 18px 30px;
|
|
}
|
|
|
|
.table_template tbody tr:nth-of-type(odd) {
|
|
background-color: rgba(238, 238, 238, 0.1);
|
|
}
|
|
|
|
.table_template tbody tr:nth-of-type(even) {
|
|
background-color: rgba(17, 17, 17, 0.05);
|
|
}
|
|
|
|
canvas {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
|
|
/*
|
|
** 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(0, 0, 0, 0.05);
|
|
padding: 9px 0 10px 30px;
|
|
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: 21px;
|
|
padding-top: 22px;
|
|
}
|
|
|
|
.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(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.list1.no-top-border li:first-child {
|
|
border-top: none;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.list1.no-bottom-border li:last-child {
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.list1 li:before {
|
|
border: 1px solid #4ebbe3;
|
|
border-radius: 50%;
|
|
content: "";
|
|
display: block;
|
|
height: 7px;
|
|
left: 10px;
|
|
position: absolute;
|
|
top: 21px;
|
|
width: 7px;
|
|
}
|
|
|
|
.list2 ul,
|
|
ul.list2 {
|
|
list-style: none;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.list2 li {
|
|
padding: 5px 0 5px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.list2 li:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.list2 li:first-child:before {
|
|
top: calc(50% - 5px);
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.list2 li:before {
|
|
background-color: #4ebbe3;
|
|
border-radius: 50%;
|
|
color: #4ebbe3;
|
|
content: "";
|
|
height: 5px;
|
|
left: -20px;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 5px;
|
|
}
|
|
|
|
.list2.no-bullets {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.list2.no-bullets li:before {
|
|
display: none;
|
|
}
|
|
|
|
.list2.checklist {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.list2.checklist li:before {
|
|
background-color: transparent;
|
|
color: #4ebbe3;
|
|
content: "\f00c";
|
|
font-family: FontAwesome;
|
|
font-size: 14px;
|
|
height: auto;
|
|
left: -30px;
|
|
width: auto;
|
|
}
|
|
|
|
.list2.checklist li:first-child:before {
|
|
margin-top: -11px;
|
|
}
|
|
|
|
.list2.checklist.color2 li:before {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.list2.checklist.color3 li:before {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.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: #bee27b;
|
|
}
|
|
|
|
.list3 li:after {
|
|
color: #4ebbe3;
|
|
content: counter(li) ".";
|
|
counter-increment: li;
|
|
font-weight: 600;
|
|
left: 2px;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.list3.color li:after {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.list3.color2 li:after {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.list-unstyled .media {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.list-unstyled li:last-child > .media {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.list-unstyled .media-left {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.list-unstyled .media-left img {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.list-unstyled .media-right {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.list-unstyled .media-right img {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.list-unstyled .media-body .pull-right {
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.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 -12px;
|
|
}
|
|
|
|
.inline-list.small-padding > li {
|
|
padding: 12px;
|
|
}
|
|
|
|
/*
|
|
** Buttons
|
|
*/
|
|
.theme_buttons a,
|
|
.theme_button,
|
|
.wc-proceed-to-checkout .checkout-button,
|
|
.buttons a,
|
|
button,
|
|
input[type="submit"] {
|
|
background-color: #272727;
|
|
border: 1px solid #272727;
|
|
border-radius: 20px;
|
|
color: #a3c962;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
letter-spacing: 0.2em;
|
|
line-height: 1;
|
|
padding: 12px 24px;
|
|
position: relative;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
-webkit-transition: all 0.4s linear 0s;
|
|
transition: all 0.4s linear 0s;
|
|
z-index: 1;
|
|
}
|
|
|
|
.theme_button,
|
|
.theme_buttons a {
|
|
margin-bottom: 15px;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.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,
|
|
input[type="submit"]:hover,
|
|
input[type="submit"]:active,
|
|
input[type="submit"]:focus,
|
|
.wc-proceed-to-checkout .checkout-button:hover {
|
|
background-color: #a3c962;
|
|
border-color: #a3c962;
|
|
color: #fff;
|
|
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: transparent;
|
|
border: 1px solid #272727;
|
|
color: #272727;
|
|
font-weight: 400;
|
|
padding: 12px 24px;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
border-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.theme_buttons[class*="color"] a,
|
|
.theme_button[class*="color"] {
|
|
color: #fff;
|
|
}
|
|
|
|
.theme_buttons[class*="color"] a:hover,
|
|
.theme_buttons[class*="color"] a:focus,
|
|
.theme_buttons[class*="color"] a:active,
|
|
.theme_button[class*="color"]:hover,
|
|
.theme_button[class*="color"]:focus,
|
|
.theme_button[class*="color"]:active {
|
|
background-color: transparent !important;
|
|
color: #272727;
|
|
}
|
|
|
|
.theme_buttons.color1 a,
|
|
.theme_button.color1,
|
|
.button.alt,
|
|
.btn-accent,
|
|
.wc-proceed-to-checkout .checkout-button,
|
|
.form-submit [type="submit"]:not([class*="color"]) {
|
|
background-color: #4ebbe3;
|
|
border-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.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,
|
|
.button.alt:hover,
|
|
.button.alt:focus,
|
|
.button.alt:active,
|
|
.btn-accent:hover,
|
|
.btn-accent:focus,
|
|
.btn-accent:active,
|
|
.wc-proceed-to-checkout .checkout-button:hover,
|
|
.wc-proceed-to-checkout .checkout-button:focus,
|
|
.wc-proceed-to-checkout .checkout-button:active,
|
|
.form-submit [type="submit"]:not([class*="color"]):hover,
|
|
.form-submit [type="submit"]:not([class*="color"]):focus,
|
|
.form-submit [type="submit"]:not([class*="color"]):active {
|
|
background-color: transparent;
|
|
border-color: #4ebbe3;
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.theme_buttons.color1.dark a,
|
|
.theme_button.color1.dark {
|
|
background-color: #0c9ece;
|
|
}
|
|
|
|
.theme_buttons.color1.dark a:hover,
|
|
.theme_button.color1.dark:hover {
|
|
color: #0c9ece;
|
|
}
|
|
|
|
.theme_buttons.color2 a,
|
|
.theme_button.color2 {
|
|
background-color: #bee27b;
|
|
border-color: #bee27b;
|
|
}
|
|
|
|
.theme_buttons.color2 a:hover,
|
|
.theme_button.color2:hover {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.theme_buttons.color2.dark a,
|
|
.theme_button.color2.dark {
|
|
background-color: #a3c962;
|
|
border-color: #a3c962;
|
|
}
|
|
|
|
.theme_buttons.color2.dark a:hover,
|
|
.theme_button.color2.dark:hover {
|
|
color: #a3c962;
|
|
}
|
|
|
|
.theme_buttons.color3 a,
|
|
.theme_button.color3 {
|
|
background-color: #67dfc1;
|
|
border-color: #67dfc1;
|
|
}
|
|
|
|
.theme_buttons.color3 a:hover,
|
|
.theme_button.color3:hover {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.theme_buttons.color3.dark a,
|
|
.theme_button.color3.dark {
|
|
background-color: #53ceb8;
|
|
border-color: #53ceb8;
|
|
}
|
|
|
|
.theme_buttons.color3.dark a:hover,
|
|
.theme_button.color3.dark:hover {
|
|
color: #53ceb8;
|
|
}
|
|
|
|
.theme_buttons.color4 a,
|
|
.theme_button.color4 {
|
|
background-color: #79d7d8;
|
|
border-color: #79d7d8;
|
|
}
|
|
|
|
.theme_buttons.color4 a:hover,
|
|
.theme_button.color4:hover {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.theme_buttons.color4.dark a,
|
|
.theme_button.color4.dark {
|
|
background-color: #36afb7;
|
|
border-color: #36afb7;
|
|
}
|
|
|
|
.theme_buttons.color4.dark a:hover,
|
|
.theme_button.color4.dark:hover {
|
|
color: #36afb7;
|
|
}
|
|
|
|
.theme_buttons.color_gradient a,
|
|
.theme_button.color_gradient {
|
|
background: -webkit-linear-gradient(281deg, #bee27b, #4ebbe3);
|
|
background: linear-gradient(-191deg, #bee27b, #4ebbe3);
|
|
border-color: transparent !important;
|
|
-webkit-box-shadow: 0 5px 15px rgba(38, 41, 49, 0.2);
|
|
box-shadow: 0 5px 15px rgba(38, 41, 49, 0.2);
|
|
color: #fff;
|
|
}
|
|
|
|
.theme_buttons a:active,
|
|
.theme_button:active {
|
|
top: 1px;
|
|
}
|
|
|
|
.muted_buttons a,
|
|
.muted_button {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.small_buttons a,
|
|
.small_button {
|
|
letter-spacing: 0;
|
|
padding: 7px 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.wide_buttons a,
|
|
.wide_button {
|
|
border-radius: 30px;
|
|
padding: 22px 50px;
|
|
}
|
|
|
|
.wide_buttons.inverse a,
|
|
.wide_button.inverse {
|
|
padding: 23px 49px;
|
|
}
|
|
|
|
a.inactive {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.block_buttons a,
|
|
.block_button {
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.min_width_button {
|
|
min-width: 160px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.min_width_button {
|
|
min-width: 160px;
|
|
}
|
|
|
|
.min_width_button.wide_button {
|
|
min-width: 230px;
|
|
}
|
|
}
|
|
|
|
.no_bg_button {
|
|
background-color: transparent !important;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.no_bg_button.color1 {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.no_bg_button.color2 {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.no_bg_button.color3 {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.no_bg_button.color4 {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.no_bg_button[class*="color"]:hover,
|
|
.no_bg_button[class*="color"]:focus,
|
|
.no_bg_button[class*="color"]:active {
|
|
color: #272727;
|
|
}
|
|
|
|
/*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;
|
|
line-height: 0;
|
|
position: relative;
|
|
top: -0.05em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.theme_buttons.big_icon a > [class*="rt-icon"],
|
|
.theme_buttons.big_icon a > [class*="fa-"],
|
|
.theme_button.big_icon > [class*="rt-icon"],
|
|
.theme_button.big_icon > [class*="fa-"] {
|
|
font-size: 2.5em;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.more-link {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.more-link:after {
|
|
content: "\f149";
|
|
font-family: FontAwesome;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
/*
|
|
**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;
|
|
/* fix for flashing background */
|
|
-webkit-transform: translate3d(0px, 0px, 0px);
|
|
width: 100.1%;
|
|
}
|
|
|
|
.owl-carousel .owl-item {
|
|
-webkit-backface-visibility: hidden;
|
|
float: left;
|
|
min-height: 1px;
|
|
position: relative;
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.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 {
|
|
counter-reset: owl-dots;
|
|
-webkit-tap-highlight-color: transparent;
|
|
text-align: center;
|
|
}
|
|
|
|
.owl-carousel .owl-dots .owl-dot {
|
|
*display: inline;
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
zoom: 1;
|
|
}
|
|
|
|
.owl-carousel .owl-dots .owl-dot span {
|
|
border: 2px solid #272727;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 10px;
|
|
text-indent: -9999px;
|
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
|
transition: all 0.2s ease-in-out 0s;
|
|
width: 10px;
|
|
}
|
|
|
|
.ds .owl-carousel .owl-dots .owl-dot span,
|
|
.cs .owl-carousel .owl-dots .owl-dot span {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.owl-carousel .owl-dots .owl-dot.active span,
|
|
.owl-carousel .owl-dots .owl-dot:hover span {
|
|
background-color: #272727;
|
|
}
|
|
|
|
.background_cover .owl-carousel .owl-dots .owl-dot span {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.background_cover .owl-carousel .owl-dots .owl-dot.active span,
|
|
.background_cover .owl-carousel .owl-dots .owl-dot:hover span {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.owl-carousel .owl-nav {
|
|
-webkit-transition: all 0.6s ease 0s;
|
|
transition: all 0.6s ease 0s;
|
|
}
|
|
|
|
.owl-carousel .owl-nav > div {
|
|
color: transparent;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.owl-carousel .owl-nav > div.disabled {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.owl-carousel .owl-nav > div:first-child {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.owl-carousel .owl-nav > div:after {
|
|
color: #272727;
|
|
content: "\f105";
|
|
font-family: FontAwesome;
|
|
font-size: 30px;
|
|
line-height: 60px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.owl-carousel .owl-nav > div:first-child:after {
|
|
content: "\f104";
|
|
}
|
|
|
|
.owl-carousel .owl-nav > div:hover:after {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.top-right-nav .owl-nav {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -70px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.owl-theme .owl-nav {
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
-webkit-tap-highlight-color: transparent;
|
|
text-align: center;
|
|
top: 50%;
|
|
}
|
|
|
|
.owl-theme .owl-nav > div {
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
font-size: 0;
|
|
margin-top: -23px;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
width: 40px;
|
|
}
|
|
|
|
.owl-theme .owl-nav .disabled {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
@media (min-width: 1300px) {
|
|
.container .col-sm-12 .owl-theme .owl-nav {
|
|
left: -60px;
|
|
right: -60px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.container .col-sm-12 .owl-theme .owl-nav {
|
|
left: -150px;
|
|
right: -150px;
|
|
}
|
|
}
|
|
|
|
.owl-theme .owl-dots {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
/* .owl-center theme */
|
|
.owl-center .owl-nav {
|
|
bottom: 0;
|
|
margin-top: 0;
|
|
opacity: 1;
|
|
position: static;
|
|
top: 0;
|
|
}
|
|
|
|
.owl-center .owl-nav > div {
|
|
background-color: rgba(39, 39, 39, 0.6);
|
|
bottom: 0;
|
|
height: 80px;
|
|
margin: 0;
|
|
opacity: 1;
|
|
right: 0;
|
|
text-align: center;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 30px;
|
|
}
|
|
|
|
.owl-center .owl-nav > div:after {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.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 {
|
|
margin: -20px;
|
|
overflow: hidden;
|
|
padding: 20px;
|
|
width: calc(100% + 40px);
|
|
}
|
|
|
|
.with_shadow_items .owl-stage-outer {
|
|
overflow: visible;
|
|
}
|
|
|
|
/* Text nav */
|
|
.owl-carousel.text-nav {
|
|
padding-top: 60px;
|
|
}
|
|
|
|
.owl-carousel.text-nav .owl-nav {
|
|
top: 0;
|
|
}
|
|
|
|
.owl-carousel.text-nav .owl-nav:before {
|
|
background-color: #808080;
|
|
content: "";
|
|
height: 11px;
|
|
left: calc(50% - 2px);
|
|
position: absolute;
|
|
top: 9px;
|
|
width: 2px;
|
|
}
|
|
|
|
.owl-carousel.text-nav .owl-nav > div {
|
|
color: #808080;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
padding: 5px 30px;
|
|
position: static;
|
|
text-transform: uppercase;
|
|
width: auto;
|
|
}
|
|
|
|
.owl-carousel.text-nav .owl-nav > div:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.owl-carousel.text-nav .owl-nav > div:after {
|
|
display: none;
|
|
}
|
|
|
|
.owl-carousel.text-nav .owl-nav > div.disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/*
|
|
** 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: transparent;
|
|
color: #272727;
|
|
cursor: pointer;
|
|
display: block;
|
|
font-size: 0;
|
|
height: 60px;
|
|
margin: -20px 0 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
width: 60px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.flex-direction-nav a:hover,
|
|
.flex-direction-nav a:active,
|
|
.flex-direction-nav a:focus {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .flex-direction-nav a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .flex-direction-nav a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.flex-direction-nav .flex-prev {
|
|
left: 0;
|
|
}
|
|
|
|
.flex-direction-nav .flex-next {
|
|
right: 0;
|
|
}
|
|
|
|
@media (min-width: 1450px) {
|
|
.flex-direction-nav .flex-prev {
|
|
left: 60px;
|
|
}
|
|
|
|
.flex-direction-nav .flex-next {
|
|
right: 60px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1800px) {
|
|
.flex-direction-nav .flex-prev {
|
|
left: 240px;
|
|
}
|
|
|
|
.flex-direction-nav .flex-next {
|
|
right: 240px;
|
|
}
|
|
}
|
|
|
|
.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: 36px;
|
|
line-height: 56px;
|
|
}
|
|
|
|
.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 10px;
|
|
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: 2px solid #808080;
|
|
border-radius: 50%;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 10px;
|
|
text-indent: -9999px;
|
|
width: 10px;
|
|
}
|
|
|
|
.ds .flex-control-paging li a,
|
|
.cs .flex-control-paging li a {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.flex-control-paging li a:hover,
|
|
.flex-control-paging li a.flex-active {
|
|
background-color: #808080;
|
|
}
|
|
|
|
.cs .flex-control-paging li a:hover,
|
|
.cs .flex-control-paging li a.flex-active,
|
|
.ds .flex-control-paging li a:hover,
|
|
.ds .flex-control-paging li a.flex-active {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.flex-direction-nav .flex-prev {
|
|
top: 24%;
|
|
}
|
|
|
|
.flex-direction-nav .flex-next {
|
|
top: 24%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1300px) {
|
|
.vertical-nav .flex-control-nav {
|
|
bottom: auto;
|
|
height: 10px;
|
|
left: 0;
|
|
line-height: 10px;
|
|
margin: 0;
|
|
position: absolute;
|
|
right: auto;
|
|
top: 50%;
|
|
-webkit-transform: rotate(90deg) translateX(70%);
|
|
-ms-transform: rotate(90deg) translateX(70%);
|
|
transform: rotate(90deg) translateX(70%);
|
|
width: auto;
|
|
}
|
|
|
|
.vertical-nav .flex-control-nav:after {
|
|
bottom: -70px;
|
|
height: 50px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.vertical-nav .flex-control-nav {
|
|
left: 4.8%;
|
|
}
|
|
}
|
|
|
|
/*
|
|
** 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: #272727;
|
|
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: #4ebbe3;
|
|
}
|
|
|
|
.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(39, 39, 39, 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(39, 39, 39, 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: #131313;
|
|
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 h4 {
|
|
color: #808080;
|
|
font-size: 24px;
|
|
font-weight: 300;
|
|
margin: 0;
|
|
}
|
|
|
|
.percent {
|
|
display: inline-block;
|
|
font-size: 60px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
.percent:after {
|
|
content: "%";
|
|
font-size: 35px;
|
|
}
|
|
|
|
.angular {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.angular .chart {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/*
|
|
** Time Table
|
|
*/
|
|
#timetable span {
|
|
display: block;
|
|
}
|
|
|
|
#timetable th,
|
|
#timetable td {
|
|
font-weight: normal;
|
|
padding: 25px 5px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#timetable thead {
|
|
color: #fff;
|
|
}
|
|
|
|
#timetable thead th {
|
|
border: 1px solid rgba(255, 255, 255, 0.23);
|
|
border-width: 0 1px;
|
|
}
|
|
|
|
#timetable tbody th,
|
|
#timetable tbody td {
|
|
border: 1px solid #f2f2f2;
|
|
-webkit-transition: all 0.2s ease-in-out 0s;
|
|
transition: all 0.2s ease-in-out 0s;
|
|
}
|
|
|
|
#timetable tbody .current {
|
|
background-color: #4ebbe3;
|
|
border-color: #4ebbe3;
|
|
}
|
|
|
|
#timetable tbody .current a {
|
|
color: #fff;
|
|
}
|
|
|
|
/*
|
|
** toTop
|
|
*/
|
|
#toTop {
|
|
background: #4ebbe3;
|
|
border-radius: 50%;
|
|
bottom: 10px;
|
|
color: transparent;
|
|
color: #fff;
|
|
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;
|
|
}
|
|
}
|
|
|
|
#toTop:after {
|
|
bottom: 0;
|
|
color: #fff;
|
|
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;
|
|
}
|
|
}
|
|
|
|
#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;
|
|
}
|
|
}
|
|
|
|
#toTop:hover:after {
|
|
color: #fff;
|
|
}
|
|
|
|
#toTop:active,
|
|
#toTop:focus {
|
|
outline: medium none;
|
|
}
|
|
|
|
.modal-open #toTop {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Countdown */
|
|
#comingsoon-countdown {
|
|
text-align: center;
|
|
}
|
|
|
|
#comingsoon-countdown:before,
|
|
#comingsoon-countdown:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.countdown-rtl {
|
|
direction: rtl;
|
|
}
|
|
|
|
.countdown-row {
|
|
clear: both;
|
|
display: table;
|
|
margin: auto;
|
|
padding: 20px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.countdown-section {
|
|
border-left: 1px solid #f2f2f2;
|
|
display: table-cell;
|
|
padding: 10px 30px 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.countdown-section:first-child {
|
|
border-left-width: 0;
|
|
}
|
|
|
|
.countdown-amount {
|
|
color: #4ebbe3;
|
|
font-size: 80px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
}
|
|
|
|
.countdown-period {
|
|
color: #272727;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.2em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.countdown-descr {
|
|
display: block;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.countdown-section {
|
|
padding: 20px 8px 0;
|
|
}
|
|
|
|
.countdown-amount {
|
|
font-size: 40px;
|
|
}
|
|
|
|
.countdown-period {
|
|
letter-spacing: 0.1em;
|
|
min-width: 4em;
|
|
}
|
|
}
|
|
|
|
/*
|
|
** 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"] {
|
|
padding-top: 100px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*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"] {
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@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 (max-width: 1599px) {
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
[class*="col-"] {
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.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_0 [class*="col-"] {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.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_10 .col-xs-12:not([class*="sm"]):not([class*="md"]) {
|
|
margin-bottom: 5px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.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_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_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_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_80 > [class*="container"] > .row {
|
|
margin-left: -80px;
|
|
margin-right: -80px;
|
|
}
|
|
|
|
.columns_padding_80 > [class*="container"] > .row > [class*="col-"] {
|
|
padding-left: 80px;
|
|
padding-right: 80px;
|
|
}
|
|
}
|
|
|
|
/*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_30 [class*="col-"],
|
|
.row.columns_margin_bottom_30 [class*="col-"] {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.columns_margin_bottom_40 [class*="col-"],
|
|
.row.columns_margin_bottom_40 [class*="col-"] {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.columns_margin_bottom_0 [class*="col-"],
|
|
.row.columns_margin_bottom_0 [class*="col-"] {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* vertical alignmetn in columns */
|
|
.table_section .row {
|
|
height: 100%;
|
|
min-width: 100%;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
aside {
|
|
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;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
@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 0%;
|
|
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: 120px;
|
|
padding-right: 120px;
|
|
}
|
|
}
|
|
|
|
.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 (min-width: 1600px) {
|
|
.col-xlg-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.col-xlg-7 {
|
|
width: 58.333333333%;
|
|
}
|
|
}
|
|
|
|
/*
|
|
** 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;
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.image_cover.small_width {
|
|
width: 42%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1599px) {
|
|
.image_cover.images_grid {
|
|
padding-bottom: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.image_cover_left + [class*="container"] .col-md-6 {
|
|
padding-left: 40px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.image_cover_left + [class*="container"] .col-md-6 {
|
|
padding-left: 60px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.image_cover_left + [class*="container"] .col-md-6 {
|
|
padding-left: 115px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.image_cover_right + [class*="container"] .col-md-6 {
|
|
padding-right: 40px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.image_cover_right + [class*="container"] .col-md-6 {
|
|
padding-right: 60px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.image_cover_right + [class*="container"] .col-md-6 {
|
|
padding-right: 115px;
|
|
}
|
|
}
|
|
|
|
.two_col_image_grid {
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-flex-wrap: wrap;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.two_col_image_grid > div {
|
|
width: 50%;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1599px) {
|
|
.two_col_image_grid {
|
|
position: relative;
|
|
}
|
|
|
|
.two_col_image_grid > div {
|
|
padding-bottom: 25%;
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
.parallax {
|
|
background-attachment: fixed;
|
|
background-position: 50% 0;
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.parallax {
|
|
background-attachment: scroll;
|
|
background-size: cover !important;
|
|
}
|
|
}
|
|
|
|
.parallax.ls:after {
|
|
background-color: #fff;
|
|
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)";
|
|
filter: alpha(opacity=90);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.parallax.ls.ms:after {
|
|
background-color: #fafafa;
|
|
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
|
|
filter: alpha(opacity=80);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.parallax.cs:after {
|
|
background-color: #4ebbe3;
|
|
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
|
|
filter: alpha(opacity=90);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.parallax.cs.main_color2:after {
|
|
background-color: #bee27b;
|
|
}
|
|
|
|
.parallax.cs.main_color3:after {
|
|
background-color: #77c7e5;
|
|
}
|
|
|
|
.cs.gradient.color_overlay:after {
|
|
background: -webkit-gradient(linear, right top, left top, from(#bee27b), to(#4ebbe3));
|
|
background: -webkit-linear-gradient(right, #bee27b, #4ebbe3);
|
|
background: linear-gradient(-90deg, #bee27b, #4ebbe3);
|
|
}
|
|
|
|
.parallax.ds:after {
|
|
background-color: #272727;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.background_cover.ds:after {
|
|
background-color: #272727;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.parallax.ds.ms:after {
|
|
background-color: #131313;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.parallax.ds.bs:after,
|
|
.color_overlay.ds.bs:after {
|
|
background-color: #00202b;
|
|
opacity: 0.67;
|
|
}
|
|
|
|
.parallax.ds.black:after {
|
|
background-color: #000;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.texture_bg {
|
|
background-position: 50% 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
|
|
.muted_section:before {
|
|
background-color: rgba(39, 39, 39, 0.1);
|
|
opacity: 1;
|
|
}
|
|
|
|
.parallax > *,
|
|
.muted_section > *,
|
|
.radial_gradient > *,
|
|
.gradient > *,
|
|
.vertical_gradient > *,
|
|
.darken_gradient > *,
|
|
.diagonal_section > *,
|
|
.color_overlay > * {
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
|
|
.radial_gradient {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.gradient,
|
|
.muted_section,
|
|
.vertical_gradient,
|
|
.darken_gradient,
|
|
.color_overlay {
|
|
position: relative;
|
|
}
|
|
|
|
.muted_section:before,
|
|
.muted_section:after,
|
|
.parallax:before,
|
|
.parallax:after,
|
|
.gradient:before,
|
|
.gradient:after,
|
|
.vertical_gradient:before,
|
|
.vertical_gradient:after,
|
|
.darken_gradient:before,
|
|
.color_overlay: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,
|
|
.parallax:before,
|
|
.parallax:after,
|
|
.background_cover:after {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.parallax.clear_parallax:before,
|
|
.parallax.clear_parallax:after {
|
|
display: none;
|
|
}
|
|
|
|
.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: #f2f2f2;
|
|
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: #3b3b3b;
|
|
}
|
|
|
|
.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: #3b3b3b;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/* Hero text in sections */
|
|
h2.section_header {
|
|
font-size: 40px;
|
|
font-weight: 100;
|
|
letter-spacing: -0.015em;
|
|
line-height: 1.15;
|
|
margin-bottom: 20px;
|
|
margin-top: 25px;
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
h2.section_header:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
h2.section_header.small,
|
|
h2.section_header .small {
|
|
display: block;
|
|
font-size: 24px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
h2.section_header {
|
|
font-size: 48px;
|
|
}
|
|
|
|
h2.section_header.small,
|
|
h2.section_header .small {
|
|
font-size: 30px;
|
|
}
|
|
|
|
h2.section_header.big {
|
|
font-size: 52px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
h2.section_header {
|
|
font-size: 52px;
|
|
}
|
|
|
|
h2.section_header + .fontsize_20 {
|
|
margin-top: 40px;
|
|
}
|
|
}
|
|
|
|
/*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;
|
|
}
|
|
|
|
#canvas.boxed {
|
|
padding: 1px 0;
|
|
}
|
|
|
|
#box_wrapper.container,
|
|
#box_wrapper > section,
|
|
#box_wrapper > div > section {
|
|
overflow: hidden;
|
|
}
|
|
|
|
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 {
|
|
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
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,
|
|
.alingright {
|
|
display: block;
|
|
float: none;
|
|
}
|
|
|
|
@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: 33.33333%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.col-sm-12 .alignleft {
|
|
margin-bottom: 40px;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.col-sm-12 .alignright {
|
|
margin-bottom: 40px;
|
|
margin-left: 50px;
|
|
}
|
|
}
|
|
|
|
.round {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.rounded {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.top_rounded {
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
.bottom_rounded {
|
|
border-radius: 0 0 3px 3px;
|
|
}
|
|
|
|
.overflow_hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.inline-block {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.display-block {
|
|
display: block;
|
|
}
|
|
|
|
.divided-content > * {
|
|
display: inline-block;
|
|
}
|
|
|
|
.divided-content > *:before,
|
|
.divided-content > *:last-child:after {
|
|
background-color: rgba(128, 128, 128, 0.6);
|
|
color: #808080;
|
|
content: "";
|
|
display: inline-block;
|
|
height: 8px;
|
|
margin-left: 10px;
|
|
margin-right: 14px;
|
|
width: 1px;
|
|
}
|
|
|
|
.divided-content > *:first-child:before {
|
|
display: none;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.divided-content > *:last-child:after {
|
|
display: none;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.divided-content.outside-dividers > *:first-child:before,
|
|
.divided-content.outside-dividers > *:last-child:after {
|
|
display: inline-block;
|
|
}
|
|
|
|
.with_padding {
|
|
padding: 20px;
|
|
}
|
|
|
|
@media (min-width: 400px) {
|
|
.with_padding {
|
|
padding: 35px;
|
|
}
|
|
}
|
|
|
|
@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: #fafafa;
|
|
}
|
|
|
|
.with_background .with_background {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.muted_background {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.with_border {
|
|
border: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.with_shadow {
|
|
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.with_big_shadow {
|
|
-webkit-box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.1);
|
|
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: 5px solid #4ebbe3;
|
|
}
|
|
|
|
.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: 40px;
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* borders, colors and backgrouns */
|
|
.response,
|
|
.highlight,
|
|
.highlight1 {
|
|
border-color: #4ebbe3;
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.highlightdark {
|
|
border-color: #272727;
|
|
color: #272727;
|
|
}
|
|
|
|
.highlight2 {
|
|
border-color: #bee27b;
|
|
color: #bee27b;
|
|
}
|
|
|
|
.highlight2dark {
|
|
border-color: #a3c962;
|
|
color: #a3c962;
|
|
}
|
|
|
|
.highlight3 {
|
|
border-color: #67dfc1;
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.highlight3dark {
|
|
border-color: #53ceb8;
|
|
color: #53ceb8;
|
|
}
|
|
|
|
.highlight4 {
|
|
border-color: #79d7d8;
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.highlight4dark {
|
|
border-color: #36afb7;
|
|
color: #36afb7;
|
|
}
|
|
|
|
.red,
|
|
.required {
|
|
color: #fa5c5d;
|
|
}
|
|
|
|
.lightgrey {
|
|
color: #939393;
|
|
}
|
|
|
|
.black {
|
|
border-color: #131313;
|
|
color: #131313;
|
|
}
|
|
|
|
.grey {
|
|
border-color: #272727;
|
|
color: #272727;
|
|
}
|
|
|
|
.light {
|
|
color: #fff;
|
|
}
|
|
|
|
.fontcolor {
|
|
color: #808080;
|
|
}
|
|
|
|
.greylinks a {
|
|
color: #808080;
|
|
}
|
|
|
|
.greylinks a.social-icon {
|
|
color: rgba(128, 128, 128, 0.6);
|
|
}
|
|
|
|
.greylinks a.social-icon:hover,
|
|
.greylinks a.social-icon:focus,
|
|
.greylinks a.social-icon:active {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.darklinks a {
|
|
color: #272727;
|
|
}
|
|
|
|
.darklinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.darklinks a.social-icon {
|
|
color: #272727;
|
|
}
|
|
|
|
.colorlinks a {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.colorlinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.underlined-links a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.thin {
|
|
font-weight: 100;
|
|
}
|
|
|
|
.regular {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.medium {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.semibold {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.weight-black {
|
|
font-weight: 900;
|
|
}
|
|
|
|
.success_color {
|
|
color: #9fc201;
|
|
}
|
|
|
|
.info_color {
|
|
color: #19bcdb;
|
|
}
|
|
|
|
.warning_color {
|
|
color: #f4b803;
|
|
}
|
|
|
|
.danger_color {
|
|
color: #ec5c42;
|
|
}
|
|
|
|
.main_bg_color,
|
|
.main_bg_color2,
|
|
.main_bg_color2dark,
|
|
.main_bg_color3,
|
|
.main_bg_color4,
|
|
.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: #fff;
|
|
}
|
|
|
|
.main_bg_color h1,
|
|
.main_bg_color h2,
|
|
.main_bg_color h3,
|
|
.main_bg_color h4,
|
|
.main_bg_color h5,
|
|
.main_bg_color h6,
|
|
.main_bg_color2 h1,
|
|
.main_bg_color2 h2,
|
|
.main_bg_color2 h3,
|
|
.main_bg_color2 h4,
|
|
.main_bg_color2 h5,
|
|
.main_bg_color2 h6,
|
|
.main_bg_color2dark h1,
|
|
.main_bg_color2dark h2,
|
|
.main_bg_color2dark h3,
|
|
.main_bg_color2dark h4,
|
|
.main_bg_color2dark h5,
|
|
.main_bg_color2dark h6,
|
|
.main_bg_color3 h1,
|
|
.main_bg_color3 h2,
|
|
.main_bg_color3 h3,
|
|
.main_bg_color3 h4,
|
|
.main_bg_color3 h5,
|
|
.main_bg_color3 h6,
|
|
.main_bg_color4 h1,
|
|
.main_bg_color4 h2,
|
|
.main_bg_color4 h3,
|
|
.main_bg_color4 h4,
|
|
.main_bg_color4 h5,
|
|
.main_bg_color4 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: #4ebbe3;
|
|
}
|
|
|
|
.main_bg_color_mutted {
|
|
background-color: #7db0bf;
|
|
}
|
|
|
|
.main_bg_color2 {
|
|
background-color: #bee27b;
|
|
}
|
|
|
|
.main_bg_color2dark {
|
|
background-color: #a3c962;
|
|
}
|
|
|
|
.main_bg_color3 {
|
|
background-color: #67dfc1;
|
|
}
|
|
|
|
.main_bg_color4 {
|
|
background-color: #79d7d8;
|
|
}
|
|
|
|
.dark_bg_color {
|
|
background-color: #131313;
|
|
}
|
|
|
|
.darkblue_bg_color {
|
|
background-color: #00202b;
|
|
color: #fff;
|
|
}
|
|
|
|
.darkgrey_bg_color {
|
|
background-color: #272727;
|
|
color: #fff;
|
|
}
|
|
|
|
.success_bg_color {
|
|
background-color: #9fc201;
|
|
}
|
|
|
|
.info_bg_color {
|
|
background-color: #19bcdb;
|
|
}
|
|
|
|
.warning_bg_color {
|
|
background-color: #f4b803;
|
|
}
|
|
|
|
.danger_bg_color {
|
|
background-color: #ec5c42;
|
|
}
|
|
|
|
.light_bg_color {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.gradient_bg {
|
|
background: -webkit-gradient(linear, left top, right top, from(#4ebbe3), to(#bee27b));
|
|
background: -webkit-linear-gradient(left, #4ebbe3, #bee27b);
|
|
background: linear-gradient(to right, #4ebbe3, #bee27b);
|
|
}
|
|
|
|
.gradient_bg1 {
|
|
background: -webkit-linear-gradient(281deg, #c2e275, #9bdda1);
|
|
background: linear-gradient(-191deg, #c2e275, #9bdda1);
|
|
}
|
|
|
|
.gradient_bg2 {
|
|
background: -webkit-linear-gradient(281deg, #8de2a8, #59ddc8);
|
|
background: linear-gradient(-191deg, #8de2a8, #59ddc8);
|
|
}
|
|
|
|
.gradient_bg3 {
|
|
background: -webkit-linear-gradient(281deg, #8ed9ce, #5ad3e1);
|
|
background: linear-gradient(-191deg, #8ed9ce, #5ad3e1);
|
|
}
|
|
|
|
.transp_color4_bg {
|
|
background-color: rgba(121, 215, 216, 0.8);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.text-center hr[class*="divider_"],
|
|
.text-center hr[class*="_divider"] {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.text-center hr[class*="divider_"]:before,
|
|
.text-center hr[class*="_divider"]:before {
|
|
margin-left: -35px;
|
|
}
|
|
|
|
.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_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_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_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;
|
|
}
|
|
|
|
.playfair {
|
|
font-family: "Playfair Display", serif;
|
|
}
|
|
|
|
.lineheight_thin {
|
|
line-height: 24px;
|
|
}
|
|
|
|
/*alignment*/
|
|
.display_table {
|
|
border-collapse: collapse;
|
|
display: table;
|
|
height: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.display_table_cell {
|
|
-webkit-box-sizing: border-box;
|
|
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 {
|
|
-webkit-box-sizing: border-box;
|
|
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 {
|
|
-webkit-box-sizing: border-box;
|
|
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 {
|
|
-webkit-box-sizing: border-box;
|
|
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-size: 12px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.small-text.big-spacing {
|
|
letter-spacing: 0.1em;
|
|
}
|
|
|
|
.small-text.big {
|
|
font-size: 14px;
|
|
letter-spacing: 0.2em;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.small-text i {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.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.content-margins > * {
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.content-justify.nowrap {
|
|
-webkit-flex-wrap: nowrap;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.two-cols-grid {
|
|
-webkit-align-items: stretch;
|
|
align-items: stretch;
|
|
-webkit-box-align: stretch;
|
|
display: flex;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
-ms-flex-align: stretch;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.two-cols-grid .teaser .media-left {
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.two-cols-grid > * {
|
|
margin: 0;
|
|
padding-bottom: 25px;
|
|
padding-top: 25px;
|
|
width: 100%;
|
|
}
|
|
|
|
.two-cols-grid > * + * {
|
|
border-top: 1px solid #f2f2f2;
|
|
}
|
|
|
|
@media (min-width: 500px) {
|
|
.two-cols-grid > * {
|
|
padding-right: 20px;
|
|
width: 50%;
|
|
}
|
|
|
|
.two-cols-grid > *:nth-child(2) {
|
|
border-top: none;
|
|
}
|
|
|
|
.two-cols-grid > *:nth-child(even) {
|
|
border-left: 1px solid #f2f2f2;
|
|
padding-left: 20px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.two-cols-grid > *:first-child,
|
|
.two-cols-grid > *:first-child + * {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.two-cols-grid > *:last-child,
|
|
.two-cols-grid > *:nth-last-child(2) {
|
|
padding-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.two-cols-grid > * {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.two-cols-grid > *:nth-child(even) {
|
|
padding-left: 30px;
|
|
}
|
|
}
|
|
|
|
.inline-content {
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
.inline-content > * {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.inline-content > *.media {
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.inline-content.content-bottom-margin > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.inline-content.content-bottom-margin > *:last-child {
|
|
margin-bottom: 10px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.inline-content.big-spacing {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.inline-content.big-spacing > * {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.item-meta .inline-content > * {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.display-flex {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.vertical-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: 16px;
|
|
height: 90px;
|
|
-webkit-line-clamp: 3;
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* media items - common side and vertical items */
|
|
.with_border .item-media,
|
|
.with_border .entry-thumbnail {
|
|
margin: -1px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.with_border .item-media + header,
|
|
.with_border .entry-thumbnail + header {
|
|
margin: 0 -1px;
|
|
}
|
|
|
|
.with_border.full-padding .item-media {
|
|
margin: 0;
|
|
}
|
|
|
|
/* side and vertical items paddings */
|
|
.item-content.with_overlapped_button {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
.item-content.with_overlapped_button .round_button {
|
|
left: 50%;
|
|
margin-left: -30px;
|
|
position: absolute;
|
|
top: -30px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
@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 .top_rounded {
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
}
|
|
|
|
/*-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.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;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.vertical-item.big-padding .item-content {
|
|
padding: 53px 60px 50px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.vertical-item.big-vertical-padding .item-content {
|
|
padding-bottom: 55px;
|
|
padding-top: 55px;
|
|
}
|
|
}
|
|
|
|
.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: 30px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.vertical-item.content-absolute .item-content.big-padding {
|
|
padding: 40px;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.side-item.big-padding .item-content {
|
|
padding: 45px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1800px) {
|
|
.side-item.big-padding .item-content {
|
|
padding: 50px 55px;
|
|
}
|
|
}
|
|
|
|
/* item meta */
|
|
/* item media links */
|
|
.item-media {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.item-media img {
|
|
width: auto;
|
|
}
|
|
|
|
.item-media.with_icon {
|
|
overflow: visible;
|
|
}
|
|
|
|
.item-media .post_icon {
|
|
background-color: #4ebbe3;
|
|
border-radius: 50%;
|
|
bottom: -30px;
|
|
left: 50%;
|
|
margin-left: -30px;
|
|
position: absolute;
|
|
width: 60px;
|
|
}
|
|
|
|
.item-media .post_icon i {
|
|
color: #fff;
|
|
line-height: 60px;
|
|
}
|
|
|
|
.item-media-wrap .item-media.inline-block {
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.media-links {
|
|
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(0, 32, 43, 0.5);
|
|
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"]: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;
|
|
}
|
|
|
|
[class*="-item"]:hover .media-links a.abs-link {
|
|
opacity: 1;
|
|
}
|
|
|
|
[class*="-item"] .links-wrap a,
|
|
[class*="-item"] .links-wrap > span {
|
|
border-radius: 30px;
|
|
display: inline-block;
|
|
filter: alpha(opacity=0);
|
|
font-size: 16px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
opacity: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
top: -100px;
|
|
-moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
|
-ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
|
-o-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;
|
|
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: #4ebbe3;
|
|
}
|
|
|
|
[class*="-item"] .links-wrap a.p-link {
|
|
color: #272727;
|
|
-moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
|
|
-ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
|
|
-o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
|
|
-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: #4ebbe3;
|
|
}
|
|
|
|
[class*="-item"] .links-wrap a:before {
|
|
content: "\f002";
|
|
font-family: "FontAwesome";
|
|
}
|
|
|
|
[class*="-item"] .links-wrap a.p-link:before {
|
|
content: "\f067";
|
|
font-size: 14px;
|
|
}
|
|
|
|
[class*="-item"] .links-wrap > span {
|
|
font-size: 24px;
|
|
}
|
|
|
|
/* item icons */
|
|
.item-icons {
|
|
border-top: 1px solid rgba(128, 128, 128, 0.1);
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.item-icons i {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.item-icons > div {
|
|
display: table-cell;
|
|
padding: 24px 50px 24px;
|
|
white-space: nowrap;
|
|
width: 400px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.item-icons > div {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
|
|
.item-icons > div.text-right {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.item-icons [data-id] {
|
|
display: none;
|
|
}
|
|
|
|
.media-links .bottom-links {
|
|
bottom: 15px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: auto;
|
|
}
|
|
|
|
.media-links .bottom-links a {
|
|
background-color: #272727;
|
|
display: inline-block;
|
|
margin: 0 2px;
|
|
padding: 1px 11px;
|
|
}
|
|
|
|
.media-links .bottom-links a:hover {
|
|
background-color: #bee27b;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.media-links .bottom-links a {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
[class*="-item"]:hover .links-wrap a,
|
|
[class*="-item"]:hover .links-wrap > span,
|
|
.opened-media .links-wrap a,
|
|
.opened-media .links-wrap > span {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
|
|
[class*="-item"]:hover .media-links div,
|
|
.opened-media .media-links div {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
[class*="-item"]:hover .media-links .bottom-links a,
|
|
.opened-media .media-links .bottom-links a {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/*slide media*/
|
|
.slide-media .item-media-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.slide-media .item-media-wrap > img {
|
|
max-width: 65%;
|
|
min-width: 250px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.slide-media .item-media {
|
|
left: 50%;
|
|
min-width: 250px;
|
|
position: absolute;
|
|
top: 0;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
-webkit-transition: all 0.3s linear 0s;
|
|
transition: all 0.3s linear 0s;
|
|
width: 65%;
|
|
}
|
|
|
|
.slide-media .item-media.back-media {
|
|
left: auto;
|
|
position: absolute;
|
|
right: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(50%, -50%);
|
|
-ms-transform: translate(50%, -50%);
|
|
transform: translate(50%, -50%);
|
|
}
|
|
|
|
.slide-media:hover .item-media,
|
|
.slide-media.opened-media .item-media {
|
|
left: 0;
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.slide-media:hover .item-media.back-media,
|
|
.slide-media.opened-media .item-media.back-media {
|
|
left: auto;
|
|
right: 0;
|
|
-webkit-transform: translate(0, -50%);
|
|
-ms-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
}
|
|
|
|
/*
|
|
** Header
|
|
*/
|
|
.header_white {
|
|
background-color: #fff;
|
|
color: #808080;
|
|
}
|
|
|
|
.header_white.affix {
|
|
-webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.07);
|
|
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.header_white a.logo {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls + .header_white {
|
|
border-top: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.header_darkgrey {
|
|
background-color: #272727;
|
|
}
|
|
|
|
.header_darkgrey.affix {
|
|
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
|
|
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: #3b3b3b;
|
|
}
|
|
|
|
.ds + .header_darkgrey:not([class*="header_transparent"]) [class*="container"] {
|
|
position: relative;
|
|
}
|
|
|
|
.ds + .header_darkgrey:not([class*="header_transparent"]) [class*="container"]:before {
|
|
background-color: rgba(255, 255, 255, 0.23);
|
|
content: "";
|
|
display: block;
|
|
height: 1px;
|
|
margin-bottom: -1px;
|
|
position: relative;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.affix.page_header [class*="container"]:before {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.header_color {
|
|
background-color: #4ebbe3;
|
|
}
|
|
|
|
.header_transparent_wrap {
|
|
height: 0 !important;
|
|
position: relative;
|
|
}
|
|
|
|
.header_transparent_wrap .header_transparent.affix-top {
|
|
background-color: transparent;
|
|
position: absolute;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.transparent_wrapper {
|
|
height: 0 !important;
|
|
position: relative;
|
|
}
|
|
|
|
.transparent_wrapper > *:not(.page_header_wrapper) {
|
|
background-color: transparent;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
.transparent_wrapper .page_header:not(.affix) {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
/* logo */
|
|
.logo {
|
|
display: inline-block;
|
|
font-size: 24px;
|
|
padding: 8px 0;
|
|
position: relative;
|
|
word-break: break-word;
|
|
z-index: 2;
|
|
}
|
|
|
|
.logo img {
|
|
max-width: 220px;
|
|
}
|
|
|
|
.ls .logo {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .logo,
|
|
.ds .logo:hover,
|
|
.cs .logo,
|
|
.cs .logo:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.header_color .logo,
|
|
.header_darkgrey .logo {
|
|
color: #fff;
|
|
}
|
|
|
|
.floating_logo .logo {
|
|
float: left;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.logo.vertical_logo {
|
|
padding: 0;
|
|
}
|
|
|
|
.logo.vertical_logo img {
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
.logo.vertical_logo .logo_text {
|
|
margin: 10px 0 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%);
|
|
}
|
|
}
|
|
|
|
@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;
|
|
-webkit-transition: background 0.2s ease-in-out 0s, margin 0.6s ease-in-out 0s;
|
|
transition: background 0.2s ease-in-out 0s, margin 0.6s ease-in-out 0s;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.page_header.affix {
|
|
position: fixed;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.page_header [class*="display_table_cell"] {
|
|
height: 60px;
|
|
}
|
|
}
|
|
|
|
.page_header [class*="col-"] {
|
|
min-height: 0;
|
|
}
|
|
|
|
#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: #4ebbe3;
|
|
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_right_buttons .inline-list.small-padding > li i {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* header floats */
|
|
.page_header:before,
|
|
.page_header:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.page_header {
|
|
height: auto;
|
|
}
|
|
|
|
.header_left_logo {
|
|
overflow: visible;
|
|
padding: 0 15px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
[class*="display_table_cell"] .header_left_logo {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.header_mainmenu {
|
|
overflow: visible;
|
|
padding: 0 15px;
|
|
width: 10000px;
|
|
}
|
|
|
|
.header_right_buttons {
|
|
overflow: visible;
|
|
padding: 0 15px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.header_right_buttons.ls {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.page_toplogo .header_right_buttons {
|
|
white-space: normal;
|
|
}
|
|
|
|
/*
|
|
** 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 {
|
|
-webkit-box-shadow: 0 0px 4px 3px rgba(50, 50, 50, 0.05);
|
|
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: 10px 30px;
|
|
}
|
|
|
|
.page_header_side .social-icons {
|
|
display: block;
|
|
margin: 20px 30px 0;
|
|
}
|
|
|
|
.page_header_side .nav > li > a {
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.side_header_inner {
|
|
padding: 10px 0 60px;
|
|
}
|
|
|
|
.toggle_menu_side {
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 0 4px 2px rgba(50, 50, 50, 0.05);
|
|
box-shadow: 0 0 4px 2px rgba(50, 50, 50, 0.05);
|
|
cursor: pointer;
|
|
height: 60px;
|
|
position: absolute;
|
|
right: -65px;
|
|
top: 5px;
|
|
width: 60px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.toggle_menu_side:before,
|
|
.toggle_menu_side span,
|
|
.toggle_menu_side span:before,
|
|
.toggle_menu_side span:after {
|
|
background-color: #272727;
|
|
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: 24px;
|
|
}
|
|
|
|
.toggle_menu_side:before,
|
|
.toggle_menu_side span {
|
|
left: 18px;
|
|
top: 50%;
|
|
}
|
|
|
|
.toggle_menu_side span:before {
|
|
opacity: 1;
|
|
top: -6px;
|
|
}
|
|
|
|
.toggle_menu_side span:after {
|
|
opacity: 1;
|
|
top: 6px;
|
|
}
|
|
|
|
.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,
|
|
.active-side-header .toggle_menu_side span {
|
|
-webkit-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.active-slide-side-header .toggle_menu_side span:before,
|
|
.active-slide-side-header .toggle_menu_side span:after,
|
|
.active-side-header .toggle_menu_side span:before,
|
|
.active-side-header .toggle_menu_side span:after {
|
|
opacity: 0;
|
|
}
|
|
|
|
.ds .toggle_menu_side {
|
|
background-color: #3d3d47;
|
|
}
|
|
|
|
.ds .toggle_menu_side span,
|
|
.ds .toggle_menu_side span:before,
|
|
.ds .toggle_menu_side span:after,
|
|
.ds .toggle_menu_side:before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.bs .toggle_menu_side {
|
|
background-color: #00202b;
|
|
}
|
|
|
|
@media (max-width: 350px) {
|
|
.toggle_menu_side {
|
|
right: -50px;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.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 {
|
|
-webkit-box-shadow: none;
|
|
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 {
|
|
line-height: 1;
|
|
margin: 19px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.menu-side-click i {
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
width: 1em;
|
|
}
|
|
|
|
.menu-side-click .activate_submenu {
|
|
color: #272727;
|
|
cursor: pointer;
|
|
font-size: 11px;
|
|
opacity: 0.9;
|
|
position: absolute;
|
|
right: 30px;
|
|
text-align: center;
|
|
top: 9px;
|
|
-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;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
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: #4ebbe3;
|
|
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: #fafafa;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.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;
|
|
-webkit-box-sizing: content-box;
|
|
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 {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
display: none;
|
|
}
|
|
|
|
.scroll-element div {
|
|
-webkit-box-sizing: content-box;
|
|
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;
|
|
}
|
|
|
|
/*
|
|
** Light Section - .ls
|
|
*/
|
|
.ls {
|
|
background-color: #fff;
|
|
color: #808080;
|
|
}
|
|
|
|
.ls h1,
|
|
.ls h2,
|
|
.ls h3,
|
|
.ls h4,
|
|
.ls h5,
|
|
.ls h6 {
|
|
color: #272727;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.ls h1.hover-color2 a:hover,
|
|
.ls h2.hover-color2 a:hover,
|
|
.ls h3.hover-color2 a:hover,
|
|
.ls h4.hover-color2 a:hover,
|
|
.ls h5.hover-color2 a:hover,
|
|
.ls h6.hover-color2 a:hover {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls h1.hover-color3 a:hover,
|
|
.ls h2.hover-color3 a:hover,
|
|
.ls h3.hover-color3 a:hover,
|
|
.ls h4.hover-color3 a:hover,
|
|
.ls h5.hover-color3 a:hover,
|
|
.ls h6.hover-color3 a:hover {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ls .main_bg_color,
|
|
.ls .main_bg_color2,
|
|
.ls .main_bg_color3,
|
|
.ls .dark_bg_color,
|
|
.ls .darkblue_bg_color,
|
|
.ls .darkgrey_bg_color,
|
|
.ls .darkgrey_bg.bg_teaser,
|
|
.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 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 .main_bg_color2 h1,
|
|
.ls .main_bg_color2 h2,
|
|
.ls .main_bg_color2 h3,
|
|
.ls .main_bg_color2 h4,
|
|
.ls .main_bg_color2 h5,
|
|
.ls .main_bg_color2 h6,
|
|
.ls .main_bg_color3 h1,
|
|
.ls .main_bg_color3 h2,
|
|
.ls .main_bg_color3 h3,
|
|
.ls .main_bg_color3 h4,
|
|
.ls .main_bg_color3 h5,
|
|
.ls .main_bg_color3 h6,
|
|
.ls .dark_bg_color h1,
|
|
.ls .dark_bg_color h2,
|
|
.ls .dark_bg_color h3,
|
|
.ls .dark_bg_color h4,
|
|
.ls .dark_bg_color h5,
|
|
.ls .dark_bg_color h6,
|
|
.ls .darkblue_bg_color h1,
|
|
.ls .darkblue_bg_color h2,
|
|
.ls .darkblue_bg_color h3,
|
|
.ls .darkblue_bg_color h4,
|
|
.ls .darkblue_bg_color h5,
|
|
.ls .darkblue_bg_color h6,
|
|
.ls .darkgrey_bg_color h1,
|
|
.ls .darkgrey_bg_color h2,
|
|
.ls .darkgrey_bg_color h3,
|
|
.ls .darkgrey_bg_color h4,
|
|
.ls .darkgrey_bg_color h5,
|
|
.ls .darkgrey_bg_color h6,
|
|
.ls .darkgrey_bg.bg_teaser h1,
|
|
.ls .darkgrey_bg.bg_teaser h2,
|
|
.ls .darkgrey_bg.bg_teaser h3,
|
|
.ls .darkgrey_bg.bg_teaser h4,
|
|
.ls .darkgrey_bg.bg_teaser h5,
|
|
.ls .darkgrey_bg.bg_teaser 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 .main_bg_color2 h1 a:hover,
|
|
.ls .main_bg_color2 h1 a:active,
|
|
.ls .main_bg_color2 h1 a:focus,
|
|
.ls .main_bg_color2 h2 a:hover,
|
|
.ls .main_bg_color2 h2 a:active,
|
|
.ls .main_bg_color2 h2 a:focus,
|
|
.ls .main_bg_color2 h3 a:hover,
|
|
.ls .main_bg_color2 h3 a:active,
|
|
.ls .main_bg_color2 h3 a:focus,
|
|
.ls .main_bg_color2 h4 a:hover,
|
|
.ls .main_bg_color2 h4 a:active,
|
|
.ls .main_bg_color2 h4 a:focus,
|
|
.ls .main_bg_color2 h5 a:hover,
|
|
.ls .main_bg_color2 h5 a:active,
|
|
.ls .main_bg_color2 h5 a:focus,
|
|
.ls .main_bg_color2 h6 a:hover,
|
|
.ls .main_bg_color2 h6 a:active,
|
|
.ls .main_bg_color2 h6 a:focus,
|
|
.ls .main_bg_color3 h1 a:hover,
|
|
.ls .main_bg_color3 h1 a:active,
|
|
.ls .main_bg_color3 h1 a:focus,
|
|
.ls .main_bg_color3 h2 a:hover,
|
|
.ls .main_bg_color3 h2 a:active,
|
|
.ls .main_bg_color3 h2 a:focus,
|
|
.ls .main_bg_color3 h3 a:hover,
|
|
.ls .main_bg_color3 h3 a:active,
|
|
.ls .main_bg_color3 h3 a:focus,
|
|
.ls .main_bg_color3 h4 a:hover,
|
|
.ls .main_bg_color3 h4 a:active,
|
|
.ls .main_bg_color3 h4 a:focus,
|
|
.ls .main_bg_color3 h5 a:hover,
|
|
.ls .main_bg_color3 h5 a:active,
|
|
.ls .main_bg_color3 h5 a:focus,
|
|
.ls .main_bg_color3 h6 a:hover,
|
|
.ls .main_bg_color3 h6 a:active,
|
|
.ls .main_bg_color3 h6 a:focus,
|
|
.ls .dark_bg_color h1 a:hover,
|
|
.ls .dark_bg_color h1 a:active,
|
|
.ls .dark_bg_color h1 a:focus,
|
|
.ls .dark_bg_color h2 a:hover,
|
|
.ls .dark_bg_color h2 a:active,
|
|
.ls .dark_bg_color h2 a:focus,
|
|
.ls .dark_bg_color h3 a:hover,
|
|
.ls .dark_bg_color h3 a:active,
|
|
.ls .dark_bg_color h3 a:focus,
|
|
.ls .dark_bg_color h4 a:hover,
|
|
.ls .dark_bg_color h4 a:active,
|
|
.ls .dark_bg_color h4 a:focus,
|
|
.ls .dark_bg_color h5 a:hover,
|
|
.ls .dark_bg_color h5 a:active,
|
|
.ls .dark_bg_color h5 a:focus,
|
|
.ls .dark_bg_color h6 a:hover,
|
|
.ls .dark_bg_color h6 a:active,
|
|
.ls .dark_bg_color h6 a:focus,
|
|
.ls .darkblue_bg_color h1 a:hover,
|
|
.ls .darkblue_bg_color h1 a:active,
|
|
.ls .darkblue_bg_color h1 a:focus,
|
|
.ls .darkblue_bg_color h2 a:hover,
|
|
.ls .darkblue_bg_color h2 a:active,
|
|
.ls .darkblue_bg_color h2 a:focus,
|
|
.ls .darkblue_bg_color h3 a:hover,
|
|
.ls .darkblue_bg_color h3 a:active,
|
|
.ls .darkblue_bg_color h3 a:focus,
|
|
.ls .darkblue_bg_color h4 a:hover,
|
|
.ls .darkblue_bg_color h4 a:active,
|
|
.ls .darkblue_bg_color h4 a:focus,
|
|
.ls .darkblue_bg_color h5 a:hover,
|
|
.ls .darkblue_bg_color h5 a:active,
|
|
.ls .darkblue_bg_color h5 a:focus,
|
|
.ls .darkblue_bg_color h6 a:hover,
|
|
.ls .darkblue_bg_color h6 a:active,
|
|
.ls .darkblue_bg_color h6 a:focus,
|
|
.ls .darkgrey_bg_color h1 a:hover,
|
|
.ls .darkgrey_bg_color h1 a:active,
|
|
.ls .darkgrey_bg_color h1 a:focus,
|
|
.ls .darkgrey_bg_color h2 a:hover,
|
|
.ls .darkgrey_bg_color h2 a:active,
|
|
.ls .darkgrey_bg_color h2 a:focus,
|
|
.ls .darkgrey_bg_color h3 a:hover,
|
|
.ls .darkgrey_bg_color h3 a:active,
|
|
.ls .darkgrey_bg_color h3 a:focus,
|
|
.ls .darkgrey_bg_color h4 a:hover,
|
|
.ls .darkgrey_bg_color h4 a:active,
|
|
.ls .darkgrey_bg_color h4 a:focus,
|
|
.ls .darkgrey_bg_color h5 a:hover,
|
|
.ls .darkgrey_bg_color h5 a:active,
|
|
.ls .darkgrey_bg_color h5 a:focus,
|
|
.ls .darkgrey_bg_color h6 a:hover,
|
|
.ls .darkgrey_bg_color h6 a:active,
|
|
.ls .darkgrey_bg_color h6 a:focus,
|
|
.ls .darkgrey_bg.bg_teaser h1 a:hover,
|
|
.ls .darkgrey_bg.bg_teaser h1 a:active,
|
|
.ls .darkgrey_bg.bg_teaser h1 a:focus,
|
|
.ls .darkgrey_bg.bg_teaser h2 a:hover,
|
|
.ls .darkgrey_bg.bg_teaser h2 a:active,
|
|
.ls .darkgrey_bg.bg_teaser h2 a:focus,
|
|
.ls .darkgrey_bg.bg_teaser h3 a:hover,
|
|
.ls .darkgrey_bg.bg_teaser h3 a:active,
|
|
.ls .darkgrey_bg.bg_teaser h3 a:focus,
|
|
.ls .darkgrey_bg.bg_teaser h4 a:hover,
|
|
.ls .darkgrey_bg.bg_teaser h4 a:active,
|
|
.ls .darkgrey_bg.bg_teaser h4 a:focus,
|
|
.ls .darkgrey_bg.bg_teaser h5 a:hover,
|
|
.ls .darkgrey_bg.bg_teaser h5 a:active,
|
|
.ls .darkgrey_bg.bg_teaser h5 a:focus,
|
|
.ls .darkgrey_bg.bg_teaser h6 a:hover,
|
|
.ls .darkgrey_bg.bg_teaser h6 a:active,
|
|
.ls .darkgrey_bg.bg_teaser 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: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.ls [class*='color_bg'] .highlight {
|
|
color: #fff;
|
|
}
|
|
|
|
.ls .hoverable-banner.gradient_bg_color:hover .highlight2 {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .light_bg_color {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls a {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls a:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .grey {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .highlight,
|
|
.ls .highlight1 {
|
|
border-color: #4ebbe3;
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .highlightdark {
|
|
border-color: #272727;
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .highlight2 {
|
|
border-color: #bee27b;
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .highlight2dark {
|
|
border-color: #a3c962;
|
|
color: #a3c962;
|
|
}
|
|
|
|
.ls .highlight3 {
|
|
border-color: #67dfc1;
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ls .highlight3dark {
|
|
border-color: #53ceb8;
|
|
color: #53ceb8;
|
|
}
|
|
|
|
.ls .highlight4 {
|
|
border-color: #79d7d8;
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.ls .highlight4dark {
|
|
border-color: #36afb7;
|
|
color: #36afb7;
|
|
}
|
|
|
|
.ls .greylinks a {
|
|
color: #808080;
|
|
}
|
|
|
|
.ls .greylinks a:hover,
|
|
.ls .greylinks a:focus,
|
|
.ls .greylinks a:active {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .greylinks.color2 a:hover,
|
|
.ls .greylinks.color2 a:focus,
|
|
.ls .greylinks.color2 a:active {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .darklinks a {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .darklinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .highlightlinks a,
|
|
.ls .highlightlink {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .highlightlinks a:hover,
|
|
.ls .highlightlink:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .highlight2links a,
|
|
.ls .highlight2link {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .highlight2links a:hover,
|
|
.ls .highlight2link:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .highlight3links a,
|
|
.ls .highlight3link {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ls .highlight3links a:hover,
|
|
.ls .highlight3link:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .highlight4links a,
|
|
.ls .highlight4link {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.ls .highlight4links a:hover,
|
|
.ls .highlight4link:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .colorlinks a {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .colorlinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .breadcrumb > li + li:before {
|
|
color: #808080;
|
|
}
|
|
|
|
.ls .breadcrumb > .active {
|
|
color: #272727;
|
|
}
|
|
|
|
.ls .nav-unstyled .active a {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .theme_buttons a,
|
|
.ls .theme_button {
|
|
color: #a3c962;
|
|
}
|
|
|
|
.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: #fff;
|
|
}
|
|
|
|
.ls .theme_buttons.inverse a,
|
|
.ls .theme_button.inverse {
|
|
color: #272727;
|
|
}
|
|
|
|
.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[class*="color"] a,
|
|
.ls .theme_button[class*="color"] {
|
|
color: #fff;
|
|
}
|
|
|
|
.ls .theme_buttons.color1 a:hover,
|
|
.ls .theme_button.color1:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .theme_button.color1.dark:hover {
|
|
color: #0c9ece;
|
|
}
|
|
|
|
.ls .theme_buttons.color2 a:hover,
|
|
.ls .theme_button.color2:hover {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .theme_button.color2.dark:hover {
|
|
color: #a3c962;
|
|
}
|
|
|
|
.ls .theme_buttons.color3 a:hover,
|
|
.ls .theme_button.color3:hover {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ls .theme_button.color3.dark:hover {
|
|
color: #53ceb8;
|
|
}
|
|
|
|
.ls .theme_buttons.color4 a:hover,
|
|
.ls .theme_button.color4:hover {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.ls .theme_button.color4.dark:hover {
|
|
color: #36afb7;
|
|
}
|
|
|
|
.ls .theme_button.no_bg_button {
|
|
background-color: transparent !important;
|
|
color: #808080;
|
|
}
|
|
|
|
.ls .theme_button.no_bg_button:hover,
|
|
.ls .theme_button.no_bg_button:focus,
|
|
.ls .theme_button.no_bg_button:active {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .theme_button.no_bg_button.color1 {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ls .theme_button.no_bg_button.color2 {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ls .theme_button.no_bg_button.color3 {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ls .theme_button.no_bg_button.color4 {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.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: #272727;
|
|
}
|
|
|
|
.ls:not(.ms) + .page_copyright.ls {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ls .select-group:hover select + .theme_button,
|
|
.ls .select-group:hover select + i {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
/*
|
|
** Grey Section - light section, muted section - .ls.ms
|
|
*/
|
|
.ls.ms {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ls.ms.dark {
|
|
background-color: #eaeaea;
|
|
}
|
|
|
|
.ls.ms .with_background {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ls.ms .with_background hr {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.ls.ms .with_background .with_background {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ls.ms .theme_bg .with_background {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ls.ms hr {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.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-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 {
|
|
background-color: #fafafa;
|
|
border-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.ls.ms td,
|
|
.ls.ms th,
|
|
.ls.ms .with_border {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.ls.ms .nav-tabs > li.active > a,
|
|
.ls.ms .nav-tabs > li.active > a:hover,
|
|
.ls.ms .nav-tabs > li.active > a:focus {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.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: #fafafa;
|
|
}
|
|
|
|
.ls.ms .vertical-tabs .nav > li > a {
|
|
background-color: #fff;
|
|
border-color: #f2f2f2;
|
|
}
|
|
|
|
.ls.ms .vertical-tabs .nav > li > a:hover,
|
|
.ls.ms .vertical-tabs .nav > li.active > a {
|
|
background-color: #36afb7;
|
|
border-color: #36afb7;
|
|
}
|
|
|
|
.ls.ms .with_background .panel-title > a {
|
|
border: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.ls.ms .widget_calendar tbody {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ls.ms .ds .nav-tabs > li > a {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.ls.ms .ds .tab-content {
|
|
background-color: #00202b;
|
|
color: #fff;
|
|
}
|
|
|
|
.ls.ms .ds .tab-content.no-border {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ls.ms .ds .nav-tabs > li > a:hover,
|
|
.ls.ms .ds .nav-tabs > li.active > a,
|
|
.ls.ms .ds .nav-tabs > li.active > a:hover,
|
|
.ls.ms .ds .nav-tabs > li.active > a:focus {
|
|
background-color: #00202b;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
/*
|
|
** Dark Section and Dark Muted sections - .ds and .ds.ms
|
|
*/
|
|
/* darkgrey section - .ds */
|
|
.ds {
|
|
background-color: #272727;
|
|
color: #a2a2a2;
|
|
}
|
|
|
|
.ds.parallax,
|
|
.ds.background_cover {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.ds.parallax .form-control:-moz-placeholder,
|
|
.ds.background_cover .form-control:-moz-placeholder {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.ds.parallax .form-control::-moz-placeholder,
|
|
.ds.background_cover .form-control::-moz-placeholder {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.ds.parallax .form-control:-ms-input-placeholder,
|
|
.ds.background_cover .form-control:-ms-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.ds.parallax .form-control::-webkit-input-placeholder,
|
|
.ds.background_cover .form-control::-webkit-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.ds.parallax .form-control:focus:-moz-placeholder,
|
|
.ds.background_cover .form-control:focus:-moz-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.ds.parallax .form-control:focus::-moz-placeholder,
|
|
.ds.background_cover .form-control:focus::-moz-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.ds.parallax .form-control:focus:-ms-input-placeholder,
|
|
.ds.background_cover .form-control:focus:-ms-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.ds.parallax .form-control:focus::-webkit-input-placeholder,
|
|
.ds.background_cover .form-control:focus::-webkit-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
/* dark section - .ds.ms */
|
|
.ds.ms {
|
|
background-color: #131313;
|
|
}
|
|
|
|
.ds.ms .with_background {
|
|
background-color: #272727;
|
|
}
|
|
|
|
/* dark section blue - .ds.bs */
|
|
.ds.bs {
|
|
background-color: #00202b;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.ds [class*='main_bg'],
|
|
.ds .dark_bg_color,
|
|
.ds .darkblue_bg_color,
|
|
.ds .darkgrey_bg_color,
|
|
.ds .success_bg_color,
|
|
.ds .info_bg_color,
|
|
.ds .warning_bg_color,
|
|
.ds .danger_bg_color {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds [class*='main_bg'] h1,
|
|
.ds [class*='main_bg'] h2,
|
|
.ds [class*='main_bg'] h3,
|
|
.ds [class*='main_bg'] h4,
|
|
.ds [class*='main_bg'] h5,
|
|
.ds [class*='main_bg'] h6,
|
|
.ds .dark_bg_color h1,
|
|
.ds .dark_bg_color h2,
|
|
.ds .dark_bg_color h3,
|
|
.ds .dark_bg_color h4,
|
|
.ds .dark_bg_color h5,
|
|
.ds .dark_bg_color h6,
|
|
.ds .darkblue_bg_color h1,
|
|
.ds .darkblue_bg_color h2,
|
|
.ds .darkblue_bg_color h3,
|
|
.ds .darkblue_bg_color h4,
|
|
.ds .darkblue_bg_color h5,
|
|
.ds .darkblue_bg_color h6,
|
|
.ds .darkgrey_bg_color h1,
|
|
.ds .darkgrey_bg_color h2,
|
|
.ds .darkgrey_bg_color h3,
|
|
.ds .darkgrey_bg_color h4,
|
|
.ds .darkgrey_bg_color h5,
|
|
.ds .darkgrey_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 {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .ls {
|
|
background-color: #fff;
|
|
color: #808080;
|
|
}
|
|
|
|
.ds .ls h1,
|
|
.ds .ls h2,
|
|
.ds .ls h3,
|
|
.ds .ls h4,
|
|
.ds .ls h5,
|
|
.ds .ls h6 {
|
|
color: #272727;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.ds .ls a {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .ls a:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .ls .darklinks a {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .ls .darklinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .ls hr {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.ds .ls blockquote {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .ls .highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .ls .grey {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds label {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds blockquote {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds blockquote:before,
|
|
.ds blockquote:after {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds hr {
|
|
background-color: #3b3b3b;
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .social-icon.color-icon:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .muted_background,
|
|
.ds .with_background,
|
|
.ds .well {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.ds .theme_bg {
|
|
background-color: #000;
|
|
}
|
|
|
|
.ds .main_bg_color {
|
|
background-color: #4ebbe3;
|
|
}
|
|
|
|
.ds .main_bg_color2 {
|
|
background-color: #bee27b;
|
|
}
|
|
|
|
.ds.muted_section:before {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.ds .with_border {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .highlight,
|
|
.ds .highlight1 {
|
|
border-color: #4ebbe3;
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .highlight2 {
|
|
border-color: #bee27b;
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ds .highlight2dark {
|
|
border-color: #a3c962;
|
|
color: #a3c962;
|
|
}
|
|
|
|
.ds .highlight3 {
|
|
border-color: #67dfc1;
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ds .highlight4 {
|
|
border-color: #79d7d8;
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.ds .grey,
|
|
.ds .black {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .lightgrey {
|
|
color: #a2a2a2;
|
|
}
|
|
|
|
.ds .darkgrey {
|
|
color: #808080;
|
|
}
|
|
|
|
.ds .greylinks a {
|
|
color: #a2a2a2;
|
|
}
|
|
|
|
.ds .greylinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .greylinks a.social-icon {
|
|
color: #a2a2a2;
|
|
}
|
|
|
|
.ds .darklinks a,
|
|
.ds .darklink {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .darklinks a:hover,
|
|
.ds .darklink:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .highlightlinks a,
|
|
.ds .highlightlink {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .highlightlinks a:hover,
|
|
.ds .highlightlink:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .highlight2links a,
|
|
.ds .highlight2link {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ds .highlight2links a:hover,
|
|
.ds .highlight2link:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .colorlinks a {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ds .colorlinks a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds.with_top_border:before,
|
|
.ds.with_bottom_border:after {
|
|
background-color: #3b3b3b;
|
|
}
|
|
|
|
.ds input[type="text"],
|
|
.ds input[type="email"],
|
|
.ds input[type="url"],
|
|
.ds input[type="password"],
|
|
.ds input[type="search"],
|
|
.ds input[type="tel"],
|
|
.ds input[type="number"],
|
|
.ds textarea,
|
|
.ds select,
|
|
.ds .form-control,
|
|
.ds .select-group {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
color: #272727;
|
|
}
|
|
|
|
.intro_overlap_section .ds input[type="text"],
|
|
.intro_overlap_section .ds input[type="email"],
|
|
.intro_overlap_section .ds input[type="url"],
|
|
.intro_overlap_section .ds input[type="password"],
|
|
.intro_overlap_section .ds input[type="search"],
|
|
.intro_overlap_section .ds input[type="tel"],
|
|
.intro_overlap_section .ds input[type="number"],
|
|
.intro_overlap_section .ds textarea,
|
|
.intro_overlap_section .ds select,
|
|
.intro_overlap_section .ds .form-control,
|
|
.intro_overlap_section .ds .select-group {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
color: #272727;
|
|
}
|
|
|
|
.ds form label + [class*="icon-"] {
|
|
color: #808080;
|
|
}
|
|
|
|
.ds .form-group-select:before {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .contact-form.transparent-background .form-control {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .table,
|
|
.ds .table-bordered,
|
|
.ds .table th,
|
|
.ds .table td,
|
|
.ds table th,
|
|
.ds table td {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.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(255, 255, 255, 0.05);
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .color-icon.bg-icon {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.ds .color-icon.bg-icon:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .color-bg-icon:hover {
|
|
background-color: #4ebbe3;
|
|
}
|
|
|
|
.ds .nav-unstyled {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .nav-tabs > li > a {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .tab-content {
|
|
background-color: #808080;
|
|
color: #fff;
|
|
}
|
|
|
|
.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: #808080;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .price-table.style1 {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .plan-price p {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .features-list .disabled:before {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .features-list li + li {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds ul.list1 li {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .testimonials-carousel .media + p {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.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: #3b3b3b;
|
|
}
|
|
|
|
.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 .menu > li:last-child,
|
|
.ds .widget_pages > ul > li:last-child {
|
|
border-bottom-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .widget_nav_menu ul ul {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .widget_popular_entries .media-heading {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .tweet_list li + li .tweet_right {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.ds .widget .woocommerce-Price-amount {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .summary .price {
|
|
border-color: #3b3b3b;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .summary .product_meta {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .widget_price_filter .price_label {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds #calendar_wrap {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .widget_calendar table {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .widget_calendar tfoot td a {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .widget_calendar caption {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .widget_calendar thead {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ds .widget_calendar tbody {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.ds .widget_calendar th {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .widget_calendar tbody td a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .grid-view h3:before,
|
|
.ds .grid-view h3:after {
|
|
background-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .owl-carousel.product-thumbnails .owl-nav > div:after {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .ui-slider {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ds .ui-slider .ui-slider-handle {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ds #sort_view {
|
|
background-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds #toggle_shop_view.grid-view:after,
|
|
.ds #toggle_shop_view:before {
|
|
background-color: rgba(247, 247, 247, 0.05);
|
|
}
|
|
|
|
.ds .widget_layered_nav .color-filters a:before {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .table.cart a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .pagination > li > a,
|
|
.ds .pagination > li > span {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .pagination > li.active > a,
|
|
.ds .pagination > li.active > span,
|
|
.ds .pagination > li > a:hover,
|
|
.ds .pagination > li > span:hover,
|
|
.ds .pagination > li > a:focus,
|
|
.ds .pagination > li > span:focus {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.ds .thumbnail {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ds .thumbnail h3 a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .thumbnail .caption {
|
|
background-color: rgba(252, 252, 252, 0.05);
|
|
border-color: transparent;
|
|
}
|
|
|
|
.ds .progress {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ds .panel-default {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .panel-heading .panel-title > a.collapsed {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
border-color: #3b3b3b;
|
|
color: #808080;
|
|
}
|
|
|
|
.ds .panel-heading .panel-title > a,
|
|
.ds .panel-heading .panel-title > a:hover {
|
|
background-color: #36afb7;
|
|
border-color: #36afb7;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .panel-heading .panel-title > a:hover:after,
|
|
.ds .vertical-tabs .nav > li > a:hover:after {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .panel-body {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .vertical-tabs .nav > li > a {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.ds .vertical-tabs .nav > li.active a,
|
|
.ds .vertical-tabs .nav > li > a:hover {
|
|
background-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .vertical-tabs .nav > li.active a:after,
|
|
.ds .vertical-tabs .nav > li > a:hover:after {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .entry-meta .comments-link a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds #timetable tbody th,
|
|
.ds #timetable tbody td {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.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: #3b3b3b;
|
|
}
|
|
|
|
.ds .text-nav .owl-nav > div {
|
|
background-color: #272727;
|
|
}
|
|
|
|
.ds .text-nav .owl-nav > div:after {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .text-nav .owl-nav > div:hover:after {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ds a.border-icon {
|
|
border-color: #808080;
|
|
}
|
|
|
|
.ds .nav-unstyled .active a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .countdown-row .countdown-period {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .widget_slider .owl-carousel .owl-nav > div:after {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .widget_slider .owl-carousel .owl-nav > div:hover:after {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .divided-content > * + *:before {
|
|
color: #a2a2a2;
|
|
}
|
|
|
|
.ds .nav-unstyled .active a {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .theme_buttons a,
|
|
.ds .theme_button {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #a3c962;
|
|
}
|
|
|
|
.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: #a3c962;
|
|
border-color: #a3c962;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .theme_buttons.inverse a,
|
|
.ds .theme_button.inverse {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
border-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .theme_buttons[class*="color"] a,
|
|
.ds .theme_button[class*="color"] {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds .theme_buttons.color1 a,
|
|
.ds .theme_button.color1,
|
|
.ds .button.alt,
|
|
.ds .btn-accent,
|
|
.ds .wc-proceed-to-checkout .checkout-button,
|
|
.ds .form-submit [type="submit"] {
|
|
background-color: #4ebbe3;
|
|
border-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.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,
|
|
.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 {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .theme_buttons.color1.dark a,
|
|
.ds .theme_button.color1.dark {
|
|
background-color: #0c9ece;
|
|
border-color: #0c9ece;
|
|
}
|
|
|
|
.ds .theme_buttons.color1.dark a:hover,
|
|
.ds .theme_button.color1.dark:hover {
|
|
color: #0c9ece;
|
|
}
|
|
|
|
.ds .theme_buttons.color2 a,
|
|
.ds .theme_button.color2 {
|
|
background-color: #bee27b;
|
|
border-color: #bee27b;
|
|
}
|
|
|
|
.ds .theme_buttons.color2 a:hover,
|
|
.ds .theme_button.color2:hover {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ds .theme_buttons.color2.dark a,
|
|
.ds .theme_button.color2.dark {
|
|
background-color: #a3c962;
|
|
border-color: #a3c962;
|
|
}
|
|
|
|
.ds .theme_buttons.color2.dark a:hover,
|
|
.ds .theme_button.color2.dark:hover {
|
|
color: #a3c962;
|
|
}
|
|
|
|
.ds .theme_buttons.color3 a,
|
|
.ds .theme_button.color3 {
|
|
background-color: #67dfc1;
|
|
border-color: #67dfc1;
|
|
}
|
|
|
|
.ds .theme_buttons.color3 a:hover,
|
|
.ds .theme_button.color3:hover {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.ds .theme_buttons.color3.dark a,
|
|
.ds .theme_button.color3.dark {
|
|
background-color: #53ceb8;
|
|
border-color: #53ceb8;
|
|
}
|
|
|
|
.ds .theme_buttons.color3.dark a:hover,
|
|
.ds .theme_button.color3.dark:hover {
|
|
color: #53ceb8;
|
|
}
|
|
|
|
.ds .theme_buttons.color4 a,
|
|
.ds .theme_button.color4 {
|
|
background-color: #79d7d8;
|
|
border-color: #79d7d8;
|
|
}
|
|
|
|
.ds .theme_buttons.color4 a:hover,
|
|
.ds .theme_button.color4:hover {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.ds .theme_buttons.color4.dark a,
|
|
.ds .theme_button.color4.dark {
|
|
background-color: #36afb7;
|
|
border-color: #36afb7;
|
|
}
|
|
|
|
.ds .theme_buttons.color4.dark a:hover,
|
|
.ds .theme_button.color4.dark:hover {
|
|
color: #36afb7;
|
|
}
|
|
|
|
.ds .theme_button.no_bg_button.color1 {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.ds .theme_button.no_bg_button.color1:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .theme_button.no_bg_button.color2 {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.ds .theme_button.no_bg_button.color2:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.ds .dropdown-menu {
|
|
background-color: #272727;
|
|
}
|
|
|
|
.ds .content-padding footer:before {
|
|
background-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .item-content + footer.item-meta > div + div,
|
|
.ds .item-content + footer.item-meta {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .teaser .dashed_border {
|
|
background-image: none;
|
|
border: 1px solid #3b3b3b;
|
|
}
|
|
|
|
.ds .teaser .border_icon {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
.ds .format-chat.with_background .entry-content p:nth-child(2n) {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.ds .two-col-grid > *:nth-child(even),
|
|
.ds .two-col-grid > * + * {
|
|
border-color: #3b3b3b;
|
|
}
|
|
|
|
/*
|
|
** Color Section - .cs
|
|
*/
|
|
.cs.main_color2,
|
|
.cs.main_bg_color2 {
|
|
background-color: #bee27b;
|
|
}
|
|
|
|
.cs.main_color2 .highlight,
|
|
.cs.main_bg_color2 .highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs.main_color3,
|
|
.cs.main_bg_color3 {
|
|
background-color: #67dfc1;
|
|
}
|
|
|
|
.cs.main_color3 .highlight,
|
|
.cs.main_bg_color3 .highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs.main_color4,
|
|
.cs.main_bg_color4 {
|
|
background-color: #79d7d8;
|
|
}
|
|
|
|
.cs.main_color4 .highlight,
|
|
.cs.main_bg_color4 .highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs.gradient {
|
|
background: -webkit-linear-gradient(98deg, #2aacc9 25%, #99cf61 75%);
|
|
background: linear-gradient(-8deg, #2aacc9 25%, #99cf61 75%);
|
|
}
|
|
|
|
.cs.gradient .breadcrumb > .active {
|
|
color: #272727;
|
|
}
|
|
|
|
.cs.radial_lighting {
|
|
background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(12, 158, 206, 0.5));
|
|
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(12, 158, 206, 0.5));
|
|
}
|
|
|
|
.cs {
|
|
background-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.cs.parallax {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.cs .ls .greylinks a {
|
|
color: #808080;
|
|
}
|
|
|
|
.cs .ls .greylinks a:hover,
|
|
.cs .ls .greylinks a:focus,
|
|
.cs .ls .greylinks a:active {
|
|
color: #808080;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.cs .ds .greylinks a {
|
|
color: #808080;
|
|
}
|
|
|
|
.cs .ds .greylinks a:hover,
|
|
.cs .ds .greylinks a:focus,
|
|
.cs .ds .greylinks a:active {
|
|
color: #808080;
|
|
}
|
|
|
|
.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: #4ebbe3;
|
|
}
|
|
|
|
.cs h1,
|
|
.cs h2,
|
|
.cs h3,
|
|
.cs h4,
|
|
.cs h5,
|
|
.cs h6 {
|
|
color: #fff;
|
|
}
|
|
|
|
.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: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.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: rgba(255, 255, 255, 0.23);
|
|
}
|
|
|
|
.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: #7accea;
|
|
}
|
|
|
|
.cs .greylinks a,
|
|
.cs .greylinks a.social-icon {
|
|
color: #272727;
|
|
}
|
|
|
|
.cs .greylinks a:hover,
|
|
.cs .greylinks a.social-icon:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .darklinks a {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .darklinks a:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.cs .darklinks a.social-icon:not(:hover) {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.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: #272727;
|
|
color: #272727;
|
|
}
|
|
|
|
.cs .lightgrey {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.cs .response,
|
|
.cs .highlight {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs label + .highlight,
|
|
.cs label + .highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs .light_bg_color .highlight,
|
|
.cs .light_bg_color.highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs ul.list1 li {
|
|
border-color: rgba(255, 255, 255, 0.23);
|
|
}
|
|
|
|
.cs [class*='socicon-'] {
|
|
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: #272727;
|
|
}
|
|
|
|
.cs a.social-icon.theme-color-icon {
|
|
color: #ecf8f9;
|
|
}
|
|
|
|
.cs a.social-icon.theme-color-icon:hover,
|
|
.cs a.social-icon.theme-color-icon:focus,
|
|
.cs a.social-icon.theme-color-icon:active {
|
|
color: #fff;
|
|
}
|
|
|
|
.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,
|
|
.cs .theme_button {
|
|
color: #a3c962;
|
|
}
|
|
|
|
.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: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons.inverse a,
|
|
.cs .theme_button.inverse {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.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 {
|
|
border-color: #4ebbe3;
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons[class*="color"],
|
|
.cs .theme_button[class*="color"] {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons[class*="color"]:hover,
|
|
.cs .theme_button[class*="color"]:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons.color1 a,
|
|
.cs .theme_button.color1 {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs .theme_buttons.color1 a:hover,
|
|
.cs .theme_button.color1:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons.color1.dark a,
|
|
.cs .theme_button.color1.dark {
|
|
background-color: #0c9ece;
|
|
border-color: #0c9ece;
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons.color1.dark a:hover,
|
|
.cs .theme_button.color1.dark:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .theme_buttons.color2 a:hover,
|
|
.cs .theme_button.color2:hover {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.cs .theme_buttons.color2.dark a:hover,
|
|
.cs .theme_button.color2.dark:hover {
|
|
color: #a3c962;
|
|
}
|
|
|
|
.cs .theme_buttons.color3 a:hover,
|
|
.cs .theme_button.color3:hover {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.cs .theme_buttons.color3.dark a:hover,
|
|
.cs .theme_button.color3.dark:hover {
|
|
color: #53ceb8;
|
|
}
|
|
|
|
.cs .theme_buttons.color4 a:hover,
|
|
.cs .theme_button.color4:hover {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.cs .theme_buttons.color4.dark a:hover,
|
|
.cs .theme_button.color4.dark:hover {
|
|
color: #36afb7;
|
|
}
|
|
|
|
.cs .theme_button.no_bg_button:hover,
|
|
.cs .theme_button.no_bg_button:active,
|
|
.cs .theme_button.no_bg_button:focus {
|
|
color: #272727 !important;
|
|
}
|
|
|
|
.cs .theme_button.no_bg_button.color1 {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.cs .theme_button.no_bg_button.color2 {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.cs .theme_button.no_bg_button.color3 {
|
|
color: #67dfc1;
|
|
}
|
|
|
|
.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 .breadcrumb > li + li:before {
|
|
color: #fff;
|
|
}
|
|
|
|
.cs .price-table.with_background {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.cs .price-table.with_background .plan-name h4 {
|
|
color: #272727;
|
|
}
|
|
|
|
.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_cover input[type="text"],
|
|
.background_cover input[type="email"],
|
|
.background_cover input[type="url"],
|
|
.background_cover input[type="password"],
|
|
.background_cover input[type="search"],
|
|
.background_cover input[type="tel"],
|
|
.background_cover input[type="number"],
|
|
.background_cover textarea,
|
|
.background_cover select,
|
|
.background_cover .form-control,
|
|
.background_cover .select-group {
|
|
background-color: #fff;
|
|
color: #272727;
|
|
}
|
|
|
|
.cs .select-group .theme_button,
|
|
.background_cover .select-group .theme_button {
|
|
background-color: transparent !important;
|
|
border-color: transparent !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.cs input[type="checkbox"] + label:before,
|
|
.background_cover input[type="checkbox"] + label:before {
|
|
border-color: #bee27b;
|
|
}
|
|
|
|
.cs .form-control:focus,
|
|
.background_cover .form-control:focus {
|
|
border-color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.cs .form-control:-moz-placeholder,
|
|
.background_cover .form-control:-moz-placeholder {
|
|
color: #808080;
|
|
opacity: 1;
|
|
}
|
|
|
|
.cs .form-control::-moz-placeholder,
|
|
.background_cover .form-control::-moz-placeholder {
|
|
color: #808080;
|
|
opacity: 1;
|
|
}
|
|
|
|
.cs .form-control:-ms-input-placeholder,
|
|
.background_cover .form-control:-ms-input-placeholder {
|
|
color: #808080;
|
|
}
|
|
|
|
.cs .form-control::-webkit-input-placeholder,
|
|
.background_cover .form-control::-webkit-input-placeholder {
|
|
color: #808080;
|
|
}
|
|
|
|
.cs .form-control:focus:-moz-placeholder,
|
|
.background_cover .form-control:focus:-moz-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.cs .form-control:focus::-moz-placeholder,
|
|
.background_cover .form-control:focus::-moz-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.cs .form-control:focus:-ms-input-placeholder,
|
|
.background_cover .form-control:focus:-ms-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
.cs .form-control:focus::-webkit-input-placeholder,
|
|
.background_cover .form-control:focus::-webkit-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
/*
|
|
** Template Specific Styles
|
|
*/
|
|
/* topline styles */
|
|
.page_topline {
|
|
font-size: 12px;
|
|
line-height: 30px;
|
|
position: relative;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.page_topline .small-text {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.page_topline i {
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* toplogo styles */
|
|
.page_toplogo {
|
|
font-size: 14px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.page_toplogo.section_padding_top_15.section_padding_bottom_15 > [class*="container"] {
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
.page_toplogo .dropdown-menu {
|
|
min-width: 0;
|
|
}
|
|
|
|
.page_toplogo .display_table_cell {
|
|
overflow: visible;
|
|
}
|
|
|
|
.page_toplogo .big {
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.page_toplogo .big strong {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.page_toplogo .media-body > * {
|
|
display: block;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.page_toplogo .header_right_buttons {
|
|
width: 10000px;
|
|
}
|
|
}
|
|
|
|
.small-text .dropdown-menu > li > a {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#account-dropdown + .dropdown-menu > li > a:before {
|
|
content: "\f114";
|
|
display: inline-block;
|
|
font-family: FontAwesome;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
position: relative;
|
|
top: 1px;
|
|
width: 23px;
|
|
}
|
|
|
|
#account-dropdown + .dropdown-menu > li > a:hover:before {
|
|
content: "\f115";
|
|
}
|
|
|
|
#search-dropdown {
|
|
width: auto;
|
|
}
|
|
|
|
#search-dropdown i {
|
|
font-size: 14px;
|
|
top: 0;
|
|
}
|
|
|
|
#search-dropdown + .dropdown-menu {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
right: calc(100% + 10px);
|
|
top: 0;
|
|
}
|
|
|
|
#search-dropdown + .dropdown-menu .widget_search .form-group + .theme_button {
|
|
right: -24px;
|
|
width: auto;
|
|
}
|
|
|
|
#search-dropdown + .dropdown-menu .widget_search .form-group + .theme_button:before {
|
|
left: -1px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.with_bottom_overlap_logo + .page_header_wrapper .page_header,
|
|
.with_bottom_overlap_logo + .page_header {
|
|
padding-top: 65px;
|
|
}
|
|
|
|
.with_bottom_overlap_logo + .page_header_wrapper .page_header.affix,
|
|
.with_bottom_overlap_logo + .page_header.affix {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
/* title section (breadcrumbs) styles */
|
|
.page_breadcrumbs .breadcrumbs_logo {
|
|
margin: 0 0 15px;
|
|
}
|
|
|
|
.page_breadcrumbs .breadcrumbs_logo img {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.page_breadcrumbs h2 {
|
|
display: inline;
|
|
font-size: 30px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.page_breadcrumbs h2 + .breadcrumb {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.page_breadcrumbs h2 {
|
|
font-size: 48px;
|
|
}
|
|
}
|
|
|
|
.page_breadcrumbs h2.small {
|
|
font-size: 20px;
|
|
}
|
|
|
|
@media screen and (min-width: 992px) {
|
|
.page_breadcrumbs .display_table_md {
|
|
min-width: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.page_breadcrumbs h2.display_table_cell_md {
|
|
padding-left: 15px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.page_breadcrumbs .breadcrumb.display_table_cell_md {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.23);
|
|
padding-left: 25px;
|
|
}
|
|
}
|
|
|
|
.page_breadcrumbs .bottom_breadcrumbs {
|
|
float: right;
|
|
margin: 0 0 -25px 0;
|
|
padding: 4px 20px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.taxonomy-name-title {
|
|
display: none;
|
|
}
|
|
|
|
/* intro overlap section */
|
|
|
|
@media (min-width: 992px) {
|
|
.intro_section + .intro_overlap_section,
|
|
.intro_section + .fw-page-builder-content > .intro_overlap_section:first-child {
|
|
position: relative;
|
|
}
|
|
|
|
.intro_section + .intro_overlap_section .container,
|
|
.intro_section + .fw-page-builder-content > .intro_overlap_section:first-child .container {
|
|
bottom: 75px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
.intro_section + .intro_overlap_section .container [class*="col-"],
|
|
.intro_section + .fw-page-builder-content > .intro_overlap_section:first-child .container [class*="col-"] {
|
|
z-index: 10;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.intro_section + .intro_overlap_section .container,
|
|
.intro_section + .fw-page-builder-content > .intro_overlap_section:first-child .container {
|
|
bottom: 58px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
#about {
|
|
background-position: 40% center;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#about {
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#mobile-app .col-md-4 img {
|
|
margin-top: -50px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
#mobile-app .col-md-4 img {
|
|
margin-bottom: -30px;
|
|
margin-top: -90px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
#mobile-app .col-md-4 img {
|
|
margin-bottom: 0;
|
|
margin-top: -83px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#pricing .col-md-4:nth-child(2) .price-table {
|
|
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
|
|
margin: -55px -30px;
|
|
padding: 55px 30px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
#pricing .col-md-4 {
|
|
margin-bottom: 65px;
|
|
margin-top: 65px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
#why_us h4 + p {
|
|
min-height: 96px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
#why_us .media {
|
|
padding-left: 80px;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
|
|
#why_us .media-left,
|
|
#why_us .media-right {
|
|
left: 0;
|
|
max-width: 70px;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
/* template parallax sections */
|
|
|
|
@media (min-width: 992px) {
|
|
#features .image_cover {
|
|
background-position: top left;
|
|
}
|
|
}
|
|
|
|
#guide.parallax {
|
|
background-image: url(../img/parallax/progress.jpg);
|
|
}
|
|
|
|
#testimonials .owl-theme .owl-dots {
|
|
margin-top: 40px;
|
|
text-align: left;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#testimonials blockquote {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
#feature-counters.background_cover {
|
|
background-position: center bottom;
|
|
}
|
|
|
|
#feature-counters.color_overlay:after {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
#feature-counters.color_overlay:after {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1599px) {
|
|
#blog .container {
|
|
padding-bottom: 25px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 1199px) {
|
|
#blog .isotope-item:nth-child(3):last-child {
|
|
margin-left: 25%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
#portfolio.section_padding_top_50 > [class*="container"] {
|
|
padding-top: 60px;
|
|
}
|
|
|
|
#portfolio .bottommargin_50 {
|
|
margin-bottom: 60px;
|
|
}
|
|
}
|
|
|
|
.section_404.background_cover {
|
|
background-image: url(../img/parallax/404.jpg);
|
|
}
|
|
|
|
.section_404.background_cover input[type="text"] {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
color: #272727;
|
|
}
|
|
|
|
.page_breadcrumbs.background_cover {
|
|
background-image: url(../img/parallax/breadcrumbs.jpg);
|
|
}
|
|
|
|
.page_footer.parallax,
|
|
.page_copyright.parallax,
|
|
.page_contacts.parallax {
|
|
background-image: url(../img/parallax/bottom.jpg);
|
|
}
|
|
|
|
.page_contacts.gradient {
|
|
background: #4ebbe3;
|
|
}
|
|
|
|
.page_contacts.gradient:before {
|
|
background: -webkit-linear-gradient(98deg, #2aacc9 25%, #99cf61 75%);
|
|
background: linear-gradient(-8deg, #2aacc9 25%, #99cf61 75%);
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.page_contacts.gradient a.border-icon {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.page_contacts.gradient a.border-icon:hover {
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
/* footer styles */
|
|
.page_footer .footer_logo {
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.page_footer .widget {
|
|
margin-top: 27px;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.page_footer .widget {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.page_footer .widget {
|
|
margin-top: 40px;
|
|
}
|
|
}
|
|
|
|
.page_footer [class*="col-"]:first-child .widget {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.page_footer .widget_media_margin {
|
|
margin-top: 60px;
|
|
}
|
|
}
|
|
|
|
.page_footer .widget-theme-wrapper + .widget-theme-wrapper {
|
|
margin-top: 55px;
|
|
}
|
|
|
|
.page_footer .widget-theme-wrapper + .widget-theme-wrapper .widget-title {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.page_footer.ds {
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* copyrights styles */
|
|
.page_copyright {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.page_copyright .small-text {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.page_copyright p {
|
|
margin: 0;
|
|
}
|
|
|
|
.page_copyright i.fa {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.page_copyright.table_section .bottom_logo img {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ds.ms + .page_footer.ds.ms .container,
|
|
.ls.ms + .page_footer.ls.ms .container {
|
|
position: relative;
|
|
}
|
|
|
|
.ds.ms + .page_footer.ds.ms .container:before,
|
|
.ls.ms + .page_footer.ls.ms .container:before {
|
|
background-color: #3b3b3b;
|
|
content: "";
|
|
display: block;
|
|
height: 1px;
|
|
left: 15px;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.ls.ms + .page_footer.ls.ms .container:before {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.widget #map,
|
|
.widget
|
|
.page_map {
|
|
height: 225px;
|
|
}
|
|
|
|
/* Other */
|
|
.page_portfolio {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Wide Banner */
|
|
.wide_banner {
|
|
background-position: center;
|
|
background-size: cover;
|
|
display: block;
|
|
padding: 10px 15px 0;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.wide_banner {
|
|
padding: 10px 80px 0;
|
|
}
|
|
}
|
|
|
|
.wide_banner span > img {
|
|
display: block;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
/* Tile Gallery section with filters */
|
|
|
|
@media (min-width: 992px) {
|
|
.tile_gallery .isotope-item .item-media {
|
|
padding-bottom: 66.666667%;
|
|
}
|
|
|
|
.tile_gallery .isotope-item .item-media img {
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
}
|
|
|
|
.tile_gallery .isotope-item.high-item .item-media {
|
|
padding-bottom: 133.333333334%;
|
|
}
|
|
|
|
.tile_gallery .isotope-item.high-item .item-media img {
|
|
max-width: 200%;
|
|
width: 200%;
|
|
}
|
|
|
|
.tile_gallery .isotope-item.col-lg-6.col-md-8.col-sm-6 .item-media {
|
|
padding-bottom: 33.33333333334%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.tile_gallery .isotope-item:first-child .item-media {
|
|
padding-bottom: 133.333333334%;
|
|
}
|
|
|
|
.tile_gallery .isotope-item:first-child .item-media img {
|
|
max-width: 200%;
|
|
width: 200%;
|
|
}
|
|
}
|
|
|
|
/* Posts carousel with horizontal post layout */
|
|
|
|
@media (max-width: 1599px) {
|
|
.owl-carousel .side-item [class*="col-"] {
|
|
width: 100%;
|
|
}
|
|
|
|
.owl-carousel .side-item [class*="col-"] .item-content {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/*
|
|
** Intro Section Styles
|
|
*/
|
|
.intro_section {
|
|
clear: both;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.intro_section > img {
|
|
width: 100%;
|
|
}
|
|
|
|
.intro_section.ds {
|
|
color: #fff;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.intro_section.ds .grey {
|
|
color: #272727;
|
|
}
|
|
}
|
|
|
|
.intro_section .slides > li {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.intro_section .slides {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.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 .slide_description_wrapper,
|
|
.blog-slider .intro_section .slide_description_wrapper {
|
|
height: 600px;
|
|
}
|
|
}
|
|
|
|
.intro_section.blog_slider img,
|
|
.blog-slider .intro_section img {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.intro_section.blog_slider .slide_description_wrapper .slide_description,
|
|
.blog-slider .intro_section .slide_description_wrapper .slide_description {
|
|
max-width: none;
|
|
}
|
|
|
|
.intro_section.blog_slider .flex-direction-nav,
|
|
.blog-slider .intro_section .flex-direction-nav {
|
|
display: none;
|
|
}
|
|
|
|
.intro_section .flexslider .container,
|
|
.intro_section img + .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;
|
|
}
|
|
}
|
|
|
|
.intro_section .slide_description {
|
|
font-size: 20px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.intro_section .slide_description > * {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.intro_section .slide_description_wrapper:before,
|
|
.intro_section .slide_description {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.intro_section .slide_description_wrapper:before {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
width: 0;
|
|
}
|
|
|
|
.intro_section .slide_description_wrapper.slide_text_top:before {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.intro_section h2 {
|
|
font-size: 54px;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1;
|
|
margin-bottom: 0.42em;
|
|
}
|
|
|
|
.intro_section .slide_buttons {
|
|
margin-top: 7%;
|
|
}
|
|
|
|
.intro_section .image_cover {
|
|
height: auto;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.intro_section.all-scr-cover .slide_description_wrapper,
|
|
.intro_section.all-scr-cover .flexslider .container,
|
|
.intro_section.all-scr-cover img + .container {
|
|
position: relative;
|
|
}
|
|
|
|
.intro_section.all-scr-cover .slides img {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.intro_section.all-scr-cover .image_cover {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.page_mainslider > img,
|
|
.page_mainslider .slides > li > img {
|
|
min-width: 1920px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.intro_section h2 {
|
|
font-size: 60px;
|
|
}
|
|
|
|
.intro_section .small-text {
|
|
letter-spacing: 0.2em;
|
|
}
|
|
|
|
.transparent_wrapper + .all-scr-cover .slide_description_wrapper {
|
|
padding-top: 210px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.intro_section .slide_description {
|
|
font-size: 24px;
|
|
max-width: 57.5%;
|
|
}
|
|
|
|
.transparent_wrapper + .page_mainslider .slide_description_wrapper {
|
|
padding-top: 150px;
|
|
}
|
|
|
|
.transparent_wrapper + .all-scr-cover .slide_description_wrapper {
|
|
padding-bottom: 180px;
|
|
padding-top: 270px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.intro_section h2 {
|
|
font-size: 92px;
|
|
}
|
|
|
|
.intro_section .slide_description {
|
|
font-size: 24px;
|
|
max-width: 60%;
|
|
}
|
|
|
|
.transparent_wrapper + .all-scr-cover .slide_description_wrapper {
|
|
padding-bottom: 150px;
|
|
padding-top: 285px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.intro_section .flex-control-nav {
|
|
bottom: 60px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.intro_section {
|
|
text-align: center;
|
|
}
|
|
|
|
.intro_section .nav-container {
|
|
padding: 0;
|
|
}
|
|
|
|
.intro_section .flex-control-nav,
|
|
.intro_section .flex-custom-nav {
|
|
bottom: 40px;
|
|
margin-bottom: 50px;
|
|
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: 40px;
|
|
margin-bottom: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.intro_section .flexslider .container {
|
|
max-width: 100%;
|
|
position: static;
|
|
width: auto;
|
|
}
|
|
|
|
.intro_section .slide_description_wrapper:before {
|
|
display: none;
|
|
}
|
|
|
|
.intro_section .slide_description {
|
|
display: block;
|
|
margin: auto;
|
|
padding: 30px 0 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.intro_section .slide_description_wrapper {
|
|
padding: 0;
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
/*
|
|
** Main Menu styles
|
|
*/
|
|
.sf-menu a {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* Desktop menu - (min 992px) styles */
|
|
|
|
@media (min-width: 992px) {
|
|
.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: 100%;
|
|
z-index: 99;
|
|
}
|
|
|
|
.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%;
|
|
top: -20px;
|
|
}
|
|
/* 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: #272727;
|
|
}
|
|
|
|
.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 > li > a {
|
|
padding-bottom: 30px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.sf-menu > li > a:before {
|
|
content: "";
|
|
height: 2px;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
-webkit-transition: all 0.2s ease 0s;
|
|
transition: all 0.2s ease 0s;
|
|
width: 0;
|
|
}
|
|
|
|
.thin_header .sf-menu > li > a {
|
|
padding-bottom: 20px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.sf-menu > li > a:hover:before,
|
|
.sf-menu > li.active > a:before,
|
|
.sf-menu > li.current-menu-item > a:before,
|
|
.sf-menu > li.sfHover > a:before {
|
|
background-color: #fff;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.item_with_border .sf-menu > li.active > a {
|
|
border-top: 5px solid #4ebbe3;
|
|
}
|
|
|
|
.bordered_items .sf-menu > li {
|
|
padding: 0;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.header_white .sf-menu > li > a {
|
|
color: #272727;
|
|
}
|
|
|
|
.header_white .sf-menu > li.active > a,
|
|
.header_white .sf-menu > li.current-menu-item > a,
|
|
.header_white .sf-menu > li.current-menu-ancestor > a,
|
|
.header_white .sf-menu > li > a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.header_white .sf-menu > li + li:before {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.header_darkgrey .sf-menu > li > a {
|
|
color: #fff;
|
|
}
|
|
|
|
.header_darkgrey .sf-menu > li.active > a {
|
|
color: #fff;
|
|
}
|
|
|
|
.header_darkgrey .sf-menu > li.active > a:before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.header_color ul a {
|
|
color: #fff;
|
|
}
|
|
|
|
.header_color ul a:hover,
|
|
.header_color ul li.active > a {
|
|
color: #272727;
|
|
}
|
|
|
|
.header_color .sf-menu ul a {
|
|
color: #272727;
|
|
}
|
|
|
|
.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;
|
|
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
|
|
list-style: none;
|
|
margin-top: 10px;
|
|
min-width: 10em;
|
|
padding: 20px 0;
|
|
text-align: left;
|
|
/* allow long menu items to determine submenu width */
|
|
}
|
|
|
|
.sf-menu > li .mega-menu > li > ul,
|
|
.sf-menu li > ul > li > ul {
|
|
z-index: -1;
|
|
}
|
|
|
|
.sf-menu ul a {
|
|
padding-left: 30px;
|
|
padding-right: 50px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (min-width: 1600px) {
|
|
.sf-menu ul a {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.sf-menu .mega-menu ul {
|
|
-webkit-box-shadow: none;
|
|
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: #4ebbe3;
|
|
}
|
|
|
|
.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 {
|
|
background-color: rgba(255, 255, 255, 0.23);
|
|
content: "";
|
|
height: 10px;
|
|
left: 0;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 1px;
|
|
}
|
|
|
|
.header_white .divided_items .sf-menu > li + li:before {
|
|
background-color: #272727;
|
|
}
|
|
|
|
ul .dropdown-menu a:not(.theme_button) {
|
|
padding: 0;
|
|
}
|
|
|
|
ul .dropdown-menu .theme_button {
|
|
padding: 13px 30px 13px;
|
|
}
|
|
}
|
|
|
|
/* common paddings */
|
|
|
|
@media (min-width: 992px) {
|
|
.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;
|
|
}
|
|
}
|
|
|
|
/* -md- paddings */
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.sf-menu > li > a {
|
|
margin-left: 11px;
|
|
margin-right: 11px;
|
|
}
|
|
}
|
|
|
|
/* -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: 14px;
|
|
margin-right: 14px;
|
|
}
|
|
|
|
.bordered_items .sf-menu > li > a {
|
|
padding: 15px 40px;
|
|
}
|
|
}
|
|
|
|
.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: 992px) {
|
|
.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: 991px) {
|
|
.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: 991px) and (max-width: 767px) {
|
|
.toggler_xs_right .toggle_menu {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) and (max-width: 499px) {
|
|
.toggler_xxs_right .toggle_menu {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.relative_toggler .toggle_menu {
|
|
display: block;
|
|
left: auto;
|
|
margin: 0;
|
|
position: relative;
|
|
top: 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: #272727;
|
|
}
|
|
|
|
.intro_section + .page_header_wrapper .toggle_menu span,
|
|
.intro_section + .page_header_wrapper .toggle_menu span:before,
|
|
.intro_section + .page_header_wrapper .toggle_menu span:after {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.intro_section + .page_header_wrapper .affix .toggle_menu span,
|
|
.intro_section + .page_header_wrapper .affix .toggle_menu span:before,
|
|
.intro_section + .page_header_wrapper .affix .toggle_menu span:after {
|
|
background-color: #272727;
|
|
}
|
|
|
|
.intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span,
|
|
.intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span:before,
|
|
.intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span:after {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.page_toplogo .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: #272727;
|
|
}
|
|
|
|
.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: #272727;
|
|
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 991px) styles */
|
|
|
|
@media (max-width: 991px) {
|
|
.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: #131313;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.nav-justified > li > a {
|
|
text-align: left;
|
|
}
|
|
|
|
.sf-menu {
|
|
background-color: #272727;
|
|
bottom: 0;
|
|
font-size: 1.1em;
|
|
font-weight: 400;
|
|
left: 0;
|
|
opacity: 0;
|
|
overflow: auto;
|
|
padding: 20px 10px 20px 10px;
|
|
position: fixed;
|
|
right: 100%;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
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: 50px;
|
|
}
|
|
|
|
.sf-menu > li > a,
|
|
.sf-menu a {
|
|
color: #fff;
|
|
}
|
|
|
|
.sf-menu ul {
|
|
list-style: none;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.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 #f2f2f2;
|
|
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;
|
|
}
|
|
}
|
|
|
|
@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 {
|
|
-webkit-background-clip: text;
|
|
background-image: -webkit-linear-gradient(#79c684 20%, #2badcc);
|
|
color: #4ebbe3;
|
|
font-size: 160px;
|
|
font-weight: 900;
|
|
line-height: 0.75;
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
-webkit-text-fill-color: transparent;
|
|
text-shadow: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.not_found {
|
|
font-size: 300px;
|
|
}
|
|
}
|
|
|
|
.not_found + h3 {
|
|
font-size: 30px;
|
|
font-weight: 100;
|
|
margin: 13px 0 30px;
|
|
}
|
|
|
|
.not_found + h3 + .widget_search {
|
|
margin: 0 auto 10px;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.not_found + h3 + .widget_search + p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/*Blog*/
|
|
article iframe {
|
|
margin-bottom: -8px;
|
|
}
|
|
|
|
.entry-header {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.entry-header:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.featured-post + .entry-header {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.isotope-item .entry-header {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.entry-title {
|
|
line-height: 1;
|
|
}
|
|
|
|
.entry-meta + .entry-title,
|
|
.catogories-links + .entry-title {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.round_button + .entry-title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.entry-title + .entry-meta {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.entry-title:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.featured-post + .entry-title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.categories-links + .entry-title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
h1.entry-title {
|
|
font-size: 28px;
|
|
margin-bottom: 0.6em;
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
h1.entry-title {
|
|
font-size: 32px;
|
|
}
|
|
}
|
|
|
|
.entry-meta + h1.entry-title {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
h3.entry-title {
|
|
font-size: 28px;
|
|
margin-bottom: 0.6em;
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
h3.entry-title {
|
|
font-size: 32px;
|
|
}
|
|
}
|
|
|
|
h4.entry-title {
|
|
font-size: 24px;
|
|
line-height: 1.3em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.entry-meta {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.entry-title + .entry-meta {
|
|
font-size: 14px;
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.entry-meta i {
|
|
display: inline-block;
|
|
width: 1.3em;
|
|
}
|
|
|
|
.entry-content + .entry-meta {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
footer.entry-footer {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
article.post + article.post,
|
|
.search article + article,
|
|
.archive article + article {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
article.post + article.post.topmargin_30,
|
|
.search article + article.topmargin_30,
|
|
.archive article + article.topmargin_30 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.tag-links {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.entry-content:before,
|
|
.entry-content:after,
|
|
.comment-meta:before,
|
|
.comment-meta: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;
|
|
}
|
|
|
|
/* side meta */
|
|
.side-meta .entry-meta {
|
|
border-bottom: 1px solid #f2f2f2;
|
|
line-height: 1.875em;
|
|
margin-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.side-meta .entry-meta > * {
|
|
display: block;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.side-meta {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.side-meta .entry-meta {
|
|
border-bottom: none;
|
|
border-right: 1px solid #f2f2f2;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
padding-right: 20px;
|
|
width: 40%;
|
|
}
|
|
|
|
.side-meta .entry-meta > * {
|
|
display: block;
|
|
}
|
|
|
|
.side-meta .header-body {
|
|
margin-left: 20px;
|
|
width: calc(60% - 20px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.side-meta .entry-meta {
|
|
width: 30%;
|
|
}
|
|
|
|
.side-meta .header-body {
|
|
margin-left: 30px;
|
|
width: calc(70% - 30px);
|
|
}
|
|
}
|
|
|
|
/* share buttons */
|
|
.post-share .share-trigger {
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 40px;
|
|
}
|
|
|
|
.post-share .share_buttons {
|
|
display: inline-block;
|
|
}
|
|
|
|
.share-dropdown {
|
|
padding: 7px 20px;
|
|
}
|
|
|
|
.share-dropdown.dropdown-menu {
|
|
min-width: 285px;
|
|
}
|
|
|
|
@media (max-width: 360px) {
|
|
.share-dropdown.dropdown-menu {
|
|
left: -20px;
|
|
width: calc(100% + 40px);
|
|
}
|
|
}
|
|
|
|
.big-share {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.big-share .share_buttons {
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.entry-title + .categories-links {
|
|
display: block;
|
|
}
|
|
|
|
.categories-links a,
|
|
.categories-links span {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
margin-right: 6px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.categories-links a:last-child,
|
|
.categories-links span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.header-body .entry-title + .categories-links {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
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 {
|
|
-webkit-box-sizing: content-box;
|
|
-ms-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
/*single post*/
|
|
.single-post article > .entry-thumbnail {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.single-post .video-entry-thumbnail .entry-thumbnail {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.author-meta {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.author-meta .item-media img {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.author-meta .item-content {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.author-meta .item-content {
|
|
padding-left: 35px;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
/*comments*/
|
|
.comments-area {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.comments-area h3 {
|
|
font-size: 24px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.comments-area h3 {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
.comments-area li.comment {
|
|
list-style: none;
|
|
}
|
|
|
|
.comments-area .media {
|
|
position: relative;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.comments-area.with_padding {
|
|
padding-bottom: 60px;
|
|
padding-top: 52px;
|
|
}
|
|
}
|
|
|
|
.single-fw-portfolio .comments-area {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.comment .comment-author {
|
|
display: inline-block;
|
|
padding-right: 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.comment .comment-author img {
|
|
border-radius: 50%;
|
|
max-width: 70px;
|
|
}
|
|
|
|
.comment .comment-body {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.comment .comment-author {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.comment .comment-body {
|
|
margin-left: -5px;
|
|
width: calc(100% - 90px);
|
|
}
|
|
}
|
|
|
|
.comment-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.comment-list ol {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.comment-list li.comment {
|
|
margin-bottom: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.comment-list ol {
|
|
padding-left: 50px;
|
|
}
|
|
}
|
|
|
|
.comment-meta {
|
|
margin-bottom: 0;
|
|
padding: 10px 30px 15px 0;
|
|
}
|
|
|
|
.comment-meta .comment-metadata {
|
|
display: block;
|
|
margin: 7px 0 10px;
|
|
}
|
|
|
|
.comment-meta .comment-date {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.comment-meta .author_url {
|
|
font-weight: 400;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.comment-meta .author_url {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.reply a {
|
|
color: #272727;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.reply a i {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.reply a {
|
|
font-size: 18px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
text-align: center;
|
|
top: 0;
|
|
width: 40px;
|
|
}
|
|
|
|
.reply a:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.comments-wrapper {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.comment-respond h3 {
|
|
font-size: 24px;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.comment-respond h3 {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
.comment-respond p {
|
|
margin-bottom: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.comment-list + .comment-respond,
|
|
.comment + .comment-respond {
|
|
margin-top: 42px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.page-nav {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.page-nav:before,
|
|
.page-nav:after {
|
|
display: none;
|
|
}
|
|
|
|
.page-nav .nav-item {
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-pack: center;
|
|
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: center;
|
|
height: 100%;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.page-nav h4 {
|
|
margin-bottom: 0;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.page-links > *:not(:first-child) {
|
|
font-weight: 700;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.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 {
|
|
border-radius: 25px;
|
|
padding: 18px 30px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
#timetable_filter {
|
|
padding: 0;
|
|
}
|
|
|
|
/* gallery */
|
|
.page_content + .page_portfolio {
|
|
margin-top: -150px;
|
|
}
|
|
|
|
.filters-wrapper {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 1200px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.filters-wrapper .content-justify {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.filters-wrapper .content-justify .filters {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
#isotope_filters,
|
|
.filters {
|
|
list-style: none;
|
|
margin-bottom: 40px;
|
|
padding: 0;
|
|
}
|
|
|
|
#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: #272727;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
padding: 10px 15px 8px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#isotope_filters a.selected,
|
|
.filters a.selected {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
#isotope_filters a:hover,
|
|
.filters a:hover {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
#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: 8px 30px 6px;
|
|
}
|
|
}
|
|
|
|
.content-justify > #isotope_filters,
|
|
.content-justify > .filters {
|
|
margin: 0 -15px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.content-justify > #isotope_filters,
|
|
.content-justify > .filters {
|
|
margin: 0 -30px;
|
|
}
|
|
}
|
|
|
|
.filters.divided-content > *:before,
|
|
.filters.divided-content > *:last-child:after {
|
|
left: -2px;
|
|
margin: -4px 0 0 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
|
|
.filters + .isotope_container {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.isotope_container + .loop-pagination {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.gallery-item {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.owl-item .gallery-item {
|
|
overflow: visible;
|
|
}
|
|
|
|
.gallery-title-item + .item-title {
|
|
padding: 25px 0 40px;
|
|
}
|
|
|
|
.gallery-title-item + .item-title h3 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.gallery-title-item + .item-title .categories-links + h3 {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
i.loadmore_spinner {
|
|
font-size: 30px;
|
|
margin: 10px 0 20px;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
/* gallery single */
|
|
.gallery-single-title {
|
|
font-size: 40px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.gallery-single-title + .block-header {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.share-gallery-single {
|
|
margin: 40px 0 16px;
|
|
}
|
|
|
|
.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 {
|
|
max-width: none;
|
|
padding: 0 30px 0 0;
|
|
}
|
|
|
|
.items-nav .next-item i {
|
|
right: 0;
|
|
}
|
|
|
|
.items-nav .prev-item img {
|
|
max-width: none;
|
|
padding: 0 0 0 30px;
|
|
}
|
|
|
|
.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: 40px;
|
|
}
|
|
|
|
.muted_background .loop-pagination {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.loop-pagination .pagination {
|
|
display: block;
|
|
}
|
|
|
|
.owl-carousel.related-photos-carousel {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* post formats */
|
|
.format-status .entry-date + .entry-title {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.format-status .avatar {
|
|
border-radius: 50%;
|
|
max-width: 100px;
|
|
}
|
|
|
|
.format-status.bg_teaser {
|
|
color: #fff;
|
|
}
|
|
|
|
.format-quote blockquote {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
body:not(.single) .format-quote blockquote cite {
|
|
color: #fff;
|
|
}
|
|
|
|
.format-chat .entry-content p {
|
|
margin-bottom: 0;
|
|
padding: 7px 0;
|
|
}
|
|
|
|
.format-chat .entry-content p strong {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.format-chat .entry-content p:nth-child(2n) {
|
|
background-color: #fafafa;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.format-chat .entry-content.with-more-link p:last-child {
|
|
background-color: transparent;
|
|
margin-top: 15px;
|
|
padding: 0;
|
|
}
|
|
|
|
.format-chat.with_background .entry-content p:nth-child(2n) {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ls.ms .format-chat.with_background .entry-content p:nth-child(2n) {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.format-gallery .owl-carousel .owl-dots .owl-dot span {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.format-gallery .owl-carousel .owl-dots .owl-dot:hover span,
|
|
.format-gallery .owl-carousel .owl-dots .owl-dot.active span {
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* WordPress search page */
|
|
body.search .fw-team,
|
|
body.search .product {
|
|
max-width: 500px;
|
|
}
|
|
|
|
.post-type-archive-fw-services #content {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.single-fw-services .alignleft {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.post-type-archive-fw-portfolio #content {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
/*
|
|
isotope portfolio and gallery post
|
|
*/
|
|
.gallery-item {
|
|
text-align: center;
|
|
}
|
|
|
|
figure.gallery-item {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.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;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.single-post .isotope_container {
|
|
clear: both;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
/*
|
|
** Widgets
|
|
*/
|
|
/* common widgets styles */
|
|
aside > div + div {
|
|
margin-top: 53px;
|
|
}
|
|
|
|
aside .widget + .widget {
|
|
margin-top: 55px;
|
|
}
|
|
|
|
.widget-theme-wrapper.with_background,
|
|
.widget-theme-wrapper.muted_background,
|
|
.widget-theme-wrapper.cs,
|
|
.widget-theme-wrapper.ds,
|
|
.widget-theme-wrapper.ls {
|
|
padding: 35px;
|
|
}
|
|
|
|
/* 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;
|
|
margin-bottom: 22px;
|
|
position: relative;
|
|
}
|
|
|
|
.page_footer .widget > h3,
|
|
.page_footer
|
|
.widget-title {
|
|
font-size: 24px;
|
|
margin-bottom: 35px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget:before,
|
|
.widget:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.widget ul {
|
|
list-style: none;
|
|
margin: 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 {
|
|
padding-bottom: 3px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.widget .list-unstyled li:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.widget select {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.page_footer .row > .widget {
|
|
max-width: 400px;
|
|
}
|
|
|
|
/*
|
|
widget_search,
|
|
widget_mailchimp
|
|
*/
|
|
.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: 50px;
|
|
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"] {
|
|
min-width: 200px;
|
|
}
|
|
|
|
@media (min-width: 1800px) {
|
|
.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"] {
|
|
min-width: 300px;
|
|
}
|
|
}
|
|
|
|
.ds .widget_search [type="text"],
|
|
.ds
|
|
.widget_search [type="search"],
|
|
.ds
|
|
.widget_product_search [type="search"],
|
|
.ds
|
|
.widget_mailchimp [type="email"] {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
color: #fff;
|
|
}
|
|
|
|
.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 {
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #4ebbe3;
|
|
font-size: 0;
|
|
height: 40px;
|
|
letter-spacing: 0;
|
|
line-height: 40px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 5px;
|
|
width: 44px;
|
|
}
|
|
|
|
.ds .widget_search .form-group + .theme_button,
|
|
.ds
|
|
.widget_product_search [type="submit"],
|
|
.ds
|
|
.widget_mailchimp .form-group + .theme_button,
|
|
.ds
|
|
.widget_mc4wp_form_widget .form-group + .theme_button {
|
|
background-color: #272727;
|
|
color: #4ebbe3;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
right: 3px;
|
|
top: 3px;
|
|
width: 46px;
|
|
}
|
|
|
|
.ds .widget_search .form-group + .theme_button:hover,
|
|
.ds .widget_search .form-group + .theme_button:focus,
|
|
.ds .widget_search .form-group + .theme_button:active,
|
|
.ds
|
|
.widget_product_search [type="submit"]:hover,
|
|
.ds
|
|
.widget_product_search [type="submit"]:focus,
|
|
.ds
|
|
.widget_product_search [type="submit"]:active,
|
|
.ds
|
|
.widget_mailchimp .form-group + .theme_button:hover,
|
|
.ds
|
|
.widget_mailchimp .form-group + .theme_button:focus,
|
|
.ds
|
|
.widget_mailchimp .form-group + .theme_button:active,
|
|
.ds
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:hover,
|
|
.ds
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:focus,
|
|
.ds
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:active {
|
|
color: #fff;
|
|
}
|
|
|
|
.ds.ms .widget_search .form-group + .theme_button,
|
|
.ds.ms
|
|
.widget_product_search [type="submit"],
|
|
.ds.ms
|
|
.widget_mailchimp .form-group + .theme_button,
|
|
.ds.ms
|
|
.widget_mc4wp_form_widget .form-group + .theme_button {
|
|
background-color: #131313;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.widget_search .form-group + .theme_button:hover,
|
|
.widget_search .form-group + .theme_button:focus,
|
|
.widget_search .form-group + .theme_button:active,
|
|
.widget_product_search [type="submit"]:hover,
|
|
.widget_product_search [type="submit"]:focus,
|
|
.widget_product_search [type="submit"]:active,
|
|
.widget_mailchimp .form-group + .theme_button:hover,
|
|
.widget_mailchimp .form-group + .theme_button:focus,
|
|
.widget_mailchimp .form-group + .theme_button:active,
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:hover,
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:focus,
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:active {
|
|
color: #272727;
|
|
}
|
|
|
|
.widget_mailchimp .form-group + .theme_button:before,
|
|
.widget_mc4wp_form_widget .form-group + .theme_button:before {
|
|
content: "\f040";
|
|
}
|
|
|
|
/*
|
|
widget_recent_entries
|
|
widget_recent_comments
|
|
widget_archive
|
|
widget_categories
|
|
widget_meta
|
|
widget_nav_menu
|
|
widget_pages
|
|
*/
|
|
.widget_nav_menu li a,
|
|
.widget_archive li a,
|
|
.widget_categories li a,
|
|
.widget_meta li a,
|
|
.widget_recent_entries li a,
|
|
.widget_pages li a {
|
|
padding-bottom: 12px;
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.widget_recent_comments p {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.widget_recent_comments li {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.widget_recent_comments li + li {
|
|
border-top: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.widget_recent_entries li + li {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.widget_popular_entries li {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.widget_popular_entries > ul > li:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.widget_categories li.active a {
|
|
color: #272727;
|
|
}
|
|
|
|
.widget_recent_entries li,
|
|
.widget_recent_comments li,
|
|
.widget_archive li,
|
|
.widget_categories li,
|
|
.widget_meta li,
|
|
.widget_popular_entries li,
|
|
.widget_nav_menu li,
|
|
.widget_pages li {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.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 .menu > li:last-child,
|
|
.widget_pages > ul > li:last-child {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.widget_recent_entries a {
|
|
display: inline-block;
|
|
}
|
|
|
|
.widget_archive a,
|
|
.widget_categories a,
|
|
.widget_meta a,
|
|
.widget_nav_menu a,
|
|
.widget_pages a {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
padding-left: 12px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_archive a:before,
|
|
.widget_categories a:before,
|
|
.widget_meta a:before,
|
|
.widget_nav_menu a:before,
|
|
.widget_pages a:before {
|
|
background-color: #bee27b;
|
|
border-radius: 6px;
|
|
content: "";
|
|
height: 4px;
|
|
left: 0;
|
|
margin-top: -3px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 4px;
|
|
}
|
|
|
|
.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(0, 0, 0, 0.05);
|
|
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 {
|
|
background-color: #4ebbe3;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 12px !important;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
margin: 0 2px 4px 0;
|
|
padding: 4px 10px 4px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_tag_cloud a:hover,
|
|
.widget_tag_cloud a:focus,
|
|
.widget_tag_cloud a:active {
|
|
color: #272727;
|
|
}
|
|
|
|
.tag-links {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.tag-links a {
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
/* 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;
|
|
line-height: 24px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.widget_recent_posts .media-left img {
|
|
border-radius: 50%;
|
|
max-width: 65px;
|
|
}
|
|
|
|
.page_footer .widget_recent_posts .media-left {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.page_footer .widget_recent_posts .media-left img {
|
|
max-width: 60px;
|
|
}
|
|
|
|
/* 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: #4ebbe3;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
padding: 13px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.widget_calendar thead {
|
|
background-color: #272727;
|
|
color: #fff;
|
|
}
|
|
|
|
.widget_calendar thead th {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_calendar thead th:first-child {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.widget_calendar thead th:last-child {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.widget_calendar tbody {
|
|
background-color: #fafafa;
|
|
border-top: none;
|
|
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: 5px 4px;
|
|
position: relative;
|
|
}
|
|
|
|
.widget_calendar tbody td:first-child {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.widget_calendar tbody td:last-child {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.widget_calendar tbody td a {
|
|
color: #4ebbe3;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.widget_calendar tbody td a:hover {
|
|
color: #bee27b;
|
|
}
|
|
|
|
.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 a {
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 46px;
|
|
line-height: 46px;
|
|
text-align: center;
|
|
width: 46px;
|
|
}
|
|
|
|
.widget_calendar tfoot td a:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
.widget_calendar tfoot #prev {
|
|
left: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.widget_calendar tfoot #prev a:before {
|
|
content: "\e7c4";
|
|
font-family: "rt-icons-2";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.widget_calendar tfoot #next {
|
|
padding: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.widget_calendar tfoot #next a:after {
|
|
content: "\e7c5";
|
|
font-family: "rt-icons-2";
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* widget_banner */
|
|
.widget_banner {
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.widget_banner .vertical-item.content-absolute .item-content {
|
|
padding: 20px;
|
|
}
|
|
|
|
.widget_banner .item-content span {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding: 4px 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.widget_banner .item-content h3 {
|
|
background-color: #272727;
|
|
font-size: 20px;
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
.widget_banner .abs-link {
|
|
z-index: 5;
|
|
}
|
|
|
|
/* widget_slider */
|
|
.widget_slider {
|
|
position: relative;
|
|
}
|
|
|
|
.widget_slider .owl-carousel {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.widget_slider .owl-carousel .owl-nav {
|
|
opacity: 1;
|
|
right: 0;
|
|
top: -46px;
|
|
}
|
|
|
|
.widget_slider .owl-carousel .owl-nav > div {
|
|
background-color: transparent;
|
|
height: auto;
|
|
right: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.widget_slider .owl-carousel .owl-nav > div:first-child {
|
|
left: auto;
|
|
right: 22px;
|
|
}
|
|
|
|
.widget_slider .owl-carousel .owl-nav > div:after {
|
|
color: inherit;
|
|
color: #131313;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* widget_flickr */
|
|
.widget_flickr ul {
|
|
font-size: 0;
|
|
margin: -5px;
|
|
}
|
|
|
|
.widget_flickr li {
|
|
display: inline-block;
|
|
max-width: 180px;
|
|
padding: 5px;
|
|
width: 50%;
|
|
}
|
|
|
|
#sb_instagram #sbi_images {
|
|
margin: -10px;
|
|
width: calc(100% + 20px);
|
|
}
|
|
|
|
#sb_instagram {
|
|
padding-bottom: 0 !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-size: 14px;
|
|
}
|
|
|
|
.tweet_user {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.tweet_time {
|
|
display: block;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.tweet {
|
|
line-height: 24px;
|
|
}
|
|
|
|
/* widget_tabs widget_theme_post_tabs */
|
|
.widget_theme_post_tabs .vertical-item {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.widget_theme_post_tabs .vertical-item .item-content {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.widget_theme_post_tabs .pull-right {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.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-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 {
|
|
color: white !important;
|
|
}
|
|
|
|
.apsc-each-profile a:hover {
|
|
color: white !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.apsc-theme-4 .apsc-each-profile {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.apsc-theme-4 .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 10px 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 rgba(255, 255, 255, 0.4);
|
|
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;
|
|
padding: 0 0 0 10px;
|
|
}
|
|
|
|
.apsc-theme-4 .apsc-count {
|
|
border-radius: 0;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: inherit;
|
|
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 {
|
|
display: inline-block;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
@media screen and (max-width: 479px) {
|
|
.apsc-theme-4 .apsc-each-profile,
|
|
.apsc-theme-3 .apsc-each-profile {
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
/*
|
|
** 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 {
|
|
display: block;
|
|
}
|
|
|
|
.inline-teasers-wrap {
|
|
display: inline-block;
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.inline-teasers-wrap > * {
|
|
margin: 10px 15px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.inline-teasers-wrap {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
|
|
.inline-teasers-wrap > * {
|
|
margin: 10px 22px;
|
|
}
|
|
}
|
|
|
|
/* teaser */
|
|
.teaser {
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
|
|
.teaser h2,
|
|
.teaser h3,
|
|
.teaser h4,
|
|
.teaser h5,
|
|
.teaser h6 {
|
|
margin-bottom: 1em;
|
|
margin-top: 0.6em;
|
|
}
|
|
|
|
.teaser h2:first-child,
|
|
.teaser h3:first-child,
|
|
.teaser h4:first-child,
|
|
.teaser h5:first-child,
|
|
.teaser h6:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.teaser h2:last-child,
|
|
.teaser h3:last-child,
|
|
.teaser h4:last-child,
|
|
.teaser h5:last-child,
|
|
.teaser h6:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.teaser .small-media .media-left,
|
|
.teaser.small-media .media-left {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.teaser h3 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.teaser h4 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.teaser h5 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.teaser[class*="_bg_color"],
|
|
.teaser[class*="with_"] {
|
|
padding: 20px;
|
|
}
|
|
|
|
@media (min-width: 400px) {
|
|
.teaser[class*="_bg_color"],
|
|
.teaser[class*="with_"] {
|
|
padding: 30px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.teaser[class*="_bg_color"].big-padding,
|
|
.teaser[class*="with_"].big-padding {
|
|
padding: 55px;
|
|
}
|
|
}
|
|
|
|
.teaser .teaser_icon:not([class*="size"]) {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
|
|
.teaser .teaser_icon:not([class*="size"]) > * {
|
|
line-height: 40px;
|
|
}
|
|
|
|
.teaser [class*="_bg_color"],
|
|
.teaser .with_background {
|
|
height: 2em;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
width: 2em;
|
|
}
|
|
|
|
.teaser [class*="_bg_color"] > *,
|
|
.teaser .with_background > * {
|
|
line-height: 2em;
|
|
}
|
|
|
|
.teaser .border_icon {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
height: 2em;
|
|
width: 2em;
|
|
}
|
|
|
|
.teaser .border_icon + h3,
|
|
.teaser .border_icon + h4 {
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.teaser .border_icon i {
|
|
line-height: 2em;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.teaser .dashed_border {
|
|
background-image: url(../img/round_dashed_border.png);
|
|
}
|
|
|
|
.teaser i {
|
|
display: inline-block;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.teaser .media-body {
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.teaser .media-body h3 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.teaser .media-left {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.teaser .media-right {
|
|
padding-left: 30px;
|
|
}
|
|
}
|
|
|
|
.teaser h3[class*="count"] {
|
|
font-size: 72px;
|
|
font-weight: 700;
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.teaser h3[class*="count"] + p {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.teaser .theme_button {
|
|
margin: 22px 0 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%);
|
|
}
|
|
|
|
.teaser .icon-background {
|
|
font-size: 300px;
|
|
left: 50%;
|
|
opacity: 0.1;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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*='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;
|
|
}
|
|
|
|
.cons-width {
|
|
min-width: 1.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.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: #fff;
|
|
}
|
|
|
|
.bg_teaser.darkgrey_bg .highlight,
|
|
.bg_teaser.black_bg .highlight,
|
|
.bg_teaser.darkblue_bg .highlight {
|
|
color: #4ebbe3;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.color_bg_1:after {
|
|
background-color: rgba(78, 187, 227, 0.8);
|
|
}
|
|
|
|
.color_bg_2:after {
|
|
background-color: rgba(190, 226, 123, 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(39, 39, 39, 0.6);
|
|
}
|
|
|
|
.darkgrey_bg.black:after {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.darkblue_bg:after {
|
|
background-color: rgba(0, 32, 43, 0.6);
|
|
}
|
|
|
|
.min_height_165 {
|
|
min-height: 165px;
|
|
}
|
|
|
|
/*
|
|
** 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 0 20px;
|
|
}
|
|
|
|
.testimonials-carousel .item > p {
|
|
font-style: italic;
|
|
margin-bottom: 40px;
|
|
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: #fafafa;
|
|
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(0, 0, 0, 0.05) 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: #4ebbe3;
|
|
}
|
|
|
|
.testimonials-carousel .carousel-indicators li.active {
|
|
background-color: #4ebbe3;
|
|
}
|
|
|
|
.testimonials-control {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.testimonials-slider .flex-control-paging {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
/* 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 {
|
|
color: #4ebbe3;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.thumbnail .caption {
|
|
background-color: transparent;
|
|
border: 1px solid #f2f2f2;
|
|
border-radius: 0;
|
|
border-top-width: 0;
|
|
color: #808080;
|
|
padding: 26px 20px 26px;
|
|
}
|
|
|
|
/* 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 {
|
|
padding: 50px 20px 27px;
|
|
}
|
|
|
|
.plan-name h4 {
|
|
font-size: 30px;
|
|
font-weight: 100;
|
|
margin: 0;
|
|
}
|
|
|
|
.plan-icon {
|
|
border-radius: 50%;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-pack: center;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-ms-flex-pack: center;
|
|
font-size: 36px;
|
|
height: 135px;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
width: 135px;
|
|
}
|
|
|
|
.plan-icon img {
|
|
bottom: -10px;
|
|
opacity: 0.15;
|
|
position: absolute;
|
|
right: -40px;
|
|
}
|
|
|
|
.plan-icon i {
|
|
bottom: 0;
|
|
font-size: 100px;
|
|
opacity: 0.15;
|
|
position: absolute;
|
|
right: -30px;
|
|
}
|
|
|
|
.price-table .plan-icon {
|
|
margin: auto;
|
|
}
|
|
|
|
.plan-price {
|
|
font-size: 60px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
padding: 33px 0 0;
|
|
position: relative;
|
|
}
|
|
|
|
.plan-price span {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.plan-price span:first-child {
|
|
display: inline-block;
|
|
font-size: 36px;
|
|
font-weight: 100;
|
|
margin-left: -20px;
|
|
margin-right: -14px;
|
|
position: relative;
|
|
top: 8px;
|
|
}
|
|
|
|
.features-list {
|
|
padding: 26px 55px 24px;
|
|
}
|
|
|
|
.features-list li {
|
|
padding: 14px 0;
|
|
}
|
|
|
|
.features-list li + li {
|
|
border-top: 1px solid #f2f2f2;
|
|
position: relative;
|
|
}
|
|
|
|
.features-list li:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.features-list .enabled:before,
|
|
.features-list .disabled:before {
|
|
color: #4ebbe3;
|
|
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: #272727;
|
|
content: "\e117";
|
|
}
|
|
|
|
.call-to-action {
|
|
padding: 13px 55px 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-message textarea {
|
|
min-height: 180px;
|
|
}
|
|
|
|
.contact-form.parallax {
|
|
background-image: url(../img/parallax/map.jpg);
|
|
padding: 50px 50px 35px;
|
|
}
|
|
|
|
.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-submit .theme_button {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.tab-pane .form-wrapper {
|
|
margin-top: 23px;
|
|
}
|
|
|
|
.tab-pane .form-wrapper input[type="text"],
|
|
.tab-pane .form-wrapper input[type="email"],
|
|
.tab-pane .form-wrapper input[type="url"],
|
|
.tab-pane .form-wrapper input[type="password"],
|
|
.tab-pane .form-wrapper input[type="search"],
|
|
.tab-pane .form-wrapper input[type="tel"],
|
|
.tab-pane .form-wrapper input[type="number"],
|
|
.tab-pane .form-wrapper input[type="date"],
|
|
.tab-pane .form-wrapper textarea,
|
|
.tab-pane .form-wrapper select,
|
|
.tab-pane .form-wrapper .form-control {
|
|
height: 52px;
|
|
}
|
|
|
|
.tab-pane .form-wrapper.columns_padding_10 .col-xs-12:not([class*="sm"]):not([class*="md"]) {
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.tab-pane .with_abs_button {
|
|
padding-bottom: 42px;
|
|
}
|
|
|
|
.tab-pane .with_abs_button .theme_button {
|
|
border-radius: 0;
|
|
bottom: -50px;
|
|
left: -20px;
|
|
padding: 19px 20px;
|
|
position: absolute;
|
|
text-align: left;
|
|
width: calc(100% + 40px);
|
|
}
|
|
|
|
.tab-pane .with_abs_button .theme_button.color1:hover {
|
|
background-color: #53ceb8 !important;
|
|
border-color: #53ceb8;
|
|
color: #fff;
|
|
}
|
|
|
|
@media (min-width: 400px) {
|
|
.tab-pane .with_abs_button {
|
|
padding-bottom: 86px;
|
|
}
|
|
|
|
.tab-pane .with_abs_button .theme_button {
|
|
bottom: -45px;
|
|
left: -40px;
|
|
padding: 24px 40px;
|
|
width: calc(100% + 80px);
|
|
}
|
|
}
|
|
|
|
.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: 150px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.owl-carousel.partners-carousel a img,
|
|
.partner-link img {
|
|
opacity: 0.35;
|
|
}
|
|
|
|
.owl-carousel.partners-carousel a:hover img,
|
|
.partner-link:hover img {
|
|
opacity: 1;
|
|
}
|
|
|
|
.owl-carousel.partners-carousel .center a img,
|
|
.center .partner-link img {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Gallery Owl Carousel */
|
|
|
|
@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: #4ebbe3;
|
|
}
|
|
}
|
|
|
|
/*Stars*/
|
|
.star-rating,
|
|
p.stars a {
|
|
font-weight: 400;
|
|
height: 1em;
|
|
}
|
|
|
|
.star-rating:before,
|
|
.star-rating span:before {
|
|
content: "\f005\f005\f005\f005\f005";
|
|
font-size: 12px;
|
|
left: 0;
|
|
letter-spacing: 0.25em;
|
|
top: 0;
|
|
}
|
|
|
|
.star-rating span {
|
|
text-align: left;
|
|
}
|
|
|
|
.star-rating span:before {
|
|
content: "\f005\f005\f005\f005\f005";
|
|
}
|
|
|
|
.star-rating {
|
|
display: inline-block;
|
|
font-family: FontAwesome;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 5.9em;
|
|
}
|
|
|
|
.star-rating:before {
|
|
float: left;
|
|
position: absolute;
|
|
}
|
|
|
|
.star-rating span {
|
|
float: left;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.star-rating.right-align span {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.star-rating span:before {
|
|
color: #79d7d8;
|
|
}
|
|
|
|
.star-rating:before {
|
|
color: #939393;
|
|
position: absolute;
|
|
}
|
|
|
|
p.stars a:before,
|
|
p.stars a:hover ~ a:before {
|
|
color: rgba(128, 128, 128, 0.5);
|
|
content: "\f005";
|
|
}
|
|
|
|
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: #79d7d8;
|
|
content: "\f005";
|
|
opacity: 1;
|
|
}
|
|
|
|
p.stars.selected a.active ~ a:before {
|
|
color: #808080;
|
|
content: "\f005";
|
|
opacity: .75;
|
|
}
|
|
|
|
p.stars.selected a:not(.active):before {
|
|
color: #79d7d8;
|
|
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 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: 24px;
|
|
}
|
|
|
|
a.social-icon:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
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%;
|
|
}
|
|
|
|
a[class*='socicon-'].rounded-icon {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
a.big-icon {
|
|
height: 112px;
|
|
overflow: hidden;
|
|
padding-bottom: 20px;
|
|
padding-top: 20px;
|
|
width: 112px;
|
|
}
|
|
|
|
a.big-icon[class*='socicon-']:before {
|
|
font-size: 32px;
|
|
}
|
|
|
|
a.big-icon [class*='rt-icon']:before {
|
|
font-size: 32px;
|
|
}
|
|
|
|
/* corporate colors */
|
|
a.color-icon.socicon-twitter {
|
|
color: #00abef;
|
|
}
|
|
|
|
a.color-icon.socicon-facebook {
|
|
color: #507cbe;
|
|
}
|
|
|
|
a.color-icon.socicon-google {
|
|
color: #d93e2d;
|
|
}
|
|
|
|
a.color-icon.socicon-pinterest {
|
|
color: #c92619;
|
|
}
|
|
|
|
a.color-icon.socicon-foursquare {
|
|
color: #23b7e0;
|
|
}
|
|
|
|
a.color-icon.socicon-yahoo {
|
|
color: #6e2a85;
|
|
}
|
|
|
|
a.color-icon.socicon-skype {
|
|
color: #28abe3;
|
|
}
|
|
|
|
a.color-icon.socicon-yelp {
|
|
color: #c83218;
|
|
}
|
|
|
|
a.color-icon.socicon-feedburner {
|
|
color: #fc0;
|
|
}
|
|
|
|
a.color-icon.socicon-linkedin {
|
|
color: #3371b7;
|
|
}
|
|
|
|
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: #fe3801;
|
|
}
|
|
|
|
a.color-icon.socicon-spotify {
|
|
color: #7bb342;
|
|
}
|
|
|
|
a.color-icon.socicon-grooveshark {
|
|
color: #f67e03;
|
|
}
|
|
|
|
a.color-icon.socicon-lastfm {
|
|
color: #d41316;
|
|
}
|
|
|
|
a.color-icon.socicon-youtube {
|
|
color: #d12121;
|
|
}
|
|
|
|
a.color-icon.socicon-vimeo {
|
|
color: #51b5e7;
|
|
}
|
|
|
|
a.color-icon.socicon-dailymotion {
|
|
color: #004e72;
|
|
}
|
|
|
|
a.color-icon.socicon-vine {
|
|
color: #00b389;
|
|
}
|
|
|
|
a.color-icon.socicon-flickr {
|
|
color: #0062dd;
|
|
}
|
|
|
|
a.color-icon.socicon-500px {
|
|
color: #58a9de;
|
|
}
|
|
|
|
a.color-icon.socicon-instagram {
|
|
color: #9c7c6e;
|
|
}
|
|
|
|
a.color-icon.socicon-wordpress {
|
|
color: #464646;
|
|
}
|
|
|
|
a.color-icon.socicon-tumblr {
|
|
color: #45556c;
|
|
}
|
|
|
|
a.color-icon.socicon-blogger {
|
|
color: #ec661c;
|
|
}
|
|
|
|
a.color-icon.socicon-technorati {
|
|
color: #5cb030;
|
|
}
|
|
|
|
a.color-icon.socicon-reddit {
|
|
color: #e74a1e;
|
|
}
|
|
|
|
a.color-icon.socicon-dribbble {
|
|
color: #e84d88;
|
|
}
|
|
|
|
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: #007eff;
|
|
}
|
|
|
|
a.color-icon.socicon-delicious {
|
|
color: #31a9ff;
|
|
}
|
|
|
|
a.color-icon.socicon-deviantart {
|
|
color: #c5d200;
|
|
}
|
|
|
|
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: #b9bfc1;
|
|
}
|
|
|
|
a.color-icon.socicon-flattr {
|
|
color: #f67c1a;
|
|
}
|
|
|
|
a.color-icon.socicon-github {
|
|
color: #221e1b;
|
|
}
|
|
|
|
a.color-icon.socicon-chimein {
|
|
color: #888688;
|
|
}
|
|
|
|
a.color-icon.socicon-friendfeed {
|
|
color: #2f72c4;
|
|
}
|
|
|
|
a.color-icon.socicon-newsvine {
|
|
color: #075b2f;
|
|
}
|
|
|
|
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: #8f8d8a;
|
|
}
|
|
|
|
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: #4ba3a6;
|
|
}
|
|
|
|
a.color-icon.socicon-buffer {
|
|
color: #000;
|
|
}
|
|
|
|
a.color-icon.socicon-rss {
|
|
color: #f26109;
|
|
}
|
|
|
|
a.color-icon.socicon-vkontakte {
|
|
color: #5a7fa6;
|
|
}
|
|
|
|
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: #fc9d3c;
|
|
}
|
|
|
|
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: #8ec047;
|
|
}
|
|
|
|
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: #ed4055;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-twitter:hover {
|
|
border-color: #00abef;
|
|
color: #00abef;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-facebook:hover {
|
|
border-color: #507cbe;
|
|
color: #507cbe;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-google:hover {
|
|
border-color: #d93e2d;
|
|
color: #d93e2d;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-pinterest:hover {
|
|
border-color: #c92619;
|
|
color: #c92619;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-foursquare:hover {
|
|
border-color: #23b7e0;
|
|
color: #23b7e0;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-yahoo:hover {
|
|
border-color: #6e2a85;
|
|
color: #6e2a85;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-skype:hover {
|
|
border-color: #28abe3;
|
|
color: #28abe3;
|
|
}
|
|
|
|
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: #3371b7;
|
|
color: #3371b7;
|
|
}
|
|
|
|
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: #fe3801;
|
|
color: #fe3801;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-spotify:hover {
|
|
border-color: #7bb342;
|
|
color: #7bb342;
|
|
}
|
|
|
|
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: #d12121;
|
|
color: #d12121;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-vimeo:hover {
|
|
border-color: #51b5e7;
|
|
color: #51b5e7;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-dailymotion:hover {
|
|
border-color: #004e72;
|
|
color: #004e72;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-vine:hover {
|
|
border-color: #00b389;
|
|
color: #00b389;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-flickr:hover {
|
|
border-color: #0062dd;
|
|
color: #0062dd;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-500px:hover {
|
|
border-color: #58a9de;
|
|
color: #58a9de;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-instagram:hover {
|
|
border-color: #9c7c6e;
|
|
color: #9c7c6e;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-wordpress:hover {
|
|
border-color: #464646;
|
|
color: #464646;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-tumblr:hover {
|
|
border-color: #45556c;
|
|
color: #45556c;
|
|
}
|
|
|
|
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: #e74a1e;
|
|
color: #e74a1e;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-dribbble:hover {
|
|
border-color: #e84d88;
|
|
color: #e84d88;
|
|
}
|
|
|
|
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: #007eff;
|
|
color: #007eff;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-delicious:hover {
|
|
border-color: #31a9ff;
|
|
color: #31a9ff;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-deviantart:hover {
|
|
border-color: #c5d200;
|
|
color: #c5d200;
|
|
}
|
|
|
|
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: #b9bfc1;
|
|
color: #b9bfc1;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-flattr:hover {
|
|
border-color: #f67c1a;
|
|
color: #f67c1a;
|
|
}
|
|
|
|
a[class*="socicon-"].socicon-github:hover {
|
|
border-color: #221e1b;
|
|
color: #221e1b;
|
|
}
|
|
|
|
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: #075b2f;
|
|
color: #075b2f;
|
|
}
|
|
|
|
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: #8f8d8a;
|
|
color: #8f8d8a;
|
|
}
|
|
|
|
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: #4ba3a6;
|
|
color: #4ba3a6;
|
|
}
|
|
|
|
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: #5a7fa6;
|
|
color: #5a7fa6;
|
|
}
|
|
|
|
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: #fc9d3c;
|
|
color: #fc9d3c;
|
|
}
|
|
|
|
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: #8ec047;
|
|
color: #8ec047;
|
|
}
|
|
|
|
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: #ed4055;
|
|
color: #ed4055;
|
|
}
|
|
|
|
/*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: #00abef;
|
|
}
|
|
|
|
.color-bg-icon.socicon-facebook,
|
|
a.socicon-facebook.bg-icon:hover,
|
|
.socicon-facebook.color-icon.border-icon:hover {
|
|
background-color: #507cbe;
|
|
}
|
|
|
|
.color-bg-icon.socicon-google,
|
|
a.socicon-google.bg-icon:hover,
|
|
.socicon-google.color-icon.border-icon:hover {
|
|
background-color: #d93e2d;
|
|
}
|
|
|
|
.color-bg-icon.socicon-pinterest,
|
|
a.socicon-pinterest.bg-icon:hover,
|
|
.socicon-pinterest.color-icon.border-icon:hover {
|
|
background-color: #c92619;
|
|
}
|
|
|
|
.color-bg-icon.socicon-foursquare,
|
|
a.socicon-foursquare.bg-icon:hover,
|
|
.socicon-foursquare.color-icon.border-icon:hover {
|
|
background-color: #23b7e0;
|
|
}
|
|
|
|
.color-bg-icon.socicon-yahoo,
|
|
a.socicon-yahoo.bg-icon:hover,
|
|
.socicon-yahoo.color-icon.border-icon:hover {
|
|
background-color: #6e2a85;
|
|
}
|
|
|
|
.color-bg-icon.socicon-skype,
|
|
a.socicon-skype.bg-icon:hover,
|
|
.socicon-skype.color-icon.border-icon:hover {
|
|
background-color: #28abe3;
|
|
}
|
|
|
|
.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: #3371b7;
|
|
}
|
|
|
|
.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: #fe3801;
|
|
}
|
|
|
|
.color-bg-icon.socicon-spotify,
|
|
a.socicon-spotify.bg-icon:hover,
|
|
.socicon-spotify.color-icon.border-icon:hover {
|
|
background-color: #7bb342;
|
|
}
|
|
|
|
.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: #d12121;
|
|
}
|
|
|
|
.color-bg-icon.socicon-vimeo,
|
|
a.socicon-vimeo.bg-icon:hover,
|
|
.socicon-vimeo.color-icon.border-icon:hover {
|
|
background-color: #51b5e7;
|
|
}
|
|
|
|
.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: #00b389;
|
|
}
|
|
|
|
.color-bg-icon.socicon-flickr,
|
|
a.socicon-flickr.bg-icon:hover,
|
|
.socicon-flickr.color-icon.border-icon:hover {
|
|
background-color: #0062dd;
|
|
}
|
|
|
|
.color-bg-icon.socicon-500px,
|
|
a.socicon-500px.bg-icon:hover,
|
|
.socicon-500px.color-icon.border-icon:hover {
|
|
background-color: #58a9de;
|
|
}
|
|
|
|
.color-bg-icon.socicon-instagram,
|
|
a.socicon-instagram.bg-icon:hover,
|
|
.socicon-instagram.color-icon.border-icon:hover {
|
|
background-color: #9c7c6e;
|
|
}
|
|
|
|
.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: #45556c;
|
|
}
|
|
|
|
.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: #e74a1e;
|
|
}
|
|
|
|
.color-bg-icon.socicon-dribbble,
|
|
a.socicon-dribbble.bg-icon:hover,
|
|
.socicon-dribbble.color-icon.border-icon:hover {
|
|
background-color: #e84d88;
|
|
}
|
|
|
|
.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: #007eff;
|
|
}
|
|
|
|
.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: #c5d200;
|
|
}
|
|
|
|
.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: #b9bfc1;
|
|
}
|
|
|
|
.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: #221e1b;
|
|
}
|
|
|
|
.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: #075b2f;
|
|
}
|
|
|
|
.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: #8f8d8a;
|
|
}
|
|
|
|
.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: #4ba3a6;
|
|
}
|
|
|
|
.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: #5a7fa6;
|
|
}
|
|
|
|
.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: #fc9d3c;
|
|
}
|
|
|
|
.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: #8ec047;
|
|
}
|
|
|
|
.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: #ed4055;
|
|
}
|
|
|
|
a.social-icon {
|
|
color: #b2b2b2;
|
|
}
|
|
|
|
a.border-icon {
|
|
border: 1px solid #808080;
|
|
border-radius: 0;
|
|
margin-bottom: 4px;
|
|
padding: 11px 12px;
|
|
}
|
|
|
|
a.border-icon:before {
|
|
line-height: 16px;
|
|
}
|
|
|
|
a.bg-icon {
|
|
background-color: #f2f2f2;
|
|
margin-bottom: 4px;
|
|
padding: 11px 13px 12px;
|
|
}
|
|
|
|
a.bg-icon:before {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.ds a.bg-icon {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
a.social-icon.color-icon:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
a.social-icon.bg-icon:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
a.color-bg-icon {
|
|
background-color: #272727;
|
|
color: #fff;
|
|
margin-bottom: 4px;
|
|
padding: 11px 13px 12px;
|
|
}
|
|
|
|
a.color-bg-icon:before {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
a.social-icon.color-bg-icon:hover {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
a.color-icon:hover {
|
|
color: #272727;
|
|
}
|
|
|
|
a.color-icon.border-icon:hover {
|
|
background-color: #4ebbe3;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.big-icons a.border-icon {
|
|
padding: 15px 14px 16px;
|
|
}
|
|
|
|
.big-icons a.border-icon:before {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.demo-icon {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
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;
|
|
}
|
|
|
|
[class*="socicon-"].text-icon:before {
|
|
display: none;
|
|
}
|
|
|
|
.text-icon {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* AccessPress styling */
|
|
.apsc-theme-2 .apsc-each-profile {
|
|
display: block;
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-each-profile:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-each-profile a:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-inner-block {
|
|
font-size: 12px;
|
|
line-height: 60px;
|
|
padding: 0;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-inner-block > span {
|
|
display: inline-block;
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.apsc-theme-2 .social-icon {
|
|
float: left;
|
|
}
|
|
|
|
.apsc-theme-2 .social-icon > * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.apsc-theme-2 .social-icon .fa {
|
|
border-right: 1px solid #fff;
|
|
font-size: 16px;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
width: 60px;
|
|
}
|
|
|
|
.apsc-theme-2 .media-name {
|
|
display: inline-block;
|
|
letter-spacing: 0.05em;
|
|
padding-left: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-count,
|
|
.apsc-theme-2 .apsc-media-type {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
opacity: 1;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-media-type {
|
|
padding-left: 4px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.apsc-theme-2 .apsc-each-profile a {
|
|
-webkit-transition: all 0.2s ease 0s;
|
|
transition: all 0.2s ease 0s;
|
|
}
|