Your IP : 216.73.216.170
@charset "UTF-8";
/**
*** 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
- Easy pieChart
- toTop
* Vertical Margins and Paddings
* Common Sections Styles
- 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
* Widgets
- common widgets styles
- search
* Shortcodes
- teasers
- contact forms
* Social Icons
*/
/*
** Template colors
*
Accent Colors:
1: #45c2e9
2: #00bac6
3: #e7003e
4: #f4a115
Light section (.ls) colors:
Text color in light section: #666666
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): #555555
Background color for light muted section (grey - .ls.ms): #f5f7fa
Background color for dark muted section (.ds.ms): #1a1a1a
Border colors for elements in light section (and .with_border elements): #e5e5e5, rgba(0, 0, 0, 0.1)
Background color for elements in light section (.with_background): #f8f9f9
Dark section (.ds) colors:
Text color in dark section: #9a9a9a
Border colors for elements in dark section: #454545
Background color for elements in dark section (.with_background): rgba(255, 255, 255, 0.06)
Color section (.cs) colors:
Border colors for elements in color section: rgba(255, 255, 255, 0.15)
*/
/*
** Bootstrap Overrides
*/
/* columns with 20 and 40 percents width */
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-20 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-20 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-20 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-20 {
width: 20%;
float: left;
}
}
.col-xs-40,
.col-sm-40,
.col-md-40,
.col-lg-40 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-40 {
width: 40%;
float: left;
}
@media (min-width: 768px) {
.col-sm-40 {
width: 40%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-40 {
width: 40%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-40 {
width: 40%;
float: left;
}
}
/* half on .container in .container-fluid */
.container-left-half,
.container-right-half {
padding-right: 15px;
padding-left: 15px;
}
.container-left-half {
margin-right: 0;
margin-left: auto;
}
.container-right-half {
margin-right: auto;
margin-left: 0;
}
@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 {
margin: 0;
padding: 0;
background-color: transparent;
border-radius: 0;
text-transform: uppercase;
color: inherit;
font-weight: 700;
letter-spacing: 0.5em;
}
.breadcrumb > .active {
color: inherit;
opacity: 0.9;
}
.breadcrumb > li + li:before {
font-family: 'FontAwesome';
content: "\f105";
}
/* pagination */
.pagination {
margin: 0;
}
.pagination > li {
display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
text-align: center;
font-weight: 400;
padding: 4px 6px 2px;
margin-left: 2px;
margin-bottom: 0;
margin-top: 4px;
min-width: 28px;
border-radius: 3px;
}
/* forms */
input[type="file"]
{
border-radius: 2px;
padding: 2px;
font-size: 14px;
border: 0px solid #333;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select,
.form-control {
border-radius: 2px;
color: #1a1a1a;
font-size: 14px;
padding: 10px;
background-color: #FFF;
border: 1px solid #333;
}
.form-input {
background-color: #FFF;
border: 1px solid #333;
}
textarea,
textarea.form-control {
padding-top: 20px;
height: auto;
}
.form-group {
position: relative;
}
.form-group:last-child {
margin-bottom: 0;
}
/* select styling */
.form-control option {
color: #555555;
background-color: #ffffff;
}
.form-control-unstyled {
border: none;
background-color: transparent;
}
.form-control, .form-control:focus {
box-shadow: none;
}
.form-control.invalid {
box-shadow: 0 0 0 2px #45c2e9;
}
.form-control:focus {
border-color: #bfbfbf;
}
.form-control:-moz-placeholder {
color: #666666;
opacity: 1;
}
.form-control::-moz-placeholder {
font-style: italic;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.4em;
color: #666666;
opacity: 1;
}
.form-control:-ms-input-placeholder {
font-style: italic;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.4em;
color: #666666;
}
.form-control::-webkit-input-placeholder {
font-style: italic;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.4em;
color: #666666;
}
.form-control:focus:-moz-placeholder {
color: transparent;
}
.form-control:focus::-moz-placeholder {
color: transparent;
}
.form-control:focus:-ms-input-placeholder {
color: transparent;
}
.form-control:focus::-webkit-input-placeholder {
color: transparent;
}
/*icons for forms */
form label + [class*="icon2-"],
form label + [class*="fa-"] {
position: absolute;
font-size: 16px;
left: 15px;
top: 22px;
width: 1em;
text-align: center;
}
form label + [class*="icon2-"] + .form-control,
form label + [class*="fa-"] + .form-control {
padding-left: 40px;
}
label {
font-weight: inherit;
}
.checkbox label,
.radio label {
font-weight: inherit;
}
.checkbox label[for],
.radio label[for] {
font-weight: inherit;
}
.form-control + [class*="icon2-"] {
position: absolute;
font-size: 24px;
left: 20px;
top: 50%;
color: #45c2e9;
}
.checkbox label[for] + input[type=checkbox],
.checkbox label[for] + input[type=radio],
.radio label[for] + input[type=checkbox],
.radio label[for] + input[type=radio] {
left: 20px;
}
input[type=checkbox],
input[type=radio] {
margin-top: 8px;
margin-right: 8px;
margin-left: 8px;
}
.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 {
width: 100%;
margin: 0;
}
.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;
vertical-align: top;
position: relative;
}
@media (min-width: 768px) {
.form-inline-button .form-inline .form-group.inline-block {
min-width: 370px;
margin-right: 5px;
}
}
.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 {
font-size: 0;
padding-left: 22px;
padding-right: 22px;
margin: 0;
position: absolute;
right: 0;
top: 0;
border: none;
background-color: #45c2e9;
color: #ffffff;
}
.form-inline-button .form-inline [type="submit"] i,
.form-inline-button .form-inline .theme_button i {
font-size: 16px;
content: "\e656";
font-family: 'rt-icons-2';
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: #45c2e9;
}
.has-error label,
.has-error .help-block {
color: #45c2e9;
}
/*styled checkbox */
.checkbox input[type="checkbox"] {
display: none;
}
.checkbox label + input[type="checkbox"],
.checkbox label > input[type="checkbox"] {
top: 0;
display: inline-block;
}
input[type="checkbox"] + label {
padding-left: 0;
}
input[type="checkbox"] + label > a {
color: #555555;
}
input[type="checkbox"] + label:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: 1px 10px 4px 0;
text-align: center;
padding-right: 0.1em;
width: 16px;
height: 16px;
line-height: 14px;
font-size: 15px;
border: 1px solid #e5e5e5;
font-family: "FontAwesome";
}
input[type="checkbox"]:checked + label:before {
content: "\f00c";
color: #555555;
}
input[type="checkbox"]:disabled + label:before {
background-color: #e5e5e5;
}
/*styled radio*/
.radio input[type="radio"] {
display: none;
}
.radio label + input[type="radio"],
.radio label > input[type="radio"] {
top: 0;
display: inline-block;
}
input[type="radio"] + label {
padding-left: 0;
}
input[type="radio"] + label > a {
color: #999999;
}
input[type="radio"] + label:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 2px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #e5e5e5;
}
input[type="radio"]:checked + label:before {
padding: 3px;
background-color: #555555;
background-clip: content-box;
}
input[type="radio"]:disabled + label:before {
background-color: #e5e5e5;
}
/* 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"] {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
/* carousel */
.carousel {
overflow: hidden;
}
.carousel-indicators li {
width: 10px;
height: 10px;
border-width: 0;
background-color: #555555;
margin: 0 3px;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.carousel-indicators li:hover {
opacity: 0.8;
}
.carousel-indicators .active {
width: 10px;
height: 10px;
margin: 0 3px;
background-color: #45c2e9;
}
.carousel-control.left,
.carousel-control.right {
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 0px;
width: 50px;
height: 50px;
left: -50px;
top: 50%;
margin-top: -25px;
text-shadow: none;
opacity: 1;
background-image: none;
filter: alpha(opacity=100);
text-align: center;
}
.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';
width: 50px;
height: 50px;
margin: 0;
font-size: 16px;
left: 0;
top: 0;
line-height: 50px;
}
.carousel-control .icon-prev:before {
content: "\e7c4";
}
.carousel-control .icon-next:before {
content: "\e7c5";
}
/* collapse accordion */
.panel-heading .panel-title {
font-size: inherit;
letter-spacing: 0;
padding: 0;
position: relative;
}
.panel-heading .panel-title > a {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1;
display: block;
padding: 24px 50px 24px 30px;
background-color: #45c2e9;
color: #ffffff;
border: none;
border-radius: 2px;
word-wrap: break-word;
}
.panel-heading .panel-title > a.collapsed:hover,
.panel-heading .panel-title > a:hover {
background-color: #555555;
color: #ffffff;
}
.panel-heading .panel-title > a.collapsed {
color: #555555;
background-color: #f5f7fa;
}
.panel-heading .panel-title > a:after {
color: #ffffff;
content: '-';
position: absolute;
text-align: center;
right: 0;
top: 0;
bottom: 0;
width: 60px;
line-height: 60px;
letter-spacing: 0;
font-size: 20px;
font-weight: 400;
}
.panel-heading .panel-title > a.collapsed:after {
content: '+';
color: #45c2e9;
}
.panel-heading .panel-title > a > i {
position: relative;
top: 0;
padding-right: 8px;
font-size: 1.1em;
width: 2em;
text-align: center;
display: inline-block;
line-height: 0;
}
.panel {
box-shadow: none;
}
.panel-group .panel {
border-radius: 0;
background-color: transparent;
}
.panel-default > .panel-heading {
background-color: transparent;
color: inherit;
position: relative;
border: none;
border-radius: 0;
padding: 0;
}
.panel-default {
border-color: transparent;
}
.panel-group .panel + .panel {
margin-top: 8px;
}
.panel-body {
border: 1px solid transparent;
border-top: none !important;
}
.panel-body .media-left {
padding-right: 28px;
}
.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: 23px 30px 30px;
border-radius: 0px;
}
.collapse-unstyled .panel h4 {
margin: 0 0 0.5em;
}
.collapse-unstyled .panel h4 a:after {
color: #45c2e9;
padding: 0 5px;
display: inline-block;
font-family: 'FontAwesome';
content: "\f107";
}
.collapse-unstyled .panel h4 a.collapsed:after {
content: "\f105";
}
.collapse-unstyled .panel-content {
padding: 10px 20px;
}
/* progress bars */
.progress-bar-title {
font-size: 12px;
margin-bottom: 2px;
}
.progress {
overflow: visible;
height: 4px;
margin-bottom: 30px;
position: relative;
border-radius: 0;
box-shadow: none;
border: none;
}
.progress-bar {
background-color: #45c2e9;
color: inherit;
box-shadow: none;
height: 4px;
}
.progress-bar span {
position: absolute;
right: 0;
top: -22px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
}
.progress-bar-success {
background-color: #94b86e;
}
.progress-bar-info {
background-color: #45c2e9;
}
.progress-bar-warning {
background-color: #ffb848;
}
.progress-bar-danger {
background-color: #ed6b75;
}
/* nav and tabs */
.nav > li > a {
color: #555555;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: inherit;
}
.unstyled-tabs-title {
margin-bottom: -40px !important;
}
.nav-unstyled {
list-style: none;
padding: 0;
margin-bottom: 20px;
text-align: right;
border-bottom: 1px solid #e5e5e5;
}
.nav-unstyled li {
display: inline-block;
margin-bottom: -1px;
}
.nav-unstyled li a {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
padding: 0 10px 17px;
border-bottom: 3px solid transparent;
}
.nav-unstyled .active a {
border-color: #45c2e9;
}
/*tabs*/
.tab-content {
border-radius: 0 0 0 0;
padding: 50px 60px;
border: none;
background-color: #f5f7fa;
}
.tab-content.no-border {
padding: 36px 0 0;
background-color: transparent;
}
.tab-content.top-color-border {
position: relative;
}
.tab-content.top-color-border:before {
content: '';
position: absolute;
left: 0px;
right: 0px;
top: -1px;
height: 6px;
background-color: #45c2e9;
}
.tab-content.tab-unstyled {
padding: 10px 0 0;
}
.ls .tab-content.tab-unstyled,
.ds .tab-content.tab-unstyled,
.cs .tab-content.tab-unstyled {
background-color: transparent !important;
}
.tab-content .featured-tab-image {
margin: -50px -60px 50px -60px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border: none;
}
.nav-tabs {
border-bottom-color: transparent;
margin-top: 0px;
margin-bottom: -1px;
}
.nav-tabs > li {
margin-bottom: 0;
}
.nav-tabs > li > a {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.2em;
padding: 23px 24px;
margin-right: 1px;
margin-top: 0px;
border: none;
background-color: transparent;
color: #555555;
border-radius: 0;
}
.small-tabs .nav-tabs > li > a {
padding: 10px 10px 9px;
}
.nav-tabs > li > a i {
position: relative;
top: 2px;
padding-right: 8px;
font-size: 1.6em;
width: 1.5em;
text-align: center;
display: inline-block;
line-height: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-color: #f5f7fa;
background-color: #f5f7fa;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs.nav-justified > .active > a {
border-color: #f5f7fa;
background-color: #f5f7fa;
}
/*vertical tabs*/
.vertical-tabs .tab-content.no-border {
padding-top: 0;
}
.vertical-tabs .nav > li > a {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 700;
background-color: #f5f7fa;
color: #555555;
padding: 16px 60px 16px 40px;
margin-bottom: 10px;
position: relative;
border-radius: 2px;
}
.vertical-tabs .nav > li > a i {
position: relative;
top: 4px;
padding-right: 8px;
font-size: 1.6em;
width: 2em;
text-align: center;
display: inline-block;
line-height: 0;
}
.vertical-tabs .nav > li > a:after {
color: #45c2e9;
font-family: 'rt-icons-2';
content: "\e7c5";
position: absolute;
font-size: 12px;
line-height: 60px;
text-align: center;
right: 0;
top: 0;
bottom: 0;
width: 60px;
letter-spacing: 0;
}
.vertical-tabs .nav > li.active a,
.vertical-tabs .nav > li > a:hover {
background-color: #45c2e9;
color: #ffffff;
}
.vertical-tabs .nav > li.active a:after,
.vertical-tabs .nav > li > a:hover:after {
color: #ffffff;
}
@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 {
padding: 10px 10px;
border-color: #e5e5e5;
}
.table {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.table td + th,
.table th + td,
.table th + th,
.table td + td {
border-left: 1px solid #e5e5e5;
}
.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 {
padding: 22px 30px 22px;
margin: 0 0 4px 0;
font-weight: 700;
border: none;
border-radius: 0;
outline: none;
-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: 28px;
}
.media .media-object {
max-width: 100px;
}
li.media:before,
li.media:after {
display: block;
content: '';
clear: both;
}
.media-right, .media > .pull-right {
padding-left: 20px;
}
.media-left, .media > .pull-left {
padding-right: 20px;
}
.media-left img,
.media-right img {
max-width: 60px;
}
@media (min-width: 768px) {
.big-left-media .media-left img, .big-left-media
.media-right img {
max-width: 120px;
margin-right: 20px;
}
}
td .media-body {
width: auto;
}
/* bootstrap dropdown menu */
.dropdown-menu {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
border-color: transparent;
z-index: 1001;
font-size: 12px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
[class*="right"] .dropdown-menu {
right: 0;
left: auto;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #555555;
background-color: transparent;
}
.dropdwon-menu-title {
padding: 10px 30px;
}
.well {
box-shadow: none;
border: none;
border-radius: 0;
}
.embed-responsive-3by2 {
padding-bottom: 66.666%;
}
.embed-placeholder:after {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
content: "\f04b";
font-family: 'FontAwesome';
position: absolute;
color: #ffffff;
font-size: 14px;
line-height: 56px;
width: 60px;
height: 60px;
text-align: center;
border: 2px solid #ffffff;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
}
.embed-placeholder:hover:after {
opacity: 0.4;
}
.alert {
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 30px;
}
button.close {
min-width: 0;
}
/* small in headings */
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
color: inherit;
font-weight: 300;
}
/* labels */
.label-success {
color: #ffffff;
background-color: #94b86e;
}
.label-info {
color: #ffffff;
background-color: #45c2e9;
}
.label-warning {
color: #ffffff;
background-color: #ffb848;
}
.label-danger {
color: #ffffff;
background-color: #ed6b75;
}
.badge {
border-radius: 3px;
padding: 3px 6px;
}
/*
** General Styles for HTML tags
*/
html {
width: 100%;
height: 100%;
position: relative;
overflow: visible;
}
::-moz-selection {
color: #ffffff;
background-color: #45c2e9;
}
::selection {
color: #ffffff;
background-color: #45c2e9;
}
::-moz-selection {
color: #ffffff;
background-color: #45c2e9;
}
body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
background-color: #ffffff;
overflow: visible;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
line-height: 1;
word-break: break-word;
margin-top: 1.5em;
margin-bottom: 1em;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
blockquote {
position: relative;
margin: 30px 0;
padding: 10px 20px 20px 42px;
border: none;
font-size: 20px;
line-height: 30px;
font-style: italic;
text-align: center;
}
blockquote .media {
font-size: 14px;
font-style: normal;
margin: 0 0 0;
padding-top: 30px;
text-align: left;
}
blockquote .media img {
min-width: 40px;
max-width: 40px;
border-radius: 50%;
}
blockquote .media h3, blockquote .media h4, blockquote .media h5 {
margin-bottom: 0;
}
blockquote .item-meta {
margin-top: 10px;
font-style: normal;
opacity: 0.7;
}
img, figure {
max-width: 100%;
height: auto;
}
figcaption, .entry-caption {
padding: 2px 0 12px;
}
figcaption p, .entry-caption p {
margin-bottom: 0;
}
label {
color: #555555;
}
a {
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
a:hover {
color: #00bac6;
text-decoration: none;
-webkit-transition: all 0.15s linear 0s;
transition: all 0.15s linear 0s;
}
a > img {
-webkit-transition: all 0.15s ease-in-out 0s;
transition: all 0.15s ease-in-out 0s;
}
a:hover > img {
opacity: 0.8;
}
hr {
border: none;
height: 1px;
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
background-color: #e5e5e5;
}
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 {
width: 100%;
max-width: 100%;
margin: 10px 0;
}
table td, table th {
padding: 13px 8px;
line-height: 1.42857143;
vertical-align: top;
}
table th {
color: #555555;
font-weight: normal;
vertical-align: middle;
line-height: 1;
}
.table_template thead {
background-color: #45c2e9;
color: #555555;
}
.table_template thead.light {
background-color: #ffffff;
}
.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 {
padding-left: 30px;
}
.list1 ul,
ul.list1 {
list-style: none;
padding: 0;
}
.padding_30 .list1 ul, .padding_30
ul.list1 {
margin: 0;
}
.list1 li {
position: relative;
padding: 9px 0 10px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.muted_background .list1 li {
border-color: rgba(255, 255, 255, 0.4);
}
.list1 li > .media {
margin: 4px 0 1px;
}
.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.1);
}
.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 {
content: '';
display: block;
position: absolute;
border: 1px solid #45c2e9;
left: 10px;
top: 21px;
width: 7px;
height: 7px;
border-radius: 50%;
}
.list2 ul,
ul.list2 {
list-style: none;
padding-left: 20px;
margin-bottom: 20px;
}
.list2 li {
position: relative;
padding: 3px 0 3px 0;
}
.list2 li:first-child {
padding-top: 0;
}
.list2 li:first-child:before {
top: 12px;
}
.list2 li:before {
content: '';
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #45c2e9;
position: absolute;
left: -18px;
top: 16px;
}
.list3 ol,
ol.list3 {
counter-reset: li;
list-style: none outside none;
padding: 0;
}
.list3 li {
position: relative;
padding: 8px 0 8px 42px;
}
.list3 li:after {
content: counter(li, decimal-leading-zero);
counter-increment: li;
position: absolute;
left: 2px;
top: 50%;
margin-top: -15px;
font-weight: 700;
color: inherit;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #ffffff;
background-color: #45c2e9;
border-radius: 100%;
}
.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%;
padding-right: 10px;
}
.list-unstyled .media-right {
padding-left: 10px;
}
.list-unstyled .media-right img {
border-radius: 50%;
padding-left: 10px;
}
.list-unstyled .media-body .pull-right {
margin: 0 20px;
}
/*
** Buttons
*/
.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type="submit"] {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.4em;
font-weight: 700;
padding: 22px 30px 22px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
text-align: center;
color: #ffffff;
border: 1px solid #555555;
background-color: #555555;
border-radius: 3px;
position: relative;
-webkit-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.theme_button[type="reset"] {
display: none;
}
.theme_buttons.color1 a,
.theme_button.color1,
.button.alt,
.btn-accent,
.wc-proceed-to-checkout .checkout-button,
.widget_price_filter button,
.form-submit [type="submit"] {
background-color: #45c2e9;
border-color: #45c2e9;
}
.theme_buttons.color2 a,
.theme_button.color2 {
background-color: #00bac6;
border-color: #00bac6;
}
.theme_buttons.color3 a,
.theme_button.color3 {
background-color: #e7003e;
border-color: #e7003e;
}
.theme_buttons a:active,
.theme_buttons a:hover,
.theme_buttons a:focus,
.theme_button:active,
.theme_button:hover,
.theme_button:focus,
.wc-proceed-to-checkout .checkout-button:hover {
color: rgba(255, 255, 255, 0.7);
opacity: 1;
text-decoration: none;
outline: none;
-webkit-transition: all 0.05s linear 0s;
transition: all 0.05s linear 0s;
}
.theme_buttons a:active,
.theme_button:active {
top: 1px;
}
.theme_buttons.inverse a,
.theme_button.inverse {
color: #555555;
background-color: transparent;
border: 1px solid #555555;
}
.muted_buttons a,
.muted_button {
opacity: 0.2;
}
.small_buttons a,
.small_button {
padding: 5px 7px 2px;
text-transform: uppercase;
font-weight: 100;
min-width: auto;
}
.square_buttons a,
.square_button {
padding-left: 10px;
padding-right: 10px;
min-width: auto;
}
.wide_buttons a,
.wide_button {
padding-left: 50px;
padding-right: 50px;
}
.block_buttons a,
.block_button {
display: block;
width: 100%;
text-align: center;
}
/*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"] {
position: relative;
top: .08em;
padding-right: 0.1em;
}
p > [class*="rt-icon"] {
font-size: 1.1em;
position: relative;
top: .1em;
line-height: 0;
padding: 0 0.2em;
}
p > [class*="rt-icon"] + [class*="rt-icon"] {
margin-left: -0.75em;
}
.theme_buttons a > [class*="rt-icon"],
.theme_button > [class*="rt-icon"] {
font-size: 1.8em;
line-height: 0;
position: relative;
top: 5px;
padding: 0 3px;
}
.theme_buttons a > [class*="glyphicon"],
.theme_buttons a > [class*="fa-"],
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
font-size: 1.5em;
position: relative;
top: 3px;
line-height: 0;
}
.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;
}
/*
**plugins
*/
/* Owl carousel v 2.1.6 styles */
/* Owl Carousel - Core */
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.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 .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-carousel .owl-dots .owl-dot span {
width: 7px;
height: 7px;
margin: 5px 6px;
border: 2px solid #555555;
background-color: #555555;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
border-radius: 50%;
opacity: 0.5;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
opacity: 1;
}
.owl-carousel .owl-nav {
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.owl-carousel .owl-nav > div {
color: transparent;
font-size: 0;
display: inline-block;
right: 10px;
text-align: center;
}
.owl-carousel .owl-nav > div.disabled {
opacity: 0.8;
cursor: default;
}
.owl-carousel .owl-nav > div:first-child {
left: 10px;
right: auto;
}
.owl-carousel .owl-nav > div:after {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-family: 'rt-icons-2';
font-size: 20px;
line-height: 60px;
content: "\e7c5";
color: #555555;
}
.owl-carousel .owl-nav > div:first-child:after {
content: '\e7c4';
}
.owl-carousel .owl-nav > div:hover:after {
color: #45c2e9;
}
/* 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 {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("../img/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 100ms ease;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-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 {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/* Owl Default Theme */
.owl-theme:hover .owl-nav {
opacity: 1;
}
.owl-theme .owl-nav {
position: absolute;
top: 40%;
opacity: 1;
right: -10%;
left: -10%;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav > div {
font-size: 0;
position: absolute;
right: 10px;
text-align: center;
margin-top: -30px;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-dots {
margin-top: 40px;
}
.top-right-nav .owl-nav {
position: absolute;
top: -60px;
right: 0;
left: auto;
}
.top-right-nav .owl-nav > div {
right: 0;
}
.top-right-nav .owl-nav > div:after {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 10px;
border: 1px solid #e5e5e5;
background: transparent;
}
.top-right-nav .owl-nav > div:first-child {
left: auto;
right: 25px;
}
/* .owl-center theme */
.owl-center .owl-nav {
top: 0;
bottom: 0;
position: static;
margin-top: 0;
opacity: 1;
}
.owl-center .owl-nav > div {
right: -15px;
width: 50px;
top: 0;
bottom: 0;
margin: 0;
height: auto;
background-color: rgba(85, 85, 85, 0.6);
}
.owl-center .owl-nav > div:first-child {
left: -15px;
right: auto;
}
.owl-center .owl-nav > div:first-child:after {
left: 13px;
}
.owl-center .owl-nav > div:after {
position: absolute;
top: 50%;
margin-top: -10px;
color: #ffffff;
font-size: 20px;
left: 17px;
}
/* owl images fix */
.owl-carousel .owl-item {
-webkit-transition: opacity 0.2s ease 0.1s;
transition: opacity 0.2s ease 0.1s;
opacity: 0;
}
.owl-carousel .owl-item.active {
opacity: 1;
}
.owl-center .owl-item {
opacity: 1;
}
/*
** Easy pieChart
*/
.chart {
position: relative;
display: inline-block;
min-height: 150px;
min-width: 150px;
margin-bottom: 10px;
text-align: center;
}
.chart .chart-meta {
position: absolute;
width: 100%;
top: 50%;
margin-top: -20px;
}
.chart .chart-meta h4 {
font-size: 14px;
margin: 0;
}
p.chart-description {
margin-bottom: 20px;
}
.percent {
display: inline-block;
font-size: 50px;
font-weight: 300;
z-index: 2;
letter-spacing: -0.05em;
}
.percent:after {
content: '%';
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
}
/*
** toTop
*/
#toTop {
bottom: 5px;
right: 5px;
display: none;
width: 60px;
height: 60px;
overflow: hidden;
position: fixed;
text-decoration: none;
z-index: 9999;
font-size: 0;
color: transparent;
background-color: #45c2e9;
opacity: 0.7;
}
#toTop:after {
color: #ffffff;
content: '\f106';
font-size: 16px;
line-height: 60px;
font-family: 'FontAwesome';
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#toTopHover, #toTop:hover {
bottom: 8px;
opacity: 1;
}
#toTop:hover:after {
color: #ffffff;
}
#toTop:active, #toTop:focus {
outline: medium none;
}
.modal-open #toTop {
visibility: hidden;
}
/*
** Vertical Margins and Paddings
*/
/*same top and bottom paddings for sections*/
.section_padding_0 > [class*="container"] {
padding: 0;
}
.section_padding_15 > [class*="container"] {
padding-top: 15px;
padding-bottom: 15px;
}
.section_padding_25 > [class*="container"] {
padding-top: 25px;
padding-bottom: 25px;
}
.section_padding_50 > [class*="container"] {
padding-top: 50px;
padding-bottom: 50px;
}
.section_padding_75 > [class*="container"] {
padding-top: 75px;
padding-bottom: 75px;
}
.section_padding_100 > [class*="container"] {
padding-top: 100px;
padding-bottom: 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_15 > [class*="container"] {
padding-top: 15px;
}
.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_100 > [class*="container"] {
padding-top: 100px;
}
.section_padding_top_130 > [class*="container"] {
padding-top: 130px;
}
.section_padding_top_150 > [class*="container"] {
padding-top: 150px;
}
@media (max-width: 991px) {
.section_padding_top_130 > [class*="container"] {
padding-top: 100px;
}
.section_padding_top_150 > [class*="container"] {
padding-top: 100px;
}
}
/*bottom paddings for sections*/
.section_padding_bottom_0 > [class*="container"] {
padding-bottom: 0;
}
.section_padding_bottom_5 > [class*="container"] {
padding-bottom: 5px;
}
.section_padding_bottom_15 > [class*="container"] {
padding-bottom: 15px;
}
.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_100 > [class*="container"] {
padding-bottom: 100px;
}
.section_padding_bottom_130 > [class*="container"] {
padding-bottom: 130px;
}
.section_padding_bottom_150 > [class*="container"] {
padding-bottom: 150px;
}
@media (max-width: 991px) {
.section_padding_bottom_130 > [class*="container"] {
padding-top: 100px;
}
.section_padding_bottom_150 > [class*="container"] {
padding-top: 100px;
}
}
[class*="col-"] {
margin-top: 15px;
margin-bottom: 15px;
}
form [class*="col-"] {
margin-top: 0;
}
[class*="col-"] > .checkbox,
[class*="col-"] > .radio {
margin: 0;
}
[class*="_0"] [class*="col-"],
header [class*="col-"],
.page_topline [class*="col-"] {
margin-top: 0;
margin-bottom: 0;
min-height: 0;
}
.columns_padding_1 [class*="col-"] {
margin-top: 0;
margin-bottom: 1px;
}
.columns_padding_2 [class*="col-"] {
margin-top: 1px;
margin-bottom: 1px;
}
.columns_padding_5 [class*="col-"] {
margin-top: 5px;
margin-bottom: 5px;
}
.columns_padding_10 [class*="col-"] {
margin-top: 10px;
margin-bottom: 10px;
}
.columns_padding_0 [class*="col-"] {
padding: 0;
}
.columns_padding_1 [class*="col-"] {
padding-left: 0;
padding-right: 1px;
}
.columns_padding_2 [class*="col-"] {
padding-left: 1px;
padding-right: 1px;
}
.columns_padding_5 [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.columns_padding_10 [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.columns_padding_0 > .container,
.columns_padding_1 > .container,
.columns_padding_2 > .container {
padding-left: 30px;
padding-right: 30px;
}
.columns_padding_5 > .container {
padding-left: 25px;
padding-right: 25px;
}
.columns_padding_10 > .container {
padding-left: 20px;
padding-right: 20px;
}
.columns_padding_10 > .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.columns_padding_0 > .container-fluid {
padding-left: 0;
padding-right: 0;
}
.row.columns_padding_0,
.columns_padding_0 .row {
margin: 0;
}
.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;
}
.columns_padding_10 .row .row {
margin-top: -10px;
margin-bottom: -10px;
}
@media (min-width: 500px) {
.columns_padding_25 > [class*="container"] > .row {
margin-right: -25px;
margin-left: -25px;
}
.columns_padding_25 > [class*="container"] > .row > [class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
.row.columns_padding_25 {
margin-left: -25px;
margin-right: -25px;
}
.columns_padding_50 > [class*="container"] > .row {
margin-right: -50px;
margin-left: -50px;
}
.columns_padding_50 > [class*="container"] > .row > [class*="col-"] {
padding-left: 50px;
padding-right: 50px;
}
.row.columns_padding_50 {
margin-left: -25px;
margin-right: -25px;
}
}
/*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_bottom_0 [class*="col-"],
.row.columns_margin_bottom_0 [class*="col-"] {
margin-bottom: 0;
}
.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;
}
/* vertical alignmetn in columns */
.table_section [class*="container"] {
height: 100%;
padding-left: 0;
padding-right: 0;
}
.table_section .row {
display: table;
min-width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
}
.table_section [class*="col-"] {
display: table-cell;
vertical-align: middle;
float: none;
}
@media screen and (max-width: 767px) {
.table_section .row,
.table_section [class*="col-"] {
display: block;
}
}
@media screen and (max-width: 991px) {
.table_section.table_section_md .row,
.table_section.table_section_md [class*="col-"] {
display: block;
}
}
@media screen and (max-width: 1199px) {
.table_section.table_section_lg .row,
.table_section.table_section_lg [class*="col-"] {
display: block;
}
}
@media screen and (min-width: 1200px) {
/* overlap featured person */
.top-overlap {
margin-top: -170px;
}
.top-overlap-small {
margin-top: -100px;
}
}
.section_full_height {
min-height: 100vh;
}
.row[class*='border-'] + .row[class*='border-'] .chart {
margin-top: 60px;
}
@media (min-width: 768px) {
.border-between > [class*='col-']:before {
background: #e5e5e5;
bottom: 0;
content: " ";
left: 0;
position: absolute;
width: 1px;
top: 0;
}
}
.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.border-between > [class*='col-']:first-child:before {
display: none;
}
.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.flex-row > [class*='col-'] {
min-width: 300px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-row > [class*='col-'] > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 768px) {
.flex-row.flex-row-wide-columns > [class*='col-'] {
min-width: 500px;
}
}
.flex-row.flex-row-last-one-third > [class*='col-']:first-child {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.flex-row.flex-row-vertical-centered > [class*='col-'] > * {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-row.flex-row-vertical-between > [class*='col-'] > * {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/*
** Common Sections Styles
*/
/*parallax*/
.image_cover,
.background_cover,
.parallax {
background-size: cover;
}
.image_cover {
display: block;
position: absolute;
width: 50%;
z-index: 2;
top: 0;
bottom: 0;
background-position: 50% 50%;
}
.image_cover > img {
visibility: hidden;
}
.image_cover > a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.image_cover.image_cover_right {
right: 0;
}
@media (max-width: 767px) {
.image_cover {
height: 0;
padding-bottom: 66%;
margin-bottom: -30px;
width: 100%;
position: relative;
}
}
.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;
}
.parallax {
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 767px) {
.parallax {
background-size: auto auto;
}
}
.parallax.ls:after {
background-color: #ffffff;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)";
filter: alpha(opacity=92);
opacity: 0.92;
}
.parallax.ls.ms:after {
background-color: #f5f7fa;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
filter: alpha(opacity=88);
opacity: 0.88;
}
.parallax.cs:after {
background-color: #45c2e9;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
}
.parallax.cs:before {
background-color: #45c2e9;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
}
.parallax.cs.main_color2:after {
background-color: #00bac6;
}
.parallax.cs.main_color3:after {
background-color: #e7003e;
}
.parallax.ds:before {
background-color: #555555;
opacity: 0.75;
}
.parallax.ds:after {
background-color: #000;
opacity: 0.2;
}
.parallax.ds.ms:after {
display: none;
background-color: #555555;
}
.parallax.abstract_background.ls:after,
.parallax.abstract_background.ds:after {
display: none;
}
.texture_bg {
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative;
background-image: url(../img/aside_bg.jpg);
}
.muted_section:before {
background-color: rgba(85, 85, 85, 0.1);
opacity: 1;
}
.parallax > *,
.muted_section > *,
.radial_gradient > *,
.gradient > *,
.vertical_gradient > *,
.darken_gradient > *,
.diagonal_section > * {
z-index: 4;
position: relative;
}
.radial_gradient {
position: relative;
overflow: hidden;
}
.gradient,
.muted_section,
.vertical_gradient,
.darken_gradient {
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,
.darken_gradient:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
.muted_section:before,
.muted_section:after,
.parallax:before,
.parallax:after {
opacity: 0.8;
}
.header_gradient,
.gradient:before,
.dark_gradient:before {
background: #45c2e9;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #45c2e9), color-stop(100%, #00bac6));
background: -webkit-linear-gradient(left, #45c2e9 0%, #00bac6 100%);
background: linear-gradient(to right, #45c2e9 0%, #00bac6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1 );
}
.vertical_gradient:before {
background: #45c2e9;
/* Old browsers */
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #45c2e9 0%, #00bac6 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #45c2e9 0%, #00bac6 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0 );
/* IE6-9 */
}
.darken_gradient:before {
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
}
.radial_gradient:before {
content: '';
display: block;
position: absolute;
width: 500px;
height: 500px;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -250px;
z-index: 2;
opacity: 0.9;
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%, rgba(255, 255, 255, 0.24)), color-stop(50%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
/* Chrome10+,Safari5.1+ */
/* Opera 12+ */
/* IE10+ */
background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}
.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 {
content: '';
display: block;
position: absolute;
height: 1px;
left: 0;
right: 0;
top: 0;
background-color: #e5e5e5;
z-index: 1;
}
.with_top_border_container .container:before,
.with_bottom_border_container .container:after {
right: 15px;
left: 15px;
}
.with_bottom_border:after,
.with_bottom_border_container .container:after {
top: auto;
bottom: 0;
}
.bg_image,
.bg_image:after {
background-image: url(../img/background_section.png);
}
/* Hero text in sections */
.section_header {
margin: 10px 0 24px;
font-size: 60px;
position: relative;
word-wrap: break-word;
}
.section_header.big {
font-size: 80px;
font-weight: 700;
margin-bottom: 30px;
}
.section_header.small {
font-size: 42px;
text-transform: none;
font-weight: 300;
}
h3 + .section_header,
.big + .section_header {
margin-top: -17px;
}
.section_header + h3 {
margin: -22px 0 44px;
font-size: 30px;
}
.section_header + p {
margin: -15px 0 40px;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1em;
color: #555555;
}
.docs .section_header + p {
letter-spacing: 0.1em;
}
.section_header.big + p {
margin-bottom: 30px;
}
.text-center .section_header + p,
.section_header.text-center + p {
max-width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 991px) {
.section_header {
font-size: 30px;
margin-top: 0;
}
.section_header.text-center + p,
.text-center .section_header + p {
max-width: 100%;
}
.section_header + p {
font-size: 1.1em;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.section_header.big {
font-size: 36px;
margin-top: 0;
}
}
/*page preloader*/
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.99);
z-index: 13000;
height: 100%;
}
.no-js .preloader,
.lt-ie9 .preloader,
.lt-ie10 .preloader {
display: none;
}
.preloader_image {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
margin: -50px 0 0 -50px;
}
/* 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: visible;
position: relative;
}
#box_wrapper > section,
#box_wrapper > div > section {
clear: both;
}
#canvas.boxed {
padding: 1px 0;
}
body.boxed {
position: static;
width: auto;
height: auto;
}
.pattern1 {
background-image: url(../img/pattern1.png);
}
.pattern2 {
background-image: url(../img/pattern2.png);
}
.pattern3 {
background-image: url(../img/pattern3.png);
}
.pattern4 {
background-image: url(../img/pattern4.png);
}
.pattern5 {
background-image: url(../img/pattern5.png);
}
.pattern6 {
background-image: url(../img/pattern6.png);
}
.pattern7 {
background-image: url(../img/pattern7.png);
}
.pattern8 {
background-image: url(../img/pattern8.png);
}
.pattern9 {
background-image: url(../img/pattern9.png);
}
.pattern10 {
background-image: url(../img/pattern10.png);
}
.pattern11 {
background-image: url(../img/pattern11.png);
}
.boxed .container {
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 500px) {
.boxed .container {
padding-left: 10px;
padding-right: 10px;
}
}
.boxed #box_wrapper.container {
padding: 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
margin-top: 120px;
}
.boxed #box_wrapper.container.top-bottom-margins {
margin-top: 150px;
margin-bottom: 120px;
}
/*
**utilites
*/
/*
**Helper Utilites
*/
/* layout */
.clear, .clearfix {
clear: both;
}
.alignleft {
float: left;
margin: 5px 30px 15px 0;
max-width: 50%;
}
.alignright {
float: right;
margin: 5px 0 15px 30px;
max-width: 50%;
}
.round {
border-radius: 50%;
}
.inline-block {
display: inline-block;
max-width: 100%;
}
.with_padding {
padding: 30px 35px;
}
@media (min-width: 1200px) {
.with_padding {
padding: 55px 60px;
}
}
.with_padding_small {
padding: 30px 35px;
}
.with_background {
background-color: #f8f9f9;
border-radius: 2px;
}
.muted_background {
background-color: rgba(85, 85, 85, 0.06);
}
.with_border {
border-radius: 2px;
border: 1px solid #e5e5e5;
}
.no_top_border {
border-top: none;
}
.no_bottom_border {
border-bottom: none;
}
.bottom-border {
position: relative;
}
.bottom-border:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: rgba(0, 0, 0, 0.1);
}
.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 {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.top-corner {
position: absolute;
top: 0;
left: 0;
line-height: 1;
}
.big {
font-size: 42px;
line-height: 0.9;
}
/* borders, colors and backgrouns */
.response,
.highlight {
color: #45c2e9;
border-color: #45c2e9;
}
.highlight2 {
color: #00bac6;
border-color: #00bac6;
}
.highlight3 {
color: #e7003e;
border-color: #e7003e;
}
.red, .required {
color: #fa5c5d;
}
.black {
color: #1a1a1a;
border-color: #1a1a1a;
}
.grey {
color: #555555;
border-color: #555555;
}
.greylinks a {
color: #666666;
}
.darklinks a {
color: #555555;
}
.thin {
font-weight: 300;
}
.bold {
font-weight: 700;
}
.quotesign {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
line-height: 1;
}
.quotesign:before {
font-size: 150px;
font-family: 'PT Sans', sans-serif;
content: '‘‘';
position: absolute;
left: 0;
top: 0;
line-height: 1;
}
.muted_color {
color: #cccccc;
}
.success_color {
color: #94b86e;
}
.info_color {
color: #45c2e9;
}
.warning_color {
color: #ffb848;
}
.danger_color {
color: #ed6b75;
}
[class*='_bg_color'] {
color: #ffffff;
}
[class*='_bg_color'] h1, [class*='_bg_color'] h2, [class*='_bg_color'] h3, [class*='_bg_color'] h4, [class*='_bg_color'] h5, [class*='_bg_color'] h6 {
color: #ffffff;
}
.main_bg_color {
background-color: #45c2e9;
}
.main_bg_color2 {
background-color: #00bac6;
}
.main_bg_color3 {
background-color: #e7003e;
}
.dark_bg_color {
background-color: #1a1a1a;
}
.darkblue_bg_color {
color: #ffffff;
background-color: #253138;
}
.darkgrey_bg_color {
color: #ffffff;
background-color: #555555;
}
.success_bg_color {
background-color: #94b86e;
}
.info_bg_color {
background-color: #45c2e9;
}
.warning_bg_color {
background-color: #ffb848;
}
.danger_bg_color {
background-color: #ed6b75;
}
.light_bg_color {
background-color: #ffffff;
}
/*dividers, margins and paddings*/
.divider_20 {
margin: 20px 0;
}
.divider_30 {
margin: 30px 0;
}
.divider_40 {
margin: 40px 0;
}
.divider_60 {
margin: 60px 0;
}
.margin_0 {
margin: 0;
}
.topmargin_0 {
margin-top: 0;
}
.topmargin_1 {
margin-top: 1px;
}
.topmargin_10 {
margin-top: 10px;
}
.topmargin_20 {
margin-top: 20px;
}
.topmargin_30 {
margin-top: 30px;
}
.topmargin_40 {
margin-top: 40px;
}
.topmargin_50 {
margin-top: 50px;
}
.topmargin_60 {
margin-top: 60px;
}
.bottommargin_0 {
margin-bottom: 0;
}
.bottommargin_10 {
margin-bottom: 10px;
}
.bottommargin_20 {
margin-bottom: 20px;
}
.bottommargin_30 {
margin-bottom: 30px;
}
.bottommargin_40 {
margin-bottom: 40px;
}
.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_0 {
padding-bottom: 0;
}
.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_10 {
padding-right: 10px;
}
.rightpadding_20 {
padding-right: 20px;
}
.rightpadding_30 {
padding-right: 30px;
}
.rightpadding_40 {
padding-right: 40px;
}
.rightpadding_50 {
padding-right: 50px;
}
.rightpadding_60 {
padding-right: 60px;
}
.fontsize_16 {
font-size: 16px;
}
.fontsize_18 {
font-size: 18px;
}
.fontsize_20 {
font-size: 20px;
}
.fontsize_24 {
font-size: 24px;
}
.fontsize_28 {
font-size: 28px;
}
.fontsize_32 {
font-size: 32px;
}
/*alignment*/
.display_table {
display: table;
min-width: 100%;
height: 100%;
margin: auto;
border-collapse: collapse;
}
.display_table_cell {
display: table-cell;
vertical-align: middle;
float: none;
overflow: hidden;
zoom: 1;
box-sizing: border-box;
}
@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 {
display: table;
min-width: 100%;
height: 100%;
margin: auto;
border-collapse: collapse;
}
.display_table_cell_lg {
display: table-cell;
vertical-align: middle;
float: none;
overflow: hidden;
zoom: 1;
box-sizing: border-box;
}
}
@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 {
display: table;
min-width: 100%;
height: 100%;
margin: auto;
border-collapse: collapse;
}
.display_table_cell_md {
display: table-cell;
vertical-align: middle;
float: none;
overflow: hidden;
zoom: 1;
box-sizing: border-box;
}
}
@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 {
display: table;
min-width: 100%;
height: 100%;
margin: auto;
border-collapse: collapse;
}
.display_table_cell_sm {
display: table-cell;
vertical-align: middle;
float: none;
overflow: hidden;
zoom: 1;
box-sizing: border-box;
}
}
@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-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4em;
}
@media (min-width: 768px) {
.small-text.extra-letter-spacing {
letter-spacing: 1em;
}
}
/* media items - common side and vertical items */
.with_border .item-media,
.with_border .entry-thumbnail {
margin: -1px -1px -2px -1px;
z-index: 1;
}
.with_border.full-padding .item-media {
margin: 0;
}
/* side and vertical items paddings */
.full-padding {
padding: 40px 40px 40px 40px;
}
.content-padding .item-content {
padding: 30px 40px 30px;
}
.content-padding .item-content img.round {
max-width: 100px;
margin-bottom: -5px;
}
@media (max-width: 992px) {
.full-padding {
padding: 30px 30px 30px 30px;
}
.content-padding .item-content {
padding: 30px 30px 20px;
}
}
.side-item .row {
margin: 0;
}
.side-item .row [class*="col-"] {
padding: 0;
margin: 0;
}
.side-item .item-title + .item-content {
padding-top: 20px;
}
.side-item [class*="col-"] > .item-title {
padding: 15px 30px;
}
.side-item [class*="col-"] > .item-title h2, .side-item [class*="col-"] > .item-title h3, .side-item [class*="col-"] > .item-title h4 {
margin: 0;
}
.side-item.with_border [class*="col-"] > .item-title {
margin: -1px;
}
.side-item .small-text {
font-size: 12px;
margin-top: -20px;
margin-bottom: 10px;
}
/*-xs- side-item paddings and margins*/
@media (max-width: 767px) {
.no-content-padding [class*='col-xs-'] .item-content,
.full-padding [class*='col-xs-'] .item-content {
padding-left: 30px;
}
.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-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
/*-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-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
/*-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-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
/*-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-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
.vertical-item .item-content {
padding-top: 35px;
}
.vertical-item h3 {
font-size: 30px;
line-height: 1.1;
margin-bottom: 43px;
}
@media (max-width: 1199px) {
.vertical-item h3 {
margin-bottom: 16px;
}
}
.vertical-item h4 {
font-size: 20px;
margin-bottom: 12px;
}
.vertical-item .small-text {
font-size: 12px;
}
.vertical-item .list1 {
text-align: left;
margin: 0;
}
.vertical-item .list1 + .social-icons {
margin-top: 30px;
}
.vertical-item.content-padding .item-content {
padding: 40px 40px 35px;
}
@media (max-width: 1299px) {
.vertical-item.content-padding .item-content {
padding: 25px 25px 20px;
}
}
.vertical-item.content-absolute {
position: relative;
}
.vertical-item.content-absolute .item-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 30px 20px;
z-index: 2;
}
.vertical-item.content-absolute.vertical-center .item-content {
top: 0;
line-height: 1.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;
}
/* item meta */
.item-meta {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4em;
margin-bottom: 16px;
}
.item-meta i {
width: 1em;
text-align: center;
position: relative;
font-size: 20px;
top: 2px;
}
/* item media links */
.item-media {
position: relative;
overflow: hidden;
}
.item-media img {
width: 100%;
}
.media-links {
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.media-links div {
position: absolute;
top: 50%;
width: 100%;
margin-top: -25px;
z-index: 4;
}
.media-links:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.5);
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
[class*="-item"]:hover .media-links:before {
filter: alpha(opacity=50);
opacity: 0.5;
}
.media-links a.abs-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
}
[class*="-item"]:hover .media-links a.abs-link {
opacity: 1;
}
.media-links a.abs-link:before {
content: '+';
font-size: 60px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -23px;
text-align: center;
color: #45c2e9;
}
[class*="-item"] .links-wrap a {
position: relative;
width: 60px;
height: 60px;
line-height: 58px;
top: -100px;
border: 2px solid transparent;
display: inline-block;
z-index: 5;
font-size: 16px;
text-align: center;
filter: alpha(opacity=0);
opacity: 0;
transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-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;
}
[class*="-item"] .links-wrap a.p-view {
color: #ffffff;
background-color: #555555;
border-color: #555555;
}
[class*="-item"] .links-wrap a.p-view:hover {
background-color: #45c2e9;
border-color: #45c2e9;
}
[class*="-item"] .links-wrap a.p-link {
color: #555555;
background-color: #ffffff;
border-color: #ffffff;
transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
-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;
}
[class*="-item"] .links-wrap a.p-link:hover {
color: #ffffff;
background-color: #45c2e9;
border-color: #45c2e9;
}
[class*="-item"] .links-wrap a:before {
font-family: 'FontAwesome';
content: "\f002";
}
[class*="-item"] .links-wrap a.p-link:before {
content: "\f041";
}
[class*="-item"]:hover .links-wrap a {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
}
[class*="-item"]:hover .media-links div {
filter: alpha(opacity=100);
opacity: 1;
}
/* item icons */
.item-icons {
font-weight: 700;
padding: 20px 0;
display: table;
width: 100%;
border-top: 1px solid rgba(128, 128, 128, 0.1);
}
.item-icons i {
font-size: 15px;
position: relative;
top: 1px;
padding: 0 2px;
}
.item-icons > div {
padding: 4px 10px 4px;
display: table-cell;
width: 400px;
white-space: nowrap;
position: relative;
}
.item-icons > div.text-right {
padding-left: 0;
}
.item-icons > div + div {
border-left: 1px solid rgba(128, 128, 128, 0.1);
}
.item-icons [data-id] {
display: none;
}
.with_background .item-icons {
padding: 0;
border-color: #ffffff;
}
.with_background .item-icons > div {
padding-top: 20px;
padding-bottom: 20px;
}
.with_background .item-icons > div + div {
border-color: #ffffff;
}
.item-icons.content-icons {
padding: 0;
border-top: none;
}
.item-icons.content-icons > div {
padding-top: 4px;
padding-bottom: 4px;
}
.item-icons[class*='_bg_color'] > div + div {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
/*
** Header
*/
/* topline buttons */
.currency-dropdown .dropdown-menu {
min-width: 0;
padding: 20px 10px;
}
.currency-dropdown .dropdown-menu > li > a {
color: inherit;
padding: 5px 20px;
}
.currency-dropdown .dropdown-menu > li > a:hover,
.currency-dropdown .dropdown-menu > li.active-currency {
color: #555555;
}
.header-notes-dropdown .dropdown-menu,
.login-dropdown .dropdown-menu {
min-width: 400px;
padding: 0;
}
.header-notes-dropdown .dropdown-menu .list-unstyled,
.login-dropdown .dropdown-menu .list-unstyled {
padding: 30px;
}
.header-notes-dropdown .dropdown-menu .list1,
.login-dropdown .dropdown-menu .list1 {
padding: 20px 0;
}
.header-notes-dropdown .dropdown-menu .list1 .media-left img,
.login-dropdown .dropdown-menu .list1 .media-left img {
max-width: 40px;
border-radius: 50%;
}
.header-notes-dropdown .dropdown-menu .list1 li,
.login-dropdown .dropdown-menu .list1 li {
padding-left: 30px;
padding-right: 30px;
}
.header-notes-dropdown .dropdown-menu .list1 h5,
.login-dropdown .dropdown-menu .list1 h5 {
margin-top: 1em;
font-size: inherit;
}
.header-notes-dropdown .dropdown-menu .list1 h5 .pull-right,
.login-dropdown .dropdown-menu .list1 h5 .pull-right {
font-weight: 300;
opacity: 0.8;
}
.cart-dropdown .dropdown-menu {
min-width: 400px;
padding: 20px 30px;
}
.user-dropdown-menu .dropdown-menu {
min-width: 200px;
padding: 20px 30px;
}
.header-dropdown-number {
position: absolute;
font-size: 10px;
color: #ffffff;
background-color: #ed6b75;
border-radius: 5px;
line-height: 1;
padding: 2px 4px 1px;
top: 22%;
left: 5px;
font-weight: bold;
}
@media (max-width: 767px) {
.header-notes-dropdown,
.login-dropdown,
.cart-dropdown {
position: static;
}
.header-notes-dropdown .dropdown-menu,
.login-dropdown .dropdown-menu,
.cart-dropdown .dropdown-menu {
margin-left: 0;
margin-right: 0;
right: 0;
left: 0;
min-width: 0;
}
}
@media (max-width: 992px) {
.page_header_wrapper .col-sm-12 {
min-height: 0;
}
}
/* logo */
a.logo {
display: inline-block;
word-break: break-word;
letter-spacing: 0.1em;
position: relative;
z-index: 2;
padding: 5px 0;
}
footer a.logo img {
max-width: 100%;
}
@media (max-width: 991px) {
a.logo img {
max-width: 120px;
}
}
.ls a.logo {
color: #555555;
}
a.logo.logo_text_only {
margin-left: 30px;
line-height: 80px;
}
.header_gradient a.logo,
.header_darkgrey a.logo {
color: #ffffff;
}
a.logo.bottom_logo {
padding: 0;
font-size: 28px;
}
a.logo.bottom_logo img {
max-width: 65px;
}
.floating_logo a.logo {
float: left;
margin-right: 30px;
}
a.logo.vertical_logo {
padding: 0;
margin-bottom: 15px;
}
a.logo.vertical_logo img {
margin: 0 auto 5px;
display: block;
}
@media (min-width: 992px) {
.header_logo_center a.logo {
margin: 15px 20px;
}
}
@media (min-width: 992px) {
.affix.header_logo_center a.logo {
margin: 5px 20px;
}
}
@media (max-width: 600px) {
a.logo.logo_image_and_text .logo_text {
display: none;
}
}
@media (min-width: 992px) {
.header_logo_center .logo_wrapper {
position: absolute;
left: 0;
right: 0;
}
}
.logo-meta {
line-height: 1;
display: inline-block;
margin: 11px 20px;
vertical-align: middle;
text-align: left;
}
@media (max-width: 1400px) {
.logo + .logo-meta {
display: none;
}
}
.logo-meta strong {
display: block;
font-size: 16px;
}
.logo-meta span {
display: block;
}
.page_header_side .logo-meta {
display: block !important;
}
.lt-ie9 .page_header_wrapper {
height: auto !important;
}
.lt-ie9 .page_header_wrapper .md-hidden {
display: inline-block;
}
.page_header {
-webkit-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
top: 0;
left: 0;
right: 0;
position: relative;
z-index: 1000;
margin: 0;
padding: 0;
height: auto;
}
.boxed .page_header, .page_header.affix {
position: fixed;
z-index: 1001;
}
.page_header.mobile-active {
z-index: 1002;
}
.page_header.affix-bottom {
top: 0 !important;
position: fixed;
}
.page_header a.header-button {
display: inline-block;
color: #666666;
padding: 0 15px;
line-height: 60px;
position: relative;
}
@media (max-width: 400px) {
.page_header a.header-button {
padding-left: 8px;
padding-right: 8px;
}
}
.page_header a.header-button i {
font-size: 1.2em;
position: relative;
top: 0.07em;
}
.page_header a.header-button i + span {
display: none;
}
.page_header a.header-button img {
display: inline-block;
max-width: 40px;
border-radius: 50%;
margin: 0 5px;
}
.page_header .big-header-buttons {
padding: 0 15px;
}
.page_header .social-icon {
margin-bottom: 0;
}
@media (min-width: 992px) {
.page_header .container-fluid {
padding: 0;
}
.page_header .container-fluid [class*="col-"] {
padding: 0;
}
}
.page_header [class*="display_table_cell"] {
overflow: visible;
}
.page_header .widget_search {
display: inline-block;
margin: 10px 10px 10px 10px;
}
.page_header .widget_search .form-group {
margin-bottom: 0;
}
@media (max-width: 767px) {
.page_header .widget_search {
display: none;
}
}
.header_white {
color: #666666;
background-color: #ffffff;
}
.header_white.affix {
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.07);
}
.header_white a.logo {
color: #000;
}
.header_white a.logo .logo_text {
opacity: 0.3;
}
.header_darkgrey {
background-color: #555555;
}
.header_darkgrey.affix {
box-shadow: 0px 1px 3px rgba(200, 200, 200, 0.1);
}
.header_darkgrey a[class*='soc-'] {
color: #ffffff;
}
.header_darkgrey .logo-meta,
.header_darkgrey .grey {
color: #ffffff;
}
.header_darkgrey.header_darkblue {
background-color: #253138;
}
.header_color {
color: #ffffff;
background-color: #45c2e9;
}
.header_color a[class*='soc-'] {
color: #ffffff;
}
.header_color .logo-meta,
.header_color .grey {
color: #ffffff;
}
.header_color a.header-button {
color: #ffffff;
}
.header_color .widget_search .form-control {
border: none;
color: #333333;
}
.header_color .widget_search .form-control:-moz-placeholder {
color: #333333;
opacity: 0.9;
}
.header_color .widget_search .form-control::-moz-placeholder {
color: #333333;
opacity: 0.9;
}
.header_color .widget_search .form-control:-ms-input-placeholder {
color: #333333;
opacity: 0.9;
}
.header_color .widget_search .form-control::-webkit-input-placeholder {
color: #333333;
opacity: 0.9;
}
/* modal search */
#search_modal {
color: #ffffff;
}
#search_modal .search-form {
margin: 0 0 0 60px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#search_modal a {
color: #ffffff;
opacity: 0.6;
font-size: 12px;
text-transform: uppercase;
}
#search_modal a:hover {
color: #45c2e9;
opacity: 1;
}
#search_modal .searchform-respond {
width: 300px;
margin: 20px auto;
}
#search_modal .form-control {
border: none;
background-color: transparent;
height: 60px;
color: #ffffff;
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 {
color: #ffffff;
width: 60px;
height: 60px;
}
#search_modal .close {
padding: 19px 20px 18px;
position: absolute;
min-width: 0;
color: #ffffff;
text-shadow: none;
opacity: 1;
}
/* header floats */
.page_header:before,
.page_header:after {
content: '';
display: block;
clear: both;
}
.header_left_logo {
position: relative;
}
.page_header {
height: auto;
}
.header_left_logo {
white-space: nowrap;
padding: 0 15px;
overflow: visible;
}
.header_left_logo .logo img {
max-width: none;
}
.header_mainmenu {
overflow: visible;
width: 10000px;
padding: 0 15px;
}
.header_right_buttons {
white-space: nowrap;
padding: 0 15px;
text-align: right;
overflow: visible;
}
@media (min-width: 1600px) {
.header_left_logo {
padding: 0 50px;
}
.row .header_left_logo {
padding: inherit;
}
.header_right_buttons {
padding: 0 50px;
}
.row .header_right_buttons {
padding: inherit;
}
}
/*
** Side Header
*/
/* side header layout */
body {
position: relative;
left: 0;
}
body:after {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1001;
visibility: hidden;
opacity: 0;
}
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: 230px;
}
body.active-side-header .page_header_side {
left: 0;
}
body.active-side-header:after {
visibility: visible;
opacity: 1;
}
.page_header_side {
z-index: 1002;
position: fixed;
width: 230px;
left: -230px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header {
box-shadow: 0px 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;
}
.side_header_inner {
padding: 10px 0 60px;
}
.toggle_menu_side {
position: absolute;
top: 5px;
right: -65px;
background-color: #ffffff;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 2;
}
.toggle_menu_side:before,
.toggle_menu_side span,
.toggle_menu_side span:before,
.toggle_menu_side span:after {
content: '';
display: block;
width: 20px;
position: absolute;
background-color: #555555;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
height: 1px;
}
.toggle_menu_side:before,
.toggle_menu_side span {
left: 20px;
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);
transform: rotate(45deg);
}
.active-slide-side-header .toggle_menu_side span,
.active-side-header .toggle_menu_side span {
-webkit-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;
}
.toggle_menu_side.toggler_light span,
.toggle_menu_side.toggler_light span:before,
.toggle_menu_side.toggler_light span:after, .toggle_menu_side.toggler_light:before {
background-color: #ffffff;
}
.active-slide-side-header .toggle_menu_side.toggler_light:before,
.active-slide-side-header .toggle_menu_side.toggler_light span {
background-color: #555555;
}
.ds .toggle_menu_side {
background-color: #555555;
}
.ds .toggle_menu_side span,
.ds .toggle_menu_side span:before,
.ds .toggle_menu_side span:after, .ds .toggle_menu_side:before {
background-color: #ffffff;
}
.bs .toggle_menu_side {
background-color: #253138;
}
@media (max-width: 350px) {
.toggle_menu_side {
top: 0;
right: -50px;
}
}
.page_header_side.page_header_side_sticked .toggle_menu_side {
-webkit-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
right: -65px;
top: 5px;
}
.admin .page_header_side.page_header_side_sticked .toggle_menu_side {
background-color: transparent;
right: -60px;
top: 0;
}
.admin .page_header_side.page_header_side_sticked.active-slide-side-header .toggle_menu_side {
top: 0;
right: 0;
box-shadow: none;
}
.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 {
padding-left: 0;
margin-left: 230px;
}
.page_header_side_sticked.active-slide-side-header ~ * {
margin-left: 230px;
}
.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: -230px;
}
.page_header_side.header_side_right.active-slide-side-header {
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side {
right: auto;
left: -65px;
}
@media (max-width: 350px) {
.page_header_side.header_side_right .toggle_menu_side {
left: -50px;
}
}
body.active-side-header.slide-right {
left: -230px;
}
body.active-side-header.slide-right .page_header_side {
left: auto;
right: 0;
}
/* side clickable menu styles */
.menu-click {
padding: 0;
margin: 19px 0;
line-height: 1;
}
.menu-click i {
width: 1em;
text-align: center;
margin-right: 10px;
}
.menu-click .activate_submenu {
cursor: pointer;
position: absolute;
right: 30px;
top: 9px;
font-size: 11px;
color: #555555;
text-align: center;
width: 10px;
opacity: 0.9;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
display: none;
}
.menu-click .activate_submenu:before {
font-family: 'FontAwesome';
content: "\f0dd";
}
.ds .menu-click .activate_submenu {
color: #ffffff;
}
.menu-click .active-submenu > .activate_submenu {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-click li {
position: relative;
list-style: none;
margin-top: 10px;
margin-bottom: 10px;
}
.menu-click > li {
padding: 0 30px 0 27px;
font-weight: 400;
background-color: transparent;
border-left: 3px solid transparent;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.menu-click > li a {
display: block;
padding: 7px 0;
}
.menu-click > li.active-submenu {
padding-top: 19px;
padding-bottom: 10px;
border-color: #45c2e9;
}
.bs .menu-click > li.active-submenu {
background-color: #253138;
}
.ls .menu-click > li.active-submenu {
background-color: #f8f9f9;
}
.menu-click > li.active-submenu > .activate_submenu {
top: 26px;
right: 28px;
}
.menu-click > li li {
padding-right: 40px;
font-weight: 300;
}
.menu-click li.active > a {
color: #45c2e9;
}
.menu-click ul {
opacity: 0;
height: 0;
padding-left: 26px;
}
.menu-click ul ul {
padding-left: 10px;
font-size: 95%;
}
.menu-click .active-submenu > div.mega-menu {
height: auto;
}
.menu-click .active-submenu > ul,
.menu-click .active-submenu > div.mega-menu > ul {
opacity: 1;
height: auto;
}
.menu-click ul, .menu-click div.mega-menu {
margin-right: -40px;
margin-top: 0;
margin-bottom: 0;
height: 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-click ul li.sfHover > .mega-menu ul {
display: block;
height: 100%;
}
.menu-click div.mega-menu > ul {
margin-right: 0;
height: auto;
}
.side_header_social {
margin: 30px;
text-align: center;
}
/* sidebar scroll plugin */
.scroll-wrapper {
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
.scroll-wrapper > .scroll-content {
border: none;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-wrapper.scroll--rtl {
direction: rtl;
}
.scroll-element {
box-sizing: content-box;
display: none;
}
.scroll-element div {
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track {
display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
background-color: rgba(127, 127, 127, 0.4);
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-radius: 1px;
-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: 0px;
height: 0px;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0px;
top: 0;
width: 0px;
}
.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: #ffffff;
color: #666666;
}
.ls h1,
.ls h2,
.ls h3,
.ls h4,
.ls h5,
.ls h6 {
color: #555555;
}
.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: #45c2e9;
}
.ls [class*='_bg'] {
color: #ffffff;
}
.ls [class*='_bg'] h1,
.ls [class*='_bg'] h2,
.ls [class*='_bg'] h3,
.ls [class*='_bg'] h4,
.ls [class*='_bg'] h5,
.ls [class*='_bg'] h6 {
color: #ffffff;
}
.ls a {
color: #45c2e9;
}
.ls a:hover {
color: #555555;
}
.ls .theme_buttons a,
.ls .theme_button {
color: #ffffff;
}
.ls .theme_buttons a:hover, .ls .theme_buttons a:focus,
.ls .theme_button:hover,
.ls .theme_button:focus {
background-color: #45c2e9;
border-color: #45c2e9;
color: #ffffff;
}
.ls .theme_buttons a i,
.ls .theme_button i {
color: #ffffff;
}
.ls .theme_button.inverse a,
.ls .theme_button.inverse {
color: #555555;
}
.ls .theme_button.inverse a:hover, .ls .theme_button.inverse a:focus,
.ls .theme_button.inverse:hover,
.ls .theme_button.inverse:focus {
background-color: #45c2e9;
border-color: #45c2e9;
color: #ffffff;
}
.ls .theme_button.inverse a:hover i, .ls .theme_button.inverse a:focus i,
.ls .theme_button.inverse:hover i,
.ls .theme_button.inverse:focus i {
color: #ffffff;
}
.ls .theme_button.inverse a i,
.ls .theme_button.inverse i {
color: #555555;
}
.ls [class*='color'].theme_button:active,
.ls [class*='color'].theme_button:hover,
.ls [class*='color'].theme_button:focus {
background-color: transparent;
border-color: #555555;
color: #555555;
}
.ls [class*='color'].theme_button:active i,
.ls [class*='color'].theme_button:hover i,
.ls [class*='color'].theme_button:focus i {
color: #555555;
}
.ls .color-icon.bg-icon {
background-color: #ececec;
}
.ls .muted_color {
color: #cccccc;
}
.ls .grey {
color: #555555;
}
.ls .highlight {
color: #45c2e9;
}
.ls .highlight2 {
color: #00bac6;
}
.ls .greylinks a {
color: #666666;
}
.ls .greylinks a:hover {
color: #45c2e9;
}
.ls .darklinks a {
color: #555555;
}
.ls .darklinks a:hover {
color: #00bac6;
}
.ls .pagination > li > a,
.ls .pagination > li > span {
border: 1px solid #e5e5e5;
color: #555555;
}
.ls .pagination > li.active > a,
.ls .pagination > li.active > span,
.ls .pagination > li > a:hover,
.ls .pagination > li > span:hover,
.ls .pagination > li > a:focus,
.ls .pagination > li > span:focus {
background-color: #45c2e9;
border-color: #45c2e9;
color: #ffffff;
}
/*
** Grey Section - light section, muted section - .ls.ms
*/
.ls.ms {
background-color: #f5f7fa;
}
.ls.ms .with_background {
background-color: #ffffff;
}
.ls.ms .with_background hr {
background-color: #e5e5e5;
}
.ls.ms .with_background .with_background {
box-shadow: none !important;
background-color: #f5f7fa;
}
.ls.ms [class*='col-'] > .with_background {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ls.ms hr {
background-color: #ffffff;
}
.ls.ms input[type="text"],
.ls.ms input[type="email"],
.ls.ms input[type="url"],
.ls.ms input[type="password"],
.ls.ms input[type="search"],
.ls.ms input[type="tel"],
.ls.ms input[type="number"],
.ls.ms textarea,
.ls.ms select,
.ls.ms .form-control {
background-color: #ffffff;
}
.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: #FAFBFC;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
.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: #ffffff;
border-color: #ffffff;
}
.ls.ms .tab-content {
background-color: #ffffff;
}
.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: #f5f7fa;
}
.ls.ms .with_background .nav-tabs > li.active > a,
.ls.ms .with_background .tab-content {
background-color: #f5f7fa;
}
.ls.ms .vertical-tabs .nav > li > a {
background-color: #ffffff;
}
.ls.ms .vertical-tabs .nav > li > a:hover,
.ls.ms .vertical-tabs .nav > li.active > a {
background-color: #555555;
}
.ls.ms .panel-title > a {
background-color: #555555;
}
.ls.ms .panel-title > a.collapsed {
background-color: #ffffff;
}
.ls.ms .with_background .panel-title > a {
border: 1px solid #e5e5e5;
}
.ls.ms .panel-title > a.collapsed:hover,
.ls.ms .panel-title > a:hover {
background-color: #555555;
}
.ls.ms .pagination a,
.ls.ms .pagination span {
background-color: #ffffff;
border-color: #ffffff;
}
.ls.ms .breadcrumb {
color: #666666;
}
.ls.ms .breadcrumb a {
color: #4d4d4d;
}
.ls.ms .breadcrumb a:hover {
color: #45c2e9;
}
/*
** Dark Section and Dark Muted sections - .ds and .ds.ms
*/
/* darkgrey section - .ds */
.ds {
background-color: #555555;
color: #9a9a9a;
}
/* dark section - .ds.ms */
.ds.ms {
background-color: #1a1a1a;
}
.ds.ms .ds.ms,
.ds.ms + .ds.ms {
background-color: #1f1f1f;
}
/* dark section blue - .ds.bs */
.ds.bs {
background-color: #2f3e47;
}
.ds.bs .side_header_logo {
background-color: #253138;
}
.ds h1,
.ds h2,
.ds h3,
.ds h4,
.ds h5,
.ds h6 {
color: #ffffff;
}
.ds h1 a,
.ds h2 a,
.ds h3 a,
.ds h4 a,
.ds h5 a,
.ds h6 a {
color: #ffffff;
}
.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: #45c2e9;
}
.ds [class*='_bg'] {
color: #ffffff;
}
.ds [class*='_bg'] h1,
.ds [class*='_bg'] h2,
.ds [class*='_bg'] h3,
.ds [class*='_bg'] h4,
.ds [class*='_bg'] h5,
.ds [class*='_bg'] h6 {
color: #ffffff;
}
.ds .ls {
background-color: #ffffff;
color: #666666;
}
.ds .ls h1,
.ds .ls h2,
.ds .ls h3,
.ds .ls h4,
.ds .ls h5,
.ds .ls h6 {
color: #555555;
}
.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: #45c2e9;
}
.ds .ls a {
color: #45c2e9;
}
.ds .ls a:hover {
color: #555555;
}
.ds label {
color: #ffffff;
}
.ds a {
color: #ffffff;
}
.ds a:hover {
color: #45c2e9;
}
.ds hr {
border-color: #454545;
background-color: #454545;
}
.ds blockquote, .ds .blockquote {
color: #ffffff;
}
.ds .blockquote-big:before, .ds .blockquote-big:after {
color: #2c2c2c;
}
.ds .theme_buttons a,
.ds .theme_button {
background-color: #ffffff;
border-color: #ffffff;
color: #555555;
}
.ds .theme_buttons a:hover, .ds .theme_buttons a:focus,
.ds .theme_button:hover,
.ds .theme_button:focus {
background-color: #45c2e9;
border-color: #45c2e9;
color: #ffffff;
}
.ds .theme_buttons a:hover i, .ds .theme_buttons a:focus i,
.ds .theme_button:hover i,
.ds .theme_button:focus i {
color: #ffffff;
}
.ds .theme_buttons a i,
.ds .theme_button i {
color: #555555;
}
.ds .theme_buttons.color1 a,
.ds .theme_button.color1 {
background-color: #45c2e9;
border-color: #45c2e9;
color: #ffffff;
}
.ds .theme_buttons.color1 a i,
.ds .theme_button.color1 i {
color: #ffffff;
}
.ds .theme_buttons.color2 a,
.ds .theme_button.color2 {
background-color: #00bac6;
border-color: #00bac6;
color: #ffffff;
}
.ds .theme_buttons.color2 a i,
.ds .theme_button.color2 i {
color: #ffffff;
}
.ds [class*='color'].theme_button:active,
.ds [class*='color'].theme_button:hover,
.ds [class*='color'].theme_button:focus {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.ds [class*='color'].theme_button:active i,
.ds [class*='color'].theme_button:hover i,
.ds [class*='color'].theme_button:focus i {
color: #ffffff;
}
.ds .theme_buttons.inverse a,
.ds .theme_button.inverse {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
.ds .theme_buttons.inverse a:after,
.ds .theme_button.inverse:after {
display: none;
}
.ds .theme_buttons.inverse a:hover, .ds .theme_buttons.inverse a:focus,
.ds .theme_button.inverse:hover,
.ds .theme_button.inverse:focus {
background-color: #45c2e9;
border-color: #45c2e9;
color: #ffffff;
}
.ds .theme_buttons.inverse a i,
.ds .theme_button.inverse i {
color: #ffffff;
}
.ds [class*='soc-'] {
color: #ffffff;
border-color: #454545;
}
.ds .social-icon.color-icon:hover {
color: #ffffff;
}
.ds .muted_background,
.ds .with_background,
.ds .well {
background-color: rgba(255, 255, 255, 0.06);
}
.ds.muted_section:before {
background-color: rgba(255, 255, 255, 0.06);
}
.ds .with_border {
border-color: #454545;
}
.ds .highlight {
color: #45c2e9;
}
.ds .highlight2 {
color: #00bac6;
}
.ds .grey, .ds .black {
color: #ffffff;
border-color: #ffffff;
}
.ds .highlightlinks a {
color: #45c2e9;
}
.ds .highlightlinks a:hover {
color: #ffffff;
}
.ds .greylinks a {
color: #9a9a9a;
}
.ds .greylinks a:hover {
color: #ffffff;
}
.ds .darklinks a {
color: #ffffff;
}
.ds .darklinks a:hover {
color: #45c2e9;
}
.ds.with_top_border:before, .ds.with_bottom_border:after {
background-color: #454545;
}
.ds .section_header + p {
color: #ffffff;
}
.ds input[type="text"],
.ds input[type="email"],
.ds input[type="url"],
.ds input[type="password"],
.ds input[type="search"],
.ds input[type="tel"],
.ds input[type="number"],
.ds textarea,
.ds select,
.ds .form-control {
background-color: #ffffff;
color: #333333;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
.ds form label + [class*="icon-"] {
color: #555555;
color: #ffffff;
}
.ds .form-group-select:before {
border-color: #454545;
}
.ds .form-control:focus {
border-color: #9a9a9a;
}
.ds .form-control:-moz-placeholder {
color: #555555;
opacity: 1;
}
.ds .form-control::-moz-placeholder {
color: #555555;
opacity: 1;
}
.ds .form-control:-ms-input-placeholder {
color: #555555;
}
.ds .form-control::-webkit-input-placeholder {
color: #555555;
}
.ds .form-control:focus:-moz-placeholder {
color: transparent;
}
.ds .form-control:focus::-moz-placeholder {
color: transparent;
}
.ds .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.ds .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.ds .contact-form.transparent-background .form-control {
border-color: #454545;
}
.ds .table,
.ds .table-bordered,
.ds .table th,
.ds .table td,
.ds table th,
.ds table td {
border-color: #454545;
}
.ds table th {
color: #ffffff;
}
.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 {
border-color: #454545;
background-color: rgba(255, 255, 255, 0.06);
}
.ds .color-icon.bg-icon {
background-color: rgba(255, 255, 255, 0.06);
}
.ds .color-icon.bg-icon:hover {
color: #ffffff;
}
.ds .color-bg-icon:hover {
background-color: #45c2e9;
}
.ds .tab-content {
background-color: rgba(255, 255, 255, 0.06);
border-color: transparent;
}
.ds .tab-content.no-border {
background-color: transparent;
}
.ds .nav-unstyled {
border-color: #454545;
}
.ds .nav-tabs > li > a {
border-color: transparent;
color: #ffffff;
}
.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 {
border: none;
background-color: rgba(255, 255, 255, 0.06);
color: #ffffff;
}
.ds ul.list1 {
color: #ffffff;
}
.ds ul.list1 li {
border-color: #454545;
}
.ds .owl-theme .owl-dots .owl-dot span {
border-color: #ffffff;
}
.ds .testimonials-carousel .media + p {
background-color: rgba(255, 255, 255, 0.06);
}
.ds .side-item {
border-color: #454545;
}
.ds .entry-excerpt {
color: #ffffff;
}
.ds .widget_search .form-inline .theme_button, .ds .widget_product_search [type="submit"], .ds .widget_mailchimp .form-inline .theme_button {
background-color: transparent;
color: #45c2e9;
}
.ds .pagination > li > a,
.ds .pagination > li > span {
color: #ffffff;
background-color: transparent;
border: 1px solid #454545;
}
.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 {
border-color: #45c2e9;
background-color: #45c2e9;
color: #ffffff;
}
.ds .thumbnail {
background-color: transparent;
}
.ds .thumbnail h3 a {
color: #ffffff;
}
.ds .thumbnail .caption {
border-color: transparent;
background-color: rgba(252, 252, 252, 0.06);
}
.ds .progress {
background-color: #454545;
}
.ds .panel-heading .panel-title > a.collapsed,
.ds .vertical-tabs .nav > li > a {
background-color: rgba(255, 255, 255, 0.06);
color: #ffffff;
}
.ds .panel-heading .panel-title > a,
.ds .panel-heading .panel-title > a:hover,
.ds .vertical-tabs .nav > li.active > a,
.ds .vertical-tabs .nav > li > a:hover {
background-color: #45c2e9;
}
.ds .panel-heading .panel-title > a:hover:after,
.ds .vertical-tabs .nav > li > a:hover:after {
color: #ffffff;
}
/*
** Color Section - .cs
*/
.cs.main_color2 {
background-color: #00bac6;
}
.cs.main_color2 .highlight {
color: #45c2e9;
}
.cs.main_color3 {
background-color: #e7003e;
}
.cs.main_color3 .highlight {
color: #45c2e9;
}
.cs.success_bg_color {
background-color: #94b86e;
}
.cs.info_bg_color {
background-color: #45c2e9;
}
.cs.warning_bg_color {
background-color: #ffb848;
}
.cs.danger_bg_color {
background-color: #ed6b75;
}
.cs {
background-color: #45c2e9;
color: #ffffff;
}
.cs h1,
.cs h2,
.cs h3,
.cs h4,
.cs h5,
.cs h6 {
color: #ffffff;
}
.cs h1 a,
.cs h2 a,
.cs h3 a,
.cs h4 a,
.cs h5 a,
.cs h6 a {
color: #555555;
}
.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: #ffffff;
}
.cs a {
color: #ffffff;
}
.cs a:hover {
color: #ceeff9;
}
.cs blockquote, .cs .blockquote {
border-color: #73d1ee;
}
.cs .theme_buttons a.color1,
.cs .theme_button.color1 {
background-color: #ffffff;
border-color: #ffffff;
color: #555555;
}
.cs .theme_buttons a.color1 i,
.cs .theme_button.color1 i {
color: #555555;
}
.cs .theme_buttons a:hover, .cs .theme_buttons a:focus,
.cs .theme_button:hover,
.cs .theme_button:focus {
color: #555555;
background-color: #ffffff;
border-color: #ffffff;
}
.cs .theme_buttons a:hover i, .cs .theme_buttons a:focus i,
.cs .theme_button:hover i,
.cs .theme_button:focus i {
color: #555555;
}
.cs .theme_buttons a i,
.cs .theme_button i {
color: #ffffff;
}
.cs [class*='color'].theme_button:active,
.cs [class*='color'].theme_button:hover,
.cs [class*='color'].theme_button:focus {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.cs [class*='color'].theme_button:active i,
.cs [class*='color'].theme_button:hover i,
.cs [class*='color'].theme_button:focus i {
color: #ffffff;
}
.cs .theme_buttons.inverse a,
.cs .theme_button.inverse {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.cs .theme_buttons.inverse a:hover, .cs .theme_buttons.inverse a:focus,
.cs .theme_button.inverse:hover,
.cs .theme_button.inverse:focus {
color: #454545;
background-color: #ffffff;
border-color: #ffffff;
}
section .cs .theme_buttons a,
section .cs .theme_button {
color: #555555;
background-color: #ffffff;
border-color: #ffffff;
}
section .cs .theme_buttons a:hover,
section .cs .theme_button:hover {
background-color: #555555;
border-color: #555555;
color: #ffffff;
}
.cs .with_background {
background-color: rgba(255, 255, 255, 0.15);
}
.cs .with_border {
border-color: rgba(255, 255, 255, 0.15);
}
.cs.with_top_border .container:before,
.cs.with_bottom_border .container:after {
background-color: #73d1ee;
}
.cs .section_header + p {
color: #ffffff;
}
.cs .greylinks a {
color: #ffffff;
opacity: 0.9;
}
.cs .greylinks a:hover {
opacity: 1;
color: #ffffff;
}
.cs .black {
border-color: #ffffff;
color: #ffffff;
}
.cs .grey {
border-color: #555555;
color: #555555;
}
.cs .response,
.cs .highlight {
color: #ffffff;
}
.cs ul.list1 li {
border-color: rgba(255, 255, 255, 0.15);
}
.cs [class*='soc-'] {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.15);
}
.cs .color-icon.bg-icon {
background-color: rgba(255, 255, 255, 0.15);
}
.cs a.social-icon.color-bg-icon:hover {
background-color: #555555;
}
.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 {
color: #555555;
background-color: #ffffff;
border-color: #ffffff;
}
.cs .form-control:focus {
border-color: rgba(255, 255, 255, 0.5);
}
.cs .form-control:-moz-placeholder {
color: #555555;
opacity: 1;
}
.cs .form-control::-moz-placeholder {
color: #555555;
opacity: 1;
}
.cs .form-control:-ms-input-placeholder {
color: #555555;
}
.cs .form-control::-webkit-input-placeholder {
color: #555555;
}
.cs .form-control:focus:-moz-placeholder {
color: transparent;
}
.cs .form-control:focus::-moz-placeholder {
color: transparent;
}
.cs .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.cs .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.cs .pagination > li > a,
.cs .pagination > li > span {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.15);
}
.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 {
background-color: #ffffff;
color: #555555;
}
.cs .widget_search .form-inline .theme_button {
color: #45c2e9;
}
.cs .widget_search .form-inline .theme_button:hover {
background-color: transparent;
}
/*
** Widgets
*/
.affix-aside {
position: fixed;
max-width: 300px;
right: 0;
}
.widget > h3,
.widget-title {
position: relative;
font-size: 30px;
}
.page_footer .widget > h3, .page_footer
.widget-title {
text-transform: uppercase;
font-size: 20px;
margin: 0 0 44px;
}
.widget:before, .widget:after {
display: block;
content: '';
clear: both;
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget ul ul li {
padding-left: 20px;
}
.widget li {
position: relative;
}
.widget .vertical-item h4 {
font-size: 16px;
margin: 0;
}
.widget .vertical-item .item-meta {
letter-spacing: 0.1em;
}
.widget select {
width: 100%;
max-width: 100%;
border: none;
height: 40px;
padding-left: 20px;
padding-right: 40px;
padding-top: 9px;
padding-bottom: 9px;
font-size: 16px;
}
/*
widget_search,
widget_mailchimp
*/
.widget_mailchimp {
overflow: hidden;
}
.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 {
width: 100%;
margin: 0;
}
.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: block;
vertical-align: top;
position: relative;
}
.widget_search .form-inline [type="text"],
.widget_product_search [type="search"],
.widget_mailchimp .form-inline [type="email"] {
padding-right: 50px;
width: 100%;
}
@media (min-width: 768px) {
.widget_search .form-group.inline-block,
.widget_mailchimp .form-group.inline-block {
min-width: 370px;
margin-right: 5px;
}
}
.widget_search .form-inline .theme_button,
.widget_product_search [type="submit"],
.widget_mailchimp .form-inline .theme_button {
font-size: 0;
padding: 12px;
margin: 0;
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 60px;
border: none;
background-color: transparent;
color: #45c2e9;
}
.widget_search .form-inline .theme_button:before,
.widget_product_search [type="submit"]:before,
.widget_mailchimp .form-inline .theme_button:before {
font-size: 16px;
content: "\f002";
font-family: 'FontAwesome';
}
.widget_search .form-inline .theme_button:hover,
.widget_product_search [type="submit"]:hover,
.widget_mailchimp .form-inline .theme_button:hover {
opacity: 0.5;
}
.widget_mailchimp .form-inline .theme_button:before {
content: "\f040";
}
/*
** Shortcodes
*/
/*
** Teasers
*/
/* small teaser - media bootstrap component with icon */
.small-teaser h4 {
margin-bottom: 8px;
}
.small-teaser .media-body {
width: auto;
}
/* teaser */
.teaser {
position: relative;
border-radius: 3px;
}
.teaser[class*="_bg_color"], .teaser[class*="with_"] {
padding: 35px 40px 40px;
}
@media (max-width: 1400px) {
.teaser[class*="_bg_color"], .teaser[class*="with_"] {
padding: 26px 30px;
}
}
@media (max-width: 500px) {
.teaser[class*="_bg_color"], .teaser[class*="with_"] {
padding: 16px 20px;
}
}
.teaser [class*="_bg_color"] {
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
vertical-align: bottom;
}
.teaser [class*="_bg_color"] + h3,
.teaser [class*="_bg_color"] + h4 {
margin-top: 28px;
}
.teaser [class*="_bg_color"] i {
line-height: 2em;
}
.teaser .border_icon {
width: 2em;
height: 2em;
border-width: 3px;
border-style: solid;
}
.teaser .border_icon + h3,
.teaser .border_icon + h4 {
margin-top: 28px;
}
.teaser .border_icon i {
line-height: 2em;
display: block;
margin: -3px 0 0 0;
}
.teaser i {
text-align: center;
display: inline-block;
}
.teaser h2 {
font-size: 50px;
font-weight: 400;
margin-bottom: 33px;
}
.teaser h3 {
font-size: 18px;
}
.teaser h4 {
font-size: 14px;
}
.teaser .media-left {
padding-right: 20px;
}
.teaser .media-body h3 {
margin-bottom: 10px;
}
.teaser .media-body h4 {
margin-bottom: 6px;
}
@media (max-width: 500px) {
.teaser h2, .teaser h3, .teaser h4 {
font-size: 1.4em;
}
.teaser h2 span, .teaser h3 span, .teaser h4 span {
font-size: 1.2em;
}
}
.teaser h3[class*="count"] {
font-size: 60px;
line-height: 0.9;
font-weight: 300;
margin: 0 0 -1px;
}
.teaser h3[class*="count"] + p {
margin: 0;
}
.teaser .teaser_icon + h3[class*="count"] {
margin-top: 20px;
}
.teaser .theme_button {
margin: 30px 0 0;
}
.section_padding_bottom_0 .teaser {
margin-bottom: 0;
}
.teaser .counter-background {
position: absolute;
right: 0;
left: 0;
top: 48%;
font-size: 180px;
font-weight: 700;
opacity: 0.05;
}
.teaser .icon-background {
position: absolute;
opacity: 0.1;
margin: 30px auto;
top: 0;
left: 0;
right: 0;
font-size: 300px;
line-height: 0.6;
}
.teaser i.icon-background {
margin-top: 0;
margin-bottom: 0;
}
.teaser.font-icon-background-teaser {
padding: 48px 25px 48px;
overflow: hidden;
}
.teaser.icon-background-teaser, .teaser.counter-background-teaser {
overflow: hidden;
padding: 98px 25px 98px;
}
.teaser.icon-background-teaser .small-text, .teaser.counter-background-teaser .small-text {
line-height: 1.4em;
}
.teaser.inner-border:after {
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.teaser.corner-icon-teaser {
padding: 50px 60px;
overflow: hidden;
}
.teaser.corner-icon-teaser i {
width: 160px;
height: 160px;
top: -80px;
right: -80px;
border-radius: 50%;
position: absolute;
}
.teaser.corner-icon-teaser i:before {
position: absolute;
font-size: 28px;
left: 35px;
bottom: 35px;
}
.teaser_icon {
display: inline-block;
line-height: 1;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.teaser_icon[class*='label-'] {
display: inline-block;
width: 30px;
height: 30px;
line-height: 32px;
border-radius: 3px;
vertical-align: bottom;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
color: #fff;
}
.teaser_icon + h2 {
margin-top: 40px;
}
.teaser_icon + h3 {
margin-top: 10px;
}
.teaser_icon + p {
margin-top: 37px;
}
.teaser:hover .teaser_icon {
-webkit-animation: scaleDisappear 0.5s;
animation: scaleDisappear 0.5s;
}
.size_big {
font-size: 64px;
}
.size_normal {
font-size: 42px;
}
.size_small {
font-size: 30px;
}
/* background teaser */
.bg_teaser {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
position: relative;
color: #ffffff;
overflow: hidden;
}
.bg_teaser:after {
position: absolute;
width: 100%;
height: 1000px;
}
.bg_teaser .highlight {
color: #ffffff;
}
.bg_teaser h4 + h3 {
margin-top: -14px;
font-size: 50px;
}
.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(69, 194, 233, 0.92);
}
.color_bg_2:after {
background-color: rgba(0, 186, 198, 0.92);
}
.color_bg_3:after {
background-color: rgba(231, 0, 62, 0.92);
}
.color_bg_4:after {
background-color: rgba(244, 161, 21, 0.92);
}
.teaser.media[class*='_bg_'] {
padding: 25px 30px;
}
.teaser.media[class*='_bg_'] i {
opacity: 0.3;
}
.teaser.media[class*='_bg_'] p {
text-transform: uppercase;
}
.darkgrey_bg:after {
background-color: rgba(85, 85, 85, 0.8);
}
/* contact forms */
.contact-form {
position: relative;
z-index: 3;
}
.contact-form.ls {
background-color: #fafafa;
}
.contact-form.ls.ms {
background-color: #f2f4f8;
}
.contact-form label[for] {
display: none;
}
.contact-form textarea {
min-height: 200px;
}
.contact-form.parallax {
padding: 50px 50px 35px;
background-image: url(../img/parallax/progress.jpg);
}
.contact-form-respond {
display: block;
font-weight: 800;
}
.contact-form-respond:before {
font-family: 'rt-icons-2';
content: "\e71a";
padding-right: 10px;
}
.contact-form p {
margin-bottom: 10px;
position: relative;
}
.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-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
}
.wrap-forms .form-group {
margin: 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 {
position: absolute;
left: 50%;
top: 10%;
margin-left: -150px;
width: 300px;
}
#messages_modal ul {
margin-bottom: 0;
}
/*
** Social Icons
*/
/* layout */
a[class*='soc-']:before {
font-family: 'socicon';
font-size: 16px;
line-height: 1;
}
a.social-icon {
font-size: 0;
line-height: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
}
a.social-icon span {
opacity: 0.7;
display: block;
font-size: 14px;
text-transform: uppercase;
}
a.social-icon span:first-child {
font-size: 24px;
margin-top: 8px;
font-weight: bold;
}
a.social-icon [class*="rt-icon"] + span {
font-size: 24px;
margin-top: 8px;
font-weight: bold;
}
a.social-icon + a.social-icon,
.tooltip + a.social-icon {
margin-left: 16px;
}
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: 3px;
}
a.social-icon.block-icon {
width: 100%;
}
a[class*='soc-'].rounded-icon {
border-radius: 50%;
}
a.big-icon {
width: 112px;
height: 112px;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
a.big-icon[class*='soc-']:before {
font-size: 32px;
}
a.big-icon [class*='rt-icon']:before {
font-size: 32px;
}
/* corporate colors */
a.color-icon.soc-twitter {
color: #00abef;
}
a.color-icon.soc-facebook {
color: #507cbe;
}
a.color-icon.soc-google {
color: #d93e2d;
}
a.color-icon.soc-pinterest {
color: #c92619;
}
a.color-icon.soc-foursquare {
color: #23b7e0;
}
a.color-icon.soc-yahoo {
color: #6e2a85;
}
a.color-icon.soc-skype {
color: #28abe3;
}
a.color-icon.soc-yelp {
color: #c83218;
}
a.color-icon.soc-feedburner {
color: #ffcc00;
}
a.color-icon.soc-linkedin {
color: #3371b7;
}
a.color-icon.soc-viadeo {
color: #e4a000;
}
a.color-icon.soc-xing {
color: #005a60;
}
a.color-icon.soc-myspace {
color: #323232;
}
a.color-icon.soc-soundcloud {
color: #fe3801;
}
a.color-icon.soc-spotify {
color: #7bb342;
}
a.color-icon.soc-grooveshark {
color: #f67e03;
}
a.color-icon.soc-lastfm {
color: #d41316;
}
a.color-icon.soc-youtube {
color: #d12121;
}
a.color-icon.soc-vimeo {
color: #51b5e7;
}
a.color-icon.soc-dailymotion {
color: #004e72;
}
a.color-icon.soc-vine {
color: #00b389;
}
a.color-icon.soc-flickr {
color: #0062dd;
}
a.color-icon.soc-500px {
color: #58a9de;
}
a.color-icon.soc-instagram {
color: #9c7c6e;
}
a.color-icon.soc-wordpress {
color: #464646;
}
a.color-icon.soc-tumblr {
color: #45556c;
}
a.color-icon.soc-blogger {
color: #ec661c;
}
a.color-icon.soc-technorati {
color: #5cb030;
}
a.color-icon.soc-reddit {
color: #e74a1e;
}
a.color-icon.soc-dribbble {
color: #e84d88;
}
a.color-icon.soc-stumbleupon {
color: #e64011;
}
a.color-icon.soc-digg {
color: #1d1d1b;
}
a.color-icon.soc-envato {
color: #597c3a;
}
a.color-icon.soc-behance {
color: #007eff;
}
a.color-icon.soc-delicious {
color: #31a9ff;
}
a.color-icon.soc-deviantart {
color: #c5d200;
}
a.color-icon.soc-forrst {
color: #5b9a68;
}
a.color-icon.soc-play {
color: #5acdbd;
}
a.color-icon.soc-zerply {
color: #9dbc7a;
}
a.color-icon.soc-wikipedia {
color: #000000;
}
a.color-icon.soc-apple {
color: #b9bfc1;
}
a.color-icon.soc-flattr {
color: #f67c1a;
}
a.color-icon.soc-github {
color: #221e1b;
}
a.color-icon.soc-chimein {
color: #888688;
}
a.color-icon.soc-friendfeed {
color: #2f72c4;
}
a.color-icon.soc-newsvine {
color: #075b2f;
}
a.color-icon.soc-identica {
color: #000000;
}
a.color-icon.soc-bebo {
color: #ef1011;
}
a.color-icon.soc-zynga {
color: #dc0606;
}
a.color-icon.soc-steam {
color: #8f8d8a;
}
a.color-icon.soc-xbox {
color: #92c83e;
}
a.color-icon.soc-windows {
color: #00bdf6;
}
a.color-icon.soc-outlook {
color: #0072c6;
}
a.color-icon.soc-coderwall {
color: #3e8dcc;
}
a.color-icon.soc-tripadvisor {
color: #000000;
}
a.color-icon.soc-appnet {
color: #494949;
}
a.color-icon.soc-goodreads {
color: #1abc9c;
}
a.color-icon.soc-tripit {
color: #1982c3;
}
a.color-icon.soc-lanyrd {
color: #3c80c9;
}
a.color-icon.soc-slideshare {
color: #4ba3a6;
}
a.color-icon.soc-buffer {
color: #000000;
}
a.color-icon.soc-rss {
color: #f26109;
}
a.color-icon.soc-vkontakte {
color: #5a7fa6;
}
a.color-icon.soc-disqus {
color: #2e9fff;
}
a.color-icon.soc-houzz {
color: #7cc04b;
}
a.color-icon.soc-mail {
color: #000000;
}
a.color-icon.soc-patreon {
color: #e44727;
}
a.color-icon.soc-paypal {
color: #009cde;
}
a.color-icon.soc-playstation {
color: #000000;
}
a.color-icon.soc-smugmug {
color: #acfd32;
}
a.color-icon.soc-swarm {
color: #fc9d3c;
}
a.color-icon.soc-triplej {
color: #e53531;
}
a.color-icon.soc-yammer {
color: #1175c4;
}
a.color-icon.soc-stackoverflow {
color: #fd9827;
}
a.color-icon.soc-drupal {
color: #00598e;
}
a.color-icon.soc-odnoklassniki {
color: #f48420;
}
a.color-icon.soc-android {
color: #8ec047;
}
a.color-icon.soc-meetup {
color: #e2373c;
}
a.color-icon.soc-persona {
color: #e6753d;
}
a.color-icon.soc-amazon {
color: #ff9900;
}
a.color-icon.soc-ello {
color: #000000;
}
a.color-icon.soc-mixcloud {
color: #314359;
}
a.color-icon.soc-8tracks {
color: #122c4b;
}
a.color-icon.soc-twitch {
color: #6441a5;
}
a.color-icon.soc-airbnb {
color: #ff5a5f;
}
a.color-icon.soc-pocket {
color: #ed4055;
}
a[class*="soc-"].soc-twitter:hover {
color: #00abef;
border-color: #00abef;
}
a[class*="soc-"].soc-facebook:hover {
color: #507cbe;
border-color: #507cbe;
}
a[class*="soc-"].soc-google:hover {
color: #d93e2d;
border-color: #d93e2d;
}
a[class*="soc-"].soc-pinterest:hover {
color: #c92619;
border-color: #c92619;
}
a[class*="soc-"].soc-foursquare:hover {
color: #23b7e0;
border-color: #23b7e0;
}
a[class*="soc-"].soc-yahoo:hover {
color: #6e2a85;
border-color: #6e2a85;
}
a[class*="soc-"].soc-skype:hover {
color: #28abe3;
border-color: #28abe3;
}
a[class*="soc-"].soc-yelp:hover {
color: #c83218;
border-color: #c83218;
}
a[class*="soc-"].soc-feedburner:hover {
color: #ffcc00;
border-color: #ffcc00;
}
a[class*="soc-"].soc-linkedin:hover {
color: #3371b7;
border-color: #3371b7;
}
a[class*="soc-"].soc-viadeo:hover {
color: #e4a000;
border-color: #e4a000;
}
a[class*="soc-"].soc-xing:hover {
color: #005a60;
border-color: #005a60;
}
a[class*="soc-"].soc-myspace:hover {
color: #323232;
border-color: #323232;
}
a[class*="soc-"].soc-soundcloud:hover {
color: #fe3801;
border-color: #fe3801;
}
a[class*="soc-"].soc-spotify:hover {
color: #7bb342;
border-color: #7bb342;
}
a[class*="soc-"].soc-grooveshark:hover {
color: #f67e03;
border-color: #f67e03;
}
a[class*="soc-"].soc-lastfm:hover {
color: #d41316;
border-color: #d41316;
}
a[class*="soc-"].soc-youtube:hover {
color: #d12121;
border-color: #d12121;
}
a[class*="soc-"].soc-vimeo:hover {
color: #51b5e7;
border-color: #51b5e7;
}
a[class*="soc-"].soc-dailymotion:hover {
color: #004e72;
border-color: #004e72;
}
a[class*="soc-"].soc-vine:hover {
color: #00b389;
border-color: #00b389;
}
a[class*="soc-"].soc-flickr:hover {
color: #0062dd;
border-color: #0062dd;
}
a[class*="soc-"].soc-500px:hover {
color: #58a9de;
border-color: #58a9de;
}
a[class*="soc-"].soc-instagram:hover {
color: #9c7c6e;
border-color: #9c7c6e;
}
a[class*="soc-"].soc-wordpress:hover {
color: #464646;
border-color: #464646;
}
a[class*="soc-"].soc-tumblr:hover {
color: #45556c;
border-color: #45556c;
}
a[class*="soc-"].soc-blogger:hover {
color: #ec661c;
border-color: #ec661c;
}
a[class*="soc-"].soc-technorati:hover {
color: #5cb030;
border-color: #5cb030;
}
a[class*="soc-"].soc-reddit:hover {
color: #e74a1e;
border-color: #e74a1e;
}
a[class*="soc-"].soc-dribbble:hover {
color: #e84d88;
border-color: #e84d88;
}
a[class*="soc-"].soc-stumbleupon:hover {
color: #e64011;
border-color: #e64011;
}
a[class*="soc-"].soc-digg:hover {
color: #1d1d1b;
border-color: #1d1d1b;
}
a[class*="soc-"].soc-envato:hover {
color: #597c3a;
border-color: #597c3a;
}
a[class*="soc-"].soc-behance:hover {
color: #007eff;
border-color: #007eff;
}
a[class*="soc-"].soc-delicious:hover {
color: #31a9ff;
border-color: #31a9ff;
}
a[class*="soc-"].soc-deviantart:hover {
color: #c5d200;
border-color: #c5d200;
}
a[class*="soc-"].soc-forrst:hover {
color: #5b9a68;
border-color: #5b9a68;
}
a[class*="soc-"].soc-play:hover {
color: #5acdbd;
border-color: #5acdbd;
}
a[class*="soc-"].soc-zerply:hover {
color: #9dbc7a;
border-color: #9dbc7a;
}
a[class*="soc-"].soc-wikipedia:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-apple:hover {
color: #b9bfc1;
border-color: #b9bfc1;
}
a[class*="soc-"].soc-flattr:hover {
color: #f67c1a;
border-color: #f67c1a;
}
a[class*="soc-"].soc-github:hover {
color: #221e1b;
border-color: #221e1b;
}
a[class*="soc-"].soc-chimein:hover {
color: #888688;
border-color: #888688;
}
a[class*="soc-"].soc-friendfeed:hover {
color: #2f72c4;
border-color: #2f72c4;
}
a[class*="soc-"].soc-newsvine:hover {
color: #075b2f;
border-color: #075b2f;
}
a[class*="soc-"].soc-identica:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-bebo:hover {
color: #ef1011;
border-color: #ef1011;
}
a[class*="soc-"].soc-zynga:hover {
color: #dc0606;
border-color: #dc0606;
}
a[class*="soc-"].soc-steam:hover {
color: #8f8d8a;
border-color: #8f8d8a;
}
a[class*="soc-"].soc-xbox:hover {
color: #92c83e;
border-color: #92c83e;
}
a[class*="soc-"].soc-windows:hover {
color: #00bdf6;
border-color: #00bdf6;
}
a[class*="soc-"].soc-outlook:hover {
color: #0072c6;
border-color: #0072c6;
}
a[class*="soc-"].soc-coderwall:hover {
color: #3e8dcc;
border-color: #3e8dcc;
}
a[class*="soc-"].soc-tripadvisor:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-appnet:hover {
color: #494949;
border-color: #494949;
}
a[class*="soc-"].soc-goodreads:hover {
color: #1abc9c;
border-color: #1abc9c;
}
a[class*="soc-"].soc-tripit:hover {
color: #1982c3;
border-color: #1982c3;
}
a[class*="soc-"].soc-lanyrd:hover {
color: #3c80c9;
border-color: #3c80c9;
}
a[class*="soc-"].soc-slideshare:hover {
color: #4ba3a6;
border-color: #4ba3a6;
}
a[class*="soc-"].soc-buffer:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-rss:hover {
color: #f26109;
border-color: #f26109;
}
a[class*="soc-"].soc-vkontakte:hover {
color: #5a7fa6;
border-color: #5a7fa6;
}
a[class*="soc-"].soc-disqus:hover {
color: #2e9fff;
border-color: #2e9fff;
}
a[class*="soc-"].soc-houzz:hover {
color: #7cc04b;
border-color: #7cc04b;
}
a[class*="soc-"].soc-mail:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-patreon:hover {
color: #e44727;
border-color: #e44727;
}
a[class*="soc-"].soc-paypal:hover {
color: #009cde;
border-color: #009cde;
}
a[class*="soc-"].soc-playstation:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-smugmug:hover {
color: #acfd32;
border-color: #acfd32;
}
a[class*="soc-"].soc-swarm:hover {
color: #fc9d3c;
border-color: #fc9d3c;
}
a[class*="soc-"].soc-triplej:hover {
color: #e53531;
border-color: #e53531;
}
a[class*="soc-"].soc-yammer:hover {
color: #1175c4;
border-color: #1175c4;
}
a[class*="soc-"].soc-stackoverflow:hover {
color: #fd9827;
border-color: #fd9827;
}
a[class*="soc-"].soc-drupal:hover {
color: #00598e;
border-color: #00598e;
}
a[class*="soc-"].soc-odnoklassniki:hover {
color: #f48420;
border-color: #f48420;
}
a[class*="soc-"].soc-android:hover {
color: #8ec047;
border-color: #8ec047;
}
a[class*="soc-"].soc-meetup:hover {
color: #e2373c;
border-color: #e2373c;
}
a[class*="soc-"].soc-persona:hover {
color: #e6753d;
border-color: #e6753d;
}
a[class*="soc-"].soc-amazon:hover {
color: #ff9900;
border-color: #ff9900;
}
a[class*="soc-"].soc-ello:hover {
color: #000000;
border-color: #000000;
}
a[class*="soc-"].soc-mixcloud:hover {
color: #314359;
border-color: #314359;
}
a[class*="soc-"].soc-8tracks:hover {
color: #122c4b;
border-color: #122c4b;
}
a[class*="soc-"].soc-twitch:hover {
color: #6441a5;
border-color: #6441a5;
}
a[class*="soc-"].soc-airbnb:hover {
color: #ff5a5f;
border-color: #ff5a5f;
}
a[class*="soc-"].soc-pocket:hover {
color: #ed4055;
border-color: #ed4055;
}
/*corporate background colors*/
.color-bg-icon {
color: #ffffff;
}
.color-bg-icon.soc-twitter, a.soc-twitter.bg-icon:hover, .soc-twitter.color-icon.border-icon:hover {
background-color: #00abef;
}
.color-bg-icon.soc-facebook, a.soc-facebook.bg-icon:hover, .soc-facebook.color-icon.border-icon:hover {
background-color: #507cbe;
}
.color-bg-icon.soc-google, a.soc-google.bg-icon:hover, .soc-google.color-icon.border-icon:hover {
background-color: #d93e2d;
}
.color-bg-icon.soc-pinterest, a.soc-pinterest.bg-icon:hover, .soc-pinterest.color-icon.border-icon:hover {
background-color: #c92619;
}
.color-bg-icon.soc-foursquare, a.soc-foursquare.bg-icon:hover, .soc-foursquare.color-icon.border-icon:hover {
background-color: #23b7e0;
}
.color-bg-icon.soc-yahoo, a.soc-yahoo.bg-icon:hover, .soc-yahoo.color-icon.border-icon:hover {
background-color: #6e2a85;
}
.color-bg-icon.soc-skype, a.soc-skype.bg-icon:hover, .soc-skype.color-icon.border-icon:hover {
background-color: #28abe3;
}
.color-bg-icon.soc-yelp, a.soc-yelp.bg-icon:hover, .soc-yelp.color-icon.border-icon:hover {
background-color: #c83218;
}
.color-bg-icon.soc-feedburner, a.soc-feedburner.bg-icon:hover, .soc-feedburner.color-icon.border-icon:hover {
background-color: #ffcc00;
}
.color-bg-icon.soc-linkedin, a.soc-linkedin.bg-icon:hover, .soc-linkedin.color-icon.border-icon:hover {
background-color: #3371b7;
}
.color-bg-icon.soc-viadeo, a.soc-viadeo.bg-icon:hover, .soc-viadeo.color-icon.border-icon:hover {
background-color: #e4a000;
}
.color-bg-icon.soc-xing, a.soc-xing.bg-icon:hover, .soc-xing.color-icon.border-icon:hover {
background-color: #005a60;
}
.color-bg-icon.soc-myspace, a.soc-myspace.bg-icon:hover, .soc-myspace.color-icon.border-icon:hover {
background-color: #323232;
}
.color-bg-icon.soc-soundcloud, a.soc-soundcloud.bg-icon:hover, .soc-soundcloud.color-icon.border-icon:hover {
background-color: #fe3801;
}
.color-bg-icon.soc-spotify, a.soc-spotify.bg-icon:hover, .soc-spotify.color-icon.border-icon:hover {
background-color: #7bb342;
}
.color-bg-icon.soc-grooveshark, a.soc-grooveshark.bg-icon:hover, .soc-grooveshark.color-icon.border-icon:hover {
background-color: #f67e03;
}
.color-bg-icon.soc-lastfm, a.soc-lastfm.bg-icon:hover, .soc-lastfm.color-icon.border-icon:hover {
background-color: #d41316;
}
.color-bg-icon.soc-youtube, a.soc-youtube.bg-icon:hover, .soc-youtube.color-icon.border-icon:hover {
background-color: #d12121;
}
.color-bg-icon.soc-vimeo, a.soc-vimeo.bg-icon:hover, .soc-vimeo.color-icon.border-icon:hover {
background-color: #51b5e7;
}
.color-bg-icon.soc-dailymotion, a.soc-dailymotion.bg-icon:hover, .soc-dailymotion.color-icon.border-icon:hover {
background-color: #004e72;
}
.color-bg-icon.soc-vine, a.soc-vine.bg-icon:hover, .soc-vine.color-icon.border-icon:hover {
background-color: #00b389;
}
.color-bg-icon.soc-flickr, a.soc-flickr.bg-icon:hover, .soc-flickr.color-icon.border-icon:hover {
background-color: #0062dd;
}
.color-bg-icon.soc-500px, a.soc-500px.bg-icon:hover, .soc-500px.color-icon.border-icon:hover {
background-color: #58a9de;
}
.color-bg-icon.soc-instagram, a.soc-instagram.bg-icon:hover, .soc-instagram.color-icon.border-icon:hover {
background-color: #9c7c6e;
}
.color-bg-icon.soc-wordpress, a.soc-wordpress.bg-icon:hover, .soc-wordpress.color-icon.border-icon:hover {
background-color: #464646;
}
.color-bg-icon.soc-tumblr, a.soc-tumblr.bg-icon:hover, .soc-tumblr.color-icon.border-icon:hover {
background-color: #45556c;
}
.color-bg-icon.soc-blogger, a.soc-blogger.bg-icon:hover, .soc-blogger.color-icon.border-icon:hover {
background-color: #ec661c;
}
.color-bg-icon.soc-technorati, a.soc-technorati.bg-icon:hover, .soc-technorati.color-icon.border-icon:hover {
background-color: #5cb030;
}
.color-bg-icon.soc-reddit, a.soc-reddit.bg-icon:hover, .soc-reddit.color-icon.border-icon:hover {
background-color: #e74a1e;
}
.color-bg-icon.soc-dribbble, a.soc-dribbble.bg-icon:hover, .soc-dribbble.color-icon.border-icon:hover {
background-color: #e84d88;
}
.color-bg-icon.soc-stumbleupon, a.soc-stumbleupon.bg-icon:hover, .soc-stumbleupon.color-icon.border-icon:hover {
background-color: #e64011;
}
.color-bg-icon.soc-digg, a.soc-digg.bg-icon:hover, .soc-digg.color-icon.border-icon:hover {
background-color: #1d1d1b;
}
.color-bg-icon.soc-envato, a.soc-envato.bg-icon:hover, .soc-envato.color-icon.border-icon:hover {
background-color: #597c3a;
}
.color-bg-icon.soc-behance, a.soc-behance.bg-icon:hover, .soc-behance.color-icon.border-icon:hover {
background-color: #007eff;
}
.color-bg-icon.soc-delicious, a.soc-delicious.bg-icon:hover, .soc-delicious.color-icon.border-icon:hover {
background-color: #31a9ff;
}
.color-bg-icon.soc-deviantart, a.soc-deviantart.bg-icon:hover, .soc-deviantart.color-icon.border-icon:hover {
background-color: #c5d200;
}
.color-bg-icon.soc-forrst, a.soc-forrst.bg-icon:hover, .soc-forrst.color-icon.border-icon:hover {
background-color: #5b9a68;
}
.color-bg-icon.soc-play, a.soc-play.bg-icon:hover, .soc-play.color-icon.border-icon:hover {
background-color: #5acdbd;
}
.color-bg-icon.soc-zerply, a.soc-zerply.bg-icon:hover, .soc-zerply.color-icon.border-icon:hover {
background-color: #9dbc7a;
}
.color-bg-icon.soc-wikipedia, a.soc-wikipedia.bg-icon:hover, .soc-wikipedia.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-apple, a.soc-apple.bg-icon:hover, .soc-apple.color-icon.border-icon:hover {
background-color: #b9bfc1;
}
.color-bg-icon.soc-flattr, a.soc-flattr.bg-icon:hover, .soc-flattr.color-icon.border-icon:hover {
background-color: #f67c1a;
}
.color-bg-icon.soc-github, a.soc-github.bg-icon:hover, .soc-github.color-icon.border-icon:hover {
background-color: #221e1b;
}
.color-bg-icon.soc-chimein, a.soc-chimein.bg-icon:hover, .soc-chimein.color-icon.border-icon:hover {
background-color: #888688;
}
.color-bg-icon.soc-friendfeed, a.soc-friendfeed.bg-icon:hover, .soc-friendfeed.color-icon.border-icon:hover {
background-color: #2f72c4;
}
.color-bg-icon.soc-newsvine, a.soc-newsvine.bg-icon:hover, .soc-newsvine.color-icon.border-icon:hover {
background-color: #075b2f;
}
.color-bg-icon.soc-identica, a.soc-identica.bg-icon:hover, .soc-identica.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-bebo, a.soc-bebo.bg-icon:hover, .soc-bebo.color-icon.border-icon:hover {
background-color: #ef1011;
}
.color-bg-icon.soc-zynga, a.soc-zynga.bg-icon:hover, .soc-zynga.color-icon.border-icon:hover {
background-color: #dc0606;
}
.color-bg-icon.soc-steam, a.soc-steam.bg-icon:hover, .soc-steam.color-icon.border-icon:hover {
background-color: #8f8d8a;
}
.color-bg-icon.soc-xbox, a.soc-xbox.bg-icon:hover, .soc-xbox.color-icon.border-icon:hover {
background-color: #92c83e;
}
.color-bg-icon.soc-windows, a.soc-windows.bg-icon:hover, .soc-windows.color-icon.border-icon:hover {
background-color: #00bdf6;
}
.color-bg-icon.soc-outlook, a.soc-outlook.bg-icon:hover, .soc-outlook.color-icon.border-icon:hover {
background-color: #0072c6;
}
.color-bg-icon.soc-coderwall, a.soc-coderwall.bg-icon:hover, .soc-coderwall.color-icon.border-icon:hover {
background-color: #3e8dcc;
}
.color-bg-icon.soc-tripadvisor, a.soc-tripadvisor.bg-icon:hover, .soc-tripadvisor.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-appnet, a.soc-appnet.bg-icon:hover, .soc-appnet.color-icon.border-icon:hover {
background-color: #494949;
}
.color-bg-icon.soc-goodreads, a.soc-goodreads.bg-icon:hover, .soc-goodreads.color-icon.border-icon:hover {
background-color: #1abc9c;
}
.color-bg-icon.soc-tripit, a.soc-tripit.bg-icon:hover, .soc-tripit.color-icon.border-icon:hover {
background-color: #1982c3;
}
.color-bg-icon.soc-lanyrd, a.soc-lanyrd.bg-icon:hover, .soc-lanyrd.color-icon.border-icon:hover {
background-color: #3c80c9;
}
.color-bg-icon.soc-slideshare, a.soc-slideshare.bg-icon:hover, .soc-slideshare.color-icon.border-icon:hover {
background-color: #4ba3a6;
}
.color-bg-icon.soc-buffer, a.soc-buffer.bg-icon:hover, .soc-buffer.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-rss, a.soc-rss.bg-icon:hover, .soc-rss.color-icon.border-icon:hover {
background-color: #f26109;
}
.color-bg-icon.soc-vkontakte, a.soc-vkontakte.bg-icon:hover, .soc-vkontakte.color-icon.border-icon:hover {
background-color: #5a7fa6;
}
.color-bg-icon.soc-disqus, a.soc-disqus.bg-icon:hover, .soc-disqus.color-icon.border-icon:hover {
background-color: #2e9fff;
}
.color-bg-icon.soc-houzz, a.soc-houzz.bg-icon:hover, .soc-houzz.color-icon.border-icon:hover {
background-color: #7cc04b;
}
.color-bg-icon.soc-mail, a.soc-mail.bg-icon:hover, .soc-mail.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-patreon, a.soc-patreon.bg-icon:hover, .soc-patreon.color-icon.border-icon:hover {
background-color: #e44727;
}
.color-bg-icon.soc-paypal, a.soc-paypal.bg-icon:hover, .soc-paypal.color-icon.border-icon:hover {
background-color: #009cde;
}
.color-bg-icon.soc-playstation, a.soc-playstation.bg-icon:hover, .soc-playstation.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-smugmug, a.soc-smugmug.bg-icon:hover, .soc-smugmug.color-icon.border-icon:hover {
background-color: #acfd32;
}
.color-bg-icon.soc-swarm, a.soc-swarm.bg-icon:hover, .soc-swarm.color-icon.border-icon:hover {
background-color: #fc9d3c;
}
.color-bg-icon.soc-triplej, a.soc-triplej.bg-icon:hover, .soc-triplej.color-icon.border-icon:hover {
background-color: #e53531;
}
.color-bg-icon.soc-yammer, a.soc-yammer.bg-icon:hover, .soc-yammer.color-icon.border-icon:hover {
background-color: #1175c4;
}
.color-bg-icon.soc-stackoverflow, a.soc-stackoverflow.bg-icon:hover, .soc-stackoverflow.color-icon.border-icon:hover {
background-color: #fd9827;
}
.color-bg-icon.soc-drupal, a.soc-drupal.bg-icon:hover, .soc-drupal.color-icon.border-icon:hover {
background-color: #00598e;
}
.color-bg-icon.soc-odnoklassniki, a.soc-odnoklassniki.bg-icon:hover, .soc-odnoklassniki.color-icon.border-icon:hover {
background-color: #f48420;
}
.color-bg-icon.soc-android, a.soc-android.bg-icon:hover, .soc-android.color-icon.border-icon:hover {
background-color: #8ec047;
}
.color-bg-icon.soc-meetup, a.soc-meetup.bg-icon:hover, .soc-meetup.color-icon.border-icon:hover {
background-color: #e2373c;
}
.color-bg-icon.soc-persona, a.soc-persona.bg-icon:hover, .soc-persona.color-icon.border-icon:hover {
background-color: #e6753d;
}
.color-bg-icon.soc-amazon, a.soc-amazon.bg-icon:hover, .soc-amazon.color-icon.border-icon:hover {
background-color: #ff9900;
}
.color-bg-icon.soc-ello, a.soc-ello.bg-icon:hover, .soc-ello.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.soc-mixcloud, a.soc-mixcloud.bg-icon:hover, .soc-mixcloud.color-icon.border-icon:hover {
background-color: #314359;
}
.color-bg-icon.soc-8tracks, a.soc-8tracks.bg-icon:hover, .soc-8tracks.color-icon.border-icon:hover {
background-color: #122c4b;
}
.color-bg-icon.soc-twitch, a.soc-twitch.bg-icon:hover, .soc-twitch.color-icon.border-icon:hover {
background-color: #6441a5;
}
.color-bg-icon.soc-airbnb, a.soc-airbnb.bg-icon:hover, .soc-airbnb.color-icon.border-icon:hover {
background-color: #ff5a5f;
}
.color-bg-icon.soc-pocket, a.soc-pocket.bg-icon:hover, .soc-pocket.color-icon.border-icon:hover {
background-color: #ed4055;
}
a.social-icon {
color: #666666;
}
a.border-icon {
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 10px 12px;
margin-bottom: 4px;
}
a.border-icon:before {
font-size: 12px;
line-height: 16px;
}
a.bg-icon {
color: #ffffff;
background-color: #666666;
padding: 11px 13px;
margin-bottom: 4px;
}
a.bg-icon:before {
font-size: 12px;
line-height: 16px;
}
a.social-icon.color-icon:hover {
color: #555555;
}
a.social-icon.bg-icon:hover {
color: #ffffff;
}
a.color-bg-icon {
color: #ffffff;
background-color: #555555;
margin-bottom: 4px;
padding: 11px 13px;
}
a.color-bg-icon:before {
font-size: 12px;
line-height: 16px;
}
a.social-icon.color-bg-icon:hover {
background-color: #45c2e9;
color: #ffffff;
}
a.color-icon:hover {
color: #555555;
}
a.color-icon.border-icon:hover {
color: #ffffff;
background-color: #45c2e9;
border-color: transparent;
}
.demo-icon {
display: inline-block;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 20px 30px;
margin-bottom: 30px;
}
.demo-icon span {
display: block;
}
.demo-icon .name {
font-size: 1.01em;
font-weight: 700;
}
.demo-icon a[class*="soc-"] {
margin: 10px 0 0;
}
.demo-icon a[class*="soc-"]:before {
font-size: 24px;
}
/*switcher styles*/
#switcher {
position: fixed;
top: 22%;
right: -200px;
width: 200px;
background-color: #404040;
color: #ffffff;
z-index: 1001;
font-size: 15px;
padding-bottom: 20px;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#switcher.active {
right: 0;
}
#switcher a {
color: #45c2e9;
}
#switcher .checkbox {
margin: 4px 0;
line-height: 1.5;
}
#switcher h4 {
line-height: 60px;
font-size: 18px;
text-align: center;
color: #999999;
background-color: #222;
margin: 0;
font-weight: 300;
letter-spacing: 0;
padding: 0 36px;
}
#switcher span[class^="rt-icon2-"] {
display: block;
position: absolute;
width: 60px;
height: 60px;
line-height: 60px;
color: #ffffff;
font-size: 24px;
background-color: #222;
text-align: center;
left: -60px;
top: 0;
cursor: pointer;
z-index: 2;
}
#switcher span[class^="rt-icon2-"]:hover {
color: #999999;
}
#switcher span[class="rt-icon2-delete-outline"] {
background-color: transparent;
z-index: 1;
left: -20px;
}
#switcher li {
margin-bottom: 0px;
padding: 0 4px;
}
#switcher p {
font-weight: 300;
font-size: 16px;
line-height: 1;
margin: 0 0 10px;
}
#switcher label {
color: #999999;
}
#switcher ul {
margin-bottom: 0;
}
#switcher .tooltip {
min-width: 110px;
}
#switcher .tooltip-arrow {
display: none;
}
#switcher-version a {
padding: 13px 14px;
display: inline-block;
line-height: 1;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
#switcher-version a:hover {
color: #e4344e !important;
}
#switcher-version a.light {
background-color: #ffffff;
color: #555555;
}
#switcher-version a.dark {
color: #ffffff;
background-color: #262626;
}
#switcher-colors a {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
background-color: #4db19e;
overflow: hidden;
}
#switcher-colors a:hover {
opacity: 0.7;
}
#switcher-colors a.color2 {
background-color: #388E3C;
}
#switcher-colors a.color3 {
background-color: #5BB75B;
}
#switcher-colors {
line-height: 0;
}
#switcher-patterns a {
display: block;
line-height: 1;
height: 40px;
width: 40px;
overflow: hidden;
background-color: #ffffff;
}
#switcher-patterns a img {
opacity: 0;
}
#switcher-patterns a:hover {
opacity: 0.7;
}
#switcher-patterns li:first-child a img {
opacity: 1;
}
#switcher_accent_color,
#switcher_color_scheme,
#switcher_layout,
#switcher_patterns {
padding: 26px 30px 0px;
}
.checkbox-slider--b-flat {
position: relative;
}
.checkbox-slider--b-flat input {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0%;
height: 0%;
margin: 0 0;
cursor: pointer;
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox-slider--b-flat input + span {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-slider--b-flat input + span:before {
position: absolute;
left: 0px;
display: inline-block;
}
.checkbox-slider--b-flat input + span > h4 {
display: inline;
}
.checkbox-slider--b-flat input + span {
padding-left: 40px;
}
.checkbox-slider--b-flat input + span:before {
content: "";
height: 20px;
width: 40px;
background: #ffffff;
}
.checkbox-slider--b-flat input + span:after {
width: 20px;
height: 20px;
position: absolute;
left: 0px;
top: 0;
display: block;
background: #ffffff;
-webkit-transition: margin-left 0.4s ease-in-out;
transition: margin-left 0.4s ease-in-out;
text-align: center;
font-weight: bold;
content: "";
}
.checkbox-slider--b-flat input:checked + span:after {
margin-left: 20px;
content: "";
}
.checkbox-slider--b-flat input:checked + span:before {
-webkit-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.checkbox-slider--b-flat input + span {
padding-left: 30px;
}
.checkbox-slider--b-flat input + span:before {
border-radius: 20px;
width: 40px;
}
.checkbox-slider--b-flat input + span:after {
background: #45c2e9;
content: "";
width: 20px;
border: solid transparent 2px;
background-clip: padding-box;
border-radius: 20px;
}
.checkbox-slider--b-flat input:checked + span:after {
content: "";
margin-left: 20px;
border: solid transparent 2px;
background-clip: padding-box;
}
.checkbox-slider--b-flat input:checked + span:before {
background: #ffffff;
}
.checkbox-slider--b-flat.checkbox-slider-md input + span:before {
border-radius: 30px;
}
.checkbox-slider--b-flat.checkbox-slider-md input + span:after {
border-radius: 30px;
}
.checkbox-slider--b-flat.checkbox-slider-lg input + span:before {
border-radius: 40px;
}
.checkbox-slider--b-flat.checkbox-slider-lg input + span:after {
border-radius: 40px;
}
.checkbox-slider--b-flat input + span:before {
box-shadow: none;
}