.active {
color: inherit;
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li a {
color: #fff;
}
.breadcrumb li.last-item {
color: #fff;
}
.breadcrumb > li + li:before {
color: #fff;
content: "/";
font-size: 12px;
padding: 0 26px 0 24px;
position: relative;
top: 0;
}
/* pagination */
.pagination {
margin: 0;
display: block;
line-height: 0;
}
.pagination > li {
display: inline-block;
margin-right: 6px;
}
.pagination > li a.next, .pagination > li span.next, .pagination > li a.prev, .pagination > li span.prev {
font-size: 0;
}
.pagination > li a.next:before, .pagination > li span.next:before, .pagination > li a.prev:before, .pagination > li span.prev:before {
font-size: 12px;
font-family: FontAwesome;
content: "\f104";
position: relative;
top: 0;
}
.pagination > li a.next:before, .pagination > li span.next:before {
content: "\f105";
}
.pagination > li:last-child {
margin-right: 0;
}
.pagination > li > a, .pagination > li > span {
color: #1f232b;
background-color: #f2f2f2;
border: none;
border-radius: 0;
font-size: 12px;
font-weight: 600;
margin-left: 0;
min-width: 46px;
padding: 14px 0;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
border-radius: 0;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
background-color: #55bce7;
color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination >
.active > a:focus, .pagination > .active > span:focus {
background-color: #55bce7;
color: #fff;
}
.pagination > .disabled > a, .pagination > .disabled > span, .pagination > .disabled > a:hover, .pagination > .disabled > span:hover,
.pagination > .disabled > a:focus, .pagination > .disabled > span:focus {
background-color: #f2f2f2;
}
/*forms*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input
[type="number"], textarea, select, .select2-container .select2-selection--single, .form-control {
background-color: #f2f2f2;
color: #808080;
border: none;
border-radius: 0;
box-shadow: none;
font-size: 12px;
font-weight: 600;
height: 50px;
letter-spacing: -0.02em;
line-height: 30px;
padding-bottom: 11px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
text-transform: uppercase;
}
input[type="text"] + .theme_button, input[type="email"] + .theme_button, input[type="url"] + .theme_button, input[type="password"] +
.theme_button, input[type="search"] + .theme_button, input[type="tel"] + .theme_button, input[type="number"] + .theme_button, textarea +
.theme_button, select + .theme_button, .select2-container .select2-selection--single + .theme_button, .form-control + .theme_button {
box-shadow: none;
height: 50px;
line-height: 50px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 50px;
}
input[type="text"] + .theme_button i, input[type="email"] + .theme_button i, input[type="url"] + .theme_button i, input[type="password"] +
.theme_button i, input[type="search"] + .theme_button i, input[type="tel"] + .theme_button i, input[type="number"] + .theme_button i,
textarea + .theme_button i, select + .theme_button i, .select2-container .select2-selection--single + .theme_button i, .form-control +
.theme_button i {
font-size: 1em;
top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #808080;
line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
position: absolute;
top: 1px;
right: 1px;
width: 50px;
}
textarea {
height: auto;
}
.form-group {
position: relative;
}
.form-group:last-child {
margin-bottom: 0;
}
/* select styling */
select.form-control {
color: rgba(255, 255, 255, 0.8);
background-color: #fff;
}
select.form-control option {
font-weight: 300;
}
select.form-control option.default-selected {
background-color: #f2f2f2;
}
.form-control.invalid {
-webkit-box-shadow: 0 0 0 2px #55bce7;
box-shadow: 0 0 0 2px #55bce7;
}
.form-control:focus {
box-shadow: none;
border-color: rgba(128, 128, 128, 0.5);
}
.form-control::-moz-placeholder {
font-style: normal;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.02em;
}
.form-control:-ms-input-placeholder {
font-style: normal;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.02em;
}
.form-control::-webkit-input-placeholder {
font-style: normal;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.02em;
}
.form-control:-moz-placeholder {
color: #7f7f7f;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #7f7f7f;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #7f7f7f;
}
.form-control::-webkit-input-placeholder {
color: #7f7f7f;
}
.form-control:focus:-moz-placeholder {
color: transparent !important;
opacity: 1;
}
.form-control:focus::-moz-placeholder {
color: transparent !important;
opacity: 1;
}
.form-control:focus:-ms-input-placeholder {
color: transparent !important;
}
.form-control:focus::-webkit-input-placeholder {
color: transparent !important;
}
/*icons for forms */
form label + [class*="icon2-"] {
position: absolute;
font-size: 24px;
color: #808080;
left: 10px;
top: 19px;
}
form label + [class*="icon2-"] + .form-control {
padding-left: 50px;
}
.form-group label + [class*="icon2-"] + .form-control, .form-group label + [class*="fa-"] + .form-control {
padding-left: 40px;
}
.form-group label + [class*="icon2-"], .form-group label + [class*="fa-"] {
position: absolute;
font-size: 14px;
left: 15px;
top: 18px;
width: 14px;
text-align: center;
}
.form-group label + [class*="icon2-"].color1, .form-group label + [class*="fa-"].color1 {
color: #55bce7;
}
.form-group label + [class*="icon2-"].color2, .form-group label + [class*="fa-"].color2 {
color: #0083b0;
}
.form-group label + [class*="icon2-"].color3, .form-group label + [class*="fa-"].color3 {
color: #e34f61;
}
label {
font-weight: normal;
}
.form-control + [class*="icon2-"] {
position: absolute;
font-size: 24px;
left: 20px;
top: 50%;
color: #55bce7;
}
.form-wrapper.with_background, .form-wrapper.muted_background, .form-wrapper.cs, .form-wrapper.ds, .form-wrapper.ls {
padding: 35px;
}
.form-wrapper.columns_padding_15 [class*="col-"] {
margin-top: 15px;
margin-bottom: 15px;
}
/* Form with background */
.form-wrapper.with_padding {
padding: 30px 20px;
}
@media (min-width: 400px) {
.form-wrapper.with_padding {
padding: 35px;
}
}
.form-wrapper.with_padding .wrap-forms-buttons {
margin-top: 20px;
}
.form-wrapper.with_padding .wrap-forms-buttons .theme_button {
margin-bottom: 0;
}
.form-wrapper.light_form {
background-color: rgba(255, 255, 255, 0.4);
}
.form-wrapper.dark_form {
background-color: rgba(0, 0, 0, 0.4);
}
.form-wrapper.color_form {
background-color: rgba(85, 188, 231, 0.4);
}
/* Contact form 7 */
form.wpcf7-form {
/* Only for IE */
}
form.wpcf7-form .wpcf7-text, form.wpcf7-form .wpcf7-number, form.wpcf7-form .wpcf7-textarea {
text-indent: 20px;
}
form.wpcf7-form .wpcf7-textarea {
overflow-x: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
form.wpcf7-form .wpcf7-textarea {
height: 320px;
}
}
form.wpcf7-form #fileuploadfield {
display: none;
}
form.wpcf7-form #uploadbrowsebutton {
background-color: transparent;
font-size: 12px;
font-weight: 300;
height: 40px;
letter-spacing: -0.02em;
max-width: 170px;
position: absolute;
right: 5px;
text-align: center;
text-transform: uppercase;
top: 5px;
width: 100%;
color: #0083b0;
border: 1px solid #0083b0;
-webkit-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
form.wpcf7-form #uploadbrowsebutton:hover, form.wpcf7-form #uploadbrowsebutton:focus {
background-color: #0083b0;
color: #fff;
}
.ds form.wpcf7-form #uploadbrowsebutton {
background-color: #fff;
color: #1f232b;
border: 1px solid #fff;
}
.ds form.wpcf7-form #uploadbrowsebutton:hover, .ds form.wpcf7-form #uploadbrowsebutton:focus {
border: 1px solid #55bce7;
background-color: #55bce7;
color: #fff;
}
form.wpcf7-form p {
position: relative;
margin-bottom: 18px;
}
form.wpcf7-form p input, form.wpcf7-form p textarea {
padding-left: 10px;
}
form.wpcf7-form p textarea {
padding-bottom: 12px;
}
form.wpcf7-form p input[type="submit"] {
padding: 18px 30px 18px;
}
form.wpcf7-form p .fa {
position: absolute;
z-index: 100;
font-size: 14px;
top: 18px;
left: 15px;
}
form.wpcf7-form .ajax-loader {
display: none;
}
/*carousel*/
.carousel {
overflow: hidden;
}
.carousel-indicators li {
width: 10px;
height: 10px;
border-width: 0;
background-color: #1f232b;
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: #55bce7;
}
.carousel-control.left, .carousel-control.right {
border: 1px solid #fff;
color: #fff;
background-image: none;
border-radius: 0;
filter: alpha(opacity=100);
height: 50px;
left: -50px;
margin-top: -25px;
opacity: 1;
text-align: center;
text-shadow: none;
top: 50%;
width: 50px;
}
.carousel-control.right {
right: -50px;
}
.carousel:hover .carousel-control {
left: 50px;
}
.carousel:hover .carousel-control.right {
left: auto;
right: 50px;
}
.carousel-control.left span, .carousel-control.right span {
font-family: 'rt-icons-2';
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: 600;
letter-spacing: -0.02em;
line-height: 1.3;
display: block;
padding: 18px 50px 17px 20px;
margin: -2px;
background-color: #55bce7;
border: none;
color: #fff;
border-radius: 0;
word-wrap: break-word;
}
@media (min-width: 992px) {
.panel-heading .panel-title > a {
padding: 18px 50px 17px 32px;
}
.panel-heading .panel-title > a i {
margin-right: 5px;
}
}
.panel-heading .panel-title > a.collapsed:hover, .panel-heading .panel-title > a:hover {
background-color: #55bce7;
color: #fff;
}
.panel-heading .panel-title > a.collapsed:hover i, .panel-heading .panel-title > a:hover i {
color: #fff;
}
.panel-heading .panel-title > a.collapsed {
color: #fff;
background-color: #0083b0;
}
.panel-heading .panel-title > a.collapsed i {
color: #fff;
}
.panel-heading .panel-title > a:after {
font-family: FontAwesome;
content: '\f107';
position: absolute;
text-align: center;
right: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 14px;
font-weight: 400;
}
.panel-heading .panel-title > a.collapsed:after {
content: '\f105';
}
.panel-heading .panel-title > a > i {
position: relative;
width: 2em;
font-size: 14px;
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: 1px solid rgba(0, 0, 0, 0.1);
}
.panel-group .panel + .panel {
margin-top: 15px;
}
.panel-body {
border-top: none !important;
}
.panel-body .media-left {
padding-right: 15px;
}
.panel-body .media-left .img-circle {
max-width: 50px;
}
.panel-body .media-left img {
max-width: 80px;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
background:white;
padding: 20px;
border-radius: 0px;
}
@media (min-width: 400px) {
.panel-group .panel-heading + .panel-collapse .panel-body {
background:white;
padding: 32px 35px 20px;
}
}
.collapse-unstyled .panel h4 {
margin: 0 0 0.5em;
}
.collapse-unstyled .panel h4 a:after {
color: #55bce7;
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;
}
/* datetimepicker */
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
background-color: #0083b0 !important;
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.bootstrap-datetimepicker-widget .timepicker .btn-primary {
color: #fff;
background-color: #0083b0;
border-color: #0083b0;
border-radius: 5px;
}
.bootstrap-datetimepicker-widget a {
color: #0083b0;
}
/*progress bars*/
p + .progress {
margin-top: -10px;
}
.progress {
overflow: visible;
height: 5px;
margin-bottom: 20px;
position: relative;
border-radius: 0;
background-color: #e5e5e5;
box-shadow: none;
border: none;
}
.progress:last-child {
margin-bottom: 10px;
}
.progress-bar {
background-color: #0083b0;
color: inherit;
box-shadow: none;
height: 5px;
}
.progress-bar span {
position: absolute;
right: 0;
top: -34px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
}
.progress-title {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
margin-bottom: 15px;
}
.progress-level {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
float: right;
position: relative;
top: 4px;
}
.progress-bar-success {
background-color: #9cc026;
}
.progress-bar-info {
background-color: #55bce7;
}
.progress-bar-warning {
background-color: #0083b0;
}
.progress-bar-danger {
background-color: #dc5753;
}
.alert {
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 40px;
}
.media {
margin-top: 16px;
}
.media .media-object {
max-width: 100px;
}
/* nav and tabs */
.nav > li > a:hover, .nav > li > a:focus {
background-color: inherit;
}
.unstyled-tabs-title {
margin-bottom: -20px;
}
.nav-unstyled {
list-style: none;
padding: 0;
margin: 0 -12px;
}
.nav-unstyled li {
display: inline-block;
margin-bottom: -1px;
}
.nav-unstyled li a {
display: inline-block;
padding: 10px 12px;
font-weight: 500;
}
.nav-unstyled .active a {
color: #1f232b;
border-color: #55bce7;
}
/*tabs*/
.tab-content {
border-radius: 0;
padding: 30px 20px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
background-color: transparent;
}
.tab-content.no-border {
padding: 30px 0 0;
background-color: transparent;
}
.tab-content.top-color-border {
position: relative;
background-color: white;
}
.tab-content.top-color-border:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: -1px;
height: 10px;
background-color: #0083b0;
}
.tab-content.tab-unstyled {
padding: 10px 0 0;
border: none;
background-color: transparent;
}
.ls .tab-content.tab-unstyled, .ds .tab-content.tab-unstyled, .cs .tab-content.tab-unstyled {
background-color: transparent;
}
.tab-content .featured-tab-image {
margin: -35px -35px 30px -35px;
}
@media (min-width: 400px) {
.tab-content {
padding: 45px 35px 35px;
}
}
@media (min-width: 1200px) {
.tab-content.big-padding {
padding: 60px 60px 50px;
}
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-bottom: none;
}
.nav-tabs {
border-bottom: none;
margin-top: 0px;
}
.nav-tabs > li {
margin-bottom: 0;
}
.nav-tabs > li + li {
margin-left: 3px;
}
.nav-tabs > li > a {
display: inline-block;
position: relative;
z-index: 1;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -0.02em;
padding: 10px;
margin-right: 0;
margin-top: 0px;
border: none;
background-color: transparent;
border: 1px solid #0083b0;
border-bottom: none;
color: #0083b0 !important;
border-radius: 0;
}
@media (max-width: 479px) {
.nav-tabs > li > a {
display: inline;
}
}
.small-tabs .nav-tabs > li > a {
padding: 10px;
}
.nav-tabs > li > a i {
position: relative;
top: 4px;
padding-right: 5px;
font-size: 1.6em;
width: 1.5em;
text-align: center;
display: inline-block;
line-height: 0;
}
@media (min-width: 992px) {
.nav-tabs > li > a {
padding: 15px 25px;
font-size: 12px;
}
}
@media (min-width: 1200px) {
.nav-tabs > li > a {
padding: 16px 38px 15px;
min-width: 170px;
text-align: center;
}
}
@media (max-width: 400px) {
.nav-tabs > li > a {
padding: 8px;
}
.small-tabs .nav-tabs > li > a {
font-size: 10px;
padding: 8px;
}
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-color: #0083b0;
background-color: #0083b0;
color: #fff !important;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs.nav-justified > .active > a {
border-color: #0083b0;
background-color: #0083b0;
color: #fff !important;
}
/*vertical tabs*/
.vertical-tabs .tab-content.no-border {
padding-top: 0;
}
.vertical-tabs .nav > li > a {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 500;
background-color: #f2f2f2;
padding: 18px 40px 17px 30px;
margin-bottom: 10px;
position: relative;
color: #808080;
}
.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 {
font-family: 'rt-icons-2';
content: "\e7c5";
position: absolute;
font-size: 13px;
line-height: 60px;
text-align: center;
right: 0;
top: 0;
bottom: 0;
width: 40px;
letter-spacing: 0;
}
.vertical-tabs.no-arrows .nav > li > a:after {
display: none;
}
.vertical-tabs.no-arrows .nav > li > a {
padding: 24px 0;
}
.vertical-tabs .nav > li.active a, .vertical-tabs .nav > li > a:hover {
background-color: #0083b0;
border-color: #0083b0;
color: #fff;
}
@media (min-width: 768px) {
.vertical-tabs .nav > li.active {
position: relative;
z-index: 2;
}
}
.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: 13px 8px;
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-responsive {
border: none;
}
.btn {
padding: 18px 30px;
text-transform: uppercase;
margin: 0 2px 6px 0;
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;
}
li.media:before, li.media:after {
display: block;
content: '';
clear: both;
}
/* bs dropdown menu */
.dropdown-menu {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border-color: rgba(0, 0, 0, 0.1);
z-index: 1001;
font-size: 16px;
margin-top: 0;
}
[class*="right"] .dropdown-menu {
right: 0;
left: auto;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #1f232b;
background-color: transparent;
}
.well {
-webkit-box-shadow: none;
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: #fff;
font-size: 14px;
line-height: 56px;
width: 60px;
height: 60px;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
/* Only for IE */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.embed-placeholder:after {
opacity: 0 !important;
}
}
.embed-placeholder:hover:after {
opacity: 0.4;
}
/*
**general styles
*/
html {
width: 100%;
height: 100%;
position: relative;
overflow: visible;
}
::selection {
color: #fff;
background-color: #55bce7;
}
::-moz-selection {
color: #fff;
background-color: #55bce7;
}
body {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 900;
line-height: 1;
text-transform: uppercase;
word-break: break-word;
margin-top: 1.5em;
margin-bottom: 0.9em;
letter-spacing: -0.02em;
}
h1, .post.vertical-item .entry-content h1 {
font-size: 54px;
}
@media (max-width: 991px) {
h1, .post.vertical-item .entry-content h1 {
font-size: 44px;
}
}
@media (max-width: 479px) {
h1, .post.vertical-item .entry-content h1 {
font-size: 34px;
}
}
h2, .post.vertical-item .entry-content h2 {
font-size: 44px;
}
@media (max-width: 991px) {
h2, .post.vertical-item .entry-content h2 {
font-size: 38px;
}
}
@media (max-width: 479px) {
h2, .post.vertical-item .entry-content h2 {
font-size: 30px;
}
}
h3, .post.vertical-item .entry-content h3 {
font-size: 34px;
}
@media (max-width: 991px) {
h3, .post.vertical-item .entry-content h3 {
font-size: 30px;
}
}
@media (max-width: 479px) {
h3, .post.vertical-item .entry-content h3 {
font-size: 26px;
}
}
h4, .post.vertical-item .entry-content h4 {
font-size: 28px;
}
@media (max-width: 479px) {
h4, .post.vertical-item .entry-content h4 {
font-size: 24px;
}
}
h5, .post.vertical-item .entry-content h5 {
font-size: 20px;
}
h6, .post.vertical-item .entry-content h6 {
font-size: 16px;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
p {
margin-bottom: 20px;
}
p:last-of-type {
margin-bottom: 0;
}
blockquote {
position: relative;
margin-top: 45px;
margin-bottom: 45px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0;
max-width: 615px;
border: none;
font-size: 20px;
font-weight: 300;
font-style: italic;
line-height: 30px;
}
blockquote .avatar {
position: relative;
width: 160px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
z-index: 1;
}
@media (min-width: 1200px) {
blockquote .avatar {
margin-top: 50px;
}
}
blockquote .avatar img {
min-width: 160px;
max-width: 160px;
border-radius: 50%;
margin: 0;
}
blockquote .item-meta, blockquote .blockqoute-meta {
margin-top: 10px;
font-style: normal;
font-size: 14px;
}
blockquote footer {
font-weight: 600;
font-style: normal;
font-size: 15px;
text-transform: uppercase;
color: #55bce7;
}
blockquote footer:before {
display: none;
}
blockquote .author-job {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
font-style: normal;
display: block;
margin-top: 0;
letter-spacing: 0.05em;
line-height: 30px;
}
.cs blockquote .author-job {
color: #fff;
}
blockquote .author-name, blockquote cite, blockquote cite a {
font-style: normal;
text-align: center;
text-transform: uppercase;
font-weight: 300;
color: #55bce7;
display: inline-block;
width: 100%;
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
margin-top: 5px;
letter-spacing: -0.02em;
}
blockquote .author-name strong, blockquote cite strong, blockquote cite a strong {
font-weight: 600;
font-size: 30px;
margin-top: 0;
display: block;
width: 100%;
}
.cs blockquote .author-name, .cs blockquote cite, .cs blockquote cite a {
color: #fff;
}
blockquote .blockqoute-content {
color: #808080;
}
.cs blockquote .blockqoute-content {
color: #fff;
}
img, figure {
max-width: 100%;
height: auto;
}
figcaption, .entry-caption {
padding: 2px 0 12px;
}
figcaption p, .entry-caption p {
margin-bottom: 0;
}
label {
color: #1f232b;
}
a {
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a:hover {
color: #55bce7;
text-decoration: none;
-webkit-transition: all 0.15s linear 0s;
transition: all 0.15s linear 0s;
}
input:focus, button:focus, select:focus, textarea:focus, a:focus {
outline: medium none;
text-decoration: none;
}
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;
background-color: #ddd;
}
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;
border: 1px solid #e5e5e5;
}
table th {
color: #1f232b;
font-weight: normal;
}
.table_template thead {
background-color: #55bce7;
color: #1f232b;
}
.table_template thead.light {
background-color: #fff;
}
.table_template th {
font-weight: 700;
}
.table_template td, .table_template th {
padding: 18px 30px;
}
.table_template tbody tr:nth-of-type(odd) {
background-color: rgba(238, 238, 238, 0.1);
}
.table_template tbody tr:nth-of-type(even) {
background-color: rgba(17, 17, 17, 0.05);
}
/*
**styled lists
*/
ul, ol {
padding-left: 30px;
}
.list1 ol, ol.list1 {
counter-reset: li;
list-style: none outside none;
padding: 0;
}
.list1 ol li, ol.list1 li {
position: relative;
padding: 5px 0 5px 25px;
font-weight: 400;
color: #1f232b;
}
.list1 ol li:before, ol.list1 li:before {
content: counter(li) ".";
counter-increment: li;
position: absolute;
left: 2px;
top: 5px;
font-weight: 400;
color: #55bce7;
}
.ds .list1 ol li, .ds ol.list1 li {
color: #fff;
}
.list1 ul, ul.list1 {
list-style: none;
padding-left: 20px;
margin-bottom: 20px;
}
.list1 ul li, ul.list1 li {
position: relative;
padding: 5px 0 5px 5px;
font-size: 16px;
font-weight: 400;
color: #1f232b;
}
.list1 ul li:before, ul.list1 li:before {
content: "\f00c";
font-family: FontAwesome;
position: absolute;
left: -20px;
top: 4px;
color: #55bce7;
}
.ds .list1 ul li, .ds ul.list1 li {
color: #fff;
}
/*
** Buttons
*/
.theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
padding: 18px 30px 18px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
text-align: center;
color: #fff;
border: 1px solid #55bce7;
background-color: #55bce7;
border-radius: 0;
position: relative;
-webkit-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (min-width: 992px) {
.theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] {
padding: 18px 40px 18px;
}
}
.theme_buttons a:hover, .theme_button:hover, .wc-proceed-to-checkout .checkout-button:hover, .buttons a:hover, button:hover, input
[type="submit"]:hover, .theme_buttons a:focus, .theme_button:focus, .wc-proceed-to-checkout .checkout-button:focus, .buttons a:focus,
button:focus, input[type="submit"]:focus, .theme_buttons a:active, .theme_button:active, .wc-proceed-to-checkout .checkout-button:active,
.buttons a:active, button:active, input[type="submit"]:active {
color: #55bce7;
border: 1px solid #55bce7;
background: transparent;
}
.page_topline .theme_buttons a, .page_topline .theme_button, .page_topline .buttons a, .page_topline button, .page_topline input
[type="submit"] {
font-weight: 300;
padding: 18px 22px 18px;
}
.theme_buttons.color1 a, .theme_button.color1, .button.alt, .btn-accent, .form-submit [type="submit"] {
color: #fff;
border-color: #55bce7;
background-color: #55bce7;
}
.theme_buttons.color1 a:hover, .theme_button.color1:hover, .button.alt:hover, .btn-accent:hover, .form-submit [type="submit"]:hover,
.theme_buttons.color1 a:focus, .theme_button.color1:focus, .button.alt:focus, .btn-accent:focus, .form-submit [type="submit"]:focus,
.theme_buttons.color1 a:active, .theme_button.color1:active, .button.alt:active, .btn-accent:active, .form-submit [type="submit"]:active {
color: #55bce7;
border: 1px solid #55bce7;
background: transparent;
}
.theme_buttons.color2 a, .theme_button.color2 {
color: #fff;
border-color: #0083b0;
background-color: #0083b0;
}
.theme_buttons.color2 a:hover, .theme_button.color2:hover, .theme_buttons.color2 a:focus, .theme_button.color2:focus, .theme_buttons.color2
a:active, .theme_button.color2:active {
color: #0083b0;
border: 1px solid #0083b0;
background: transparent;
}
.theme_buttons a:active, .theme_buttons a:hover, .theme_buttons a:focus, .theme_button:active, .theme_button:hover, .theme_button:focus {
color: #1f232b;
opacity: 1;
text-decoration: none;
outline: none;
-webkit-transition: all 0.05s linear 0s;
transition: all 0.05s linear 0s;
}
.theme_button.inverse.color1 {
color: #55bce7;
background-color: transparent;
border-color: #55bce7;
}
.theme_button.inverse.color1:hover, .theme_button.inverse.color1:focus, .theme_button.inverse.color1:active {
color: #fff;
background-color: #55bce7;
border-color: #55bce7;
}
.theme_button.inverse.color2 {
color: #0083b0;
background-color: transparent;
border-color: #0083b0;
}
.theme_button.inverse.color2:hover, .theme_button.inverse.color2:focus, .theme_button.inverse.color2:active {
color: #fff;
background-color: #0083b0;
border-color: #0083b0;
}
.theme_button.inverse.white {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.theme_button.inverse.white:hover, .theme_button.inverse.white:focus, .theme_button.inverse.white:active {
color: #1f232b;
background-color: #fff;
border-color: #fff;
}
.wc-proceed-to-checkout .checkout-button:hover, .wc-proceed-to-checkout .checkout-button:focus, .wc-proceed-to-checkout .checkout-
button:active {
color: #55bce7;
}
.muted_buttons a, .muted_button {
opacity: 0.2;
}
.small_buttons a, .small_button {
padding: 7px 10px 5px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -0.02em;
text-indent: -0.02em;
min-width: auto;
}
.square_buttons a, .square_button {
padding-left: 10px;
padding-right: 10px;
min-width: auto;
}
.wide_buttons a, .wide_button {
padding-right: 45px;
padding-left: 45px;
}
@media (min-width: 1200px) {
.wide_buttons a, .wide_button {
min-width: 170px;
}
}
.block_buttons a, .block_button {
display: block;
width: 100%;
text-align: center;
}
.no_bg_button {
background-color: transparent !important;
}
.no_bg_button.color1 {
color: #55bce7;
}
.no_bg_button.color2 {
color: #0083b0;
}
.no_bg_button[class*="color"]:hover, .no_bg_button[class*="color"]:focus, .no_bg_button[class*="color"]:active {
color: #1f232b;
}
/*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: 0.08em;
padding-right: 0.1em;
}
p > [class*="rt-icon"] {
font-size: 1.1em;
position: relative;
top: 0.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;
}
.read-more {
display: block;
margin-bottom: -10px;
width: 60px;
margin-right: auto;
margin-left: auto;
}
.read-more:before {
content: "\f107";
font-family: FontAwesome;
position: relative;
top: 0;
transition: top 0.2s ease 0s;
}
.read-more:hover:before {
top: 5px;
}
.theme_button[type="reset"] {
display: none;
}
/*
**vertical margins and paddings
*/
.bottommargin_0 {
margin-bottom: 0 !important;
}
/*same top and bottom paddings for sections*/
.section_padding_0 > [class*="container"] {
padding-top: 0;
padding-bottom: 0;
}
.section_padding_5 > [class*="container"] {
padding-top: 5px;
padding-bottom: 5px;
}
.section_padding_10 > [class*="container"] {
padding-top: 10px;
padding-bottom: 10px;
}
.section_padding_15 > [class*="container"] {
padding-top: 15px;
padding-bottom: 15px;
}
.section_padding_25 > [class*="container"] {
padding-top: 25px;
padding-bottom: 25px;
}
.section_padding_40 > [class*="container"] {
padding-top: 40px;
padding-bottom: 40px;
}
.section_padding_50 > [class*="container"] {
padding-top: 50px;
padding-bottom: 50px;
}
.section_padding_65 > [class*="container"] {
padding-top: 65px;
padding-bottom: 65px;
}
.section_padding_70 > [class*="container"] {
padding-top: 70px;
padding-bottom: 70px;
}
.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_55 > [class*="container"] {
padding-top: 15px;
}
.section_padding_top_65 > [class*="container"] {
padding-top: 65px;
}
.section_padding_top_75 > [class*="container"] {
padding-top: 75px;
}
.section_padding_top_90 > [class*="container"] {
padding-top: 90px;
}
.section_padding_top_100 > [class*="container"] {
padding-top: 100px;
}
.section_padding_top_120 > [class*="container"] {
padding-top: 60px;
}
.section_padding_top_125 > [class*="container"] {
padding-top: 125px;
}
.section_padding_top_130 > [class*="container"] {
padding-top: 130px;
}
.section_padding_top_140 > [class*="container"] {
padding-top: 140px;
}
.section_padding_top_150 > [class*="container"] {
padding-top: 150px;
}
/*bottom paddings for sections*/
.section_padding_bottom_0 > [class*="container"] {
padding-bottom: 0;
}
.section_padding_bottom_5 > [class*="container"] {
padding-bottom: 5px;
}
.section_padding_bottom_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_55 > [class*="container"] {
padding-bottom: 0px;
}
.section_padding_bottom_65 > [class*="container"] {
padding-bottom: 65px;
}
.section_padding_bottom_75 > [class*="container"] {
padding-bottom: 75px;
}
.section_padding_bottom_90 > [class*="container"] {
padding-bottom: 90px;
}
.section_padding_bottom_100 > [class*="container"] {
padding-bottom: 100px;
}
.section_padding_bottom_120 > [class*="container"] {
padding-bottom: 120px;
}
.section_padding_bottom_125 > [class*="container"] {
padding-bottom: 125px;
}
.section_padding_bottom_130 > [class*="container"] {
padding-bottom: 130px;
}
.section_padding_bottom_140 > [class*="container"] {
padding-bottom: 140px;
}
.section_padding_bottom_150 > [class*="container"] {
padding-bottom: 0px;
}
@media (max-width: 1199px) {
.section_padding_100 > [class*="container"], .section_padding_top_90 > [class*="container"], .section_padding_top_100 >
[class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_125 > [class*="container"],
.section_padding_top_130 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_150 >
[class*="container"] {
padding-top: 75px;
}
.section_padding_100 > [class*="container"], .section_padding_bottom_90 > [class*="container"], .section_padding_bottom_100 >
[class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_125 > [class*="container"],
.section_padding_bottom_130 > [class*="container"], .section_padding_bottom_140 > [class*="container"], .section_padding_bottom_150 >
[class*="container"] {
padding-bottom: 0px;
}
}
@media (max-width: 479px) {
.section_padding_100 > [class*="container"], .section_padding_top_90 > [class*="container"], .section_padding_top_100 >
[class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_125 > [class*="container"],
.section_padding_top_130 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_150 >
[class*="container"] {
padding-top: 50px;
}
.section_padding_100 > [class*="container"], .section_padding_bottom_90 > [class*="container"], .section_padding_bottom_100 >
[class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_125 > [class*="container"],
.section_padding_bottom_130 > [class*="container"], .section_padding_bottom_140 > [class*="container"], .section_padding_bottom_150 >
[class*="container"] {
padding-bottom: 0px;
}
}
[class*="col-"] {
margin-top: 10px;
margin-bottom: 10px;
}
[class*="col-"] > .checkbox, [class*="col-"] > .radio {
margin: 0;
}
[class*="_0"] [class*="col-"], header [class*="col-"] {
margin-top: 0;
margin-bottom: 0;
min-height: 0;
}
.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: 25px;
padding-right: 25px;
}
.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;
}
@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;
}
}
/* extra large column paddings */
@media (max-width: 992px) {
.isotope-item.item-layout-item-extended {
width: 65%;
}
.columns_padding_80 > [class*="container"] > .row {
margin-right: 0;
margin-left: 0;
}
.columns_padding_80 > [class*="container"] > .row > [class*="col-"] {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.columns_padding_80 > [class*="container"] > .row {
margin-right: 0;
margin-left: 0;
}
.columns_padding_80 > [class*="container"] > .row > [class*="col-"] {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.columns_padding_80 > [class*="container"] > .row {
margin-right: 0;
margin-left: 0;
}
.columns_padding_80 > [class*="container"] > .row > [class*="col-"] {
padding-left: 80px;
padding-right: 80px;
}
}
/*top and bottom margins for columns inside sections and rows */
.columns_margin_top_0 [class*="col-"], .row.columns_margin_top_0 [class*="col-"] {
margin-top: 0;
}
.columns_margin_top_5 [class*="col-"], .row.columns_margin_top_5 [class*="col-"] {
margin-top: 5px;
}
.columns_margin_top_10 [class*="col-"], .row.columns_margin_top_10 [class*="col-"] {
margin-top: 10px;
}
.columns_margin_top_15 [class*="col-"], .row.columns_margin_top_15 [class*="col-"] {
margin-top: 15px;
}
.columns_margin_top_20 [class*="col-"], .row.columns_margin_top_20 [class*="col-"] {
margin-top: 20px;
}
.columns_margin_top_30 [class*="col-"], .row.columns_margin_top_30 [class*="col-"] {
margin-top: 30px;
}
.columns_margin_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 */
@media (min-width: 992px) {
.table_section [class*="container"] {
height: 100%;
}
.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;
}
.table_section [class*="col-"].background_cover {
width: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
}
@media screen and (max-width: 991px) {
.table_section [class*="col-"].background_cover {
padding-bottom: 66%;
margin-bottom: -30px;
width: 100%;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.table_section .row, .table_section [class*="col-"] {
display: block;
width: auto;
}
}
@media (min-width: 768px) {
.table_section .container {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 1199px) {
.table_section.table_section_lg .row, .table_section.table_section_lg [class*="col-"] {
display: block;
width: auto;
}
}
@media screen and (min-width: 1200px) {
/* overlap featured person */
.top-overlap {
margin-top: -170px;
}
.top-overlap-small {
margin-top: -100px;
}
}
@media (max-width: 767px) {
.container {
max-width: 500px;
}
}
@media (min-width: 768px) {
.container-fluid > .row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 992px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.container-fluid {
padding-right: 45px;
padding-left: 45px;
}
}
@media (min-width: 1600px) {
.container-fluid {
padding-right: 65px;
padding-left: 65px;
}
}
.fluid_padding_0 .container-fluid {
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 767px) {
.table_section .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
/*
**common sections styles
*/
/* full width section */
.fullwidth-section .container-fluid {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 992px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.container-fluid {
padding-right: 45px;
padding-left: 45px;
}
}
@media (min-width: 1600px) {
.container-fluid {
padding-right: 65px;
padding-left: 65px;
}
.boxed .container-fluid {
padding-right: 55px;
padding-left: 55px;
}
.boxed .fullwidth-section .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.table_section .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
/* flex section */
@media (min-width: 992px) {
.section_flex > .container > .row, .section_flex > .container-fluid > .row {
display: flex;
}
.section_flex > .container > .row > [class*="col-"], .section_flex > .container-fluid > .row > [class*="col-"] {
flex: 1;
}
}
/*parallax*/
.image_cover, .background_cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
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: 991px) {
.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;
}
.half_section {
position: relative;
}
@media (min-width: 992px) {
.half_section.columns_padding_80 > [class*="container"] > .row {
margin-left: 0;
margin-right: 0;
}
}
.half_section .image_cover_left + .container .col-md-6 {
padding-right: 0;
}
.half_section .image_cover_right + .container .col-md-6 {
padding-left: 0;
}
.parallax {
background-attachment: fixed;
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative !important;
}
.parallax [class*="col-"].cs {
background-color: rgba(85, 188, 231, 0.95);
}
.parallax [class*="col-"].ds {
background-color: rgba(31, 35, 43, 0.95);
}
@media (max-width: 1199px) {
.parallax {
background-size: auto auto;
background-attachment: scroll;
background-position: 50% 0 !important;
}
}
.section_overlay.ls:after {
background-color: #fff;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)";
filter: alpha(opacity=92);
opacity: 0.92;
}
.section_overlay.ls.ms:after {
background-color: #f2f2f2;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)";
filter: alpha(opacity=88);
opacity: 0.88;
}
.section_overlay.cs:after {
background-color: #55bce7;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);
opacity: 0.83;
}
.section_overlay.cs:before {
display: none;
}
.section_overlay.cs.main_color2:after {
background-color: #0083b0;
}
.section_overlay.ds:after {
background-color: #1f232b;
opacity: 0.7;
}
.parallax.ds.ms:after {
display: none;
}
.texture_bg {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative;
}
.muted_section:before {
background-color: rgba(31, 35, 43, 0.1);
opacity: 1;
}
.parallax > *, .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .section_gradient > *, .darken_gradient > *,
.diagonal_section > * {
z-index: 4;
position: relative;
}
.radial_gradient {
position: relative;
overflow: hidden;
}
.gradient, .muted_section, .vertical_gradient, .section_gradient, .darken_gradient {
position: relative;
}
.muted_section:before, .muted_section:after, .section_overlay:before, .section_overlay:after, .gradient:before, .gradient:after,
.vertical_gradient:before, .vertical_gradient:after, .section_gradient:before, .section_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, .section_overlay:before, .section_overlay:after {
opacity: 0.8;
}
.header_gradient, .gradient:before, .dark_gradient:before {
background: #55bce7;
background: -moz-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 188, 231, 1)), color-stop(100%, rgb(0, 131, 176)));
background: -webkit-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: -o-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: -ms-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: linear-gradient(to right, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1);
}
.vertical_gradient:before {
background: #55bce7;
/* Old browsers */
background: -moz-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: -ms-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: linear-gradient(to bottom, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0);
/* IE6-9 */
}
.section_gradient {
background: rgb(0, 131, 176);
}
.section_gradient:before {
background: rgb(0, 131, 176);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: -ms-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: linear-gradient(to bottom, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=0);
/* IE6-9 */
opacity: 0.5;
}
.darken_gradient:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a637342f',GradientType=0);
}
.with_top_border, .with_bottom_border {
position: relative;
}
.with_top_border:before, .with_bottom_border:after {
content: '';
display: block;
position: absolute;
height: 1px;
left: 0;
right: 0;
top: 0;
background-color: #e5e5e5;
}
.with_bottom_border:after {
top: auto;
bottom: 0;
}
.with_top_border_container .container, .with_bottom_border_container .container {
position: relative;
}
.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;
}
.ds .with_top_border_container .container:before, .ds .with_bottom_border_container .container:after {
background-color: rgba(255, 255, 255, 0.2);
}
.ds.with_top_border_container .container:before, .ds.with_bottom_border_container .container:after {
background-color: rgba(255, 255, 255, 0.2);
}
.with_top_border_container .container:before, .with_bottom_border_container .container:after {
right: 15px;
left: 15px;
}
.with_bottom_border_container .container:after {
top: auto;
bottom: 0;
}
.bg_image, .bg_image:after {
background-image: url(../img/background_section.png);
}
.section_header + h3 {
margin: -22px 0 44px;
font-size: 30px;
}
.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: #fff;
z-index: 13000;
height: 100%;
}
.lt-ie9 .preloader {
display: none;
}
.preloader_image {
width: 128px;
height: 128px;
position: absolute;
left: 50%;
top: 50%;
background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
margin: -64px 0 0 -64px;
}
/*
animated elements
*/
.to_animate {
visibility: hidden;
}
.lt-ie10 .to_animate, .lt-ie9 .to_animate {
visibility: visible;
}
.animated {
visibility: visible !important;
}
/*
**boxed layout
*/
@media (min-width: 1600px) {
.boxed #box_wrapper {
margin-left: 180px;
margin-right: 180px;
}
}
#box_wrapper, #canvas {
overflow: hidden;
position: relative;
}
#box_wrapper > section, #box_wrapper > div > section {
clear: both;
}
#canvas.boxed {
padding: 1px 0;
}
#box_wrapper.container, #box_wrapper > section, #box_wrapper > div > section {
overflow: hidden;
}
body.boxed {
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);
}
@media (min-width: 1200px) {
.section_bottom_overlap {
position: absolute;
z-index: 3;
right: 0;
left: 0;
}
.section_bottom_overlap.slider-topline {
background-color: rgba(0, 0, 0, 0.3);
}
}
@media (min-width: 1200px) {
.section_top_overlap {
position: relative;
z-index: 3;
margin-top: -123px;
}
}
/*
**utilites
*/
/* css helpers */
.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%;
}
.divided-content > * {
display: inline-block;
padding-right: 11px;
}
.divided-content > * + *:before {
content: "|";
display: inline-block;
padding-right: 12px;
color: #1f232b;
}
.with_padding {
padding: 30px 20px;
}
@media (min-width: 400px) {
.with_padding {
padding: 35px 45px;
}
}
@media (min-width: 1200px) {
.with_padding.big-padding {
padding: 55px 60px;
}
}
.with_background {
background-color: #f2f2f2;
}
.transp_black_bg {
background-color: rgba(31, 35, 43, 0.7);
}
.muted_background {
background-color: rgba(31, 35, 43, 0.06);
}
.with_border {
border: 1px solid #e5e5e5;
}
.rounded {
border-radius: 3px;
}
.overflow-hidden {
overflow: hidden;
position: relative;
z-index: 1;
}
.overflow-visible {
overflow: visible !important;
}
.with_border.sticky.post {
border: 2px solid #55bce7;
}
.with_shadow {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.content-justify {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.inline-content > * {
vertical-align: middle;
display: inline-block;
margin-right: 15px;
margin-left: 15px;
}
.inline-content > *.media {
margin-top: 10px;
margin-bottom: 10px;
}
.inline-content ul {
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
}
.inline-content ul:first-child {
margin-right: 30px;
}
@media (min-width: 1200px) {
.inline-content ul:first-child {
margin-right: 120px;
}
}
.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);
}
.border-paragraphs {
margin: 25px 0 25px;
}
.border-paragraphs p {
padding: 9px 0 10px;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-paragraphs p:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.table_section_content {
padding: 30px 50px;
}
.table_section_content h3 {
font-size: 42px;
font-weight: 300;
margin: 0 0 32px;
}
.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;
}
.response, .highlight {
color: white;
border-color: white;
}
.highlight2 {
color: #0083b0;
border-color: #0083b0;
}
.highlight3, .highlight3 a {
color: #e34f61 !important;
border-color: #e34f61 !important;
}
.red, .required {
color: #fa5c5d;
}
.black {
color: #0f0f0f;
border-color: #0f0f0f;
}
.marker-text {
color: #55bce7;
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
}
.lightfont {
color: #fff !important;
}
.lightgrey {
color: #f2f2f2;
font-weight: 300;
}
.grey {
color: #1f232b;
border-color: #1f232b;
}
.greylinks a {
color: #808080;
}
.greylinks a.social-icon {
color: rgba(128, 128, 128, 0.6);
}
.greylinks a.social-icon:hover, .greylinks a.social-icon:focus, .greylinks a.social-icon:active {
color: #55bce7;
}
.greylinks a.social-icon.border-icon {
border-color: rgba(128, 128, 128, 0.6);
}
.greylinks a.social-icon.border-icon:hover, .greylinks a.social-icon.border-icon:focus, .greylinks a.social-icon.border-icon:active {
color: #55bce7;
border-color: rgba(128, 128, 128, 0.6);
}
.colorlinks a {
color: #0083b0;
}
.colorlinks a:hover, .colorlinks a:focus, .colorlinks a:active {
color: #55bce7;
}
.color2links a, .color2links .social-icons a.social-icon {
color: #0083b0 !important;
}
.color2links a:hover, .color2links .social-icons a.social-icon:hover, .color2links a:focus, .color2links .social-icons a.social-icon:focus,
.color2links a:active, .color2links .social-icons a.social-icon:active {
color: #1f232b !important;
}
.darklinks a, .darklinks span {
color: #1f232b;
}
.spacing-text-small {
letter-spacing: -0.02em;
}
.spacing-text-large {
letter-spacing: 0.05em;
}
ul.no-bullets {
padding-left: 0;
}
ul.no-bullets li {
list-style: none;
}
.extra-thin {
font-weight: 200;
}
.thin {
font-weight: 300;
}
.normal {
font-weight: 400;
}
.medium {
font-weight: 600;
}
.bold {
font-weight: 900;
}
.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;
}
.light_bg_color {
background-color: #fff;
}
.main_bg_color {
color: #fff;
background-color: #55bce7;
}
.main_bg_color2 {
color: #fff;
background-color: #0083b0;
}
.main_bg_color3 {
color: #fff;
background-color: #e34f61;
}
.dark_bg_color {
color: #fff;
background-color: #0f0f0f;
}
.dark_bg_color h1, .dark_bg_color h2, .dark_bg_color h3, .dark_bg_color h4, .dark_bg_color h5, .dark_bg_color h6 {
color: #fff;
}
.darkgrey_bg_color {
color: #fff;
background-color: #1f232b;
}
.darkgrey_bg_color h1, .darkgrey_bg_color h2, .darkgrey_bg_color h3, .darkgrey_bg_color h4, .darkgrey_bg_color h5, .darkgrey_bg_color h6 {
color: #fff;
}
/*dividers, margins and paddings*/
.divider_15 {
margin: 15px 0;
line-height: 1;
}
.divider_20 {
margin: 20px 0;
line-height: 1;
}
.divider_30 {
margin: 30px 0;
}
.divider_40 {
margin: 40px 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_5 {
margin-bottom: 5px;
}
.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;
}
@media (max-width: 1200px) {
.padding_0 {
padding: 0;
}
.padding_10 {
padding: 10px 15px;
}
.padding_20 {
padding: 20px 15px;
}
.padding_30 {
padding: 30px 15px;
}
.padding_40 {
padding: 40px 15px;
}
}
.toppadding_10 {
padding-top: 10px;
}
.toppadding_20 {
padding-top: 20px;
}
.toppadding_30 {
padding-top: 30px;
}
.toppadding_40 {
padding-top: 40px;
}
.toppadding_50 {
padding-top: 50px;
}
.toppadding_60 {
padding-top: 60px;
}
.bottompadding_10 {
padding-bottom: 10px;
}
.bottompadding_20 {
padding-bottom: 20px;
}
.bottompadding_30 {
padding-bottom: 30px;
}
.bottompadding_40 {
padding-bottom: 40px;
}
.bottompadding_50 {
padding-bottom: 50px;
}
.bottompadding_60 {
padding-bottom: 60px;
}
.leftpadding_10 {
padding-left: 10px;
}
.leftpadding_20 {
padding-left: 20px;
}
.leftpadding_30 {
padding-left: 30px;
}
.leftpadding_40 {
padding-left: 40px;
}
.leftpadding_50 {
padding-left: 50px;
}
.leftpadding_60 {
padding-left: 60px;
}
.rightpadding_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_14 {
font-size: 14px;
}
.fontsize_16 {
font-size: 16px;
}
.fontsize_18 {
font-size: 18px;
}
.fontsize_20 {
font-size: 20px;
}
.fontsize_24 {
font-size: 24px;
}
.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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1200px) {
.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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (min-width: 992px) {
.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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (min-width: 768px) {
.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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
}
.not_found {
font-size: 130px;
}
}
@media (max-width: 500px) {
.hidden-xxs {
display: none;
}
}
.inline-dropdown {
list-style: none;
margin: 0;
padding: 0;
}
.inline-dropdown > li {
display: inline-block;
margin: 0 -2px;
}
.small-text, .entry-date, .entry-author, .entry-tags {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
}
/* common side and vertical items */
.with_border .item-media {
margin: -2px !important;
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;
}
@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-media img {
width: 100%;
}
.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;
}
/*-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 h3 {
line-height: 1.1;
}
.vertical-item h4 {
line-height: 1.25;
}
.vertical-item .item-media + .item-content {
padding-top: 35px;
}
.vertical-item .list1 {
text-align: left;
margin: 0;
}
.vertical-item .list1 + .social-icons {
margin-top: 30px;
}
.vertical-item.content-padding .item-content {
padding: 30px 20px;
}
@media (min-width: 400px) {
.vertical-item.content-padding .item-content {
padding: 15px 15px;
}
}
@media (min-width: 1200px) {
.vertical-item.content-padding.big-padding .item-content {
padding: 40px 50px;
}
}
.vertical-item.sticky.content-padding .item-content {
padding: 50px 20px 30px;
}
@media (min-width: 400px) {
.vertical-item.sticky.content-padding .item-content {
padding: 50px 45px 35px;
}
}
@media (min-width: 1200px) {
.vertical-item.sticky.content-padding .item-content {
padding: 50px;
}
}
.vertical-item.content-absolute {
position: relative;
}
.vertical-item.content-absolute .item-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 30px 20px;
}
.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 {
margin-bottom: 5px;
}
.item-meta i {
position: relative;
font-size: 20px;
top: 3px;
padding: 0;
margin: 0;
}
/* item media links */
.item-media {
position: relative;
overflow: hidden;
}
.item-media img {
max-width: 100%;
width: auto;
}
a.bottom-right-corner {
position: absolute;
right: 0;
bottom: 0;
width: 50px;
height: 50px;
border: 25px solid transparent;
border-right-color: #0083b0;
border-bottom-color: #0083b0;
font-size: 13px;
z-index: 0;
}
a.bottom-right-corner i {
color: #fff;
position: absolute;
right: -16px;
bottom: -16px;
z-index: 1;
transition: all 0.2s ease 0s;
}
a.bottom-right-corner:hover i, a.bottom-right-corner:focus i, a.bottom-right-corner:active i {
color: #55bce7;
}
.format-standard .item-media-wrap, .format-image .item-media-wrap {
position: relative;
text-align: center;
}
.format-standard .item-media-wrap > .item-media, .format-image .item-media-wrap > .item-media {
display: inline-block;
}
.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(38, 38, 38, 0.5);
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
[class*="-item"]:hover .media-links:before {
opacity: 1;
}
.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;
}
.links-wrap a {
position: relative;
width: 40px;
height: 40px;
line-height: 36px;
top: -100px;
display: inline-block;
z-index: 5;
font-size: 24px;
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;
border: 2px solid transparent;
background-color: transparent;
}
.links-wrap a:hover {
color: rgba(255, 255, 255, 0.6);
}
.links-wrap a.p-link {
background-color: transparent;
border-color: transparent;
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;
}
.links-wrap a:before {
font-family: FontAwesome;
content: "\f002";
}
.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 {
display: table;
width: 100%;
border-top: 1px solid rgba(128, 128, 128, 0.1);
}
.item-icons i {
display: block;
font-size: 16px;
}
.item-icons > div {
padding: 22px 10px 18px;
display: table-cell;
width: 400px;
}
.item-icons > div + div {
border-left: 1px solid rgba(128, 128, 128, 0.1);
}
.item-icons [data-id] {
display: none;
}
/**light section - .ls*/
.light-body {
background-color: #fff;
}
.ls {
background-color: #fff;
color: black;
}
.ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 {
color: #1f232b;
}
.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: #55bce7;
}
.ls h1.grey, .ls h2.grey, .ls h3.grey, .ls h4.grey, .ls h5.grey, .ls h6.grey {
color: #808080;
}
.ls h1.hover-color2 a:hover, .ls h2.hover-color2 a:hover, .ls h3.hover-color2 a:hover, .ls h4.hover-color2 a:hover, .ls h5.hover-color2
a:hover, .ls h6.hover-color2 a:hover {
color: #0083b0;
}
.ls a {
color: #55bce7;
}
.ls a:hover {
color: #1f232b;
}
.ls a.logo {
color: #0f0f0f;
}
.ls .nav > li > a {
color: #1f232b;
}
.ls.page_topline .theme_button.inverse.color1 {
color: #1f232b;
background-color: transparent;
border-color: rgba(0, 0, 0, 0.1);
}
.ls.page_topline .theme_button.inverse.color1:hover, .ls.page_topline .theme_button.inverse.color1:focus, .ls.page_topline
.theme_button.inverse.color1:active {
color: #fff;
background-color: #55bce7;
border-color: #55bce7;
}
.ls.page_topline .theme_button.inverse.color2 {
color: #1f232b;
background-color: transparent;
border-color: rgba(0, 0, 0, 0.1);
}
.ls.page_topline .theme_button.inverse.color2:hover, .ls.page_topline .theme_button.inverse.color2:focus, .ls.page_topline
.theme_button.inverse.color2:active {
color: #fff;
background-color: #0083b0;
border-color: #0083b0;
}
.ls .page-links .small_buttons a, .ls .page-links .small_button {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #808080;
}
.ls .page-links .small_buttons a:hover, .ls .page-links .small_button:hover, .ls .page-links .small_buttons a:active, .ls .page-links
.small_button:active, .ls .page-links .small_buttons a:focus, .ls .page-links .small_button:focus {
background-color: #55bce7;
border-color: #55bce7;
color: #fff;
}
.ls .with_background input[type="text"], .ls .with_background input[type="email"], .ls .with_background input[type="url"], .ls
.with_background input[type="password"], .ls .with_background input[type="search"], .ls .with_background input[type="tel"], .ls
.with_background input[type="number"], .ls .with_background textarea, .ls .with_background select, .ls .with_background .form-control, .ls
.with_background .select-group {
background-color: #fff;
}
.ls .tab-content input[type="text"], .ls .tab-content input[type="email"], .ls .tab-content input[type="url"], .ls .tab-content input
[type="password"], .ls .tab-content input[type="search"], .ls .tab-content input[type="tel"], .ls .tab-content input[type="number"], .ls
.tab-content textarea, .ls .tab-content select, .ls .tab-content .form-control, .ls .tab-content .select-group {
background-color: #f2f2f2;
}
.ls .toggle_menu span, .ls .toggle_menu span:before, .ls .toggle_menu span:after {
background-color: #0f0f0f;
}
.ls .color-icon.bg-icon {
background-color: #f8f8f8;
}
.ls .grey {
color: #1f232b;
}
.ls .highlight {
color: #55bce7;
}
.ls .highlight2 {
color: #0083b0;
}
.ls .highlight2 a {
color: #0083b0;
}
.ls .highlight2 a:hover {
color: #1f232b;
}
.ls .greylinks a {
color: #808080;
}
.ls .greylinks a:hover {
color: #1f232b;
}
.ls .greylinks a.social-icon {
color: #bebebe;
}
.ls .greylinks a.social-icon:hover, .ls .greylinks a.social-icon:focus, .ls .greylinks a.social-icon:active {
color: #55bce7;
}
.ls .darklinks a {
color: #1f232b;
}
.ls .darklinks a:hover {
color: #55bce7;
}
.ls .pagination > li > a, .ls .pagination > li > span {
color: #808080;
}
.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: #55bce7;
color: #fff;
}
.ls .pagination > .disabled > a, .ls .pagination > .disabled > span, .ls .pagination > .disabled > a:hover, .ls .pagination > .disabled >
span:hover, .ls .pagination > .disabled > a:focus, .ls .pagination > .disabled > span:focus {
color: #808080;
background-color: #f2f2f2;
}
.ls .widget_human_consult_twitter .tweet_time {
color: #55bce7;
}
.ls .price-table {
background-color: #f2f2f2;
}
.ls.page_copyright {
color: #1f232b;
}
@media (min-width: 1200px) {
.ls.page_copyright {
background-color: rgba(255, 255, 255, 0.5);
}
}
/**grey section - light section, muted section - .ls.ms*/
.ls.ms {
background-color: #f2f2f2;
}
.ls.ms .with_background {
background-color: #fff;
}
.ls.ms .page-links .small_buttons a span, .ls.ms .page-links .small_button span {
color: #1f232b;
}
.ls.ms .page-links .small_buttons a:hover, .ls.ms .page-links .small_button:hover {
opacity: 0.7;
}
.ls.ms hr {
background-color: #fff;
}
.ls.ms input[type="text"], .ls.ms input[type="email"], .ls.ms input[type="url"], .ls.ms input[type="password"], .ls.ms input[type="search"],
.ls.ms input[type="tel"], .ls.ms input[type="number"], .ls.ms textarea, .ls.ms select, .ls.ms .form-control {
background-color: #fff;
}
.ls.ms .ls:not(.ms) input[type="text"], .ls.ms .with_background input[type="text"], .ls.ms .ls:not(.ms) input[type="email"], .ls.ms
.with_background input[type="email"], .ls.ms .ls:not(.ms) input[type="url"], .ls.ms .with_background input[type="url"], .ls.ms .ls:not(.ms)
input[type="password"], .ls.ms .with_background input[type="password"], .ls.ms .ls:not(.ms) input[type="search"], .ls.ms .with_background
input[type="search"], .ls.ms .ls:not(.ms) input[type="tel"], .ls.ms .with_background input[type="tel"], .ls.ms .ls:not(.ms) input
[type="number"], .ls.ms .with_background input[type="number"], .ls.ms .ls:not(.ms) textarea, .ls.ms .with_background textarea, .ls.ms
.ls:not(.ms) select, .ls.ms .with_background select, .ls.ms .ls:not(.ms) .form-control, .ls.ms .with_background .form-control {
border-color: #e5e5e5;
}
.ls.ms .panel-title > a:hover {
background-color: #55bce7;
}
.ls.ms .panel-title > a.collapsed:hover {
background-color: #55bce7;
}
.ls.ms .pagination a, .ls.ms .pagination span {
background-color: #fff;
border-color: #fff;
}
.ls.ms .price-table {
background-color: #fff;
}
/**common dark and dark muted sections - .ds and .ds.ms*/
/**darkgrey section - .ds*/
.dark-body {
background-color: #0f0f0f;
}
.ds {
background-color: #1f232b;
color: white;
}
/**dark section - .ds.ms*/
.ds.ms {
background-color: #0f0f0f;
}
.ds {
/* Dark headers */
/* shortcode post carousel */
/* shop */
}
.ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 {
color: #fff;
}
.ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a {
color: #fff;
}
.ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover {
color: #55bce7;
}
.ds h1.hover-color2 a:hover, .ds h2.hover-color2 a:hover, .ds h3.hover-color2 a:hover, .ds h4.hover-color2 a:hover, .ds h5.hover-color2
a:hover, .ds h6.hover-color2 a:hover {
color: #0083b0;
}
.ds.page_topline .theme_button.inverse.color1 {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.ds.page_topline .theme_button.inverse.color1:hover, .ds.page_topline .theme_button.inverse.color1:focus, .ds.page_topline
.theme_button.inverse.color1:active {
color: #fff;
background-color: #55bce7;
border-color: #55bce7;
}
.ds.page_topline .theme_button.inverse.color2 {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.ds.page_topline .theme_button.inverse.color2:hover, .ds.page_topline .theme_button.inverse.color2:focus, .ds.page_topline
.theme_button.inverse.color2:active {
color: #fff;
background-color: #0083b0;
border-color: #0083b0;
}
.ds .ls {
background-color: #fff;
color: #808080;
}
.ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 {
color: #1f232b;
}
.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: #55bce7;
}
.ds .ls a {
color: #55bce7;
}
.ds .ls a:hover {
color: #1f232b;
}
.ds label {
color: #fff;
}
.ds a {
color: #f2f2f2;
}
.ds a:hover {
color: #fff;
}
.ds hr {
border-color: rgba(0, 0, 0, 0.1);
}
.ds blockquote, .ds .blockquote {
color: #fff;
}
.ds blockquote .author-job, .ds .blockquote .author-job {
color: rgba(255, 255, 255, 0.8);
}
.ds a.logo {
color: #fff;
}
.ds .nav > li > a {
color: #fff;
}
.ds .nav > li.current-menu-item > a {
color: #55bce7;
}
@media (min-width: 992px) {
.ds .sf-menu .sub-menu {
border: 1px solid #0f0f0f;
}
}
.ds .sf-menu > li .mega-menu, .ds .sf-menu li > ul {
background-color: #0f0f0f;
}
.ds .sf-menu ul a {
color: #fff;
}
.ds .social-icon.color-icon:hover {
color: #fff;
}
.ds .transp_black_bg .form-control {
border-color: rgba(255, 255, 255, 0.5);
}
.ds .transp_black_bg .form-control:-moz-placeholder {
color: #fff;
}
.ds .transp_black_bg .form-control::-moz-placeholder {
color: #fff;
}
.ds .transp_black_bg .form-control:-ms-input-placeholder {
color: #fff;
}
.ds .transp_black_bg .form-control::-webkit-input-placeholder {
color: #fff;
}
.ds .transp_black_bg .form-control:focus:-moz-placeholder {
color: transparent;
}
.ds .transp_black_bg .form-control:focus::-moz-placeholder {
color: transparent;
}
.ds .transp_black_bg .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.ds .transp_black_bg .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.ds .muted_background, .ds .with_background, .ds .well {
background-color: rgba(255, 255, 255, 0.05);
}
.ds.muted_section:before {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .with_border {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .highlight {
color: #55bce7;
}
.ds .highlight2 {
color: #0083b0;
}
.ds .highlight2 a {
color: #0083b0;
}
.ds .highlight2 a:hover {
color: #fff;
}
.ds .grey, .ds .black {
color: #fff;
border-color: #fff;
}
.ds .lightfont {
color: #fff;
}
.ds .highlightlinks a {
color: #55bce7;
}
.ds .highlightlinks a:hover {
color: #fff;
}
.ds .greylinks a {
color: #f2f2f2;
}
.ds .greylinks a:hover {
color: #fff;
}
.ds .darklinks a {
color: #fff;
}
.ds .darklinks a:hover {
color: #0083b0;
}
.ds .darklinks.color3 a:hover {
color: #e34f61;
}
.ds.with_top_border:before, .ds.with_bottom_border:after {
background-color: rgba(0, 0, 0, 0.1);
}
.ds .section_header + p {
color: inherit;
}
.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: rgba(15, 15, 15, 0.5);
color: #fff;
border: none;
}
.ds form label + [class*="icon-"] {
color: #fff;
}
.ds .form-group-select:before {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .form-control:-moz-placeholder {
color: #fff;
opacity: 1;
}
.ds .form-control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.ds .form-control:-ms-input-placeholder {
color: #fff;
}
.ds .form-control::-webkit-input-placeholder {
color: #fff;
}
.ds .contact-form.transparent-background .form-control {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .border-paragraphs p {
color: #fff;
border-color: rgba(0, 0, 0, 0.1);
}
.ds .table, .ds .table-bordered, .ds .table th, .ds .table td, .ds table th, .ds table td {
border-color: rgba(0, 0, 0, 0.1);
}
.ds table th {
color: #fff;
}
.ds .table_template th, .ds .table_template td {
border-color: transparent;
}
.ds .table_template th {
color: inherit;
}
.ds .table-striped > tbody > tr:nth-child(odd), .ds .table-striped > tbody > tr:nth-child(odd) > td, .ds .table-striped > tbody > tr:nth-
child(odd) > th {
border-color: rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.05);
}
.ds .color-icon.bg-icon {
background-color: #fff;
}
.ds .color-icon.bg-icon:hover {
color: #fff;
}
.ds .color-bg-icon:hover {
background-color: #f2f2f2;
}
.ds .tab-content, .ds .nav-tabs > li > a {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .nav-tabs > li.active > a, .ds .nav-tabs > li.active > a:hover, .ds .nav-tabs > li.active > a:focus {
border-color: #55bce7;
border-bottom-color: transparent;
background-color: #55bce7;
color: #fff;
}
.ds .fw-package.price-table {
background-color: #1f232b;
}
.ds .fw-package.price-table .fw-default-row {
color: #808080;
}
.ds .fw-package.price-table hr {
background-color: rgba(255, 255, 255, 0.1);
}
.ds .price-table.style2 {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .plan-name {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .features-list .disabled:before {
color: #fff;
}
.ds ul.list1 {
color: #fff;
}
.ds ul.list1 li {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .owl-theme .owl-dots .owl-dot span {
border-color: #fff;
}
.ds .testimonials-carousel .media + p {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .shortcode-posts.carousel .text-owl-nav > div {
color: #fff;
}
.ds .shortcode-posts.carousel .text-owl-nav > div:hover {
color: rgba(255, 255, 255, 0.5);
}
.ds .shortcode-posts.carousel .text-owl-nav > div.owl-next:before {
color: #fff;
}
.ds .side-item {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .entry-excerpt {
color: #fff;
}
.ds .comment-meta {
color: #fff;
}
.ds .comment-meta .author_url {
color: #fff;
}
.ds .comment-list article:after {
background-color: rgba(0, 0, 0, 0.1);
}
.ds .comment-respond {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .entry-tags {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget-socials a.color-bg-icon {
color: #fff;
}
.ds .widget-socials a.color-bg-icon:hover {
color: #55bce7;
}
.ds .widget-socials a.border-icon {
color: #fff;
border-color: #fff;
}
.ds .widget_shopping_cart .cart_list, .ds .widget_recent_entries li, .ds .widget_recent_comments li, .ds .widget_archive li, .ds
.widget_categories li, .ds .widget_meta li, .ds .widget_nav_menu li, .ds .widget_pages li, .ds .widget_popular_entries li {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_recent_entries li .post-date {
color: #55bce7;
}
.ds .widget_nav_menu ul ul {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_popular_entries .media-heading {
color: #fff;
}
.ds .tweet_list li + li .tweet_right {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_tag_cloud a {
color: #fff;
}
.ds .widget_shopping_cart li a + a {
color: #fff;
}
.ds .widget_shopping_cart li a + a:hover {
color: #55bce7;
}
.ds .widget .woocommerce-Price-amount {
color: #fff;
}
.ds .summary .price {
color: #fff;
border-color: rgba(0, 0, 0, 0.1);
}
.ds .summary .product_meta {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_price_filter .price_label {
color: #fff;
}
.ds #calendar_wrap {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_calendar table {
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_calendar tfoot td a {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .widget_calendar caption, .ds .widget_calendar thead, .ds .widget_calendar th {
color: #fff;
}
.ds .widget_calendar tbody td a:hover {
color: #fff;
}
.ds .grid-view h3:before, .ds .grid-view h3:after {
background-color: rgba(0, 0, 0, 0.1);
}
.ds .owl-carousel.product-thumbnails .owl-nav > div:after {
color: #fff;
}
.ds .ui-slider {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .ui-slider .ui-slider-handle {
background-color: #fff;
}
.ds #sort_view {
border-color: rgba(0, 0, 0, 0.1);
color: #fff;
}
.ds #toggle_shop_view.grid-view:after, .ds #toggle_shop_view:before {
background-color: rgba(247, 247, 247, 0.05);
}
.ds .widget_layered_nav .color-filters a:before {
border-color: rgba(0, 0, 0, 0.1);
}
.ds .pagination > li > a, .ds .pagination > li > span {
color: #808080;
background-color: rgba(255, 255, 255, 0.05);
}
.ds .pagination > li.active > a, .ds .pagination > li.active > span, .ds .pagination > li > a:hover, .ds .pagination > li > span:hover, .ds
.pagination > li > a:focus, .ds .pagination > li > span:focus {
background-color: #55bce7;
color: #fff;
}
.ds .thumbnail {
background-color: transparent;
}
.ds .thumbnail h3 a {
color: #fff;
}
.ds .thumbnail .caption {
border-color: transparent;
background-color: rgba(252, 252, 252, 0.05);
}
.ds .progress {
background-color: rgba(0, 0, 0, 0.1);
}
.ds .panel-default {
border: 1px solid rgba(236, 236, 235, 0.1);
}
.ds .panel-group .panel-heading + .panel-collapse .panel-body {
border-color: rgba(0, 0, 0, 0.1);
color: #7f7f7f;
}
.ds .vertical-tabs .nav > li > a {
background-color: rgba(255, 255, 255, 0.05);
}
.ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover {
background-color: #55bce7;
}
.ds .entry-meta .comments-link a {
color: #fff;
}
.ds #timetable tbody th, .ds #timetable tbody td {
border-color: rgba(0, 0, 0, 0.1);
}
.ds div .fw-shortcode-calendar-wrapper .page-header h3, .ds div .btn-group button[data-calendar-nav], .ds div .btn-group button[data-
calendar-nav*='today'] {
color: #fff;
}
.ds.page_copyright {
color: white;
background-color: #0f0f0f, 0.5;
}
/**color section*/
.cs.main_color2 {
background-color: #0083b0;
opacity: 0.9;
}
.cs.main_color2 .highlight {
color: #55bce7;
}
.section_gradient a {
color: #fff;
}
.section_gradient a:hover, .section_gradient a:focus {
opacity: 0.7;
}
.cs {
background-color: #55bce7;
color: rgba(255, 255, 255, 0.6);
}
.cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 {
color: #fff;
}
.cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a {
color: #fff;
}
.cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover {
color: rgba(255, 255, 255, 0.6);
}
.cs a {
color: #fff;
}
.cs a:hover {
color: #dbf1fa;
}
.cs blockquote, .cs .blockquote {
border-color: #fff;
}
.cs .divided-content > * + *:before {
color: #fff;
}
.cs .with_background {
background-color: rgba(255, 255, 255, 0.2);
}
.cs .with_border {
border-color: rgba(255, 255, 255, 0.2);
}
.cs.with_top_border .container:before, .cs.with_bottom_border .container:after {
background-color: #82ceed;
}
.cs .section_header:before {
background-color: #82ceed;
}
.cs .ls .greylinks a {
color: #bebebe;
}
.cs .ls .greylinks a:hover, .cs .ls .greylinks a:focus, .cs .ls .greylinks a:active {
color: #808080;
}
.cs .black {
border-color: #fff;
color: #fff;
}
.cs .grey {
border-color: #1f232b;
color: #1f232b;
}
.cs .response {
color: #fff;
}
.cs.page_copyright i {
color: #fff;
}
.cs ul.list1 li {
border-color: rgba(255, 255, 255, 0.2);
}
.cs [class*='soc-'] {
color: #fff;
border-color: #fff;
}
.cs .color-icon.bg-icon {
background-color: #fff;
}
.cs a.social-icon.color-bg-icon:hover {
background-color: #1f232b;
}
.cs input[type="text"], .cs input[type="email"], .cs input[type="url"], .cs input[type="password"], .cs input[type="search"], .cs input
[type="tel"], .cs input[type="number"], .cs textarea, .cs select, .cs .form-control {
background-color: #fff;
border: none;
}
.cs .form-control:focus {
border-color: #fff;
}
.cs .form-control:-moz-placeholder {
color: #fff;
opacity: 1;
}
.cs .form-control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.cs .form-control:-ms-input-placeholder {
color: #fff;
}
.cs .form-control::-webkit-input-placeholder {
color: #fff;
}
.cs .widget_mc4wp_form_widget [type*="submit"] {
color: #fff;
}
.cs .pagination > li > a, .cs .pagination > li > span {
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
}
.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: #fff;
color: #1f232b;
}
.cs .widget_recent_entries li + li, .cs .widget_recent_comments li + li, .cs .widget_archive li + li, .cs .widget_categories li + li, .cs
.widget_meta li + li, .cs .widget_popular_entries li + li, .cs .widget_nav_menu li + li, .cs .widget_pages li + li {
border-top-color: rgba(255, 255, 255, 0.2);
}
.cs.page_copyright {
color: #fff;
}
@media (min-width: 1200px) {
.cs.page_copyright {
background-color: rgba(85, 188, 231, 0.5);
}
}
/** custom classes for all elements */
.extra-heading {
position: relative !important;
float: left;
top: 25px;
font-size: 75px !important;
line-height: 0.75 !important;
padding-right: 15px !important;
letter-spacing: -0.1em;
background: -webkit-linear-gradient(#0083b0, #55bce7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.extra-heading {
padding-right: 10px !important;
color: #55bce7 !important;
}
}
@media (max-width: 1199px) {
.extra-heading {
font-size: 72px !important;
top: 15px;
padding-right: 15px !important;
}
}
@media (max-width: 479px) {
.extra-heading {
font-size: 70px !important;
padding-right: 10px !important;
}
.extra-heading + h3.section_header {
font-size: 20px !important;
}
.extra-heading + h3.section_header + h2.section_header {
font-size: 25px !important;
}
}
@media (min-width: 992px) {
.top-overlap img {
margin-top: -40px;
max-width: 140%;
margin-right: -20%;
margin-left: -20%;
}
}
/* Icons Correction */
.size_normal .fa-paw {
font-size: 24px !important;
}
.size_big .fa-cubes {
font-size: 30px !important;
line-height: 24px !important;
}
.header_left_logo {
position: relative;
}
.header_left_logo {
white-space: nowrap;
padding: 0 15px;
overflow: visible;
}
.header_left_logo .logo img {
max-width: 160px;
}
.header_mainmenu {
overflow: visible;
width: 10000px;
padding: 0 15px;
}
.page_header.section_padding_20 [class*="container"] {
padding-top: 20px;
padding-bottom: 20px;
transition: padding-top 0.2s linear 0s, padding-bottom 0.2s linear 0s;
}
.page_header.section_padding_20.affix [class*="container"] {
padding-top: 0;
padding-bottom: 0;
}
/* header 3 */
.with-slider {
/* Affix ls correction */
/* Affix ds correction */
}
.with-slider .header-2 {
position: absolute;
background: transparent;
}
.with-slider .header-2.ls .nav > li > a, .with-slider .header-2.ds .nav > li > a {
color: #fff;
}
.with-slider .header-2.ls .nav > li > a:hover, .with-slider .header-2.ds .nav > li > a:hover {
color: #55bce7;
}
.with-slider .header-2.ls .nav > li.current-menu-item > a, .with-slider .header-2.ds .nav > li.current-menu-item > a {
color: #55bce7;
}
.with-slider .header-2.ls a.logo {
color: #fff;
}
.with-slider .header-2.ls.affix {
background: #fff;
}
.with-slider .header-2.ls.affix .nav > li > a {
color: #0f0f0f;
}
.with-slider .header-2.ls.affix .nav > li > a:hover {
color: #55bce7;
}
.with-slider .header-2.ls.affix .nav > li.current-menu-item > a {
color: #55bce7;
}
.with-slider .header-2.ls.affix a.logo {
color: #0f0f0f;
}
.with-slider .header-2.ds.affix {
background: #0f0f0f;
}
.with-slider .header-2.ds.affix .nav > li > a {
color: #fff;
}
.with-slider .header-2.ds.affix .nav > li > a:hover {
color: #55bce7;
}
.with-slider .header-2.ds.affix .nav > li.current-menu-item > a {
color: #55bce7;
}
.with-slider .header-2.ds.affix a.logo {
color: #fff;
}
@media (max-width: 1599px) {
.page_header.header_tall.header-2 a.logo img {
max-height: 60px;
}
.page_header.header_tall.header-2 .logo_text {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.header-2 [class*="col-"] {
display: block;
}
}
@media (min-width: 1500px) {
.page_header.header_tall.header-2 .container-fluid {
padding-top: 35px;
padding-bottom: 35px;
-webkit-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
.page_header.header_tall.header-2.affix .container-fluid {
padding-top: 0;
padding-bottom: 0;
}
}
@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;
}
}
@media (min-width: 768px) {
.header_right_buttons {
white-space: nowrap;
text-align: right;
overflow: visible;
}
}
.ls.affix {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.ds.affix {
box-shadow: 0px 2px 3px rgba(255, 255, 255, 0.1);
}
.header_darkgrey {
background-color: #1f232b;
}
.header_darkgrey a[class*='soc-'] {
color: #fff;
}
.header_darkgrey .logo-meta, .header_darkgrey .grey {
color: #fff;
}
/* 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: #1f232b;
}
.login-dropdown .dropdown-menu {
min-width: 400px;
padding: 30px 30px;
margin-top: 14px;
}
.login-dropdown .dropdown-menu input[type=checkbox] {
margin-top: 8px;
}
.cart-dropdown .dropdown-menu {
min-width: 400px;
padding: 20px 30px;
}
.cart-dropdown .cart-products-number {
position: absolute;
font-size: 8px;
color: #1f232b;
background-color: #55bce7;
border-radius: 50%;
line-height: 1;
padding: 1px 3px;
top: 25px;
left: 50%;
margin-left: 2px;
font-weight: bold;
}
@media (max-width: 767px) {
.login-dropdown, .cart-dropdown {
position: static;
}
.login-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu {
margin-left: 0;
margin-right: 0;
right: 0;
left: 0;
min-width: 0;
}
}
/* logo */
a.logo {
display: inline-block;
white-space: nowrap;
line-height: 1;
position: relative;
z-index: 2;
padding: 5px 0;
}
a.logo img {
display: inline-block;
vertical-align: middle;
max-width: 200px;
}
a.logo .logo_text {
padding: 5px 15px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
line-height: 1.2;
}
a.logo .logo_text span.add {
color: #0083b0;
margin-left: 5px;
}
a.logo .logo_text .logo_subtext {
font-weight: 300;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
display: block;
width: 100%;
color: #808080;
margin-left: 2px;
}
a.logo.logo_text_only {
margin-left: 0;
line-height: 80px;
}
a.logo.logo_text_only .logo_text {
padding: 5px 15px 5px 0;
}
.header_gradient a.logo, .header_darkgrey a.logo {
color: #fff;
}
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;
}
a.logo.vertical_logo img {
margin: 0 0 10px;
}
.header_logo_center a.logo {
margin: 0 20px;
}
/* logo center & logo image between text */
.header_center_logo .logo_text {
text-align: left;
}
.header_center_logo .logo_between_text img {
max-width: 150px;
}
@media (max-width: 479px) {
.header_center_logo .logo_between_text img {
max-width: 75px;
}
}
.header_center_logo .logo_between_text .logo_text, .header_center_logo .logo_between_text .logo_subtext {
padding: 5px 3px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
line-height: 1.2;
}
@media (max-width: 479px) {
.header_center_logo .logo_between_text .logo_text, .header_center_logo .logo_between_text .logo_subtext {
font-size: 20px;
}
}
@media (min-width: 992px) {
.header_thin .sf-menu > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.logo-meta {
line-height: 1.2;
display: inline-block;
padding: 20px 0;
}
@media (max-width: 1400px) {
.logo + .logo-meta {
display: none;
}
}
.logo-meta strong {
font-size: 20px;
}
.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: background 0.2s ease-in-out 0s;
transition: background 0.2s ease-in-out 0s;
top: 0;
left: 0;
right: 0;
position: relative;
z-index: 1000;
}
.page_header.mobile-active {
z-index: 1002;
}
.page_header.affix {
position: fixed;
}
.page_header.affix-bottom {
top: 0 !important;
position: fixed;
}
.page_header a.header-button {
display: inline-block;
padding: 0 10px;
line-height: 60px;
position: relative;
}
.page_header .social-icon:last-child {
margin-right: 6px;
}
/* modal search */
.modal-open .page_header_wrapper, .modal-open .page_header.affix {
right: 16px;
}
#search_modal {
color: #fff;
}
#search_modal .search-form {
margin: 0 0 0 40px;
}
#search_modal a {
color: #fff;
opacity: 0.6;
font-size: 12px;
text-transform: uppercase;
}
#search_modal a:hover {
color: #55bce7;
opacity: 1;
}
#search_modal .searchform-respond {
width: 300px;
margin: 20px auto;
}
#search_modal .form-control {
border: none;
background-color: transparent;
height: 40px;
color: #fff;
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 .close {
padding: 9px 10px 8px;
position: absolute;
min-width: 0;
color: #fff;
text-shadow: none;
opacity: 1;
}
/*
header floats
*/
.page_header:before, .page_header:after {
content: '';
display: block;
clear: both;
}
@media (min-width: 992px) {
.page_header {
height: auto;
}
.header_left_logo {
white-space: nowrap;
}
}
@media (min-width: 1400px) {
.header-small .sf-menu > li > a {
margin-left: 20px;
margin-right: 20px;
}
}
.header-small .mainmenu_wrapper.primary-navigation {
text-align: left;
}
/*
**side header
*/
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 {
transition: all 0.8s ease-in-out;
}
body {
-webkit-transition-property: left, right;
-moz-transition-property: left, right;
-ms-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
}
body.active-side-header {
left: 270px;
}
body.active-side-header .page_header_side {
left: 0;
}
body.active-side-header:after {
visibility: visible;
opacity: 1;
}
.page_header_side {
z-index: 1002;
position: fixed;
width: 270px;
left: -270px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header {
box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.15);
}
.side_header_inner {
padding: 60px 30px;
}
.toggle_menu_side {
position: absolute;
top: 15px;
right: -65px;
background-color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.5);
}
.toggle_menu_side:before {
font-family: 'FontAwesome';
content: "\f0c9";
}
.active-slide-side-header .toggle_menu_side:before, .active-side-header .toggle_menu_side:before {
content: "\f00d";
}
.ds .toggle_menu_side {
background-color: #1f232b;
color: #fff;
}
@media (max-width: 350px) {
.toggle_menu_side {
top: 5px;
right: -55px;
}
}
.page_header_side.active-slide-side-header {
left: 0;
}
.page_header_side.header_side_right {
left: auto;
right: -270px;
}
.page_header_side.header_side_right.active-slide-side-header {
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side {
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: -270px;
}
body.active-side-header.slide-right .page_header_side {
left: auto;
right: 0;
}
.mainmenu_side_wrapper ul ul, .mainmenu_side_wrapper .mega-menu {
height: 0;
overflow: hidden;
}
.mainmenu_side_wrapper ul li.sfHover > .mega-menu ul {
display: block;
height: 100%;
}
.mainmenu_side_wrapper .mega-menu > ul {
height: auto;
}
.menu-side-click {
padding: 0;
}
.menu-side-click li {
position: relative;
list-style: none;
}
.menu-side-click li a {
margin-right: 25px;
}
.menu-side-click li a:before {
top: 10px;
}
.menu-side-click li .activate_submenu {
cursor: pointer;
position: absolute;
right: 0;
top: 11px;
font-size: 16px;
color: #55bce7;
text-align: center;
width: 25px;
}
.menu-side-click li .activate_submenu:before {
content: '+';
}
.menu-side-click li.active-submenu > .activate_submenu:before {
content: '-';
}
.menu-side-click ul {
padding-left: 20px;
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity 0.05s, height 0.05s ease;
}
.menu-side-click .active-submenu > div {
height: auto;
}
.menu-side-click .active-submenu > ul, .menu-side-click .active-submenu > div > ul {
display: block;
opacity: 1;
height: auto;
transition: opacity 0.6s, height 0.6s ease;
}
/* 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;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-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 height/width & offset from container borders */
.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;
}
/* update scrollbar offset if both scrolls are visible */
.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;
}
/*
**template common sections styles
*/
.page_topline {
font-size: 14px;
position: relative;
z-index: 1001;
}
.page_topline [class*="rt-icon"] {
font-size: 18px;
top: 0.16em;
position: relative;
padding-right: 6px;
line-height: inherit;
}
@media (min-width: 768px) {
.page_topline [class*="col-"] > span {
padding-left: 33px;
}
.page_topline [class*="col-"] > span:first-child {
padding-left: 0;
}
}
@media (max-width: 767px) {
.page_topline [class*="col-"] > span {
display: block;
}
}
.page_toplogo .teaser, .page_toplogo .small-teaser {
vertical-align: middle;
display: inline-block;
}
.page_toplogo .teaser .media-left, .page_toplogo .small-teaser .media-left {
line-height: 1;
}
.page_toplogo .teaser .media-body, .page_toplogo .small-teaser .media-body {
text-align: left;
width: auto;
}
.page_toplogo .teaser h4, .page_toplogo .small-teaser h4 {
font-size: 18px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.page_toplogo {
white-space: nowrap;
}
}
.page_mainslider .flex-custom-nav {
opacity: 0;
}
.page_breadcrumbs {
position: relative;
/* styles for breadcrumbs style 3 */
/* styles for breadcrumbs style 4 */
}
.page_breadcrumbs .breadcrumbs_inner {
z-index: 4;
}
.page_breadcrumbs h3 {
display: inline;
font-size: 40px;
font-weight: 600;
word-wrap: break-word;
letter-spacing: -0.02em;
color: #fff;
}
.page_breadcrumbs h3.small {
font-size: 32px;
}
@media (max-width: 991px) {
.page_breadcrumbs h3 {
font-size: 24px;
}
}
@media screen and (min-width: 992px) {
.page_breadcrumbs .display_table_md {
width: auto;
min-width: 0;
}
.page_breadcrumbs h2.display_table_cell_md {
padding-right: 20px;
}
.page_breadcrumbs .breadcrumb.display_table_cell_md {
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 25px;
}
}
.page_breadcrumbs .bottom_breadcrumbs {
text-align: center;
float: right;
padding: 0 20px;
margin: 0 0 -26px 0;
background-color: rgba(15, 15, 15, 0.035);
}
.page_footer {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/* Footer and copyright correction on large screens */
@media (min-width: 992px) {
.page_footer {
padding-bottom: 80px;
}
.page_footer{
margin-top: 0px;
}
.page_copyright {
margin-top: -160px;
}
.page_footer + .ds.page_copyright {
background-color: rgba(15, 15, 15, 0.5);
}
}
.page_portfolio {
overflow: hidden;
}
.page_content + .page_portfolio {
margin-top: -270px;
}
@media (max-width: 1200px) {
.page_portfolio {
overflow: hidden;
}
.page_content + .page_portfolio {
margin-top: -150px;
}
}
@media (max-width: 479px) {
.page_portfolio {
overflow: hidden;
}
.page_content + .page_portfolio {
margin-top: -100px;
}
}
.section_subscribe .form-control {
width: 350px;
max-width: 100%;
display: inline-block;
}
/* Hiding category and archives titles */
.taxonomy-name-title {
display: none;
}
.page_breadcrumbs.parallax {
background-size: auto auto;
}
.page_testimonials {
overflow: hidden;
}
.page_copyright {
font-weight: 300;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
}
.page_copyright p {
margin: 0;
}
.page_copyright i {
padding: 0 10px;
}
.page_copyright.table_section .bottom_logo img {
margin-bottom: 0;
}
.ds.ms + .page_footer.ds.ms {
background-color: #0a0a0a;
}
@media (min-width: 768px) and (max-width: 992px) {
.page_footer .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page_footer .row > [class*="col-"] {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
#map, .page_map {
height: 500px;
}
#map img, .page_map img {
max-width: inherit;
}
#map p, .page_map p {
line-height: 1.3;
margin-bottom: 0;
}
#map .map_marker_description, .page_map .map_marker_description {
padding: 10px 5px 5px;
}
#map .map_marker_icon, .page_map .map_marker_icon {
display: none;
}
section .intro_section .slide_description_wrapper {
padding-left: 60px;
padding-right: 60px;
right: 30px;
}
@media (max-width: 600px) {
section .intro_section .slide_description_wrapper {
padding-left: 5px;
padding-right: 5px;
}
}
.muted_background .pagination {
margin: 40px 40px 20px;
}
/**
* intro_section styles
*/
/* flexslider */
.intro_section.page_mainslider {
position: relative;
clear: both;
}
.intro_section.page_mainslider > img {
width: 100%;
}
.intro_section.page_mainslider .ds {
color: #fff;
}
.intro_section.page_mainslider .ds .theme_button.inverse.color1 {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.intro_section.page_mainslider .ds .theme_button.inverse.color1:hover, .intro_section.page_mainslider .ds
.theme_button.inverse.color1:focus, .intro_section.page_mainslider .ds .theme_button.inverse.color1:active {
color: #fff;
background-color: #55bce7;
border-color: #55bce7;
}
.intro_section.page_mainslider .ds .theme_button.inverse.color2 {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.intro_section.page_mainslider .ds .theme_button.inverse.color2:hover, .intro_section.page_mainslider .ds
.theme_button.inverse.color2:focus, .intro_section.page_mainslider .ds .theme_button.inverse.color2:active {
color: #fff;
background-color: #0083b0;
border-color: #0083b0;
}
.intro_section.page_mainslider .slides > li {
position: relative;
overflow: hidden;
}
.intro_section.page_mainslider .flexslider:before, .intro_section.page_mainslider .flexslider:after {
content: '';
display: block;
clear: both;
}
.intro_section.page_mainslider .flexslider .intro-layer img {
width: auto;
display: inline-block;
}
.intro_section.page_mainslider .container, .intro_section.page_mainslider img + .container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.intro_section.page_mainslider [class*="col-"] {
position: static;
min-height: 0;
}
.intro_section.page_mainslider .slide_description_wrapper {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
font-size: 0;
z-index: 5;
padding: 30px 0;
}
.intro_section.page_mainslider .slide_description_wrapper:before, .intro_section.page_mainslider .slide_description {
display: inline-block;
vertical-align: middle;
}
.intro_section.page_mainslider .slide_description_wrapper:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
}
.intro_section.page_mainslider .slide_description {
font-size: 16px;
max-width: 580px;
}
.intro_section.page_mainslider .theme_button {
margin-top: 2.7em;
padding: 18px 30px 18px;
}
@media (min-width: 992px) {
.intro_section.page_mainslider .theme_button {
min-width: 230px;
}
}
@media (min-width: 992px) {
.intro_section.page_mainslider .text-center .slide_description {
max-width: 85%;
}
}
.intro_section.page_mainslider .big {
font-size: 22px;
}
.intro_section.page_mainslider .grey {
color: #bebebe;
}
.intro_section.page_mainslider .light {
color: #fff;
}
.intro_section.page_mainslider .black {
color: #1f232b;
}
.intro_section.page_mainslider .text-transform-none {
text-transform: none;
}
.intro_section.page_mainslider .extra-thin {
font-weight: 200;
}
.intro_section.page_mainslider .thin {
font-weight: 300;
}
.intro_section.page_mainslider .normal {
font-weight: 400;
}
.intro_section.page_mainslider .medium {
font-weight: 600;
}
.intro_section.page_mainslider .bold {
font-weight: 700;
}
.intro_section.page_mainslider h2 {
font-size: 36px;
margin-bottom: 0;
line-height: 0.9;
}
@media (min-width: 768px) {
.intro_section.page_mainslider h2 {
font-size: 50px;
}
}
@media (min-width: 992px) {
.intro_section.page_mainslider h2 {
font-size: 80px;
line-height: 0.8;
}
}
.intro_section.page_mainslider h3 {
font-size: 26px;
margin-bottom: 10px;
line-height: 1;
}
@media (min-width: 992px) {
.intro_section.page_mainslider h3 {
font-size: 32px;
}
}
@media (min-width: 1200px) {
.intro_section.page_mainslider h3 {
font-size: 40px;
}
}
.intro_section.page_mainslider h4 {
font-size: 18px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.intro_section.page_mainslider h4 {
font-size: 22px;
}
}
@media (min-width: 1600px) {
.intro_section.page_mainslider h4 {
font-size: 30px;
}
}
.intro_section.page_mainslider p {
font-size: 14px;
margin-bottom: 1.2em;
}
@media (min-width: 992px) {
.intro_section.page_mainslider p {
font-size: 18px;
}
}
.intro_section.page_mainslider .flex-control-nav {
display: none;
text-align: center;
}
@media (min-width: 992px) {
.intro_section.page_mainslider .slide_description_wrapper .slide_description {
font-size: 20px;
line-height: 30px;
}
}
@media (min-width: 1450px) {
.intro_section.page_mainslider p {
font-size: 20px;
}
.intro_section.page_mainslider .flex-control-nav {
bottom: 60px;
}
}
@media (max-width: 992px) {
.intro_section.page_mainslider {
text-align: center;
}
.intro_section.page_mainslider .nav-container {
padding: 0;
}
.intro_section.page_mainslider .flex-control-nav, .intro_section.page_mainslider .flex-custom-nav {
bottom: 50px;
text-align: center;
}
.intro_section.page_mainslider .flexslider .container {
position: static;
width: auto;
max-width: 100%;
}
.intro_section.page_mainslider .slide_description_wrapper:before {
display: none;
}
.intro_section.page_mainslider .slide_description {
padding: 30px 0 100px;
display: block;
margin: auto;
}
.intro_section.page_mainslider .slide_description_wrapper {
padding: 0;
position: static;
}
.intro_section.page_mainslider .flex-direction-nav .flex-prev {
top: 28%;
}
.intro_section.page_mainslider .flex-direction-nav .flex-next {
top: 28%;
}
}
@media (max-width: 767px) {
.intro_section.page_mainslider .flex-direction-nav .flex-prev {
top: 20%;
}
.intro_section.page_mainslider .flex-direction-nav .flex-next {
top: 20%;
}
}
/* Slider Bottomline */
.slider-bottomline {
position: relative;
display: none;
}
@media (min-width: 1200px) {
.slider-bottomline {
display: block;
margin-top: -180px;
z-index: 3;
background-color: rgba(15, 15, 15, 0.5);
}
}
.slider-bottomline .special-heading p {
margin: 3px 0 7px 0;
}
.slider-bottomline .special-heading h4 {
margin: 0 0 10px 0;
}
/* Blog slider */
.blog-slider {
margin: 0;
}
.blog-slider .page_mainslider {
margin-top: 20px;
margin-bottom: 50px;
}
.blog-slider .slide_description_wrapper .slide_description {
max-width: none;
}
.blog-slider img {
opacity: 0.2;
}
.blog-slider .intro_section.page_mainslider .scroll_button_wrap {
display: none;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-nav {
display: block;
text-align: center;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a:after {
background-color: rgba(255, 255, 255, 0.5);
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a:hover {
color: #fff;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a:hover:after {
background-color: #fff;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a.flex-active {
color: #fff;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a.flex-active:after {
background-color: #fff;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-direction-nav {
display: none;
}
@media (min-width: 992px) {
.blog-slider .intro_section.page_mainslider .slides > li {
max-height: 600px;
}
.blog-slider .intro_section.page_mainslider .flexslider .flex-control-nav {
bottom: 40px;
}
}
.blog-slider .intro_section.page_mainslider .grey {
color: #bebebe;
}
.blog-slider .intro_section.page_mainslider .light {
color: #fff;
}
.blog-slider .intro_section.page_mainslider .black {
color: #1f232b;
}
.blog-slider .intro_section.page_mainslider .bold {
font-weight: 900;
}
.blog-slider .intro_section.page_mainslider .container {
width: 100% !important;
}
.blog-slider .intro_section.page_mainslider .container .slide_description_wrapper {
padding: 0 15px;
}
@media (min-width: 1199px) {
.blog-slider .intro_section.page_mainslider .container .slide_description_wrapper {
padding-left: 25px;
padding-right: 25px;
}
}
/*
** Main Menu styles
*/
.sf-menu a {
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
font-weight: 700;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sf-menu a {
font-weight: 500;
}
}
/* Desktop menu - (min 992px) styles */
@media (min-width: 992px) {
/* menu layout */
/* menu skin */
/* second and next levels */
/* third level */
.mainmenu_wrapper {
position: relative;
}
.sf-menu, .sf-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu li > ul {
position: absolute;
display: none;
top: 100%;
z-index: 99;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li > ul > li > ul {
top: -15px;
left: 100%;
}
.sf-menu a {
padding: 5px 10px 5px;
text-decoration: none;
zoom: 1;
/* IE7 */
-webkit-transition-property: color, background-color, border-color, padding-top, padding-bottom;
-moz-transition-property: color, background-color, border-color, padding-top, padding-bottom;
-ms-transition-property: color, background-color, border-color, padding-top, padding-bottom;
-o-transition-property: color, background-color, border-color, padding-top, padding-bottom;
transition-property: color, background-color, border-color, padding-top, padding-bottom;
}
.sf-menu li {
white-space: nowrap;
/* no need for Supersubs plugin */
*white-space: normal;
/* ...unless you support IE7 (let it wrap) */
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.sf-menu > li {
display: inline-block;
position: relative;
margin: 0 -2px;
}
.sf-menu > li:first-child {
margin-left: 0;
}
.sf-menu > li:last-child {
margin-right: 0;
}
.sf-menu > li > a {
padding-top: 26px;
padding-bottom: 26px;
padding-right: 0;
padding-left: 0;
}
.affix .sf-menu > li > a {
padding-top: 20px;
padding-bottom: 20px;
}
.sf-menu > li > a:hover {
color: #55bce7;
border-color: #55bce7;
}
.item_with_border .sf-menu > li.current-menu-item > a {
border-top: 5px solid #55bce7;
}
.bordered_items .sf-menu > li {
padding: 0;
}
.bordered_items .sf-menu > li + li:before {
content: '';
width: 1px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
}
.header_white .sf-menu > li > a {
color: #1f232b;
}
.header_white .sf-menu > li > a:hover, .header_white .sf-menu > li.current-menu-item > a {
color: #55bce7;
}
.header_white .sf-menu > li + li:before {
background-color: #e5e5e5;
}
.header_darkgrey .sf-menu > li > a {
color: #fff;
}
.header_darkgrey .sf-menu > li > a:hover, .header_darkgrey .sf-menu > li.current-menu-item > a {
color: #55bce7;
}
.header_color .sf-menu > li > a {
color: #fff;
}
.header_color .sf-menu > li > a:hover, .header_color .sf-menu > li.current-menu-item > a {
color: #1f232b;
}
.sf-menu li:hover, .sf-menu li.sfHover {
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
.sf-menu > li .mega-menu, .sf-menu li > ul {
margin-top: 10px;
text-align: left;
list-style: none;
padding: 15px 0;
background-color: #fff;
box-shadow: 2px 0 10px rgba(0, 0, 0, .2);
min-width: 10em;
/* allow long menu items to determine submenu width */
*width: 10em;
/* no auto sub width for IE7, see white-space comment below */
border-radius: 0;
}
.sf-menu > li .mega-menu > li > ul, .sf-menu li > ul > li > ul {
background-color: #f2f2f2;
}
.sf-menu > li .mega-menu > li > ul > li > a:hover, .sf-menu li > ul > li > ul > li > a:hover {
color: #0083b0;
}
.sf-menu > li ul {
min-width: 250px;
}
.sf-menu ul a {
color: #1f232b;
padding-left: 40px;
padding-right: 40px;
}
.sf-menu .mega-menu ul {
box-shadow: none;
padding: 0;
}
.sf-menu .mega-menu ul a {
padding-left: 0;
padding-right: 0;
}
.sf-menu ul a:hover, .sf-menu ul li.current-menu-item > a {
color: #55bce7;
}
.sf-menu ul ul {
margin-top: 0;
}
}
@media (min-width: 992px) and (min-width: 1450px) {
.sf-menu > li > a {
padding-top: 26px;
padding-bottom: 26px;
}
}
/* common paddings */
@media (min-width: 992px) {
.sf-menu > li > a {
margin-left: 2px;
margin-right: 2px;
}
[class*="container"] .sf-menu > li:first-child > a {
margin-left: 0;
}
[class*="container"] .sf-menu > li:last-child > a {
margin-right: 0;
}
.bordered_items .sf-menu > li > a {
margin: 0;
padding: 25px 40px;
}
}
/* -md- paddings */
@media (min-width: 992px) and (max-width: 1199px) {
.sf-menu > li > a {
margin-left: 15px;
margin-right: 15px;
}
.bordered_items .sf-menu > li > a {
margin-right: 24px;
margin-left: 24px;
}
}
/* -lg- paddings */
@media (min-width: 1200px) {
.sf-menu > li > a {
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 1400px) {
.sf-menu > li > a {
margin-left: 40px;
margin-right: 40px;
}
}
.sf-menu i[class] {
margin-right: 7px;
font-size: 1.1em;
}
/* hidden menu items */
@media (min-width: 992px) {
.sf-menu .sf-md-hidden {
display: none !important;
}
}
@media (max-width: 991px) {
.sf-more-li {
display: none;
}
}
/* logo in center of menu */
.sf-menu > .sf-logo-li {
visibility: hidden;
}
/* Mobile menu toggler */
@media (max-width: 991px) {
.header_mainmenu {
height: 60px;
}
.toggle_menu {
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -30px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 1001;
visibility: visible;
}
.toggler_right .toggle_menu {
right: 0;
left: auto;
}
.toggler_left .toggle_menu {
right: auto;
left: 0;
margin-left: 0;
}
.ls .toggle_menu span, .header_white .toggle_menu span, .ls .toggle_menu span:before, .header_white .toggle_menu span:before, .ls
.toggle_menu span:after, .header_white .toggle_menu span:after {
background-color: #1f232b;
}
.intro_section + .page_header_wrapper .toggle_menu span, .intro_section + .page_header_wrapper .toggle_menu span:before, .intro_section +
.page_header_wrapper .toggle_menu span:after {
background-color: #fff;
}
.intro_section + .page_header_wrapper .affix .toggle_menu span, .intro_section + .page_header_wrapper .affix .toggle_menu span:before,
.intro_section + .page_header_wrapper .affix .toggle_menu span:after {
background-color: #1f232b;
}
.intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span, .intro_section + .page_header_wrapper .affix
.toggle_menu.mobile-active span:before, .intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span:after {
background-color: #fff;
}
.page_toplogo .toggle_menu {
position: fixed;
top: 0;
left: auto;
right: 0;
margin: 0;
}
.header_logo_center .toggle_menu {
right: 0;
left: auto;
}
.toggle_menu:hover span:before {
top: -9px;
}
.toggle_menu:hover span:after {
top: 9px;
}
.toggle_menu span, .toggle_menu span:before, .toggle_menu span:after {
display: block;
width: 30px;
position: absolute;
background-color: #fff;
content: '';
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
height: 2px;
}
.toggle_menu:before, .toggle_menu span {
left: 15px;
top: 50%;
}
.toggle_menu span:before {
opacity: 1;
top: -8px;
}
.toggle_menu span:after {
opacity: 1;
top: 8px;
}
.toggle_menu.mobile-active {
background-color: #1f232b;
border: none;
left: auto;
top: 0;
right: 0;
position: fixed;
margin: 0;
z-index: 3000;
}
.toggle_menu.mobile-active span {
background-color: #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggle_menu.mobile-active span:before, .toggle_menu.mobile-active span:after {
opacity: 0;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.toggler_xs_right .toggle_menu {
right: 0;
left: auto;
}
}
@media (max-width: 991px) and (max-width: 499px) {
.toggler_xxs_right .toggle_menu {
right: 0;
left: auto;
}
}
/*
**main menu mobile styles
*/
@media (max-width: 991px) {
/*** arrows (for all except IE7) **/
/* styling for both css and generated arrows */
.mainmenu_wrapper {
position: fixed;
visibility: hidden;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: transparent;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.mobile-active .mainmenu_wrapper {
visibility: visible;
opacity: 1;
background-color: #111;
}
.toggle_menu {
display: block;
cursor: pointer;
}
.toggle_menu.mobile-active {
background-color: #111;
border: none;
left: 0;
top: 0;
right: 0;
position: fixed;
margin: 0;
width: auto;
height: 50px;
z-index: 3000;
}
.toggle_menu.mobile-active:after {
position: absolute;
top: 14px;
right: 5px;
font-family: 'rt-icons-2';
content: "\e117";
font-size: 40px;
color: #fff;
}
.toggle_menu.mobile-active span {
display: none;
}
.nav-justified > li > a {
text-align: left;
}
.sf-menu {
position: fixed;
overflow: auto;
background-color: #1f232b;
padding: 60px 0 20px 10px;
top: 0;
left: 0;
bottom: 0;
right: 100%;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 400;
word-wrap: break-word;
text-align: left;
-webkit-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
opacity: 0;
}
.mobile-active .sf-menu {
opacity: 1;
right: 15px;
}
.sf-menu li {
position: relative;
}
.sf-menu > li > a, .sf-menu a {
color: #fff !important;
z-index: 2;
}
.sf-menu ul {
list-style: none;
padding-left: 10px;
opacity: 1 !important;
margin-top: 0 !important;
}
.sf-menu ul li a {
display: block;
padding: 10px;
font-weight: 300;
font-size: 16px;
text-transform: none;
}
.sf-menu ul li a:before {
content: '-';
padding-right: 5px;
}
.sf-menu ul ul li a:before {
content: '--';
padding-right: 5px;
}
.sf-arrows .sf-with-ul {
padding-right: 3em;
*padding-right: 1em;
/* no CSS arrows for IE7 (lack pseudo-elements) */
}
.sf-arrows .sfHover > .sf-with-ul {
margin-right: 3em;
}
.sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler {
position: absolute;
right: 5px;
top: 7px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
background-color: white;
text-align: center;
font-size: 20px;
z-index: 1;
}
.sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after {
font-family: 'FontAwesome';
content: '\f105';
position: relative;
top: -1px;
}
.sf-arrows .sfHover > a, .sf-arrows .sfHover > a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
.sfHover > .sf-with-ul + .sf-menu-item-mobile-toggler:after {
content: '\f107';
}
}
/* Mega Menu */
@media screen and (min-width: 992px) {
/* row */
/* column */
.mainmenu_wrapper ul .mega-menu ul {
min-width: auto;
}
.mainmenu_wrapper .menu-item-has-mega-menu {
position: relative;
}
.mainmenu_wrapper .mega-menu {
display: none;
position: absolute;
width: 940px;
top: 100%;
z-index: 10;
}
.mainmenu_wrapper .menu-item-has-mega-menu:hover .mega-menu {
display: block;
}
.mainmenu_wrapper .mega-menu-row {
position: static;
display: table;
table-layout: fixed;
}
.mainmenu_wrapper .mega-menu-row ul {
position: static;
display: block;
}
.mainmenu_wrapper .mega-menu-col {
display: table-cell;
width: 2000px;
padding: 0 20px;
border-left: 1px solid #e5e5e5;
/* overrides from settings / styling / mega-menu */
}
.mainmenu_wrapper .mega-menu-col > a {
text-transform: uppercase;
font-weight: 700;
}
.mainmenu_wrapper .mega-menu-col:first-child {
border-left: none;
}
.mainmenu_wrapper ul ul .mega-menu {
width: auto;
top: -20px;
margin-left: 1px;
display: block;
width: auto;
}
.mainmenu_wrapper ul ul .mega-menu li {
display: block;
width: auto;
border: none;
}
}
@media screen and (min-width: 1200px) {
.mainmenu_wrapper .mega-menu {
width: 1140px;
}
.mainmenu_wrapper ul .mega-menu ul {
min-width: 12em;
}
}
@media screen and (max-width: 991px) {
.mainmenu_wrapper .mega-menu {
position: static;
}
}
/*
**subpages
*/
.edit-link {
text-align: right;
display: block;
}
/*about*/
.about-content {
padding: 10px 10px 20px;
}
/* page meta blog */
.page-meta {
padding: 9px 40px 30px;
}
.page-meta h5 {
font-size: 14px;
font-weight: 300;
}
.page-meta i {
line-height: 0.6;
padding-right: 8px;
}
.page-meta .media {
position: relative;
padding: 28px 0 0;
margin-bottom: 20px;
}
.page-meta .media + .media:before {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 0;
background-color: rgba(150, 150, 150, 0.10);
}
.page-meta .media-left {
padding-right: 8px;
}
/*blog*/
article iframe {
margin-bottom: -8px;
}
@media (min-width: 992px) {
article .side-item > .row {
display: flex;
}
article .side-item > .row .cover-image {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
}
@media (min-width: 992px) and (min-width: 768px) {
article .side-item > .row .cover-image {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
article .side-item > .row .cover-image img {
display: none;
}
}
h1.entry-title {
font-size: 42px;
margin: 0 0 5px;
}
@media (max-width: 991px) {
h1.entry-title {
font-size: 32px;
}
}
article.post + article.post, .search article + article, .archive article + article {
margin-top: 60px;
}
/* mosaic */
.mosaic-post p {
margin-bottom: 0;
}
.mosaic-post .post-social-links {
margin: -1px;
padding: 18px 40px 17px;
}
h3.entry-title {
font-size: 28px;
margin: 0 0 14px;
}
h3.entry-title + .date {
display: inline-block;
text-transform: uppercase;
line-height: 1;
padding: 4px 14px;
margin-bottom: 22px;
}
h4.entry-title {
margin: 0 0 20px;
}
h2.search-title {
margin: 0 0 30px;
font-size: 40px;
}
.entry-header + h2 {
margin-top: 0.5em;
}
.item-meta + .entry-title {
margin-bottom: 20px;
}
.single .item-meta + .entry-title {
font-size: 20px;
margin-bottom: 25px;
}
.entry-tags .theme_button {
margin-right: 6px;
}
.entry-tags span + span {
margin-left: 14px;
}
.entry-tags i {
font-size: 14px;
margin-right: 5px;
}
.entry-meta:before, .entry-meta:after, .comment-meta:before, .comment-meta:after, .post-adds:before, .post-adds:after {
display: block;
clear: both;
content: '';
width: 0;
height: 0;
}
.entry-thumbnail {
text-align: center;
position: relative;
}
.entry-thumbnail[class*='col-'] {
margin-bottom: 0;
}
.entry-thumbnail .entry-thumbnail-carousel .owl-dots {
position: absolute;
bottom: 40px;
text-align: center;
left: 0;
right: 0;
}
/* additional meta at the bottom of entry-title */
.post-adds {
margin: 22px 0 33px;
}
.post-adds span, .post-adds a {
display: inline-block;
}
.post-adds .item-likes {
padding-left: 20px;
padding-right: 20px;
}
.post-adds .votes_count, .post-adds .views-count {
padding: 0 20px;
line-height: 40px;
}
.post-adds .views-count {
padding: 0 30px;
}
.post-adds .item-views-count {
font-weight: 700;
}
.post-adds .theme_button {
padding: 10px 6px;
min-width: 0;
margin-bottom: 0;
}
.post-adds .theme_button > i {
font-size: 18px;
top: 3px;
}
.post-adds .theme_button:hover > i {
opacity: 0.7;
}
.post-adds .theme_button.inverse, .post-adds .like_button {
border-color: transparent rgba(55, 52, 47, 0.1) transparent transparent;
border-width: 1px;
border-style: solid;
line-height: 38px;
}
.post-adds .theme_button.inverse > i, .post-adds .like_button > i {
padding: 0 12px 0 10px;
color: #55bce7;
}
/**
* Theme share buttons
*/
.share_buttons {
min-width: 300px;
}
.post-adds .dropdown-menu {
margin: 1px 0 0;
padding: 0;
border: none;
background-color: transparent;
}
/* additional meta in corner of thumbnail */
.entry-meta-corner {
display: none;
position: absolute;
z-index: 2;
text-align: center;
color: #fff;
background-color: #55bce7;
}
.entry-meta-corner a {
color: #fff;
}
.entry-meta-corner a:hover {
color: #55bce7;
}
.entry-meta-corner .date {
color: #1f232b;
display: block;
min-width: 60px;
padding: 0 3px;
text-transform: uppercase;
}
.entry-meta-corner .date strong {
color: #fff;
display: block;
font-size: 42px;
font-weight: 100;
padding: 12px 0 0;
}
.entry-meta-corner .comments-link {
line-height: 1;
display: block;
padding: 2px 5px;
background-color: #1f232b;
}
.entry-meta-corner .comments-link i {
position: relative;
top: 1px;
}
.categories-links {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.categories-links a {
margin-right: 6px;
margin-bottom: 6px;
}
/* blog post entry meta */
.item-content .entry-meta, .entry-content .entry-meta {
text-align: left;
margin-top: 20px;
}
.item-content .entry-meta > *, .entry-content .entry-meta > * {
display: inline-block;
margin-right: 25px;
}
.item-content .entry-meta .tag-links > *, .entry-content .entry-meta .tag-links > * {
margin-right: 10px;
}
.item-content .entry-author:before, .entry-content .entry-author:before, .item-content .entry-date:before, .entry-content .entry-
date:before, .item-content .tag-links:first-child:before, .entry-content .tag-links:first-child:before {
font-family: FontAwesome;
font-size: 14px;
content: "";
color: #55bce7;
margin-right: 10px;
font-weight: 400;
}
.item-content .entry-author:before, .entry-content .entry-author:before {
content: "\f007";
}
.item-content .entry-date:before, .entry-content .entry-date:before {
content: "\f073";
}
.item-content .tag-links:first-child:before, .entry-content .tag-links:first-child:before {
content: "\f02b";
}
.entry-excerpt {
font-size: 20px;
line-height: 30px;
margin: 8px 0 30px;
}
.entry-excerpt p {
margin-bottom: 16px;
}
.blog .sticky, .archive .sticky, .search .sticky, .single-post .sticky {
border: 1px solid #55bce7;
}
.blog .sticky .featured-post, .archive .sticky .featured-post, .search .sticky .featured-post, .single-post .sticky .featured-post {
display: none;
}
.blog .entry-title, .archive .entry-title, .search .entry-title, .single-post .entry-title {
font-weight: 600;
text-transform: none;
margin-top: 0;
font-size: 28px;
}
.blog .more-link, .archive .more-link, .search .more-link, .single-post .more-link {
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
font-size: 12px;
margin-left: 10px;
}
.blog .more-link:after, .archive .more-link:after, .search .more-link:after, .single-post .more-link:after {
font-family: FontAwesome;
content: '\f149';
font-size: 14px;
margin-left: 5px;
}
.blog .readmore-hidden .more-link, .archive .readmore-hidden .more-link, .search .readmore-hidden .more-link, .single-post .readmore-hidden
.more-link {
display: none;
}
.blog .owl-carousel.owl-loaded, .archive .owl-carousel.owl-loaded, .search .owl-carousel.owl-loaded, .single-post .owl-carousel.owl-loaded {
margin-bottom: 0;
}
.blog .entry-content ul, .archive .entry-content ul, .search .entry-content ul, .single-post .entry-content ul, .blog .entry-content ol,
.archive .entry-content ol, .search .entry-content ol, .single-post .entry-content ol {
margin-bottom: 20px;
}
.blog .entry-content ul ul, .archive .entry-content ul ul, .search .entry-content ul ul, .single-post .entry-content ul ul, .blog .entry-
content ol ul, .archive .entry-content ol ul, .search .entry-content ol ul, .single-post .entry-content ol ul, .blog .entry-content ul ol,
.archive .entry-content ul ol, .search .entry-content ul ol, .single-post .entry-content ul ol, .blog .entry-content ol ol, .archive
.entry-content ol ol, .search .entry-content ol ol, .single-post .entry-content ol ol {
margin-bottom: 0;
}
/* Blog list */
.blog, .archive, .search {
/* format small image */
/* format quote */
/* format status */
}
.blog .sticky, .archive .sticky, .search .sticky {
border: 1px solid #55bce7;
}
.blog .sticky .item-content, .archive .sticky .item-content, .search .sticky .item-content {
position: relative;
}
.blog .sticky .item-content::before, .archive .sticky .item-content::before, .search .sticky .item-content::before {
position: absolute;
content: "";
top: 0;
left: 0;
border-left: 3.5em solid #55bce7;
border-bottom: 3.5em solid transparent;
}
.blog .sticky .item-content::after, .archive .sticky .item-content::after, .search .sticky .item-content::after {
position: absolute;
top: 4px;
left: 8px;
color: #fff;
font-family: FontAwesome;
content: "\f08d";
font-size: 1.5em;
transform: rotate(45deg);
}
.blog .entry-content p:last-child, .archive .entry-content p:last-child, .search .entry-content p:last-child {
margin-bottom: 0;
}
.blog blockquote, .archive blockquote, .search blockquote {
margin: 0 auto;
width: 100%;
max-width: 600px;
padding: 30px 0;
}
.blog blockquote:after, .archive blockquote:after, .search blockquote:after, .blog blockquote:before, .archive blockquote:before, .search
blockquote:before {
display: none;
}
.blog .format-small-image .item-media-wrap > .item-media, .archive .format-small-image .item-media-wrap > .item-media, .search .format-
small-image .item-media-wrap > .item-media {
display: block;
}
.blog .format-quote blockquote, .archive .format-quote blockquote, .search .format-quote blockquote {
color: #fff;
padding: 30px 0 0;
}
.blog .format-quote blockquote cite, .archive .format-quote blockquote cite, .search .format-quote blockquote cite {
margin-top: 30px;
}
.blog .format-quote .entry-title, .archive .format-quote .entry-title, .search .format-quote .entry-title {
margin: 3px 0 0 0;
line-height: 1;
font-size: 12px;
text-transform: uppercase;
color: #55bce7;
}
.blog .format-quote .entry-meta, .archive .format-quote .entry-meta, .search .format-quote .entry-meta {
margin-top: 0;
line-height: 1;
}
.blog .format-quote .entry-meta .post-date, .archive .format-quote .entry-meta .post-date, .search .format-quote .entry-meta .post-date {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
margin-right: 0;
}
.blog .format-status, .archive .format-status, .search .format-status {
background-color: rgba(31, 35, 43, 0.9);
}
.blog .format-status .header-title, .archive .format-status .header-title, .search .format-status .header-title {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
letter-spacing: -0.02em;
margin: 0;
}
.blog .format-status .entry-title, .archive .format-status .entry-title, .search .format-status .entry-title {
color: #fff;
margin: 0;
}
.blog .format-status .entry-avatar, .archive .format-status .entry-avatar, .search .format-status .entry-avatar {
margin-top: 25px;
margin-bottom: 30px;
}
.blog .format-status .entry-avatar img, .archive .format-status .entry-avatar img, .search .format-status .entry-avatar img {
margin: 0;
border: 0;
border-radius: 50%;
}
.blog .format-status .entry-content, .archive .format-status .entry-content, .search .format-status .entry-content {
font-size: 20px;
font-weight: 500;
color: #fff;
margin-bottom: 10px;
}
.blog .format-status .entry-meta, .archive .format-status .entry-meta, .search .format-status .entry-meta {
margin: 10px 0 20px;
line-height: 1;
text-align: center;
}
.blog .format-status .entry-meta .post-date, .archive .format-status .entry-meta .post-date, .search .format-status .entry-meta .post-date {
margin-right: 0;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
}
.blog .format-status .entry-meta .post-date a, .archive .format-status .entry-meta .post-date a, .search .format-status .entry-meta .post-
date a {
color: #55bce7;
}
.blog .format-status .entry-meta .post-date a:hover, .archive .format-status .entry-meta .post-date a:hover, .search .format-status .entry-
meta .post-date a:hover {
color: #fff;
}
.blog .format-status .entry-author a, .archive .format-status .entry-author a, .search .format-status .entry-author a {
color: #55bce7;
font-size: 13px;
font-weight: 400;
}
/* Single post */
.single-post {
/* format quote */
/* format status */
}
.single-post .format-quote .entry-meta, .single-post .format-status .entry-meta {
text-align: center;
}
.single-post .format-quote .entry-meta > *:last-child, .single-post .format-status .entry-meta > *:last-child {
margin-right: 0;
}
.single-post .format-quote blockquote {
color: #fff;
padding: 0;
}
.single-post .format-quote blockquote cite {
margin-top: 30px;
}
.single-post .format-quote .categories-links a {
color: #55bce7;
}
.single-post .format-quote .categories-links a:hover {
color: #fff;
}
.single-post .format-quote .entry-title {
margin: 3px 0 0 0;
line-height: 1;
font-size: 12px;
text-transform: uppercase;
color: #55bce7;
}
.single-post .format-quote .entry-meta {
margin-top: 0;
line-height: 1;
}
.single-post .format-quote .entry-meta a {
color: #fff;
}
.single-post .format-quote .entry-meta a:hover {
color: #55bce7;
}
.single-post .format-quote .entry-meta .post-date {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
margin-right: 0;
}
.single-post .format-status {
background-color: rgba(31, 35, 43, 0.9);
}
.single-post .format-status p {
color: #fff;
}
.single-post .format-status .header-title {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
letter-spacing: -0.02em;
margin: 0;
}
.single-post .format-status .entry-title {
color: #fff;
margin: 0;
}
.single-post .format-status .entry-avatar {
margin-top: 25px;
margin-bottom: 30px;
}
.single-post .format-status .entry-avatar img {
margin: 0;
border: 0;
border-radius: 50%;
}
.single-post .format-status .entry-content {
font-size: 20px;
font-weight: 500;
color: #fff;
margin-bottom: 10px;
}
.single-post .format-status .item-meta .categories-links a {
color: #55bce7;
}
.single-post .format-status .item-meta .categories-links a:hover {
color: #fff;
}
.single-post .format-status .entry-meta {
margin: 10px 0 20px;
line-height: 1;
text-align: center;
}
.single-post .format-status .entry-meta a {
color: #fff;
}
.single-post .format-status .entry-meta a:hover {
color: #55bce7;
}
.single-post .format-status .entry-meta .post-date {
margin-right: 0;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
}
.single-post .format-status .entry-meta .post-date a {
color: #fff;
}
.single-post .format-status .entry-meta .post-date a:hover {
color: #55bce7;
}
.single-post .format-status .entry-author a {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.single-post .format-status .entry-author a:hover {
color: #55bce7;
}
/* format chat */
.format-chat p {
margin: 0;
padding: 10px 0;
}
.format-chat p:first-of-type {
padding: 0 0 6px;
}
.format-chat p:nth-child(even) {
background: #f2f2f2;
padding: 10px 10px 10px 20px;
}
.format-chat p:nth-child(odd) strong {
color: #7f7f7f;
font-weight: 600;
}
.format-chat p:nth-child(even) strong {
color: #55bce7;
font-weight: 600;
}
.blog-more-toggle {
display: block;
text-transform: uppercase;
padding: 9px 0;
margin: 32px 0 80px;
background-color: rgba(128, 128, 128, 0.05);
}
.blog-more-toggle .blog-more-visible {
display: inline;
}
.blog-more-toggle .blog-more-hidden {
display: none;
}
.blog-more-toggle.collapsed .blog-more-visible {
display: none;
}
.blog-more-toggle.collapsed .blog-more-hidden {
display: inline;
}
.item-cats {
margin: 0 0 20px 0;
}
.st_facebook_hcount, .st_twitter_hcount, .st_googleplus_hcount {
position: relative;
text-align: right;
}
.st_facebook_hcount span, .st_twitter_hcount span, .st_googleplus_hcount span {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.author-meta {
border-color: #55bce7;
margin-top: 60px;
}
.author-meta .author-name {
font-size: 30px;
font-weight: 600;
color: #1f232b;
letter-spacing: -0.02em;
margin: 0 0 15px;
position: relative;
}
.author-meta .item-media img {
margin: 0;
}
.author-meta .item-content {
padding: 40px 40px 30px 40px;
}
.author-meta .item-content p {
margin-bottom: 10px;
}
.author-meta .author-social {
position: relative;
left: 0;
bottom: 0;
}
.author-meta .author-social a {
display: inline-block;
margin: 0;
}
.author-meta .author-social a:before {
top: 1px;
position: relative;
}
.author-meta .author-social a:hover {
background-color: #f2f2f2 !important;
}
.author-meta .author-social a.social-icon + a.social-icon.color-bg-icon {
margin-left: 5px;
}
.ds .author-meta .item-content {
background-color: #55bce7;
}
/*single post*/
.single-post article > .entry-thumbnail {
margin-bottom: 0;
}
.single-post blockquote {
margin-top: 42px;
margin-bottom: 44px;
padding: 0;
max-width: 600px;
}
.single-post blockquote cite {
margin-top: 24px;
}
.single-post .video-entry-thumbnail [class*="col-"] {
margin-top: 0;
margin-bottom: 0;
}
.single-post .video-entry-thumbnail .entry-thumbnail {
margin-bottom: 0;
}
.single-post footer.entry-meta {
margin: 30px 0 0;
}
/*comments*/
.comments-area {
margin-top: 60px;
}
.comments-area h1 {
font-size: 54px;
}
@media (max-width: 991px) {
.comments-area h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
.comments-area h1 {
font-size: 26px;
}
}
.comments-area h2 {
font-size: 44px;
}
@media (max-width: 991px) {
.comments-area h2 {
font-size: 26px;
}
}
@media (max-width: 479px) {
.comments-area h2 {
font-size: 24px;
}
}
.comments-area h3 {
font-size: 34px;
}
@media (max-width: 991px) {
.comments-area h3 {
font-size: 22px;
}
}
@media (max-width: 479px) {
.comments-area h3 {
font-size: 22px;
}
}
.comments-area h4 {
font-size: 28px;
}
@media (max-width: 991px) {
.comments-area h4 {
font-size: 20px;
}
}
@media (max-width: 479px) {
.comments-area h4 {
font-size: 20px;
}
}
.comments-area h5 {
font-size: 20px;
}
@media (max-width: 991px) {
.comments-area h5 {
font-size: 18px;
}
}
.comments-area h6 {
font-size: 16px;
}
.comments-area table {
overflow-x: auto;
}
@media (max-width: 600px) {
.comments-area table {
display: block;
}
}
@media (max-width: 991px) {
.comments-area ol.children {
padding-left: 0;
}
}
.comments-area form [class*="col-sm-4"] {
margin-bottom: 10px;
}
.comments-area li.comment {
list-style: none;
padding-top: 5px;
position: relative;
}
.comments-area .comment-body {
display: flex;
}
.comments-area .comment-body .comment-text {
margin-left: 10px;
min-width: 0;
}
.comments-area .comment-body img {
max-width: 70px;
border: 0;
border-radius: 50%;
}
.comments-area .pingback .comment-body, .comments-area .trackback .comment-body {
margin-bottom: 10px;
}
@media (min-width: 480px) {
.comments-area .pingback .comment-body a, .comments-area .trackback .comment-body a {
margin-left: 10px;
}
}
.comments-area .media-object {
max-width: 70px;
}
.comments-area .comment-text {
padding: 20px 20px 10px 0;
width: auto;
}
.comments-area .comment-text .comment-content p {
margin-bottom: 10px;
}
.comments-area .comment-text .comment-content blockquote {
margin-left: 0;
margin-right: 0;
text-align: left;
max-width: 500px !important;
}
.comments-area .comment-text .comment-content table {
overflow-x: auto;
/* Scrollbar is displayed as it's needed */
}
@media (max-width: 600px) {
.comments-area .comment-text .comment-content table {
display: block;
}
.OurServiceAccordion .media-body{
display:contents !important;
}
.intro_section.page_mainslider h2 {
font-size: 30px;
}
}
.comments-area .comment-text .comment-metadata {
display: block;
margin: 0 0 10px;
line-height: 30px;
}
.comments-area .comment-text .comment-metadata:before {
font-family: FontAwesome;
font-size: 14px;
content: '\f073';
color: #55bce7;
margin-right: 10px;
font-weight: 400;
}
.comments-area .comment-text .comment-metadata a {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
}
.comment-list {
margin: 0 0 20px;
padding: 0;
position: relative;
list-style: none;
}
.comment-list ol.comment-list {
padding-left: 15px;
}
@media (min-width: 992px) {
.comment-list ol.comment-list {
padding-left: 70px;
}
}
.comment-meta {
line-height: 1;
margin-bottom: 0;
padding-bottom: 0;
}
.comment-meta .comment-date {
display: block;
margin: 7px 0 10px;
}
.comment-meta .author_url {
font-size: 20px;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.comment-meta .author_url a {
line-height: 1;
}
.reply a {
position: absolute;
right: -1px;
top: 17px;
padding: 10px 4px 13px;
color: #1f232b;
font-size: 16px;
}
.reply a:hover {
color: #55bce7;
}
.comment-respond {
margin-top: 0;
margin-bottom: 0;
}
.comment-respond h3 {
font-size: 30px;
margin: 0 0 25px;
}
.comment-respond p {
margin-bottom: 10px;
position: relative;
}
.comment-form.muted_background {
padding: 30px 30px 20px;
}
.comment-form p {
margin-bottom: 0;
line-height: 1.2;
}
.comment-form .form-submit {
margin-top: 30px;
margin-bottom: 0;
}
.comment-form label[for] {
display: none;
}
.comment-form .theme_button {
margin: 0 5px 0 0;
}
@media (max-width: 500px) {
.comment-respond i.pull-left {
display: none;
}
.comment-respond .comment-form {
margin-left: 0;
}
}
.comment-navigation {
margin-top: 40px;
}
.comment-navigation .pagination > li > a, .comment-navigation .pagination > li > span {
padding: 5px 10px;
}
.post-password-form input[type="password"].form-control {
border-color: rgba(0, 0, 0, 0.1);
}
.post-password-form .theme_button {
top: -1px;
padding: 17px 30px 17px;
}
@media (min-width: 768px) {
.post-password-form .theme_button {
min-width: 150px;
margin-left: 20px;
}
}
/* gallery */
#isotope_filters, .filters {
text-align: center;
font-size: 13px;
margin: 0 0 50px;
padding: 0;
list-style: none;
position: relative;
}
@media (min-width: 1200px) {
#isotope_filters, .filters {
margin: 0 0 57px;
}
}
#isotope_filters li, .filters li {
display: inline-block;
margin: 0;
padding: 0;
}
#isotope_filters a, .filters a {
padding: 5px 20px;
margin: 0 0 10px;
display: inline-block;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5em;
color: #0f0f0f;
background-color: transparent;
position: relative;
z-index: 2;
}
#isotope_filters a:hover, .filters a:hover, #isotope_filters a.selected, .filters a.selected, #isotope_filters a.active, .filters a.active {
background-color: transparent;
border-color: transparent;
color: #55bce7;
}
@media (max-width: 479px) {
#isotope_filters a, .filters a {
padding: 5px 10px;
}
}
.ds #isotope_filters a, .ds .filters a {
color: #fff;
}
.ds #isotope_filters a:hover, .ds .filters a:hover, .ds #isotope_filters a.selected, .ds .filters a.selected, .ds #isotope_filters a.active,
.ds .filters a.active {
background-color: transparent;
border-color: transparent;
color: #55bce7;
}
.filter_text {
position: absolute;
font-size: 104px;
width: 100%;
text-align: center;
font-weight: 700;
top: 6px;
text-transform: uppercase;
color: rgba(15, 15, 15, 0.05);
z-index: 1;
letter-spacing: 0.2em;
}
@media (max-width: 768px) {
.qoc .row,.DORP .row{
display:flex;
flex-direction:column-reverse;
}
.imageClass .col-xs-12.col-md-6{
text-align:center;
}
.filter_text {
display: none;
}
}
.gallery-item {
overflow: hidden;
position: relative;
}
.gallery-item .item-content {
padding: 0 40px 5px;
}
.gallery-item h4.item-meta {
font-weight: 300;
z-index: 5;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.gallery-item:hover h4.item-meta {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gallery-item .post-adds {
margin-bottom: 0;
}
.gallery-title-item + .item-title {
padding: 30px 0;
}
.gallery-title-item + .item-title h3 {
font-size: 28px;
margin-bottom: 5px;
}
i.loadmore_spinner {
font-size: 30px;
opacity: 0.3;
margin: 10px 0 20px;
}
/* gallery single */
.gallery-single-title {
margin: 12px 0 0;
}
@media (min-width: 768px) {
.gallery-single-title {
font-size: 60px;
}
}
.gallery-single-title + .block-header {
margin-bottom: 40px;
}
.share-gallery-single {
margin: 40px 0 16px;
}
.items-nav {
padding: 30px 23px;
}
.items-nav[class*='display_table_'] {
margin-top: 40px;
}
.items-nav h4 {
margin: -5px 0 0;
}
.items-nav .media {
position: relative;
padding: 10px 0;
}
.items-nav .next-item img {
max-width: none;
padding: 0 30px 0 0;
}
.items-nav .next-item i {
right: 0;
}
.items-nav .prev-item img {
max-width: none;
padding: 0 0 0 30px;
}
.items-nav a {
position: relative;
}
.items-nav a i {
top: 50%;
margin-top: -14px;
font-size: 20px;
}
.items-nav a i.position-absolute {
position: absolute;
}
.loop-pagination {
margin-top: 60px;
}
.muted_background .loop-pagination {
margin-top: 0;
}
.owl-carousel.hover-scale {
margin-bottom: 50px;
}
@media (min-width: 768px) {
.owl-carousel.hover-scale .owl-stage-outer {
overflow: visible;
}
.owl-carousel.hover-scale .vertical-item {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.owl-carousel.hover-scale .owl-item:hover .vertical-item, .owl-carousel.hover-scale .owl-item.center .vertical-item {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
z-index: 4;
overflow: hidden;
}
}
.owl-carousel.related-photos-carousel {
margin-bottom: 0;
}
/*404*/
.error404 .not_found {
font-size: 130px;
font-weight: 700;
line-height: 0.8;
}
@media (min-width: 600px) {
.error404 .not_found {
font-size: 210px;
}
}
.error404 .not_found + h3 {
font-size: 40px;
font-weight: 900;
margin: 0 0 30px;
color: #fff;
}
.error404 .not_found + h3 + p {
margin: 0 0 12px;
color: #fff;
}
.error404 .not_found + h3 + p + .widget_search {
max-width: 340px;
margin: 0 auto;
}
.error404 .not_found + h3 + p + .widget_search input {
color: #808080;
}
.error404 .not_found + h3 + p + .widget_search .form-control {
background-color: #fff;
}
.error404 .not_found + h3 + p + .widget_search .form-control:-moz-placeholder {
color: #808080;
opacity: 1;
}
.error404 .not_found + h3 + p + .widget_search .form-control::-moz-placeholder {
color: #808080;
opacity: 1;
}
.error404 .not_found + h3 + p + .widget_search .form-control:-ms-input-placeholder {
color: #808080;
}
.error404 .not_found + h3 + p + .widget_search .form-control::-webkit-input-placeholder {
color: #808080;
}
.error404 .page_content {
background-color: #f2f2f2;
background-image: url(../img/404.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.error404 .page_content p {
color: #fff;
}
.error404 .page_content .content-404 {
margin-top: 40px;
margin-bottom: 50px;
}
.error404 .page_content .theme_button:hover {
color: #fff;
border-color: #fff;
}
.error404 .page_breadcrumbs, .error404 .page_footer {
display: none;
}
.error404 .page_copyright {
background-image: url(../img/404-copyright-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-top: 0;
}
.error404 .page_copyright:before {
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: #0f0f0f;
opacity: 0.5;
z-index: 1;
}
.error404 .page_copyright p {
color: #808080 !important;
z-index: 2;
}
.navigation.post-navigation {
padding: 0;
margin-top: 80px;
margin-bottom: 65px;
}
@media (max-width: 767px) {
.navigation.post-navigation {
margin-top: 40px;
margin-bottom: 40px;
}
}
.navigation.post-navigation a {
display: inline-block;
width: 48.5%;
position: relative;
text-align: center;
overflow: hidden;
padding: 0;
font-weight: normal;
font-size: 14px;
}
.navigation.post-navigation a[rel="next"] {
float: right;
}
.navigation.post-navigation a .media {
background-position: center;
background-size: cover;
padding: 0;
height: 145px;
display: flex;
justify-content: center;
align-items: center;
}
.navigation.post-navigation a .media .nav-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: rgba(31, 35, 43, 0.8);
z-index: 1;
}
.navigation.post-navigation a .media .nav-middle {
position: relative;
display: block;
z-index: 2;
padding: 0 15px;
max-width: 100%;
}
.navigation.post-navigation a .media .nav-middle .nav {
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
color: #55bce7;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.navigation.post-navigation a .media .nav-middle .nav:hover {
color: #fff;
}
@media (max-width: 479px) {
.navigation.post-navigation a .media .nav-middle .nav {
font-size: 18px;
}
}
.navigation.post-navigation a .media .nav-middle .title {
font-size: 17px;
font-weight: 500;
display: inline-block;
word-wrap: break-word;
max-width: 100%;
margin-top: 5px;
color: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.navigation.post-navigation a .media .nav-middle .title:hover {
color: #55bce7;
}
@media (max-width: 479px) {
.navigation.post-navigation a .media .nav-middle .title {
display: none;
}
}
/* Unyson portfolio extension */
.fw-portfolio .categories-links {
display: none;
}
/* Portfolio single page */
.single-fw-portfolio .gallery-single-title {
margin-bottom: 20px;
}
.single-fw-portfolio .owl-carousel.owl-loaded {
margin-bottom: 0;
}
/* Taxonomies */
.post-type-archive-fw-portfolio, .tax-fw-portfolio-category {
/* Full width gallery */
}
.post-type-archive-fw-portfolio .item-button, .tax-fw-portfolio-category .item-button {
display: none;
}
.post-type-archive-fw-portfolio .extended .item-content p, .tax-fw-portfolio-category .extended .item-content p {
margin-bottom: 0;
}
.post-type-archive-fw-portfolio .extended .item-title, .tax-fw-portfolio-category .extended .item-title {
height: 45px;
overflow: hidden;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.post-type-archive-fw-portfolio .gallery_fluid_section .container-fluid, .tax-fw-portfolio-category .gallery_fluid_section .container-
fluid {
padding-left: 0;
padding-right: 0;
}
}
.post-type-archive-fw-portfolio .gallery_fluid_section .container-fluid .item-title, .tax-fw-portfolio-category .gallery_fluid_section
.container-fluid .item-title {
overflow: hidden;
margin-bottom: 0;
padding: 38px 5px 40px;
}
.post-type-archive-fw-portfolio .gallery_fluid_section .container-fluid .item-title h3, .tax-fw-portfolio-category .gallery_fluid_section
.container-fluid .item-title h3 {
font-size: 20px;
overflow: hidden;
text-transform: uppercase;
margin: 5px 0;
height: 20px;
}
.page-links {
clear: both;
}
.page-links .page-links-title {
margin-right: 10px;
}
blockquote ol, blockquote ul {
text-align: left;
}
/* Services plugin */
/* category and archive */
@media (min-width: 1200px) {
.services-grid {
margin-bottom: -20px;
}
}
@media (min-width: 400px) {
.services-grid .vertical-item.content-padding .item-content {
padding: 15px 15px;
}
}
.services-grid .entry-title {
text-transform: none;
}
.services-grid .item-content p {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.services-grid .vertical-item {
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
}
}
.service_item {
z-index: 1;
position: relative;
}
.service_item .read-more {
display: block;
margin-bottom: -10px;
width: 60px;
margin-right: auto;
margin-left: auto;
}
.service_item .read-more:before {
content: "\f107";
font-family: FontAwesome;
position: relative;
top: 0;
transition: top 0.2s ease 0s;
color: #712357;
}
.service_item .read-more:hover:before {
top: 5px;
}
.service_item .excerpt {
height: 92px;
overflow: hidden;
}
/* single */
.single-service .entry-title {
margin-top: 25px;
margin-bottom: 25px;
font-size: 40px;
}
/* MWT Unyson Team plugin */
@media (min-width: 1200px) {
.team-list {
margin-bottom: -20px;
}
.team-list .vertical-item {
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
}
}
.team-list .position {
margin-bottom: 10px;
}
.single-fw-team .vertical-item {
margin-bottom: 10px;
}
.single-fw-team .vertical-item img {
width: 100%;
}
.single-fw-team .item-content {
margin-bottom: 10px;
}
.single-fw-team .item-content .soc-youtube:before {
font-size: 16px;
}
.single-fw-team .item-content .tab-member-bio h1, .single-fw-team .item-content .tab-member-bio h2, .single-fw-team .item-content .tab-
member-bio h3, .single-fw-team .item-content .tab-member-bio h4, .single-fw-team .item-content .tab-member-bio h5, .single-fw-team .item-
content .tab-member-bio h6 {
margin-bottom: 0.6em;
}
.single-fw-team .item-content .bootstrap-tabs {
margin-top: 50px;
}
.single-fw-team .item-content .bootstrap-tabs .tab-content {
margin-bottom: 55px;
}
.single-fw-team .item-content blockquote {
text-align: left;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 0;
margin-right: 0;
max-width: 100%;
z-index: 1;
padding: 30px 15px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 400px) {
.single-fw-team .item-content blockquote {
padding: 35px 45px;
}
}
@media (min-width: 1200px) {
.single-fw-team .item-content blockquote {
padding: 50px 60px;
}
}
.single-fw-team .item-content blockquote:before {
top: 100px;
left: -15px;
font-style: normal;
color: #55bce7;
font-size: 300px;
opacity: 0.2;
}
.single-fw-team .item-content blockquote:after {
display: none;
}
.single-fw-team .item-content blockquote cite {
text-align: left;
margin-top: 15px;
}
.team-social-icons {
margin-top: 20px;
line-height: 1;
}
.team-social-icons .soc-youtube:before {
font-size: 16px;
}
.shortcode-team .vertical-item {
box-shadow: none;
}
.shortcode-team .vertical-item .item-content .team-social-icons {
margin-top: 30px;
}
.shortcode-team .item-content .position {
margin-bottom: 0;
}
.shortcode-team.hide-excerpt .item-content .desc {
display: none;
}
.shortcode-team.hide-socials .item-content .team-social-icons {
display: none;
}
/* Team Slider Shortcode */
.shortcode-team-slider {
position: relative;
width: 100%;
display: block;
}
.shortcode-team-slider .menu__item {
text-decoration: none;
color: #1f232b;
outline: none;
opacity: 0.3;
margin-bottom: 15px;
cursor: pointer;
}
.shortcode-team-slider .team-social-icons {
margin-top: 0;
margin-bottom: 20px;
z-index: 4;
}
.shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon {
border-width: 4px;
border-style: solid;
padding: 16px 17px;
margin-bottom: 4px;
line-height: 16px;
width: 60px;
height: 60px;
}
@media (min-width: 992px) {
.shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon {
line-height: 0;
}
}
.shortcode-team-slider .menu__item:hover, .shortcode-team-slider .menu__item:focus {
outline: none;
opacity: 1;
}
.shortcode-team-slider .slider-title {
display: block;
word-break: unset;
text-transform: lowercase;
position: absolute;
color: #55bce7;
opacity: 0.1;
font-size: 300px;
font-weight: 600;
line-height: 1;
left: -260px;
top: 50%;
transform: translateY(-58%) rotate(-90deg);
margin-top: 0;
margin-bottom: 0;
z-index: 4;
}
@media (max-width: 1600px) {
.shortcode-team-slider .slider-title {
display: none;
}
}
.shortcode-team-slider .flexslider-controls {
position: absolute;
width: auto;
right: 0;
left: 10%;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
@media (min-width: 1200px) {
.shortcode-team-slider .flexslider-controls {
left: 17%;
}
}
.shortcode-team-slider .menu__item {
font-size: 44px;
line-height: 1;
font-weight: 600;
display: block;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.shortcode-team-slider .menu__item span {
color: #55bce7;
}
.shortcode-team-slider .menu__item.flex-active, .shortcode-team-slider .menu__item.flex-active:hover, .shortcode-team-slider
.menu__item.flex-active:focus {
opacity: 1;
}
.shortcode-team-slider .team-social-icons {
display: none;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.shortcode-team-slider .menu__item.flex-active .team-social-icons {
display: block;
}
@media (min-width: 768px) {
.shortcode-team-slider .team-social-icons {
margin-bottom: 0;
position: absolute;
right: 80px;
width: 60px;
top: 50%;
transform: translateY(-50%);
}
.shortcode-team-slider .team-social-icons a.social-icon {
display: inline-block;
width: 60px;
height: 60px;
margin-left: 0;
margin-bottom: 10px !important;
}
.shortcode-team-slider .team-social-icons a.social-icon:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 992px) {
.shortcode-team-slider .flexslider-controls {
padding: 40px 15px 60px;
position: relative;
width: 100%;
right: 0;
left: 0;
top: auto;
transform: none;
}
.shortcode-team-slider .menu__item {
font-size: 1.5em;
}
}
@media (max-width: 768px) {
.shortcode-team-slider .team-social-icons {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 1441px) {
.shortcode-team-slider .overlay {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: rgba(255, 255, 255, 0.7);
z-index: 2;
}
}
/*
**widgets
*/
aside .widget-title, .before-loop-area .widget-title {
text-align: left;
position: relative;
display: block;
font-weight: 700;
}
aside > div + div, .before-loop-area > div + div {
margin-top: 10px;
}
aside > div + div > .widget-title, .before-loop-area > div + div > .widget-title, aside > div + div.widget_no_background .widget-title,
.before-loop-area > div + div.widget_no_background .widget-title {
margin-top: 15px;
}
aside .widget + .widget, .before-loop-area .widget + .widget {
margin-top: 48px;
}
aside input[type="text"]:focus, .before-loop-area input[type="text"]:focus, aside input[type="email"]:focus, .before-loop-area input
[type="email"]:focus, aside input[type="url"]:focus, .before-loop-area input[type="url"]:focus, aside input[type="password"]:focus,
.before-loop-area input[type="password"]:focus, aside input[type="search"]:focus, .before-loop-area input[type="search"]:focus, aside input
[type="tel"]:focus, .before-loop-area input[type="tel"]:focus, aside input[type="number"]:focus, .before-loop-area input
[type="number"]:focus, aside textarea:focus, .before-loop-area textarea:focus, aside select:focus, .before-loop-area select:focus, aside
.form-control:focus, .before-loop-area .form-control:focus {
border-color: #e5e5e5;
}
.before-loop-area .widget {
margin-top: 30px;
margin-bottom: 40px;
display: block;
overflow: hidden;
}
.before-loop-area .widget .widget-title {
margin-top: 40px;
margin-bottom: 55px;
}
.before-loop-area .widget.widget-first {
margin-top: 0;
}
.widget-theme-wrapper.with_background, .widget-theme-wrapper.muted_background, .widget-theme-wrapper.cs, .widget-theme-wrapper.ds, .widget-
theme-wrapper.ls {
padding: 35px;
}
/* affix-aside */
.affix-aside {
position: relative;
}
.affix-aside.affix {
position: fixed;
top: 50px;
}
@media (max-width: 767px) {
.affix-aside, .affix-aside.affix, .affix-aside.affix-bottom {
position: static;
width: inherit !important;
}
}
.module-header {
margin: 0 0 38px;
text-transform: capitalize;
font-size: 40px;
}
.page_footer .module-header {
font-size: 28px;
}
.widget > h3, .widget-title {
font-size: 20px;
margin: 0 0 25px;
position: relative;
line-height: 1;
}
.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: 20px;
margin: 17px 0 0;
}
.widget .vertical-item + .widget .vertical-item {
margin-top: 16px;
}
.widget select {
width: 100%;
max-width: 100%;
height: 50px;
padding-left: 20px;
padding-right: 40px;
padding-top: 9px;
padding-bottom: 9px;
border: 1px solid #55bce7;
background-color: #f2f2f2;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
color: #7f7f7f;
font-weight: 600;
letter-spacing: -0.02em;
}
.page_footer .widget li, .page_footer .widget ul {
border: none;
}
.page_footer .widget-title {
font-size: 30px;
text-transform: uppercase;
letter-spacing: -0.02em;
font-weight: 600;
margin-top: 35px;
margin-bottom: 55px;
position: relative;
display: block;
}
.page_footer .widget_banner {
margin-bottom: 18px;
}
.page_footer .widget_text {
margin-bottom: 26px;
}
.page_footer .widget_human_consult_twitter ul.tweet_list {
padding-top: 5px;
overflow: hidden;
}
.page_footer .widget_recent_entries ul li:first-of-type {
padding: 0 0 11px 0;
}
.page_footer .widget_recent_entries ul li:before {
display: none;
}
.page_footer .widget_recent_entries ul li .post-date {
display: block;
}
/* Widget Instagram */
#sb_instagram {
padding-bottom: 0 !important;
}
#sb_instagram #sbi_images {
margin: -10px;
width: calc(100% + 20px);
}
@media screen and (max-width: 767px) {
aside {
margin-top: 60px !important;
}
}
/*
widget_search,
widget_mailchimp
*/
.widget_mailchimp {
overflow: hidden;
}
.widget_mailchimp p {
padding-top: 10px;
}
.widget_search .form-inline, .widget_product_search form, .widget_mailchimp .form-inline {
position: relative;
}
.widget_search .form-inline .form-control, .widget_product_search form .form-control, .widget_mailchimp .form-inline .form-control {
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;
}
.page_topline .widget_search .form-inline, .page_topline .widget_product_search form, .page_topline .widget_mailchimp .form-inline {
display: inline-block;
}
.page_topline .widget_search .form-inline label, .page_topline .widget_product_search form label, .page_topline .widget_mailchimp .form-
inline label {
margin: 0;
}
.widget_search .form-inline .form-group, .widget_mailchimp .form-inline .form-group {
display: block;
vertical-align: top;
position: relative;
}
.page_topline .form-control {
height: 30px;
padding-top: 0;
padding-bottom: 0;
padding-right: 20px;
background-color: transparent;
}
.page_topline .form-control:focus {
border-color: transparent;
}
.cs.page_topline .form-control {
color: #fff;
}
.cs.page_topline .form-control:-moz-placeholder {
color: #fff;
}
.cs.page_topline .form-control::-moz-placeholder {
color: #fff;
}
.cs.page_topline .form-control:-ms-input-placeholder {
color: #fff;
}
.cs.page_topline .form-control::-webkit-input-placeholder {
color: #fff;
}
.cs.page_topline .form-control:focus:-moz-placeholder {
color: transparent;
}
.cs.page_topline .form-control:focus::-moz-placeholder {
color: transparent;
}
.cs.page_topline .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.cs.page_topline .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.widget_search .form-inline [type="text"], .widget_product_search [type="search"], .widget_mailchimp .form-inline [type="email"] {
padding-right: 50px;
display: block;
width: 100%;
}
@media (min-width: 768px) {
.widget_search .form-group.inline-block, .widget_mailchimp .form-group.inline-block {
min-width: 370px;
margin-right: 5px;
}
}
.page_topline .widget_search .form-group .form-control {
height: 40px;
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
box-shadow: none;
min-width: 230px;
border: none;
color: #7f7f7f;
}
.page_topline .widget_search .form-group .form-control:-moz-placeholder {
color: #7f7f7f;
}
.page_topline .widget_search .form-group .form-control::-moz-placeholder {
color: #7f7f7f;
}
.page_topline .widget_search .form-group .form-control:-ms-input-placeholder {
color: #7f7f7f;
}
.page_topline .widget_search .form-group .form-control::-webkit-input-placeholder {
color: #7f7f7f;
}
.page_topline .widget_search .form-group .form-control:focus:-moz-placeholder {
color: transparent;
}
.page_topline .widget_search .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.page_topline .widget_search .form-group .form-control:focus:-ms-input-placeholder {
color: transparent;
}
.page_topline .widget_search .form-group .form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.widget_search .form-inline .theme_button, .widget_product_search [type="submit"], .widget_mailchimp .form-inline .theme_button {
font-size: 0;
padding: 10px;
margin: 0;
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
border: none;
box-shadow: none;
background-color: transparent;
color: #55bce7;
font-weight: 300;
}
.widget_search .form-inline .theme_button:hover, .widget_product_search [type="submit"]:hover, .widget_mailchimp .form-inline
.theme_button:hover, .widget_search .form-inline .theme_button:focus, .widget_product_search [type="submit"]:focus, .widget_mailchimp
.form-inline .theme_button:focus, .widget_search .form-inline .theme_button:active, .widget_product_search [type="submit"]:active,
.widget_mailchimp .form-inline .theme_button:active {
color: #1f232b;
}
.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;
}
.page_topline .widget_search .form-inline .theme_button, .page_topline .widget_product_search [type="submit"], .page_topline
.widget_mailchimp .form-inline .theme_button {
height: 40px;
width: 40px;
padding: 0;
top: 0;
background: transparent;
color: rgba(128, 128, 128, 0.5);
}
.page_topline .widget_search .form-inline .theme_button:hover, .page_topline .widget_product_search [type="submit"]:hover, .page_topline
.widget_mailchimp .form-inline .theme_button:hover, .page_topline .widget_search .form-inline .theme_button:focus, .page_topline
.widget_product_search [type="submit"]:focus, .page_topline .widget_mailchimp .form-inline .theme_button:focus, .page_topline .widget_search
.form-inline .theme_button:active, .page_topline .widget_product_search [type="submit"]:active, .page_topline .widget_mailchimp .form-inline
.theme_button:active {
color: #55bce7;
}
.page_topline .widget_search .form-inline .theme_button:before, .page_topline .widget_product_search [type="submit"]:before, .page_topline
.widget_mailchimp .form-inline .theme_button:before {
font-size: 14px;
}
.widget_mailchimp .form-inline .theme_button:before {
content: "\e65c";
}
/*wordpress - widget_mc4wp_form_widget*/
.widget_mc4wp_form_widget label {
display: none;
}
.widget_mc4wp_form_widget .mc4wp-form-inner {
position: relative;
}
.widget_mc4wp_form_widget .mc4wp-form-fields {
position: relative;
}
.widget_mc4wp_form_widget [type*="email"] {
width: 100%;
padding-right: 40px;
border-width: 0;
border-style: solid;
}
.widget_mc4wp_form_widget [type*="submit"] {
position: absolute;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
font-size: 0;
padding: 0;
margin-bottom: 0;
border: none;
box-shadow: none;
background-color: transparent;
color: #55bce7;
font-weight: 300;
}
.widget_mc4wp_form_widget [type*="submit"]:hover, .widget_mc4wp_form_widget [type*="submit"]:focus, .widget_mc4wp_form_widget
[type*="submit"]:active {
color: #1f232b;
border: none;
}
.widget_mc4wp_form_widget [type*="submit"]:before {
font-size: 16px;
content: "\f040";
font-family: FontAwesome;
}
.shortcode-widget-area .widget_mc4wp_form_widget .mc4wp-form-inner {
margin-bottom: 0;
}
/* Footer and asside widget correction */
.text_for_aside, .text_for_footer, .button_for_footer {
display: none;
}
aside .text_for_aside {
display: block;
}
.page_footer .widget_mc4wp_form_widget .mc4wp-form {
margin-top: -7px;
}
.page_footer .widget_mc4wp_form_widget .mc4wp-form .mc4wp-form-inner {
margin-bottom: 30px;
}
.page_footer .widget_mc4wp_form_widget .mc4wp-form .mc4wp-form-inner .form-control {
text-align: center;
}
.page_footer .widget_mc4wp_form_widget [type*="submit"] {
display: none;
}
.page_footer .widget_mc4wp_form_widget .text_for_footer {
display: block;
}
.page_footer .widget_mc4wp_form_widget .button_for_footer {
display: block;
text-align: center;
}
.page_footer .widget_mc4wp_form_widget .button_for_footer input[type*="submit"] {
display: inline-block;
position: relative;
font-size: 12px;
padding: 18px 30px 18px;
border: 1px solid #0f0f0f;
color: #0f0f0f;
background-color: transparent;
right: auto;
bottom: auto;
width: 100%;
max-width: 170px;
}
.page_footer .widget_mc4wp_form_widget .button_for_footer input[type*="submit"]:hover {
border: 1px solid #0083b0;
color: #fff;
background-color: #0083b0;
}
.page_footer.ds .widget_mc4wp_form_widget .button_for_footer input[type*="submit"] {
border: 1px solid #fff;
color: #fff;
}
.page_footer.ds .widget_mc4wp_form_widget .button_for_footer input[type*="submit"]:hover {
border: 1px solid #0083b0;
color: #fff;
background-color: #0083b0;
}
/*
widget_recent_entries
widget_recent_comments
widget_archive
widget_categories
widget_meta
widget_nav_menu
widget_pages
*/
.widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul,
.widget_recent_entries ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.widget_archive ul ul li, .widget_categories ul ul li, .widget_nav_menu ul ul li, .widget_meta ul ul li, .widget_pages ul ul li,
.widget_recent_comments ul ul li, .widget_recent_entries ul ul li {
padding-left: 20px;
}
.widget_archive ul ul li:last-child, .widget_categories ul ul li:last-child, .widget_nav_menu ul ul li:last-child, .widget_meta ul ul
li:last-child, .widget_pages ul ul li:last-child, .widget_recent_comments ul ul li:last-child, .widget_recent_entries ul ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_nav_menu ul li:last-child, .widget_meta ul li:last-child,
.widget_pages ul li:last-child, .widget_recent_comments ul li:last-child, .widget_recent_entries ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.widget_archive li + li, .widget_categories li + li, .widget_nav_menu li + li, .widget_meta li + li, .widget_pages li + li,
.widget_recent_comments li + li, .widget_recent_entries li + li {
border-top: none;
}
.widget_archive a:empty, .widget_categories a:empty, .widget_nav_menu a:empty, .widget_meta a:empty, .widget_pages a:empty,
.widget_recent_comments a:empty, .widget_recent_entries a:empty, .widget_archive li > a:not([href]), .widget_categories li > a:not([href]),
.widget_nav_menu li > a:not([href]), .widget_meta li > a:not([href]), .widget_pages li > a:not([href]), .widget_recent_comments li > a:not
([href]), .widget_recent_entries li > a:not([href]) {
padding: 27px 15px !important;
}
.widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li {
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: left;
}
.widget_archive li a, .widget_categories li a, .widget_nav_menu li a, .widget_meta li a, .widget_pages li a {
flex-grow: 10;
display: inline-block;
padding-top: 12px;
padding-bottom: 12px;
}
.widget_recent_comments li {
padding: 15px 0;
}
.widget_recent_comments li:first-child {
padding-top: 0;
}
.widget_recent_comments li:before {
font-family: FontAwesome;
content: "\f27b";
font-size: 16px;
line-height: 1;
position: relative;
top: 0;
padding-right: 10px;
color: #55bce7;
}
.widget_recent_entries li {
padding: 15px 0 15px 36px;
}
.widget_recent_entries p {
margin-bottom: 0;
}
.widget_recent_entries li:first-child {
padding-top: 0;
}
.widget_recent_entries li:before {
font-family: 'rt-icons-2';
content: "\e65c";
font-size: 16px;
line-height: 1;
position: absolute;
top: 18px;
left: 0;
padding-right: 10px;
color: #55bce7;
}
.widget_recent_entries li:first-child:before {
top: 7px;
}
.widget_recent_entries > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_popular_entries > ul > li:first-child,
.widget_nav_menu > ul > li:first-child, .widget_pages > ul > li:first-child {
border-top: none;
margin-top: 0;
}
.widget_popular_entries > ul > li:first-child {
margin-top: 0;
}
.widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
display: inline-block;
padding: 3px 0 3px 25px;
position: relative;
color: #808080;
}
.widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before {
font-family: FontAwesome;
content: "\f054";
font-size: 14px;
color: #55bce7;
position: absolute;
left: 0;
top: 11px;
}
.widget_nav_menu a i {
padding-right: 7px;
}
.widget_archive ul li > span, .widget_categories ul li > span {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 5px;
float: right;
color: #fff;
background-color: #0083b0;
text-align: center;
}
.page_footer {
/* see: 'Navigation Menu' widget in sidebar 'Footer Column 1' */
}
.page_footer .widget_recent_entries ul, .page_footer .widget_recent_comments ul, .page_footer .widget_archive ul, .page_footer
.widget_categories ul, .page_footer .widget_meta ul, .page_footer .widget_popular_entries ul, .page_footer .widget_pages ul {
margin-top: -10px;
}
.page_footer .widget_recent_entries li, .page_footer .widget_recent_comments li, .page_footer .widget_archive li, .page_footer
.widget_categories li, .page_footer .widget_meta li, .page_footer .widget_popular_entries li, .page_footer .widget_pages li {
padding: 10px 0 10px 0;
text-align: left;
}
.page_footer .widget_nav_menu {
margin-bottom: 25px;
}
.page_footer .widget_nav_menu.footer-menu ul {
margin-top: -20px;
}
.page_footer .widget_nav_menu.footer-menu ul li {
width: 50%;
float: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.page_footer .widget_nav_menu.footer-menu ul li:nth-child(odd) {
text-align: right;
}
.page_footer .widget_nav_menu.footer-menu ul li:nth-child(even) {
text-align: left;
}
.page_footer .widget_nav_menu.footer-menu ul li a {
padding: 12px 15px;
}
.page_footer .widget_nav_menu.footer-menu ul li a:before {
display: none;
}
.page_footer.ds .widget_nav_menu ul li a {
color: white;
}
.page_footer.ds .widget_nav_menu ul li a:hover {
color: #fff;
}
/*widget_tag_cloud*/
.widget_tag_cloud a {
border: 1px solid #0f0f0f;
color: #0f0f0f;
padding: 3px 15px 1px;
margin: 0 4px 10px 0;
font-size: 12px !important;
text-transform: uppercase;
text-align: center;
font-weight: 700;
letter-spacing: 0.4em;
display: inline-block;
}
.widget_tag_cloud a:hover {
background-color: #55bce7;
border-color: #55bce7;
color: #fff;
}
.ds .widget_tag_cloud a {
border: 1px solid #fff;
color: #fff;
}
/*widget_calendar*/
#calendar_wrap {
width: 100%;
margin-bottom: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (min-width: 768px) and (max-width: 992px) {
#calendar_wrap {
overflow-x: auto;
overflow-y: hidden;
}
}
#today {
color: #55bce7;
}
.widget_calendar table {
width: 100%;
margin: 0;
position: relative;
text-align: center;
background-color: #f2f2f2;
}
.widget_calendar caption {
line-height: 1;
font-size: 24px;
padding: 18px 0 18px;
text-align: center;
color: #fff;
background-color: #55bce7;
}
.widget_calendar thead {
background-color: #1f232b;
border: 1px solid #1f232b;
border-width: 7px 1px 7px 1px;
color: #fff;
}
.widget_calendar thead th {
font-weight: 300;
}
.widget_calendar thead th:first-child {
padding-left: 30px;
}
.widget_calendar thead th:last-child {
padding-right: 30px;
}
.widget_calendar tbody {
font-weight: 300;
}
.widget_calendar tbody tr:first-child td {
padding-top: 29px;
}
.widget_calendar tbody tr:last-child td {
padding-bottom: 30px;
}
.widget_calendar tbody td {
border: none;
padding: 3px 4px;
position: relative;
}
.widget_calendar tbody td:first-child {
padding-left: 30px;
}
.widget_calendar tbody td:last-child {
padding-right: 30px;
}
.widget_calendar tbody td a {
font-weight: 700;
color: #55bce7;
}
.widget_calendar tbody td a:hover {
color: #55bce7;
}
.widget_calendar th {
text-align: center;
border: 0;
color: inherit;
}
.widget_calendar td {
border: 0;
}
.widget_calendar tfoot {
position: absolute;
top: -3px;
right: 0;
left: 0;
}
.widget_calendar tfoot td {
position: absolute;
top: 0;
}
.widget_calendar tfoot td a {
color: #fff;
text-align: center;
font-size: 0;
width: 60px;
height: 60px;
line-height: 60px;
display: inline-block;
}
.widget_calendar tfoot td a:hover {
color: #fff;
background-color: #55bce7;
border-color: #55bce7;
}
.widget_calendar tfoot #prev {
left: 0;
padding: 0;
}
.widget_calendar tfoot #prev a {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.widget_calendar tfoot #prev a:before {
font-size: 14px;
font-family: 'rt-icons-2';
content: '\e7c4';
}
.widget_calendar tfoot #next {
right: 0;
padding: 0;
}
.widget_calendar tfoot #next a {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.widget_calendar tfoot #next a:after {
font-size: 14px;
font-family: 'rt-icons-2';
content: '\e7c5';
}
/*widget_banner*/
.widget_banner {
overflow: hidden;
line-height: 1;
}
.widget_banner .item-content {
padding: 20px;
}
.widget_banner .item-content h3 {
margin: 0;
padding: 8px 0;
font-size: 28px;
}
.widget_banner .item-content span {
display: inline-block;
text-transform: uppercase;
padding: 4px 10px 1px;
min-width: 120px;
}
.widget_banner .small-text {
margin-bottom: 0;
}
/* widget socials */
.widget_socials a.social-icon {
margin-left: 7px !important;
}
.widget_socials a.social-icon:first-of-type {
margin-left: 0 !important;
}
.widget_socials a.social-icon:before {
top: 1px;
position: relative;
}
.page_footer.ds .widget_socials a[class*="soc-"]:hover {
border-color: #fff;
color: #fff;
background-color: transparent;
}
/* widget icons list */
.widget_icons_list .media-body, .widget_icons_list .media-left {
display: table-cell;
vertical-align: top;
}
.widget_icons_list .media-left {
padding-right: 10px;
}
.widget_icons_list .media-left i {
display: inline-block;
width: 16px;
text-align: center;
color: #55bce7;
}
.widget_icons_list .media.inline-block {
width: 100%;
margin-top: 0;
}
.widget_icons_list .media.inline-block .media-body, .widget_icons_list .media.inline-block .media-left {
display: inline-block;
}
.widget_icons_list .media.inline-block .media-body i, .widget_icons_list .media.inline-block .media-left i {
line-height: 16px;
}
.widget_icons_list .media.inline-block .media-body {
width: auto;
}
@media (max-width: 991px) {
.page_footer .widget_icons_list .small-teaser {
display: block;
width: 100%;
margin-bottom: 15px;
}
}
/*widget_slider*/
.widget_slider .owl-carousel {
margin-bottom: 0;
}
.widget_slider .owl-carousel:hover .owl-nav {
top: -43px;
}
.widget_slider .owl-carousel .owl-nav {
opacity: 1;
top: -43px;
}
.widget_slider .owl-carousel .owl-nav > div {
width: auto;
height: auto;
right: 0;
background-color: transparent;
}
.widget_slider .owl-carousel .owl-nav > div:first-child {
left: auto;
right: 22px;
}
.widget_slider .owl-carousel .owl-nav > div:after {
font-size: 12px;
color: inherit;
color: #0f0f0f;
}
/*widget_flickr*/
.widget_flickr li {
display: inline-block;
margin: 0 10px 10px 0;
}
.widget_flickr img {
max-width: 70px;
border-radius: 1px;
}
/*widget_twitter*/
.widget_human_consult_twitter .tweet_avatar {
display: none;
}
.widget_human_consult_twitter .tweet_text {
font-size: 16px;
font-style: italic;
color: #808080;
}
.widget_human_consult_twitter .tweet_text a {
display: none;
}
.widget_human_consult_twitter .tweet_time {
display: block;
font-size: 14px;
color: #fff;
}
.widget_human_consult_twitter .tweet_right {
overflow: hidden;
position: relative;
zoom: 1;
padding-left: 25px;
}
.widget_human_consult_twitter .tweet_right:before {
font-family: FontAwesome;
content: "\f099";
font-size: 18px;
color: #55bce7;
position: absolute;
top: 0;
left: 0;
}
.widget_human_consult_twitter .tweet_list li + li {
margin-top: 10px;
clear: both;
}
/* posts widget */
.widget-posts .item-media {
max-height: 240px;
overflow: hidden;
display: block;
}
.widget-posts .item-content .categories-links a {
margin-right: 0;
}
.widget-posts .item-content .item-title {
display: block;
height: 42px;
font-weight: 700;
overflow: hidden;
margin-top: 0;
margin-bottom: 5px;
font-size: 20px;
text-transform: uppercase;
}
.widget-posts .item-content p {
padding-top: 0;
margin-bottom: 0;
height: 120px;
overflow: hidden;
}
/*widget_popular_entries*/
.widget_popular_entries h4 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 700;
line-height: 1;
}
.widget_popular_entries .media-left, .widget_popular_entries .media-right {
vertical-align: middle;
}
.widget_popular_entries .media-body {
overflow: visible;
display: table-cell;
vertical-align: middle;
}
.widget_popular_entries .media-body .title {
line-height: 20px;
text-transform: none;
font-weight: 600;
margin: 0;
}
.ds .widget_popular_entries .media-body .title a {
color: #fff;
}
.ds .widget_popular_entries .media-body .title a:hover {
color: #55bce7;
}
.widget_popular_entries .media-body p {
line-height: 20px;
margin: 0 0 5px;
height: 60px;
overflow: hidden;
}
.widget_popular_entries .media-body .item-meta {
margin-bottom: 0;
}
.widget_popular_entries .media-body .item-meta .widget-post-date {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: -0.02em;
}
.widget_popular_entries .media-body .item-meta .widget-post-date:before {
font-size: 14px;
font-weight: 400;
margin-right: 10px;
content: "\f073";
color: #55bce7;
font-family: FontAwesome;
}
.widget_popular_entries .media-left {
padding-right: 20px;
}
.widget_popular_entries a img, .widget_popular_entries .media-object {
max-width: 70px;
border: 0;
border-radius: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
.widget_popular_entries .media-object {
max-width: 40px;
}
}
.widget_popular_entries li {
margin-top: 0;
padding: 0 0 20px 0;
}
.widget_popular_entries li:last-child {
padding-bottom: 0;
}
aside .widget_popular_entries .widget-title {
margin-bottom: 40px;
}
/* widget schedule */
.widget_schedule ul {
margin: 0;
}
/* widget_theme_post_tabs */
.widget_theme_post_tabs .nav-tabs > li > a {
padding: 10px 15px;
}
.widget_theme_post_tabs .item-likes-word {
display: none;
}
.widget_theme_post_tabs [class*='rt-icon'] {
line-height: 0;
}
.widget_theme_post_tabs .vertical-item {
margin-bottom: 15px;
}
.widget_theme_post_tabs .pull-right {
margin-left: 10px;
}
.widget_rss li {
margin-bottom: 15px;
}
.widget_rss li .rsswidget {
font-size: 1.1em;
}
.widget_rss .rss-date {
display: block;
font-weight: 700;
}
.widget_rss cite {
display: block;
text-align: right;
font-weight: 700;
}
/*
**shortcodes
*/
/* media component with icon */
.small-teaser {
line-height: 22px;
}
.small-teaser i {
line-height: inherit;
}
/*teasers*/
.teaser {
position: relative;
overflow: visible;
}
.teaser[class*="bg_color"], .teaser[class*="with_"] {
padding: 30px 20px;
}
@media (min-width: 399px) {
.teaser[class*="bg_color"], .teaser[class*="with_"] {
padding: 30px 30px 45px;
}
}
@media (min-width: 1200px) {
.teaser[class*="bg_color"], .teaser[class*="with_"] {
padding: 30px 55px 50px;
}
}
.teaser [class*="bg_color"] {
width: 2.86em;
height: 2.86em;
text-align: center;
vertical-align: bottom;
}
.teaser [class*="bg_color"] + h4 {
margin-top: 37px;
}
.teaser [class*="bg_color"] i {
line-height: 2.86em;
}
.teaser .media-top {
line-height: 1;
}
.teaser .border_icon {
width: 2em;
height: 2em;
border-width: 2px;
border-style: solid;
}
.teaser .border_icon i {
line-height: 2em;
display: block;
margin: -3px 0 0 0;
}
.teaser .border_icon.big {
width: 4.29em;
height: 4.29em;
}
.teaser .border_icon.big i {
line-height: 4.29em;
}
.teaser i {
text-align: center;
vertical-align: middle;
display: inline-block;
}
.teaser h2 {
font-size: 40px;
font-weight: 600;
margin-bottom: 33px;
letter-spacing: -0.02em;
text-transform: none;
position: relative;
padding-bottom: 10px;
}
.teaser h2:after {
content: '';
position: absolute;
width: 50px;
margin-left: -25px;
height: 1px;
background-color: rgba(204, 204, 204, 0.2);
bottom: -12px;
left: 50%;
}
.teaser h3 {
font-size: 30px;
font-weight: 600;
display: block;
letter-spacing: -0.02em;
text-transform: none;
}
.teaser h3 strong {
width: 100%;
display: block;
}
.teaser h4 {
font-size: 20px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
text-transform: none;
}
.teaser p {
margin-bottom: 0;
}
.teaser .media-left {
padding-right: 20px;
}
.teaser .media-right {
padding-left: 20px;
}
.teaser .media-body h3 {
margin-bottom: 20px;
font-size: 28px;
}
.teaser .media-body h4 {
margin-top: 0;
margin-bottom: 0.6em;
}
@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 [class*="count"] {
font-size: 40px;
font-weight: 700;
margin: 17px 0 6px;
}
.teaser [class*="count"] + p {
margin: 0;
}
.teaser .theme_button {
margin: 22px 0 0;
}
.section_padding_bottom_0 .teaser {
margin-bottom: 0;
}
.teaser.color_1 h4 a:hover {
color: #55bce7;
}
.teaser.color_2 h4 a:hover {
color: #0083b0;
}
.teaser.color_3 h4 a:hover {
color: #e34f61;
}
.teaser.color_4 h4 a:hover {
color: #712357;
}
.teaser.color_dark h4 a:hover {
color: #0f0f0f;
}
.teaser.color_light h4 a:hover {
color: #fff;
}
.teaser .default_icon.color_1 {
color: #55bce7;
}
.teaser .default_icon.color_2 {
color: #0083b0;
}
.teaser .default_icon.color_3 {
color: #e34f61;
}
.teaser .default_icon.color_4 {
color: #712357;
}
.teaser .default_icon.color_dark {
color: #0f0f0f;
}
.teaser .default_icon.color_light {
color: #fff;
}
.teaser .border_icon.color_1 {
color: #55bce7;
border-color: #55bce7;
}
.teaser .border_icon.color_2 {
color: #0083b0;
border-color: #0083b0;
}
.teaser .border_icon.color_3 {
color: #e34f61;
border-color: #e34f61;
}
.teaser .border_icon.color_4 {
color: #712357;
border-color: #712357;
}
.teaser .border_icon.color_dark {
color: #0f0f0f;
border-color: #0f0f0f;
}
.teaser .border_icon.color_light {
color: #fff;
border-color: #fff;
}
.teaser .bg_color.color_1 {
color: #fff;
background-color: #55bce7;
}
.teaser .bg_color.color_2 {
color: #fff;
background-color: #0083b0;
}
.teaser .bg_color.color_1.teaser_gradient {
color: #fff;
background: #55bce7;
/* Old browsers */
background: -moz-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: -ms-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
background: linear-gradient(to bottom, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0);
/* IE6-9 */
}
.teaser .bg_color.color_2.teaser_gradient {
color: #fff;
background: #0083b0;
/* Old browsers */
background: -moz-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%);
background: -ms-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%);
background: linear-gradient(to bottom, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor2', endColorstr='$mainColor',GradientType=0);
/* IE6-9 */
}
.teaser .bg_color.color_3 {
color: #fff;
background-color: #e34f61;
}
.teaser .bg_color.color_4 {
color: #fff;
background-color: #712357;
}
.teaser .bg_color.color_dark {
color: #fff;
background-color: #0f0f0f;
}
.teaser .bg_color.color_light {
color: #0f0f0f;
background-color: #fff;
}
.teaser.icon_top.with_shadow .bg_color, .teaser.icon_top.with_background .bg_color, .teaser.icon_top.with_border .bg_color {
display: block;
margin-right: auto;
margin-left: auto;
}
.teaser.icon_top.with_shadow .bg_color.size_small, .teaser.icon_top.with_background .bg_color.size_small, .teaser.icon_top.with_border
.bg_color.size_small {
margin-top: -52px;
font-size: 14px;
width: 40px;
height: 40px;
}
.teaser.icon_top.with_shadow .bg_color.size_small i, .teaser.icon_top.with_background .bg_color.size_small i, .teaser.icon_top.with_border
.bg_color.size_small i {
line-height: 40px;
}
.teaser.icon_top.with_shadow .bg_color.size_normal, .teaser.icon_top.with_background .bg_color.size_normal, .teaser.icon_top.with_border
.bg_color.size_normal {
margin-top: -62px;
font-size: 28px;
width: 60px;
height: 60px;
}
.teaser.icon_top.with_shadow .bg_color.size_normal i, .teaser.icon_top.with_background .bg_color.size_normal i, .teaser.icon_top.with_border
.bg_color.size_normal i {
line-height: 60px;
}
.teaser.icon_top.with_shadow .bg_color.size_big, .teaser.icon_top.with_background .bg_color.size_big, .teaser.icon_top.with_border
.bg_color.size_big {
margin-top: -72px;
font-size: 28px;
width: 80px;
height: 80px;
}
.teaser.icon_top.with_shadow .bg_color.size_big i, .teaser.icon_top.with_background .bg_color.size_big i, .teaser.icon_top.with_border
.bg_color.size_big i {
line-height: 80px;
}
.teaser.icon_top h4 {
margin-top: 1.7em;
margin-bottom: 1.5em;
}
.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 + p {
margin-top: 27px;
}
.teaser:hover .teaser_icon {
-webkit-animation: scaleDisappear 0.5s;
-moz-animation: scaleDisappear 0.5s;
-ms-animation: scaleDisappear 0.5s;
-o-animation: scaleDisappear 0.5s;
animation: scaleDisappear 0.5s;
}
@media (min-width: 1200px) {
.borders-angle {
position: relative;
}
.borders-angle:before, .borders-angle:after {
content: '';
position: absolute;
width: 1px;
top: -30px;
bottom: 28px;
left: -1px;
background-color: rgba(15, 15, 15, 0.1);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.borders-angle:after {
left: auto;
right: -5px;
}
}
.size_big {
font-size: 42px;
line-height: 34px;
}
.size_normal {
font-size: 28px;
}
.size_small {
font-size: 14px;
}
/*horizontal teaser*/
.teaser.table_section {
margin-top: 26px;
}
.teaser.table_section + .teaser.table_section {
margin-top: 70px;
}
@media (min-width: 768px) {
.teaser.table_section [class*="col-"] > * {
margin: 0;
top: 0;
}
}
@media (max-width: 767px) {
.teaser.table_section [class*="col-"] * {
text-align: center;
}
}
/* background teaser */
.bg_teaser {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
position: relative;
color: #fff;
overflow: hidden;
}
.bg_teaser .bg_overlay {
position: absolute;
width: 100%;
height: 1000px;
}
.bg_teaser .highlight {
color: #fff;
}
.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 .bg_overlay {
background-color: rgba(85, 188, 231, 0.85);
}
.color_bg_2 .bg_overlay {
background-color: rgba(115, 111, 179, 0.9);
}
.color_bg_3 .bg_overlay {
background-color: rgba(115, 111, 179, 0.9);
}
.darkgrey_bg .bg_overlay {
background-color: rgba(31, 35, 43, 0.8);
}
.square_teaser .item-media:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(31, 35, 43, 0.8);
}
.square_teaser .item-content {
top: 0;
margin: 30px 0 80px;
overflow: hidden;
}
.square_teaser .teaser_icon {
color: #55bce7;
position: absolute;
bottom: 30px;
left: 30px;
}
.square_teaser .item-media:after, .square_teaser .teaser_icon, .square_teaser h4, .square_teaser p {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.square_teaser h4 {
color: #fff;
font-size: 28px;
font-weight: 700;
}
.square_teaser p {
color: #fff;
opacity: 0;
}
.square_teaser:hover h4, .square_teaser:hover .teaser_icon {
color: #1f232b;
}
.square_teaser:hover p {
opacity: 1;
}
.square_teaser:hover .item-media:after {
background-color: #55bce7;
}
.square_teaser.no-image .item-content {
margin: 0;
}
.square_teaser.no-image .teaser_icon {
position: static;
}
.square_teaser.no-image p {
opacity: 1;
}
.inline-teasers-wrap {
display: inline-block;
margin-left: -15px;
margin-right: -15px;
}
.inline-teasers-wrap > * {
vertical-align: middle;
margin: 10px 15px;
}
@media (min-width: 1200px) {
.inline-teasers-wrap {
margin-left: -25px;
margin-right: -25px;
}
.inline-teasers-wrap > * {
margin: 10px 25px;
}
}
/* Teasers Carousel */
.teaser-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.teaser-carousel .teaser.text-center .teaser_image {
max-width: 180px;
margin-right: auto;
margin-left: auto;
overflow: visible;
}
.teaser-carousel .teaser.text-center .teaser_image img {
width: 270px;
max-width: 270px;
}
/* portfolio-carousel-shortcode */
.portfolio-carousel-shortcode {
margin-bottom: 0 !important;
}
.portfolio-carousel-shortcode .item-layout-item-title .item-title {
overflow: hidden;
margin-bottom: 0;
padding: 38px 5px 40px;
}
.portfolio-carousel-shortcode .item-layout-item-title .item-title h3 {
font-size: 20px;
overflow: hidden;
text-transform: uppercase;
margin: 5px 0;
height: 20px;
}
.portfolio-shortcode-filters {
margin: 50px 0 40px;
}
@media (min-width: 1200px) {
.portfolio-shortcode-filters {
margin: 64px 0 60px;
}
}
.testimonials blockquote {
margin-top: 20px;
margin-bottom: 20px;
max-width: 755px;
}
.testimonials blockquote .avatar {
margin-top: 0;
margin-bottom: 35px;
}
.testimonials blockquote .author-name {
margin-top: 0;
}
.testimonials blockquote .author-name span {
width: 100%;
display: block;
font-weight: 600;
font-size: 40px;
letter-spacing: -0.02em;
}
.testimonials blockquote .blockqoute-meta:after {
content: "“";
display: block;
margin-top: 45px;
font-family: "Vidaloka", sans-serif;
font-style: normal;
color: #55bce7;
font-size: 100px;
}
.cs .testimonials .blockqoute-content {
color: #fff;
}
.testimonials.owl-theme .owl-dots {
margin-top: 8px;
}
/*thumbnail*/
.thumbnail {
position: relative;
text-align: center;
border-radius: 0;
padding: 0;
border: none;
overflow: hidden;
background-color: #fff;
}
.isotope-item .thumbnail {
margin-bottom: 30px;
}
.thumbnail h3 {
font-size: 14px;
margin-bottom: 2px;
}
.thumbnail h3 a {
color: inherit;
}
.thumbnail h3 + p {
color: #55bce7;
margin-bottom: 10px;
font-size:11px;
font-weight:bold;
}
.thumbnail .caption {
color: #808080;
background-color: #fff;
padding: 16px 20px 26px;
}
/*price tables*/
.fw-pricing .default-col, .fw-pricing .highlight-col {
margin-bottom: 50px;
}
.fw-pricing .fw-default-row {
line-height: 29px;
}
.price-table, .price-table ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.price-table {
margin: 0;
}
/* price table with background */
.price-table {
background-color: #f2f2f2;
/* Default column */
/* Highlight column */
}
.price-table .plan-name h3 {
color: #fff;
}
.price-table.color_bg_1 .fw-heading-row, .price-table.color_bg_1 .fw-pricing-row {
background-color: #55bce7;
}
.price-table.color_bg_2 .fw-heading-row, .price-table.color_bg_2 .fw-pricing-row {
background-color: #0083b0;
}
.price-table .features-list li + li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.plan-name {
padding: 50px 0 17px;
margin-bottom: -1px;
display: block;
}
.plan-name h3 {
text-transform: uppercase;
font-size: 20px;
font-weight: 300;
letter-spacing: 1em;
text-align: center;
text-indent: 1em;
margin: 0;
}
.plan-price {
padding: 10px 0 35px;
position: relative;
color: #0f0f0f;
margin-bottom: 50px;
/* dollar sign */
/* price */
/* per month */
}
.plan-price span:first-child:before {
content: "$";
position: absolute;
top: 50%;
left: 50%;
font-size: 200px;
font-weight: 700;
margin-top: -31px;
color: rgba(255, 255, 255, 0.1);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.plan-price span + span {
font-size: 60px;
font-weight: 700;
}
.plan-price p {
display: block;
width: 100%;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.5em;
font-weight: 700;
text-align: center;
line-height: 1;
text-indent: 0.5em;
}
.features-list {
margin-top: 20px;
}
.features-list li {
margin: 10px 40px;
padding-top: 10px;
}
.features-list .enabled:before, .features-list .disabled:before {
font-family: 'rt-icons-2';
font-size: 24px;
line-height: 1;
position: relative;
top: 5px;
right: 4px;
content: "\e116";
padding-right: 8px;
color: #1f232b;
}
.features-list .disabled:before {
content: "\e117";
}
.call-to-action {
padding: 20px 40px 0;
}
.call-to-action .theme_button {
position: relative;
top: 33px;
padding: 23px 25px 21px;
}
.price-table.style1 {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.price-table.style1 .features-list li + li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.price-table.style1 .plan-price {
background-color: #55bce7;
color: #fff;
margin: 1px -1px;
}
.price-table.style2 {
background-color: #f2f2f2;
}
.price-table.style2 .plan-name {
background-color: #55bce7;
padding: 30px 0;
}
.price-table.style2 .plan-name h3 {
color: #fff;
}
.price-table.style2 .plan-price {
padding-bottom: 0;
color: #1f232b;
}
.price-table.style2 .enabled:before, .price-table.style2 .disabled:before {
font-family: 'rt-icons-2';
content: "\e621";
padding-right: 13px;
color: #55bce7;
}
.price-table.style2 .disabled:before {
color: #1f232b;
content: "\e622";
}
.fw-package.price-table hr {
margin-left: 30px;
margin-right: 30px;
margin-top: 15px;
margin-bottom: 15px;
background-color: rgba(0, 0, 0, 0.1);
}
.fw-package.price-table hr:last-of-type {
display: none;
}
@media (min-width: 1200px) {
.fw-package.price-table hr {
margin-left: 60px;
margin-right: 60px;
}
}
.fw-switch-row {
display: inline-block;
font-size: 24px;
position: relative;
top: 4px;
margin-right: 4px;
}
.fw-switch-row + .fw-default-row {
display: inline-block;
}
.desc-col .fw-default-row {
margin: 20px 0;
}
@media (min-width: 992px) {
.highlight-col .price-table .plan-name {
padding: 70px 0 17px;
margin-top: -40px;
}
.highlight-col .price-table .plan-price {
padding: 10px 0 55px;
}
.highlight-col .price-table .plan-price span:first-child:before {
margin-top: -44px;
}
.highlight-col .price-table .call-to-action {
padding: 50px 40px 0;
}
}
/* dividers */
.fw-divider-short-line .divider_left {
margin-left: 0;
text-align: left;
}
.fw-divider-short-line .divider_right {
margin-right: 0;
text-align: right;
}
/* notification */
.shortcode-notification.alert {
color: #fff;
font-size: 12px;
text-transform: uppercase;
line-height: 25px;
letter-spacing: 0.2em;
font-weight: 400;
border: 0;
border-radius: 0;
padding: 17px 15px 17px 50px;
margin-bottom: 10px;
position: relative;
}
.shortcode-notification.alert:before {
content: "";
font-family: FontAwesome;
position: relative;
top: 0;
left: -20px;
font-size: 14px;
}
@media (min-width: 1200px) {
.shortcode-notification.alert {
padding: 17px 15px 17px 53px;
}
.shortcode-notification.alert:before {
left: -10px;
}
}
.shortcode-notification.alert-success {
background-color: #9cc026;
}
.shortcode-notification.alert-success:before {
content: "\f058";
}
.shortcode-notification.alert-info {
background-color: #55bce7;
}
.shortcode-notification.alert-info:before {
content: "\f06a";
}
.shortcode-notification.alert-warning {
background-color: #0083b0;
}
.shortcode-notification.alert-warning:before {
content: "\f071";
}
.shortcode-notification.alert-danger {
background-color: #dc5753;
}
.shortcode-notification.alert-danger:before {
content: "\f057";
}
/* Call To Action */
.fw-theme-call-to-action {
border: 0;
padding: 0;
display: block;
margin-bottom: 0;
}
.fw-theme-call-to-action .section_header {
margin-bottom: 30px;
}
.fw-theme-call-to-action .fw-action-wrap {
display: inline-block;
color: #808080;
margin-bottom: 30px;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc {
margin-bottom: 20px;
font-size: 20px;
line-height: 30px;
font-weight: 300;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc strong {
color: #1f232b;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-btn {
margin-left: -6px;
}
@media (min-width: 1199px) {
.fw-theme-call-to-action .fw-action-wrap {
display: flex;
justify-content: space-around;
margin-bottom: 0;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc {
margin-right: 35px;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-btn {
margin-left: 0;
}
}
@media (min-width: 992px) {
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc {
margin-right: 90px;
}
}
/* icon */
.shortcode-icon {
overflow: visible;
}
.shortcode-icon .media-body, .shortcode-icon .media-left, .shortcode-icon .media-right {
display: table-cell;
vertical-align: middle;
}
.shortcode-icon .media-left {
padding-right: 20px;
}
.shortcode-icon .media-right {
padding-left: 20px;
}
.shortcode-icon .media-body {
line-height: 1;
}
.shortcode-icon .media-body .title {
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.05em;
margin-bottom: 5px;
}
.cs .shortcode-icon .media-body .title, .ds .shortcode-icon .media-body .title {
color: #fff;
}
.shortcode-icon .media-body .text {
font-size: 20px;
color: #808080;
font-weight: 700;
line-height: 1;
}
.cs .shortcode-icon .media-body .text, .ds .shortcode-icon .media-body .text {
color: #fff;
}
.shortcode-icon .icon-wrap.size_big {
width: 80px;
height: 80px;
}
.shortcode-icon .icon-wrap.size_big i {
line-height: 80px;
display: block;
margin: 0;
font-size: 35px;
}
.shortcode-icon .icon-wrap.size_normal {
width: 60px;
height: 60px;
}
.shortcode-icon .icon-wrap.size_normal i {
line-height: 60px;
display: block;
margin: 0;
font-size: 28px;
}
.shortcode-icon .icon-wrap.size_small {
width: 60px;
height: 60px;
}
.shortcode-icon .icon-wrap.size_small i {
line-height: 60px;
display: block;
margin: 0;
font-size: 14px;
}
.shortcode-icon .icon-wrap.default_icon.color_1 {
color: #55bce7;
}
.shortcode-icon .icon-wrap.default_icon.color_2 {
color: #0083b0;
}
.shortcode-icon .icon-wrap.default_icon.color_3 {
color: #e34f61;
}
.shortcode-icon .icon-wrap.default_icon.color_4 {
color: #712357;
}
.shortcode-icon .icon-wrap.default_icon.color_dark {
color: #0f0f0f;
}
.shortcode-icon .icon-wrap.default_icon.color_light {
color: #fff;
}
.shortcode-icon .icon-wrap.border_icon {
border-width: 2px;
border-style: solid;
margin-right: 0;
}
.shortcode-icon .icon-wrap.border_icon.color_1 {
color: #55bce7;
border-color: #55bce7;
}
.shortcode-icon .icon-wrap.border_icon.color_2 {
color: #0083b0;
border-color: #0083b0;
}
.shortcode-icon .icon-wrap.border_icon.color_3 {
color: #e34f61;
border-color: #e34f61;
}
.shortcode-icon .icon-wrap.border_icon.color_4 {
color: #712357;
border-color: #712357;
}
.shortcode-icon .icon-wrap.border_icon.color_dark {
color: #0f0f0f;
border-color: #0f0f0f;
}
.shortcode-icon .icon-wrap.border_icon.color_light {
color: #fff;
border-color: #fff;
}
.shortcode-icon .icon-wrap.bg_color {
margin-right: 10px;
}
.shortcode-icon .icon-wrap.bg_color.color_1 {
color: #fff;
background-color: #55bce7;
}
.shortcode-icon .icon-wrap.bg_color.color_2 {
color: #fff;
background-color: #0083b0;
}
.shortcode-icon .icon-wrap.bg_color.color_3 {
color: #fff;
background-color: #e34f61;
}
.shortcode-icon .icon-wrap.bg_color.color_4 {
color: #fff;
background-color: #712357;
}
.shortcode-icon .icon-wrap.bg_color.color_dark {
color: #fff;
background-color: #0f0f0f;
}
.shortcode-icon .icon-wrap.bg_color.color_light {
color: #e34f61;
background-color: #fff;
}
.shortcode-icon .icon-wrap.default_icon {
width: auto;
height: auto;
}
.shortcode-icon .icon-wrap.default_icon.size_big i, .shortcode-icon .icon-wrap.default_icon.size_normal i, .shortcode-icon .icon-
wrap.default_icon.size_small i {
line-height: 1.2;
}
.shortcode-icon.small-teaser .icon-wrap {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.shortcode-icon.small-teaser .icon-wrap:hover {
-webkit-animation: scaleDisappear 0.5s;
-moz-animation: scaleDisappear 0.5s;
-ms-animation: scaleDisappear 0.5s;
-o-animation: scaleDisappear 0.5s;
animation: scaleDisappear 0.5s;
}
.shortcode-icon.small-teaser .icon-wrap.size_big, .shortcode-icon.small-teaser .icon-wrap.size_normal, .shortcode-icon.small-teaser .icon-
wrap.size_small {
text-align: center;
}
/* icons list */
.icons-list a {
cursor: pointer;
}
.icons-list ul {
margin: 5px 0;
}
.icons-list ul .media-left {
padding-right: 15px;
}
.icons-list ul .media-body {
vertical-align: middle;
}
.icons-list ul .media-body .title {
font-size: 20px;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.icons-list ul .media-body .title span {
font-size: 22px;
font-weight: 600;
letter-spacing: 0;
}
.icons-list ul .media-body .text {
text-transform: none;
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
.icons-list i {
display: inline-block;
width: 30px;
font-size: 28px;
text-align: center;
vertical-align: top;
margin-right: 20px;
}
.icons-list li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
padding: 10px 0 10px 0;
line-height: 30px;
}
.icons-list li:first-child {
padding: 0 0 10px 0;
}
.icons-list li:last-child {
border-bottom: 0;
}
.icons-list li .media {
margin: 0;
}
.ls .icons-list i {
color: rgba(31, 35, 43, 0.1);
}
.ls .icons-list .media-body .title {
color: #1f232b;
}
.ls .icons-list .media-body .title span {
color: #55bce7;
}
.ls .icons-list .media-body .text {
color: #1f232b;
}
.ls .icons-list a {
color: #808080;
}
.ls .icons-list a:hover {
color: #55bce7;
}
.ds .icons-list .media-body {
color: #fff;
}
/* shortcode-image-carousel */
.shortcode-image-carousel.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
opacity: 0.3;
-webkit-transition: all 0.15s ease-in-out 0s;
transition: all 0.15s ease-in-out 0s;
}
.shortcode-image-carousel.owl-carousel .owl-item img:hover {
opacity: 0.8;
}
.shortcode-image-carousel.owl-carousel .owl-item.center img {
opacity: 1;
}
/* posts shortcode */
.shortcode-posts .owl-carousel .owl-stage-outer {
overflow: visible;
}
.shortcode-posts.carousel .text-owl-nav {
text-align: left;
}
.shortcode-posts.carousel .text-owl-nav > div {
display: inline-block;
position: relative;
cursor: pointer;
font-size: 13px !important;
color: #0f0f0f;
letter-spacing: 0.5em;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.shortcode-posts.carousel .text-owl-nav > div:hover {
color: rgba(15, 15, 15, 0.5);
}
.shortcode-posts.carousel .text-owl-nav > div.owl-next {
margin-left: 20px;
}
.shortcode-posts.carousel .text-owl-nav > div.owl-next:before {
content: "|";
position: absolute;
top: -1px;
left: -15px;
opacity: 1;
color: #0f0f0f;
}
.shortcode-posts .item-content .item-title {
margin-top: 0px;
margin-bottom: 0px;
text-transform: none;
font-weight: 600;
height: 60px;
font-size: 14px;
overflow: hidden;
}
.shortcode-posts .item-content p {
height: 60px;
overflow: hidden;
margin-bottom: 20px;
line-height: 20px;
font-size: 14px;
}
.shortcode-posts .item-icons span.author, .shortcode-posts .item-icons span.post-date, .shortcode-posts .item-icons span.tag-links {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -0.02em;
}
/* Special heading shortcodes */
.special-heading p {
font-size: 16px;
margin-bottom: 7px;
}
h2.section_header {
margin: 0;
font-size: 55px;
line-height: 1.1;
position: relative;
word-wrap: break-word;
}
@media (max-width: 1199px) {
h2.section_header {
font-size: 40px;
}
}
h2.section_header + p {
margin-top: 5px;
margin-bottom: 0;
}
h3.section_header {
margin: 0;
font-size: 40px;
line-height: 1;
position: relative;
word-wrap: break-word;
}
h4.section_header {
font-size: 30px;
}
@media (max-width: 480px) {
.Accoridon02 .nav-tabs > li + li, .Accoridon02 .nav-tabs > li {
width: 100%;
display: flex;
margin-left: 0px;
}
h4.section_header {
font-size: 26px;
}
.ServiceSection .text-block p{
display:flex;
}
.ServiceSection .alignright{
max-width:100%;
float:none;
margin:0 auto;
text-align:center;
}
.ServiceSection .text-block h5{
width: auto;}
}
h4.section_header + h2.section_header {
margin: 0;
}
/* Special heading weights */
.special-heading .extra-thin {
font-weight: 200;
}
.special-heading .thin {
font-weight: 300;
}
.special-heading .regular {
font-weight: 400;
}
.special-heading .medium {
font-weight: 600;
}
.special-heading .bold {
font-weight: 900;
}
.special-heading .text-transform-none {
text-transform: none;
}
/*contacts*/
.contact-form {
position: relative;
z-index: 3;
}
.contact-form.ls {
background-color: #fafafa;
}
.contact-form.ls.ms {
background-color: #efefef;
}
.contact-form label[for] {
display: none;
}
.contact-form textarea {
max-height: 140px;
}
.contact-form.parallax {
padding: 50px 50px 35px;
}
.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 p {
margin: 10px 0 0;
}
.wrap-forms .form-group.has-placeholder label {
display: none;
}
.wrap-forms .field-select label {
display: inline;
}
#messages_modal .fw-messages-wrap {
position: absolute;
left: 50%;
top: 10%;
margin-left: -150px;
width: 300px;
}
#messages_modal ul {
margin-bottom: 0;
}
.form-wrapper.text-center .wrap-forms input, .form-wrapper.text-center .wrap-forms textarea {
text-align: center;
}
.form-wrapper.text-left .wrap-forms input, .form-wrapper.text-left .wrap-forms textarea {
text-align: left;
}
.form-wrapper.text-right .wrap-forms input, .form-wrapper.text-right .wrap-forms textarea {
text-align: right;
}
/* partners carousel */
.owl-carousel.partners-carousel {
margin-bottom: 0;
}
.light-partner-image a {
display: block;
position: relative;
}
.light-partner-image a:before {
content: '';
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #808080;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.light-partner-image a:hover:before {
background-color: #55bce7;
}
.highlight-partner-image a {
display: block;
background-color: #55bce7;
}
.highlight-partner-image a:hover {
background-color: #1f232b;
}
/* events calendar */
div .fw-shortcode-calendar-wrapper .page-header h3, div .btn-group button[data-calendar-nav], div .btn-group button[data-calendar-
nav*='today'], div #cal-slide-content a.event-item {
color: #1f232b;
}
div #cal-day-box .time-col, div #cal-day-box .cal-row-head, div #cal-day-box .cal-day-hour, div #cal-day-box .cal-row-head, div #cal-day-box
.cal-day-hour, div #cal-day-box .cal-day-hour .cal-day-hour-part, div .cal-week-box .cal-column, div .cal-row-fluid.cal-row-head
[class*="cal-cell"], div .cal-week-box .cal-row-head [class*="cal-cell"] small, div .cal-year-box [class*="span"], div .cal-month-box
[class*="cal-cell"], div .cal-year-box .row-fluid, div .cal-month-box .cal-row-fluid {
border-color: #e5e5e5;
}
div .fw-shortcode-calendar .cal-week-box hr {
background-color: #e5e5e5;
}
div .cal-day-today, div .cal-day-today.event-day {
background-color: #55bce7;
}
div .cal-month-day.event-day {
background-color: #aedff4;
}
div .cal-year-box [class*="span"]:hover, div .cal-month-box [class*="cal-cell"]:hover {
background-color: #aedff4;
}
div #cal-slide-tick {
border-top-color: #aedff4;
}
div .cal-week-box .cal-day-today span[data-cal-date], div .cal-week-box .cal-day-today.event-day span[data-cal-date], div .cal-month-box
[class*="cal-cell"]:hover span[data-cal-date], div .cal-month-day.event-day span[data-cal-date] {
color: #0f0f0f;
}
/*
**shop
*/
input[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
.woocommerce-breadcrumb, .woocommerce-products-header {
display: none;
}
/* sort panel */
.storefront-sorting {
line-height: 1;
padding: 0;
display: block;
position: relative;
}
@media (min-width: 1200px) {
.storefront-sorting {
padding-left: 15px;
padding-right: 15px;
}
}
.storefront-sorting .form-group {
margin-bottom: 15px;
}
.storefront-sorting label {
padding-right: 10px;
}
.woocommerce-ordering {
display: inline-block;
float: right;
}
@media (max-width: 767px) {
.woocommerce-ordering {
float: none;
display: inline-block;
text-align: left;
}
}
.woocommerce-result-count {
float: left;
line-height: 60px;
font-weight: 300;
font-size: 16px;
color: #808080;
}
@media (max-width: 767px) {
.woocommerce-result-count {
float: none;
display: inline-block;
text-align: left;
width: 100%;
}
}
#toggle_shop_view {
margin-left: 14px;
}
#toggle_shop_view:before, #toggle_shop_view:after {
font-family: 'FontAwesome';
display: inline-block;
background-color: #1f232b;
color: #fff;
padding: 12px 12px 13px;
font-size: 14px;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
#toggle_shop_view:before {
content: "\f00a";
margin-right: 5px;
}
#toggle_shop_view:after {
content: "\f03a";
background-color: #55bce7;
}
#toggle_shop_view.grid-view:before {
background-color: #55bce7;
}
#toggle_shop_view.grid-view:after {
background-color: #1f232b;
}
#sort_view {
color: #1f232b;
display: inline-block;
padding: 12px 16px 13px;
font-size: 14px;
background-color: #fff;
}
.woocommerce .pagination > li.active > a, .woocommerce .pagination > li.active > span, .woocommerce .pagination > li > a:hover, .woocommerce
.pagination > li > span:hover, .woocommerce .pagination > li > a:focus, .woocommerce .pagination > li > span:focus {
background-color: #55bce7 !important;
}
.columns-1 .product {
width: 100%;
margin-right: 0;
}
@media (min-width: 768px) {
.columns-2 .product, .columns-3 .product, .columns-4 .product {
width: 50%;
}
}
@media (min-width: 992px) {
.columns-2 .product {
width: 50%;
}
.columns-3 .product {
width: 33.33333333%;
}
.columns-4 .product {
width: 25%;
}
}
.product .thumbnails a, .product .item-media {
overflow: hidden;
display: block;
}
.product .thumbnails a img, .product .item-media img {
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
.product .thumbnails a:hover img, .product .item-media:hover img {
opacity: 0.8;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.product figure {
max-width: none;
}
.product .thumbnails-wrap {
margin-top: 30px;
}
.products {
margin-left: -15px;
margin-right: -15px;
}
.products:before, .products:after {
content: '';
clear: both;
display: block;
}
.upsells .products, .related .products {
margin-left: 0;
margin-right: 0;
}
.products .item-content h4 {
display: none;
}
li.product {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 60px;
}
@media (min-width: 1200px) {
li.product {
padding-left: 30px;
padding-right: 30px;
}
}
.owl-item .product {
padding: 0;
}
.product h1.entry-title {
font-size: 28px;
margin: 3px 0 5px;
}
.product h3 {
margin-bottom: 20px;
}
.product .rating-title {
font-size: 1.2em;
}
.product [class*="col-"]:first-child h2, .product [class*="col-"]:first-child h3 {
text-align: center;
font-size: 20px;
font-weight: 700;
margin: 18px 0 24px;
position: relative;
letter-spacing: 0;
}
.product .product-media {
position: relative;
}
.product .images {
position: relative;
background: #f2f2f2;
border-radius: 5px;
overflow: hidden;
}
.product .flex-control-thumbs {
margin: 0;
border-top: 10px solid #fff;
position: static;
overflow: hidden;
}
.product [class*="col-"]:first-child a span, .product [class*="col-"]:first-child .onsale, .product [class*="col-"]:first-child .product-
media span {
position: absolute;
background-color: #55bce7;
color: #fff;
padding: 8px 18px;
text-transform: uppercase;
top: 20px;
right: 20px;
}
.product [class*="col-"]:first-child a span.onsale, .product [class*="col-"]:first-child .onsale.onsale, .product [class*="col-"]:first-
child .product-media span.onsale {
background-color: #55bce7;
left: 20px;
bottom: 20px;
right: auto;
top: auto;
z-index: 1;
}
.related, .upsells {
margin-top: 60px;
padding-right: 15px;
padding-left: 15px;
}
.related > h2, .upsells > h2 {
margin: 20px 0 30px;
font-size: 28px;
}
.related .item-content p, .upsells .item-content p {
display: none;
}
.upsells + .related {
margin-top: 30px;
}
.related .owl-theme:hover .owl-nav {
top: 25%;
}
.product-buttons {
position: absolute;
bottom: 20px;
right: 20px;
}
.product-buttons a {
float: left;
width: 40px;
height: 40px;
font-size: 0;
color: transparent;
text-align: center;
background-color: #55bce7;
}
.product-buttons a.loading [class*='rt-icon'], .product-buttons a.loading:before {
display: inline-block;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.product-buttons a.loading [class*='rt-icon']:before, .product-buttons a.loading:before:before {
content: "\e61b";
}
.product-buttons a.loading:before {
content: "\e61b";
}
.product-buttons a i, .product-buttons a:before {
line-height: 40px;
font-size: 16px;
color: #fff;
}
.product-buttons a:before {
font-family: 'rt-icons-2';
content: "\e626";
}
.product-buttons a.favorite_button {
background-color: #fff;
color: #1f232b;
}
.product-buttons a:hover {
background-color: #1f232b;
color: #fff;
}
.product-buttons a.added_to_cart {
background-color: #fff;
font-size: 0;
display: none;
color: transparent;
}
.product-buttons a.added_to_cart:hover {
background-color: #55bce7;
}
.product-buttons a.added_to_cart:before {
content: "\e6c0";
line-height: 40px;
color: #1f232b;
font-family: 'rt-icons-2';
font-size: 26px;
}
.product-buttons a.product_type_variable:before {
font-size: 20px;
content: "\e63f";
}
.grid-view {
list-style: none;
padding: 0;
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
clear: both;
}
.grid-view .star-rating {
display: none;
}
.grid-view .product-category h2.woocommerce-loop-category__title {
font-size: 20px;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 600;
-webkit-transition: all 0.15s linear 0s;
-moz-transition: all 0.15s linear 0s;
-o-transition: all 0.15s linear 0s;
-ms-transition: all 0.15s linear 0s;
transition: all 0.15s linear 0s;
}
.grid-view .product-category h2.woocommerce-loop-category__title:hover {
color: #55bce7;
}
.grid-view .product-category h2.woocommerce-loop-category__title .count {
background: transparent;
}
.grid-view .product-description {
display: none;
}
.grid-view [class*="col-"] {
width: 100%;
float: none;
}
.grid-view .item-media .onsale {
display: none;
}
.grid-view .item-content p {
margin-bottom: 30px;
}
.grid-view .item-content a {
color: inherit;
}
.grid-view .item-content a > h2 {
font-size: 20px;
text-transform: none;
margin-top: 0;
margin-bottom: 10px;
letter-spacing: -0.02em;
line-height: 1.2;
font-weight: 600;
-webkit-transition: all 0.15s linear 0s;
-moz-transition: all 0.15s linear 0s;
-o-transition: all 0.15s linear 0s;
-ms-transition: all 0.15s linear 0s;
transition: all 0.15s linear 0s;
}
.grid-view .item-content a > h2:hover {
color: #55bce7;
}
.grid-view .item-content .price {
color: #0083b0;
padding: 0;
width: 100%;
display: block;
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
}
.grid-view .item-content .price del {
margin-right: 20px;
color: #808080;
}
.grid-view .item-content .price ins {
text-decoration: none;
color: #0083b0;
}
.grid-view .item-content .added_to_cart {
position: relative;
display: inline-block;
font-size: 0;
color: transparent;
}
.grid-view .item-content .added_to_cart:before {
content: "\e6c0";
line-height: 50px;
color: #1f232b;
font-family: 'rt-icons-2';
font-size: 26px;
-webkit-transition: all 0.15s linear 0s;
-moz-transition: all 0.15s linear 0s;
-o-transition: all 0.15s linear 0s;
-ms-transition: all 0.15s linear 0s;
transition: all 0.15s linear 0s;
}
.grid-view .item-content .added_to_cart:hover:before {
color: #55bce7;
}
.grid-view .item-content .add_to_cart_button {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
padding: 18px 30px 18px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
text-align: center;
color: #fff;
border: 1px solid #55bce7;
background-color: #55bce7;
border-radius: 0;
position: relative;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
.grid-view .item-content .add_to_cart_button:hover {
color: #55bce7;
background-color: transparent;
}
/* single-product */
.summary h1 {
margin-bottom: 3px;
}
.summary .product-rating, .summary .woocommerce-product-rating {
margin-bottom: 10px;
}
.summary .woocommerce-product-details__short-description p {
margin-bottom: 20px;
}
.summary .price {
position: static;
display: block;
padding: 20px 0 20px;
font-size: 50px;
background-color: transparent;
line-height: 1;
word-wrap: break-word;
border-bottom: 1px solid #e5e5e5;
}
.summary .price ins {
color: #55bce7;
text-decoration: none;
}
.summary .price del {
font-size: 28px;
}
.summary .woocommerce-variation-price .price {
padding-top: 0;
}
.summary .star-rating {
display: inline-block;
top: 4px;
margin-right: 20px;
}
.summary .stock {
margin-bottom: 0;
}
.summary .email-to {
margin-bottom: 10px;
}
.summary .product-option-name {
display: inline-block;
margin: 10px 0;
}
.summary .theme_button {
margin-top: 0;
}
.summary .theme_button.wc-variation-selection-needed {
opacity: 0.4;
cursor: not-allowed;
}
.summary .posted_in {
margin: 10px 0;
}
.summary .posted_in .small_button {
margin-left: 5px;
padding-left: 6px;
padding-right: 6px;
}
.summary .product_meta {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.summary .product_meta > span {
display: block;
}
.summary .product_meta a {
margin: 0 -3px 0 6px;
padding: 5px 10px 3px;
color: #fff;
}
.summary [itemprop="description"] {
margin: 30px 0;
}
.summary ul.list1 li {
padding-top: 15px;
padding-bottom: 20px;
}
.summary .reset_variations {
color: transparent;
font-size: 0;
padding: 0 5px;
}
.summary .reset_variations:before {
font-family: 'rt-icons-2';
content: "\e117";
font-size: 18px;
color: #1f232b;
}
.summary label {
margin: 0;
}
.summary [class*='add-to-cart'] {
margin: 10px 0;
}
.summary [class*='add-to-cart'] .theme_button {
float: right;
}
@media (max-width: 992px) {
.summary [class*='add-to-cart'] .theme_button {
float: none;
}
}
.quantity {
position: relative;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.quantity [type="button"] {
position: absolute;
right: 5px;
top: 3px;
line-height: 1;
border: none;
width: 22px;
height: 24px;
background-color: transparent;
}
.quantity [type="button"].minus {
top: auto;
bottom: 3px;
}
.quantity [type="number"] {
padding-right: 30px;
padding-left: 20px;
max-width: 70px;
min-width: 70px;
}
.variations td {
display: block;
border: 0;
padding: 3px 0;
}
.variations td.value {
margin-bottom: 10px;
}
.product_meta_bottom {
margin: 0 0 20px;
}
.product-tabs {
margin-top: 30px;
}
.owl-carousel.thumbnails {
margin: 30px 0 30px;
}
.owl-carousel.thumbnails .owl-dots {
margin: 20px 0 5px;
}
.owl-carousel.thumbnails .owl-dots .owl-dot span {
width: 8px;
height: 8px;
border-width: 1px;
}
.owl-carousel.thumbnails .owl-nav {
margin-top: -18px;
}
.owl-carousel.thumbnails .owl-nav > div {
right: 0;
}
.owl-carousel.thumbnails .owl-nav > div:first-child {
left: 0;
}
.owl-carousel.thumbnails .owl-nav > div:after {
font-size: 16px;
color: #1f232b;
}
.product-icons .teaser [class*="_bg_color"] {
padding: 10px;
}
.product + .nav-tabs, .woocommerce-tabs {
margin-top: 60px;
}
.star-rating, p.stars a {
font-weight: 400;
height: 1em;
}
.star-rating span:before, .star-rating:before {
content: "\e7aa\e7aa\e7aa\e7aa\e7aa";
top: 0;
left: 0;
}
.star-rating {
overflow: hidden;
position: relative;
line-height: 1;
width: 5.4em;
font-family: "rt-icons-2";
}
.star-rating:before {
opacity: 0.5;
float: left;
letter-spacing: 0.1em;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
letter-spacing: 0.1em;
}
.star-rating span:before {
position: absolute;
color: #55bce7;
}
p.stars a:before, p.stars a:hover ~ a:before {
color: #808080;
content: "\e7aa";
}
p.stars {
display: inline-block;
margin: 0 0 30px;
line-height: 1;
}
p.stars a {
display: inline-block;
position: relative;
width: 1em;
text-indent: -999em;
margin-right: 1px;
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "rt-icons-2";
text-indent: 0;
}
p.stars.selected a.active:before, p.stars:hover a:before {
content: "\e7aa";
color: #55bce7;
opacity: 1;
}
p.stars.selected a.active ~ a:before {
content: "\e7aa";
color: #808080;
opacity: 0.75;
}
p.stars.selected a:not(.active):before {
content: "\e7aa";
color: #55bce7;
opacity: 1;
}
/*shop comments*/
.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.commentlist li {
margin-bottom: 40px;
}
.commentlist li img {
display: block;
float: left;
overflow: hidden;
}
.commentlist .comment-text {
overflow: hidden;
position: relative;
padding: 26px 30px 26px 30px;
border: 1px solid #e1e1e1;
}
.commentlist p.meta {
font-size: 0;
margin: 0 0 40px;
}
.commentlist p.meta strong {
color: #1f232b;
font-weight: 300;
font-size: 24px;
line-height: 1;
display: block;
}
.commentlist p.meta time {
font-size: 14px;
}
.commentlist .star-rating {
position: absolute;
top: 93px;
}
.woocommerce-tabs .tab-content {
padding-top: 40px;
}
.woocommerce-tabs .tab-content .woocommerce-Tabs-panel--description h2 {
display: none;
}
.woocommerce-tabs .tab-content .woocommerce-Reviews-title {
display: none;
}
.woocommerce-tabs .tab-content .comment-form-rating {
margin-bottom: 40px;
}
.woocommerce-tabs .tab-content .comment-respond {
margin: 30px 0 0;
}
.woocommerce-tabs .tab-content .comment-respond h3 {
font-size: 28px;
}
.woocommerce-tabs .tab-content .comment-respond h4 {
margin-bottom: 0;
font-size: 28px;
}
/*comment respond form*/
#review_form textarea, #review_form [type*='text'], #review_form [type*='email'] {
width: 100%;
display: block;
margin-bottom: 10px;
}
#review_form .form-submit {
padding-top: 20px;
}
@media (min-width: 768px) {
#review_form .form-submit .submit {
min-width: 200px;
}
}
@media (min-width: 992px) {
#review_form .comment-form-author {
float: left;
width: 50%;
padding-right: 5px;
}
#review_form .comment-form-email {
float: left;
width: 50%;
padding-left: 5px;
}
#review_form .form-submit {
clear: both;
}
}
.comment-form-rating label[for] {
display: block;
}
/* cart */
.shop_table ul {
list-style: none;
padding: 0;
}
.shop_table .input-text {
margin-left: 10px;
}
.shop_table .actions input[type="submit"] {
padding: 17px 30px 17px;
min-width: 150px;
margin-top: 10px;
}
.shop_table .actions input[type="submit"]:hover {
color: #55bce7;
}
.shop_table .actions .coupon input[type="submit"] {
margin-left: 10px;
}
.shop-adds {
font-size: 20px;
font-weight: 300;
line-height: 1.4;
}
.shop-adds .fa {
padding: 0 10px;
}
.shop-adds.teaser {
margin-bottom: 0;
}
.shop-adds.teaser [class*="_bg_color"] {
padding: 12px;
}
table.cart {
margin-bottom: 30px;
}
@media (max-width: 992px) {
table.cart {
display: block;
overflow-x: auto;
}
}
table.cart .media {
margin-left: -15px;
}
table.cart .product-thumbnail img {
max-width: 80px;
background: #f2f2f2;
}
table.cart h4 {
margin-bottom: 12px;
}
table.cart td, table.cart th {
vertical-align: middle;
padding: 18px 20px;
}
table.cart .coupon {
display: inline-block;
}
table.cart a {
color: #1f232b;
}
table.cart td.product-name {
font-size: 20px;
}
table.cart .product-remove {
text-align: center;
font-size: 1.6em;
}
.cart_totals > h2 {
font-size: 30px;
font-weight: 600;
text-transform: none;
}
.cart_totals h4:first-child {
margin: 60px 0 30px;
}
.cart_totals table {
margin: 0 0 50px;
}
.cart_totals table th, .cart_totals table td {
padding: 20px 20px;
}
.cart_totals table th {
width: 140px;
}
/* chekcout */
.shop-info {
margin-bottom: 15px;
}
#createaccount {
margin-top: 0;
}
#ship-to-different-address label {
display: inline-block;
}
#ship-to-different-address label + input {
margin: 0 12px;
}
.checkout [class*='col-'], .shop-register [class*='col-'] {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce-checkout .entry-header {
display: none;
}
.woocommerce-checkout .vertical-item {
border: 0;
}
.woocommerce-checkout h3 {
font-size: 28px;
}
.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 30px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order table {
margin-top: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order table strong {
font-weight: 400;
color: #e34f61;
}
.woocommerce-checkout .woocommerce-checkout-review-order table .order-total .woocommerce-Price-amount {
font-weight: 400;
color: #0083b0;
}
.woocommerce-checkout .selectize-input {
width: 100%;
}
.woocommerce-checkout #billing_phone {
width: auto;
min-width: 100%;
}
@media (min-width: 768px) {
.woocommerce-checkout #billing_address_1, .woocommerce-checkout #billing_city, .woocommerce-checkout #billing_state, .woocommerce-checkout
#billing_postcode, .woocommerce-checkout #billing_phone, .woocommerce-checkout .selectize-input {
width: auto;
min-width: 504px;
}
}
@media (min-width: 992px) {
.woocommerce-checkout #billing_address_1, .woocommerce-checkout #billing_city, .woocommerce-checkout #billing_state, .woocommerce-checkout
#billing_postcode, .woocommerce-checkout #billing_phone, .woocommerce-checkout .selectize-input {
min-width: 426px;
}
}
@media (min-width: 1200px) {
.woocommerce-checkout #billing_address_1, .woocommerce-checkout #billing_city, .woocommerce-checkout #billing_state, .woocommerce-checkout
#billing_postcode, .woocommerce-checkout #billing_phone, .woocommerce-checkout .selectize-input {
min-width: 524px;
}
}
.woocommerce-checkout .create-account {
margin-top: 30px;
}
@media (max-width: 767px) {
.woocommerce-checkout .create-account {
text-align: left;
margin-left: 22px;
}
}
.woocommerce-checkout .create-account input[type="checkbox"] {
margin-right: 0;
top: 1px;
}
.woocommerce form:before, .woocommerce form:after {
content: '';
display: block;
clear: both;
}
.woocommerce form input[type="radio"] {
margin-right: 6px;
}
.woocommerce form input[type="checkbox"] {
margin-right: 6px;
position: relative;
top: 2px;
}
.woocommerce form p:last-child {
margin-bottom: 10px;
}
.form-row {
margin: 0 0 15px;
}
.form-row:before, .form-row:after {
content: '';
display: block;
clear: both;
}
.form-row .checkbox {
margin: -5px 0 0;
}
.form-row .lost_password {
margin: 15px 0 -15px;
}
.form-row label {
display: block;
margin-top: 10px;
}
.form-row [type="email"], .form-row [type="number"], .form-row [type="password"], .form-row [type="text"], .form-row select, .form-row
textarea {
display: block;
width: 100%;
}
@media (min-width: 768px) {
.form-row label {
padding-right: 25px;
width: 30%;
float: left;
text-align: right;
}
.form-row label + *, .form-row.address-field input {
float: right;
width: 70% !important;
}
}
.woocommerce form.login label, .woocommerce form.login input {
float: none;
text-align: left;
width: auto !important;
}
.woocommerce form.login [type="submit"] {
margin-top: 10px;
text-align: center;
}
@media (min-width: 992px) {
.col2-set {
width: 70%;
float: left;
padding-right: 50px;
}
.col2-set.addresses {
width: 100%;
float: none;
padding: 0;
margin: 0 -15px;
}
.col2-set.addresses:before, .col2-set.addresses:after {
display: block;
content: '';
clear: both;
}
.col2-set.addresses .col-1, .col2-set.addresses .col-2 {
float: left;
width: 50%;
padding: 0 15px;
}
#order_review_heading, #order_review {
width: 30%;
float: left;
margin-top: 0;
}
}
/* shop single*/
.cart-button {
margin: 50px 0 55px;
}
.share-title {
font-size: 20px;
margin: 56px 0 18px;
}
/* shop */
.shop-item .item-content {
padding: 30px 40px;
}
.shop-item .item-price {
margin: 9px 0 16px;
font-size: 30px;
line-height: 1;
font-weight: 800;
}
.shop-item .item-price span {
font-size: 40px;
}
.shop-item .cart-button {
margin: 50px 0 28px;
}
.related .owl-carousel .owl-stage-outer {
overflow: visible;
}
.related .item-content {
padding: 14px 20px;
}
.related .item-content .woocommerce-loop-product__title {
font-size: 16px;
}
.related .item-content .add_to_cart_button {
padding: 20px 20px 20px;
}
.related h2 {
font-size: 30px;
line-height: 1;
}
.select2-container .select2-choice {
border: none;
padding: 10px 20px;
border-radius: 0;
}
.select2-drop-active {
border-color: #e5e5e5;
}
.woocommerce-checkout-payment {
margin-top: 40px;
}
.woocommerce-checkout-payment .radio {
margin: 2px 0;
}
.woocommerce-checkout-payment ul {
list-style: none;
padding: 0;
}
.woocommerce-checkout-payment li {
padding: 11px 0 6px;
border-bottom: 1px solid #e5e5e5;
}
.woocommerce-checkout-payment li:first-child {
border-top: 1px solid #e5e5e5;
}
.woocommerce-checkout-payment p {
margin: 0;
}
.woocommerce-checkout-payment img {
display: none;
}
.woocommerce-checkout-payment [type="submit"] {
margin-top: 20px;
}
@media (min-width: 768px) {
.woocommerce-checkout-payment [type="submit"] {
min-width: 200px;
}
}
/*messages*/
.wc-forward {
float: right;
}
.row > .alert {
margin-left: 25px;
margin-right: 25px;
}
/*my account*/
.woocommerce-MyAccount-navigation {
margin-bottom: 40px;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce-MyAccount-navigation li {
display: inline-block;
}
.woocommerce-MyAccount-navigation .is-active a {
background-color: #55bce7;
border-color: #55bce7;
}
.wc-proceed-to-checkout .checkout-button {
color: #fff;
}
.wc-proceed-to-checkout .checkout-button:hover {
background: transparent;
}
.woocommerce-MyAccount-content h2 {
margin: 40px 0;
}
.woocommerce-Message {
background: #fff;
padding: 30px;
}
.woocommerce-Message .woocommerce-Button {
float: right;
}
.order-actions {
text-align: center;
}
.customer_details {
margin-bottom: 60px;
}
.addresses address {
margin-bottom: 0;
}
/* shop widgets */
/* cart widget */
.widget_shopping_cart img {
max-width: 80px;
}
.widget_shopping_cart .cart_list {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 4px;
margin: 20px 0;
}
.widget_shopping_cart .quantity {
display: block;
}
.widget_shopping_cart .remove {
float: right;
font-size: 0;
}
.widget_shopping_cart .remove:before {
font-family: 'rt-icons-2';
font-size: 16px;
content: "\e653";
}
.widget_shopping_cart li {
margin-bottom: 16px;
}
.widget_shopping_cart li a + a {
color: #1f232b;
font-size: 16px;
}
.widget_shopping_cart .wc-forward {
float: none;
}
/* price filter */
.widget_price_filter input[readonly] {
background-color: transparent;
padding-right: 3px;
padding-left: 3px;
max-width: 89px;
margin-bottom: 4px;
display: inline-block;
}
.widget_price_filter .ui-slider-range {
background-color: #55bce7;
}
.widget_price_filter .ui-slider-horizontal {
margin-bottom: 30px;
}
.widget_price_filter label[for] {
display: inline-block;
padding-right: 4px;
}
.widget_price_filter .price_label {
color: #1f232b;
}
.widget_price_filter .form-group {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.widget_price_filter button {
margin-top: 26px;
text-transform: uppercase;
padding: 8px 7px 7px;
min-width: 0;
float: right;
}
.widget_price_filter .price_slider_amount:after {
content: '';
display: block;
clear: both;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-slider {
position: relative;
text-align: left;
background-color: #fafafa;
margin: 0 5px 0 8px;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
background-color: #1f232b;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 10px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -1px;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.related .owl-carousel .owl-stage-outer {
overflow: visible;
}
.related .owl-carousel.owl-theme .owl-nav {
top: 30% !important;
}
.related h2 {
font-size: 20px;
}
/* color layered nav */
.widget_layered_nav .color-filters li {
display: inline-block;
margin: 0 29px 14px 0;
}
.widget_layered_nav .color-filters a {
display: inline-block;
width: 23px;
height: 23px;
font-size: 0;
background-color: #ccc;
color: transparent;
position: relative;
}
.widget_layered_nav .color-filters a:before {
content: '';
display: block;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.1);
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
}
.widget_layered_nav .color-filters span {
position: relative;
top: 2px;
left: 5px;
}
/* widget_products */
.widget_products img {
max-width: 80px;
}
.widget_products .media h3 {
font-size: inherit;
line-height: 1.4;
margin: 3px 0 10px;
}
.widget_products .star-rating {
margin-bottom: 10px;
}
.widget_products .price {
position: static;
background-color: transparent;
padding: 0;
}
.widget_products .add_to_cart_button {
display: inline-block;
width: 20px;
height: 20px;
font-size: 14px;
text-align: center;
background-color: #55bce7;
color: #fff;
margin-right: 5px;
}
.widget_products .add_to_cart_button:hover {
color: #fff;
background-color: #1f232b;
}
/*widget_top_rated_products*/
.widget .product-title {
display: block;
}
.widget .woocommerce-Price-amount {
color: #1f232b;
}
.widget del .woocommerce-Price-amount {
color: inherit;
}
.widget .star-rating {
margin: 5px 0 7px;
}
/*widget_recent_reviews*/
.widget_recent_reviews li:before, .product_list_widget li:before, .widget_recent_reviews li:after, .product_list_widget li:after {
content: '';
display: block;
clear: both;
}
.widget_recent_reviews img, .product_list_widget img {
display: block;
float: left;
max-width: 100px;
margin-right: 20px;
}
.widget_rating_filter {
text-align: right;
}
.widget_rating_filter li {
clear: both;
margin-bottom: 8px;
}
.widget_rating_filter .star-rating {
float: left;
}
/*
**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;
-khtml-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: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel.dots-center .owl-dots {
text-align: center;
}
.owl-carousel .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
counter-reset: owl-dots;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
padding: 0 8px;
}
.owl-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
color: transparent;
background-color: #0083b0;
cursor: pointer;
text-indent: -9999px;
transition: all 0.2s ease-in-out 0s;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
background-color: #55bce7;
}
.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: 0;
text-align: center;
}
.owl-carousel .owl-nav > div.disabled {
opacity: 0.5;
cursor: default;
}
.owl-carousel .owl-nav > div:first-child {
left: 0;
right: auto;
}
.owl-carousel .owl-nav > div:after {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-family: FontAwesome;
font-size: 40px;
line-height: 60px;
content: "\f105";
color: #808080;
}
.owl-carousel .owl-nav > div:first-child:after {
content: "\f104";
}
.owl-carousel .owl-nav > div:hover:after {
color: #55bce7;
}
@media (max-width: 1299px) {
.container .owl-carousel[data-nav=true] {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 1300px) {
.container .owl-carousel[data-nav=true] .owl-nav {
left: -60px;
right: -60px;
}
}
@media (min-width: 1600px) {
.container .owl-carousel[data-nav=true] .owl-nav {
left: -150px;
right: -150px;
}
}
.top-right-nav .owl-nav {
position: absolute;
top: -70px;
right: 0;
}
.top-right-nav .owl-nav > div {
background: transparent;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Owl Carousel - Auto Height Plugin */
.owl-height {
transition: height 500ms ease-in-out;
}
/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
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;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
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: 50%;
right: 0;
left: 0;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav > div {
font-size: 0;
position: absolute;
right: 0;
text-align: center;
margin-top: -30px;
width: 30px;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-dots {
margin-top: 40px;
}
/* .Owl Center theme */
.owl-center .owl-nav {
top: 0;
bottom: 0;
position: static;
margin-top: 0;
opacity: 1;
}
.owl-center .owl-nav > div {
right: 0;
width: 30px;
top: 40%;
bottom: 0;
margin: 0;
height: 80px;
text-align: center;
opacity: 0;
background-color: rgba(31, 35, 43, 0.6);
transform: translateY(-50%);
}
.owl-center .owl-nav > div:first-child {
left: 0;
right: auto;
}
.owl-center .owl-nav > div:first-child:after {
left: 4px;
}
.owl-center .owl-nav > div:after {
position: absolute;
top: 50%;
color: #fff;
font-size: 20px;
left: 6px;
transform: translateY(-50%);
}
.owl-center:hover .owl-nav > div {
top: 50%;
opacity: 1;
}
/* text-nav */
.text-nav {
padding-right: 30px;
padding-left: 30px;
}
.text-nav .owl-nav {
position: static;
}
.text-nav .owl-nav > div {
top: 0;
bottom: 0;
right: 0;
margin-top: 0;
background-color: #f2f2f2;
}
.text-nav .owl-nav > div:first-child {
left: 0;
}
.text-nav .owl-nav > div:after {
position: absolute;
top: 50%;
left: 50%;
content: "next";
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1;
color: #1f232b;
transform: translate(-50%, -50%) rotate(-90deg);
}
.text-nav .owl-nav > div:first-child:after {
content: "prev";
}
@media (min-width: 600px) {
.text-nav {
padding-right: 60px;
padding-left: 60px;
}
.text-nav .owl-nav > div {
width: 60px;
}
}
/* 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;
}
.with_shadow_items .owl-stage-outer {
margin: -20px;
padding: 20px;
}
/*
flexslider
*/
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
margin: 0 0;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -40px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: transparent;
text-align: center;
}
.flex-direction-nav .flex-prev {
left: 40px;
}
.flex-direction-nav .flex-next {
right: 40px;
text-align: right;
}
.flexslider:hover .flex-prev {
opacity: 1;
left: 40px;
}
.flexslider:hover .flex-next {
opacity: 1;
right: 40px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before {
font-family: "FontAwesome";
font-size: 40px;
content: '\f104';
color: #fff;
opacity: 0.5;
position: absolute;
top: 5px;
left: 12px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.flex-direction-nav a:hover:before {
color: #fff;
opacity: 1;
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
left: 14px;
}
/* Pause/Play */
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: 'rt-icons-2';
font-size: 20px;
display: inline-block;
content: "\e6a2";
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: "\e711";
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 42px;
text-align: center;
z-index: 10;
}
.flex-control-nav li {
text-align: center;
display: inline-block;
padding: 0 7px;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 10px;
height: 10px;
display: block;
background-color: #0083b0;
border: 0;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.ds .flex-control-paging li a, .cs .flex-control-paging li a {
border-color: #fff;
}
.flex-control-paging li a:hover {
border-color: #55bce7;
background-color: #55bce7;
}
.flex-control-paging li a.flex-active {
border-color: #55bce7;
background-color: #55bce7;
}
.flex-control-thumbs {
margin: 1px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: 0.7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 600px) {
.flex-direction-nav .flex-prev {
top: 14%;
}
.flex-direction-nav .flex-next {
top: 14%;
}
.special-heading.text-left{
text-align:center;
}
.contactForm input#uploadtextfield{
position: relative;
padding-top: 80px;
padding-bottom: 20px;
margin: 0 auto;
text-align: center;
}
}
}
/* custom nav for flex slider*/
.flex-custom-nav {
text-align: center;
position: absolute;
bottom: 38px;
right: 0;
left: 0;
z-index: 3;
line-height: 1;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.flex-custom-nav .flex-control-nav {
width: auto;
display: inline-block;
position: static;
}
.flex-custom-nav .flex-custom-link {
font-size: 12px;
position: relative;
bottom: 7px;
margin: 0 8px;
color: #1f232b;
}
.ds .flex-custom-nav .flex-custom-link, .cs .flex-custom-nav .flex-custom-link {
color: #fff;
}
.flex-custom-nav .flex-custom-link:hover {
color: #55bce7;
}
.intro_section:hover .flex-custom-nav {
opacity: 1;
}
/*
prettyPhoto
*/
div.facebook .pp_description {
margin: 0 37px 0 0;
}
div.pp_pic_holder a:focus {
outline: none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_content {
height: 40px;
min-width: 40px;
overflow: hidden;
}
* html .pp_content {
width: 40px;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
float: left;
padding: 8px 10px;
line-height: 1;
background-color: #fff;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social {
float: left;
margin: 0 0 0 30px;
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: auto;
overflow: hidden;
}
.pp_social .twitter {
float: left;
}
.pp_nav p {
float: left;
white-space: nowrap;
margin: 4px 6px;
font-weight: bold;
opacity: 0.7;
}
.pp_nav .pp_play, .pp_nav .pp_pause, a.pp_arrow_previous, a.pp_arrow_next {
float: left;
text-align: center;
font-size: 0;
color: transparent;
}
.pp_nav .pp_play:before, .pp_nav .pp_pause:before, a.pp_arrow_previous:before, a.pp_arrow_next:before {
line-height: 20px;
display: inline-block;
width: 20px;
font-family: 'FontAwesome';
font-size: 12px;
color: #1f232b;
opacity: 0.7;
content: "\f04b";
}
.pp_nav .pp_play:hover:before, .pp_nav .pp_pause:hover:before, a.pp_arrow_previous:hover:before, a.pp_arrow_next:hover:before {
opacity: 1;
}
.pp_nav .pp_pause:before {
content: "\f04c";
}
a.pp_arrow_previous:before {
content: "\f04a";
}
a.pp_arrow_next:before {
content: "\f04e";
}
a.pp_arrow_previous.disabled, a.pp_arrow_next.disabled {
visibility: hidden;
cursor: default;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0;
}
.pp_gallery ul a {
border: 1px rgba(0, 0, 0, 0.1) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover, .pp_gallery ul .selected a {
border-color: #55bce7;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
display: block;
height: 33px;
width: 50px;
}
div.facebook .pp_gallery .pp_arrow_previous, div.facebook .pp_gallery .pp_arrow_next {
margin-top: 7px;
}
a.pp_next, a.pp_previous {
position: relative;
display: block;
float: right;
height: 100%;
width: 49%;
font-size: 0;
color: transparent;
opacity: 0;
}
a.pp_next:before, a.pp_previous:before {
line-height: 1;
background-color: rgba(31, 35, 43, 0.3);
font-size: 18px;
padding: 10px 15px 10px 18px;
color: #fff;
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
top: 50%;
margin-top: -3px;
right: 30px;
}
a.pp_next:hover, a.pp_previous:hover {
opacity: 1;
}
a.pp_previous {
float: left;
}
a.pp_previous:before {
content: "\f104";
right: auto;
padding: 10px 18px 10px 15px;
left: 30px;
}
a.pp_expand, a.pp_contract {
cursor: pointer;
display: none;
position: absolute;
right: 30px;
top: 19px;
z-index: 20000;
font-size: 0;
color: transparent;
text-align: center;
}
a.pp_expand:before, a.pp_contract:before {
font-size: 14px;
line-height: 20px;
color: #fff;
font-family: 'FontAwesome';
content: "\f0b2";
background-color: rgba(31, 35, 43, 0.3);
padding: 12px 13px;
}
a.pp_contract:before {
content: "\f066";
}
a.pp_close {
display: none;
position: absolute;
right: -7px;
top: -25px;
font-size: 0;
color: transparent;
}
a.pp_close:before {
background-color: #0f0f0f;
padding: 6px 8px;
font-size: 14px;
color: #fff;
font-family: 'FontAwesome';
content: "\f00d";
}
.pp_loaderIcon {
height: 50px;
width: 50px;
left: 50%;
top: 50%;
position: absolute;
margin: -25px 0 0 -25px;
text-align: center;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.pp_loaderIcon:before {
display: block;
font-family: 'FontAwesome';
content: "\f1ce";
color: #fff;
font-size: 50px;
line-height: 50px;
opacity: 0.6;
}
#pp_full_res {
line-height: 1;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px;
}
div.ppt {
color: #fff;
display: none;
font-size: 18px;
z-index: 9999;
margin: 0 0 5px 20px;
}
.pp_top, .pp_bottom {
position: relative;
}
* html .pp_top, * html .pp_bottom {
padding: 0 20px;
}
.pp_top .pp_left, .pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle, .pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right, .pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_fade, .pp_gallery li.default a img {
display: none;
}
/*
easy pie chart
*/
.chart {
position: relative;
display: inline-block;
min-height: 150px;
min-width: 150px;
margin-top: 0;
margin-bottom: 10px;
text-align: center;
}
.chart .chart-meta {
position: absolute;
width: 100%;
top: 50%;
margin-top: -32px;
}
.chart .chart-meta .title {
margin-top: 0.2em;
font-size: 20px;
font-weight: 300;
color: #808080;
text-transform: none;
letter-spacing: 0;
}
.percent {
display: inline-block;
font-size: 60px;
font-weight: 600;
z-index: 2;
letter-spacing: 0;
color: #1f232b;
}
.percent:after {
content: '%';
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
}
/*
timetable
*/
#timetable span {
display: block;
}
#timetable th, #timetable td {
vertical-align: middle;
font-weight: normal;
text-align: center;
padding: 25px 5px;
}
#timetable thead {
color: #fff;
}
#timetable thead th {
border: 1px solid rgba(255, 255, 255, 0.2);
border-width: 0 1px;
}
#timetable tbody th, #timetable tbody td {
border: 1px solid #e5e5e5;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
#timetable tbody .current {
background-color: #55bce7;
border-color: #55bce7;
}
#timetable tbody .current a {
color: #fff;
}
/*
totop
*/
#toTop {
bottom: 10px;
right: 10px;
display: none;
width: 50px;
height: 50px;
overflow: hidden;
position: fixed;
text-decoration: none;
z-index: 9999;
font-size: 0;
color: transparent;
background-color: #55bce7;
border-radius: 50%;
opacity: 0.7;
}
#toTop:after {
color: #fff;
content: '\f106';
font-size: 16px;
line-height: 47px;
font-family: 'FontAwesome';
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#toTopHover, #toTop:hover {
bottom: 8px;
opacity: 1;
}
#toTop:hover:after {
color: #fff;
}
#toTop:active, #toTop:focus {
outline: medium none;
}
.modal-open #toTop {
visibility: hidden;
}
/* jQuery Countdown styles 2.0.2. */
#comingsoon-countdown {
text-align: center;
}
#comingsoon-countdown:before, #comingsoon-countdown:after {
clear: both;
display: table;
content: ' ';
}
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
display: table;
margin: auto;
padding: 20px 0;
margin-bottom: 20px;
text-align: center;
}
.countdown-section {
display: table-cell;
padding: 10px 30px 20px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.countdown-section:first-child {
border-left-width: 0;
}
.countdown-amount {
font-size: 90px;
line-height: 1;
font-weight: 100;
color: #55bce7;
}
.countdown-period {
display: block;
font-size: 28px;
font-weight: 100;
}
.countdown-descr {
display: block;
}
@media (max-width: 767px) {
.countdown-section {
padding: 20px 8px 0;
}
.countdown-amount {
font-size: 40px;
}
.countdown-period {
font-size: 16px;
}
}
/*
Simple Job Board
*/
.human-consult {
/* Grid View */
}
.human-consult .sjb-page {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
margin-bottom: 15px;
/* Top Filters */
/* Pagination */
}
.human-consult .sjb-page .list-data {
box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.15);
border: 0;
margin: 15px 0;
/* Company logo */
/* Read more */
}
@media (min-width: 500px) {
.human-consult .sjb-page .list-data > .row {
margin-right: -25px;
margin-left: -25px;
}
.human-consult .sjb-page .list-data > .row > [class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
}
@media (min-width: 992px) {
.human-consult .sjb-page .list-data > .row {
display: flex;
}
.human-consult .sjb-page .list-data > .row > [class*="col-"] {
display: flex;
flex-direction: column;
}
.human-consult .sjb-page .list-data > .row > [class*="col-"].job-meta-wrap {
justify-content: center;
}
}
.human-consult .sjb-page .list-data .company-logo img {
border: 0;
max-width: 100px;
}
.human-consult .sjb-page .list-data .job-info h4.job-title {
margin: 0 0 10px;
}
.human-consult .sjb-page .list-data .job-info h4.job-title a {
font-size: 28px;
font-weight: 600;
text-transform: none;
letter-spacing: -0.02em;
margin: 0;
padding: 0;
word-wrap: break-word;
color: #1f232b;
}
.human-consult .sjb-page .list-data .job-info h4.job-title a:hover {
color: #55bce7;
}
.human-consult .sjb-page .list-data .company-name {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.human-consult .sjb-page .list-data .job-description p:last-child {
margin-bottom: 0;
}
.human-consult .sjb-page .list-data .job-description .btn.btn-primary {
font-weight: 600;
font-family: "Montserrat", sans-serif;
letter-spacing: -0.02em;
font-size: 12px;
margin-left: 0;
background: none;
color: #55bce7;
text-transform: uppercase;
padding: 0;
}
.human-consult .sjb-page .list-data .job-description .btn.btn-primary:hover, .human-consult .sjb-page .list-data .job-description .btn.btn-
primary:focus {
color: #1f232b;
}
.human-consult .sjb-page .list-data .job-description .btn.btn-primary:after {
font-family: FontAwesome;
content: '\f149';
font-size: 14px;
margin-left: 5px;
}
@media (min-width: 992px) {
.human-consult .sjb-page .list-data .job-meta-wrap {
border-left: 1px solid #e5e5e5;
}
}
.human-consult .sjb-page .list-data .job-meta-wrap .job-type, .human-consult .sjb-page .list-data .job-meta-wrap .job-location, .human-
consult .sjb-page .list-data .job-meta-wrap .job-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.4;
color: #1f232b;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.human-consult .sjb-page .list-data .job-meta-wrap .job-type i, .human-consult .sjb-page .list-data .job-meta-wrap .job-location i, .human-
consult .sjb-page .list-data .job-meta-wrap .job-date i {
font-size: 20px;
width: 20px;
text-align: center;
margin-right: 10px;
}
.human-consult .sjb-page .list-data .job-meta-wrap .job-type, .human-consult .sjb-page .list-data .job-meta-wrap .job-type i {
color: #ff493c;
}
.human-consult .sjb-page .list-data .job-meta-wrap .job-location i, .human-consult .sjb-page .list-data .job-meta-wrap .job-date i {
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.human-consult .sjb-page .list-data.readmore-hidden .job-description .btn {
display: none;
}
.human-consult .sjb-page .sjb-filters {
position: relative;
margin: 20px 0 45px;
text-align: center;
padding: 40px 20px 0;
}
@media (min-width: 768px) {
.human-consult .sjb-page .sjb-filters {
padding: 40px 50px 0;
}
}
.human-consult .sjb-page .sjb-filters .row {
margin-left: -10px;
margin-right: -10px;
}
.human-consult .sjb-page .sjb-filters [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.human-consult .sjb-page .sjb-filters .sjb-search-button {
position: absolute;
right: 0;
top: 10px;
}
.human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: "FontAwesome";
font-size: 14px;
font-weight: 400;
color: #1f232b;
height: 50px;
margin-bottom: 0;
padding: 0;
width: 50px;
background-color: #fff;
}
.human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search:hover, .human-consult .sjb-page .sjb-filters .sjb-search-button .btn-
search:focus, .human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search.active {
background-color: #55bce7;
color: #fff;
}
@media (max-width: 992px) {
.human-consult .sjb-page .sjb-filters .sjb-search-button {
position: relative;
right: auto;
top: auto;
padding-bottom: 40px;
}
.human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search {
width: 180px;
text-align: center;
}
.team--section .row {
display: flex;
}
}
.human-consult .sjb-page .sjb-filters input[type="text"].form-control, .human-consult .sjb-page .sjb-filters select.form-control {
background-color: rgba(15, 15, 15, 0.5);
color: #fff;
border: none;
font-weight: 600;
height: 50px;
font-size: 12px;
letter-spacing: -0.02em;
text-transform: uppercase;
text-indent: 20px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.human-consult .sjb-page .sjb-filters input[type="text"].form-control, .human-consult .sjb-page .sjb-filters select.form-control {
margin-bottom: 40px;
}
}
.human-consult .sjb-page .sjb-filters input[type="text"].form-control:-moz-placeholder, .human-consult .sjb-page .sjb-filters select.form-
control:-moz-placeholder {
color: #fff;
opacity: 1;
}
.human-consult .sjb-page .sjb-filters input[type="text"].form-control::-moz-placeholder, .human-consult .sjb-page .sjb-filters select.form-
control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.human-consult .sjb-page .sjb-filters input[type="text"].form-control:-ms-input-placeholder, .human-consult .sjb-page .sjb-filters
select.form-control:-ms-input-placeholder {
color: #fff;
}
.human-consult .sjb-page .sjb-filters input[type="text"].form-control::-webkit-input-placeholder, .human-consult .sjb-page .sjb-filters
select.form-control::-webkit-input-placeholder {
color: #fff;
}
.human-consult .sjb-page .sjb-filters select {
-webkit-appearance: inherit;
-moz-appearance: inherit;
appearance: inherit;
background: #fff url(../img/select-arrow.png) no-repeat center right 15px;
}
.human-consult .sjb-page .sjb-filters select option {
background: #1f232b;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.human-consult .sjb-page .pagination li {
margin-left: 6px;
margin-right: 6px;
}
.human-consult .sjb-page .pagination li .page-numbers, .human-consult .sjb-page .pagination li .prev, .human-consult .sjb-page .pagination
li .next {
color: #808080;
background-color: #f2f2f2;
border: none;
border-radius: 0;
font-size: 14px;
font-weight: 600;
margin-left: 0;
min-width: 50px;
height: 50px;
line-height: 50px;
padding: 0;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.human-consult .sjb-page .pagination li .page-numbers:before, .human-consult .sjb-page .pagination li .prev:before, .human-consult .sjb-page
.pagination li .next:before, .human-consult .sjb-page .pagination li .page-numbers:after, .human-consult .sjb-page .pagination li
.prev:after, .human-consult .sjb-page .pagination li .next:after {
line-height: 50px;
font-size: 14px;
font-weight: 600;
}
.human-consult .sjb-page .pagination li .page-numbers.current, .human-consult .sjb-page .pagination li .prev.current, .human-consult .sjb-
page .pagination li .next.current, .human-consult .sjb-page .pagination li .page-numbers.current:hover, .human-consult .sjb-page .pagination
li .prev.current:hover, .human-consult .sjb-page .pagination li .next.current:hover, .human-consult .sjb-page .pagination li .page-
numbers.current:focus, .human-consult .sjb-page .pagination li .prev.current:focus, .human-consult .sjb-page .pagination li
.next.current:focus {
color: #fff;
background-color: #55bce7;
}
.human-consult .job-grid-view .grid-item .list-data {
margin: 5px 0;
padding: 30px 20px;
}
@media (min-width: 400px) {
.human-consult .job-grid-view .grid-item .list-data {
padding: 35px;
}
}
.human-consult .job-grid-view .grid-item .list-data .company-logo {
margin-bottom: 25px;
}
.human-consult .job-grid-view .grid-item .list-data .company-logo img {
border: 0;
max-width: 100px;
}
.human-consult .job-grid-view .grid-item .list-data .job-info {
margin: 0 0 20px;
}
.human-consult .job-grid-view .grid-item .list-data .job-info h4.job-title {
margin: 0 0 5px;
}
.human-consult .job-grid-view .grid-item .list-data .job-info h4.job-title a {
font-size: 20px;
font-weight: 600;
text-transform: none;
letter-spacing: -0.02em;
margin: 0;
padding: 0;
word-wrap: break-word;
color: #1f232b;
}
.human-consult .job-grid-view .grid-item .list-data .job-info h4.job-title a:hover {
color: #55bce7;
}
.human-consult .job-grid-view .grid-item .list-data .company-name {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.human-consult .job-grid-view .grid-item .list-data .job-meta {
margin-bottom: 20px;
}
.human-consult .job-grid-view .grid-item .list-data .job-meta .job-type, .human-consult .job-grid-view .grid-item .list-data .job-meta
.job-location, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.4;
color: #1f232b;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.human-consult .job-grid-view .grid-item .list-data .job-meta .job-type i, .human-consult .job-grid-view .grid-item .list-data .job-meta
.job-location i, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-date i {
font-size: 20px;
width: 20px;
text-align: center;
margin-right: 10px;
}
.human-consult .job-grid-view .grid-item .list-data .job-meta .job-type, .human-consult .job-grid-view .grid-item .list-data .job-meta
.job-type i {
color: #ff493c;
}
.human-consult .job-grid-view .grid-item .list-data .job-meta .job-location i, .human-consult .job-grid-view .grid-item .list-data .job-meta
.job-date i {
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.human-consult .job-grid-view .grid-item .list-data .job-description p {
margin: 0;
}
.human-consult .job-grid-view .grid-item .list-data .job-description .btn.btn-primary {
margin: 20px 0 0;
}
/* Category */
.tax-jobpost_category .entry-meta, .tax-jobpost_job_type .entry-meta, .tax-jobpost_location .entry-meta {
display: none;
}
/* Single post */
.single-jobpost .sjb-page .sjb-detail {
margin: 0;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 {
padding: 30px 20px;
box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.15);
}
@media (min-width: 400px) {
.single-jobpost .sjb-page .sjb-detail .list-data .v1 {
padding: 55px;
}
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .job-title {
font-size: 28px;
font-weight: 600;
text-transform: none;
letter-spacing: -0.02em;
margin: 0 0 35px;
padding: 0;
word-wrap: break-word;
color: #1f232b;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 30px 0;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block > .row {
display: flex;
align-items: center;
}
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap {
margin-bottom: 30px;
}
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .company-logo {
margin: 0 35px 0 0;
width: auto;
display: inline-block;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .job-info {
display: inline-block;
margin: 0;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .job-info .company-name {
font-size: 20px;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-bottom: 10px;
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .job-info .company-tagline {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
letter-spacing: -0.02em;
line-height: 1.4;
color: #1f232b;
}
@media (min-width: 992px) {
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap {
border-left: 1px solid #e5e5e5;
padding-left: 45px;
}
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type, .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .single-top-block .job-meta-wrap .job-location, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-
meta-wrap .job-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.4;
color: #1f232b;
display: flex;
align-items: center;
margin-top: 14px;
margin-bottom: 14px;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type i, .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .single-top-block .job-meta-wrap .job-location i, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block
.job-meta-wrap .job-date i {
font-size: 20px;
width: 20px;
text-align: center;
margin-right: 10px;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type, .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .single-top-block .job-meta-wrap .job-type i {
color: #ff493c;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-location i, .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .single-top-block .job-meta-wrap .job-date i {
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .features-title, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .form-title {
font-size: 20px;
font-weight: 600;
letter-spacing: -0.02em;
color: #55bce7;
background: -webkit-linear-gradient(#55bce7, #0083b0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 40px 0 30px;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .job-features .table td {
padding: 15px;
line-height: 30px;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .job-features .table td:first-child {
color: #1f232b;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.02em;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label.small {
font-size: 16px;
font-weight: 400;
text-transform: none;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label .required {
padding: 0 5px;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label[for="jobapp_text_field"], .single-jobpost .sjb-page
.sjb-detail .list-data .v1 .jobpost-form .form-group label[for="jobapp_text_area"], .single-jobpost .sjb-page .sjb-detail .list-data .v1
.jobpost-form .form-group label[for="jobapp_email_field"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group
label[for="jobapp_phone_number"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label
[for="jobapp_date_picker"] {
display: none;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="text"], .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .jobpost-form .form-group input[type="email"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group
input[type="tel"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .file, .single-jobpost .sjb-page .sjb-
detail .list-data .v1 .jobpost-form .form-group textarea, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group
select, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .form-control {
background-color: #f2f2f2;
color: #808080;
border: none;
border-radius: 0;
box-shadow: none;
font-size: 12px;
font-weight: 600;
height: 50px;
letter-spacing: -0.02em;
line-height: 30px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
padding-top: 12px;
text-transform: uppercase;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group textarea {
min-height: 150px;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="radio"], .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .jobpost-form .form-group input[type="checkbox"] {
margin: 5px 5px 0;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .file div {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
line-height: 28px;
height: 38px;
padding: 6px 16px;
text-align: center;
color: #fff;
background-color: #55bce7;
border-radius: 0;
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
padding: 18px 30px 18px;
margin-bottom: 0;
line-height: 1;
display: inline-block;
text-align: center;
color: #fff;
border: 1px solid #55bce7;
background-color: #55bce7;
border-radius: 0;
position: relative;
-webkit-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
@media (min-width: 992px) {
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary {
padding: 18px 40px 18px;
}
}
.single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary:hover, .single-jobpost .sjb-page .sjb-detail
.list-data .v1 .jobpost-form .form-group .btn-primary:focus, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group
.btn-primary:active {
color: #55bce7;
border: 1px solid #55bce7;
background: transparent;
}
/* Widgets */
.sjb-recent-jobs-widget li {
display: flex;
flex-direction: column;
justify-content: center;
padding: 8px 0;
border-bottom: 1px solid #e5e5e5;
}
.sjb-recent-jobs-widget li:first-child {
padding-top: 0;
}
.sjb-recent-jobs-widget li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.sjb-recent-jobs-widget li a {
color: #808080;
}
.sjb-recent-jobs-widget li a:hover, .sjb-recent-jobs-widget li a:focus {
color: #1f232b;
}
.sjb-recent-jobs-widget li div {
color: #0083b0;
}
.sjb-recent-jobs-widget li div i {
margin-right: 5px;
}
/*
**icons
*/
a[class*='soc-']:before {
font-family: 'socicon';
font-size: 14px;
}
a.social-icon {
display: inline-block;
line-height: 1;
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: 24px;
}
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: 5px;
}
a.social-icon.block-icon {
width: 100%;
}
a[class*='soc-'].rounded-icon {
-webkit-border-radius: 50%;
border-radius: 50%;
border-width: 1px;
border-style: solid;
}
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;
}
.social-icons a.social-icon.color-bg-icon.rounded-icon {
margin-left: 7px !important;
}
.social-icons a.social-icon.color-bg-icon.rounded-icon:first-of-type {
margin-left: 0 !important;
}
.social-icons a.social-icon.color-bg-icon.rounded-icon:before {
position: relative;
top: 1px;
}
.social-icons a.social-icon.color-bg-icon.rounded-icon:hover {
background-color: #f2f2f2;
}
/*corporate colors*/
a.color-icon.soc-twitter, a[class*="soc-"].soc-twitter:hover {
color: #00abef;
border-color: #00abef;
}
a.color-icon.soc-facebook, a[class*="soc-"].soc-facebook:hover {
color: #507cbe;
border-color: #507cbe;
}
a.color-icon.soc-google, a[class*="soc-"].soc-google:hover {
color: #d93e2d;
border-color: #d93e2d;
}
a.color-icon.soc-pinterest, a[class*="soc-"].soc-pinterest:hover {
color: #c92619;
border-color: #c92619;
}
a.color-icon.soc-foursquare, a[class*="soc-"].soc-foursquare:hover {
color: #23b7e0;
border-color: #23b7e0;
}
a.color-icon.soc-yahoo, a[class*="soc-"].soc-yahoo:hover {
color: #6e2a85;
border-color: #6e2a85;
}
a.color-icon.soc-skype, a[class*="soc-"].soc-skype:hover {
color: #28abe3;
border-color: #28abe3;
}
a.color-icon.soc-yelp, a[class*="soc-"].soc-yelp:hover {
color: #c83218;
border-color: #c83218;
}
a.color-icon.soc-feedburner, a[class*="soc-"].soc-feedburner:hover {
color: #fc0;
border-color: #fc0;
}
a.color-icon.soc-linkedin, a[class*="soc-"].soc-linkedin:hover {
color: #3371b7;
border-color: #3371b7;
}
a.color-icon.soc-viadeo, a[class*="soc-"].soc-viadeo:hover {
color: #e4a000;
border-color: #e4a000;
}
a.color-icon.soc-xing, a[class*="soc-"].soc-xing:hover {
color: #005a60;
border-color: #005a60;
}
a.color-icon.soc-myspace, a[class*="soc-"].soc-myspace:hover {
color: #323232;
border-color: #323232;
}
a.color-icon.soc-soundcloud, a[class*="soc-"].soc-soundcloud:hover {
color: #fe3801;
border-color: #fe3801;
}
a.color-icon.soc-spotify, a[class*="soc-"].soc-spotify:hover {
color: #7bb342;
border-color: #7bb342;
}
a.color-icon.soc-grooveshark, a[class*="soc-"].soc-grooveshark:hover {
color: #f67e03;
border-color: #f67e03;
}
a.color-icon.soc-lastfm, a[class*="soc-"].soc-lastfm:hover {
color: #d41316;
border-color: #d41316;
}
a.color-icon.soc-youtube, a[class*="soc-"].soc-youtube:hover {
color: #d12121;
border-color: #d12121;
}
a.color-icon.soc-vimeo, a[class*="soc-"].soc-vimeo:hover {
color: #51b5e7;
border-color: #51b5e7;
}
a.color-icon.soc-dailymotion, a[class*="soc-"].soc-dailymotion:hover {
color: #004e72;
border-color: #004e72;
}
a.color-icon.soc-vine, a[class*="soc-"].soc-vine:hover {
color: #00b389;
border-color: #00b389;
}
a.color-icon.soc-flickr, a[class*="soc-"].soc-flickr:hover {
color: #0062dd;
border-color: #0062dd;
}
a.color-icon.soc-500px, a[class*="soc-"].soc-500px:hover {
color: #58a9de;
border-color: #58a9de;
}
a.color-icon.soc-instagram, a[class*="soc-"].soc-instagram:hover {
color: #9c7c6e;
border-color: #9c7c6e;
}
a.color-icon.soc-wordpress, a[class*="soc-"].soc-wordpress:hover {
color: #464646;
border-color: #464646;
}
a.color-icon.soc-tumblr, a[class*="soc-"].soc-tumblr:hover {
color: #45556c;
border-color: #45556c;
}
a.color-icon.soc-blogger, a[class*="soc-"].soc-blogger:hover {
color: #ec661c;
border-color: #ec661c;
}
a.color-icon.soc-technorati, a[class*="soc-"].soc-technorati:hover {
color: #5cb030;
border-color: #5cb030;
}
a.color-icon.soc-reddit, a[class*="soc-"].soc-reddit:hover {
color: #e74a1e;
border-color: #e74a1e;
}
a.color-icon.soc-dribbble, a[class*="soc-"].soc-dribbble:hover {
color: #e84d88;
border-color: #e84d88;
}
a.color-icon.soc-stumbleupon, a[class*="soc-"].soc-stumbleupon:hover {
color: #e64011;
border-color: #e64011;
}
a.color-icon.soc-digg, a[class*="soc-"].soc-digg:hover {
color: #1d1d1b;
border-color: #1d1d1b;
}
a.color-icon.soc-envato, a[class*="soc-"].soc-envato:hover {
color: #597c3a;
border-color: #597c3a;
}
a.color-icon.soc-behance, a[class*="soc-"].soc-behance:hover {
color: #007eff;
border-color: #007eff;
}
a.color-icon.soc-delicious, a[class*="soc-"].soc-delicious:hover {
color: #31a9ff;
border-color: #31a9ff;
}
a.color-icon.soc-deviantart, a[class*="soc-"].soc-deviantart:hover {
color: #c5d200;
border-color: #c5d200;
}
a.color-icon.soc-forrst, a[class*="soc-"].soc-forrst:hover {
color: #5b9a68;
border-color: #5b9a68;
}
a.color-icon.soc-play, a[class*="soc-"].soc-play:hover {
color: #5acdbd;
border-color: #5acdbd;
}
a.color-icon.soc-zerply, a[class*="soc-"].soc-zerply:hover {
color: #9dbc7a;
border-color: #9dbc7a;
}
a.color-icon.soc-wikipedia, a[class*="soc-"].soc-wikipedia:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-apple, a[class*="soc-"].soc-apple:hover {
color: #b9bfc1;
border-color: #b9bfc1;
}
a.color-icon.soc-flattr, a[class*="soc-"].soc-flattr:hover {
color: #f67c1a;
border-color: #f67c1a;
}
a.color-icon.soc-github, a[class*="soc-"].soc-github:hover {
color: #221e1b;
border-color: #221e1b;
}
a.color-icon.soc-friendfeed, a[class*="soc-"].soc-friendfeed:hover {
color: #2f72c4;
border-color: #2f72c4;
}
a.color-icon.soc-newsvine, a[class*="soc-"].soc-newsvine:hover {
color: #075b2f;
border-color: #075b2f;
}
a.color-icon.soc-identica, a[class*="soc-"].soc-identica:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-bebo, a[class*="soc-"].soc-bebo:hover {
color: #ef1011;
border-color: #ef1011;
}
a.color-icon.soc-zynga, a[class*="soc-"].soc-zynga:hover {
color: #dc0606;
border-color: #dc0606;
}
a.color-icon.soc-steam, a[class*="soc-"].soc-steam:hover {
color: #8f8d8a;
border-color: #8f8d8a;
}
a.color-icon.soc-xbox, a[class*="soc-"].soc-xbox:hover {
color: #92c83e;
border-color: #92c83e;
}
a.color-icon.soc-windows, a[class*="soc-"].soc-windows:hover {
color: #00bdf6;
border-color: #00bdf6;
}
a.color-icon.soc-outlook, a[class*="soc-"].soc-outlook:hover {
color: #0072c6;
border-color: #0072c6;
}
a.color-icon.soc-coderwall, a[class*="soc-"].soc-coderwall:hover {
color: #3e8dcc;
border-color: #3e8dcc;
}
a.color-icon.soc-tripadvisor, a[class*="soc-"].soc-tripadvisor:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-appnet, a[class*="soc-"].soc-appnet:hover {
color: #494949;
border-color: #494949;
}
a.color-icon.soc-goodreads, a[class*="soc-"].soc-goodreads:hover {
color: #1abc9c;
border-color: #1abc9c;
}
a.color-icon.soc-tripit, a[class*="soc-"].soc-tripit:hover {
color: #1982c3;
border-color: #1982c3;
}
a.color-icon.soc-lanyrd, a[class*="soc-"].soc-lanyrd:hover {
color: #3c80c9;
border-color: #3c80c9;
}
a.color-icon.soc-slideshare, a[class*="soc-"].soc-slideshare:hover {
color: #4ba3a6;
border-color: #4ba3a6;
}
a.color-icon.soc-buffer, a[class*="soc-"].soc-buffer:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-rss, a[class*="soc-"].soc-rss:hover {
color: #f26109;
border-color: #f26109;
}
a.color-icon.soc-vkontakte, a[class*="soc-"].soc-vkontakte:hover {
color: #5a7fa6;
border-color: #5a7fa6;
}
a.color-icon.soc-disqus, a[class*="soc-"].soc-disqus:hover {
color: #2e9fff;
border-color: #2e9fff;
}
a.color-icon.soc-houzz, a[class*="soc-"].soc-houzz:hover {
color: #7cc04b;
border-color: #7cc04b;
}
a.color-icon.soc-mail, a[class*="soc-"].soc-mail:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-patreon, a[class*="soc-"].soc-patreon:hover {
color: #e44727;
border-color: #e44727;
}
a.color-icon.soc-paypal, a[class*="soc-"].soc-paypal:hover {
color: #009cde;
border-color: #009cde;
}
a.color-icon.soc-playstation, a[class*="soc-"].soc-playstation:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-smugmug, a[class*="soc-"].soc-smugmug:hover {
color: #acfd32;
border-color: #acfd32;
}
a.color-icon.soc-swarm, a[class*="soc-"].soc-swarm:hover {
color: #fc9d3c;
border-color: #fc9d3c;
}
a.color-icon.soc-triplej, a[class*="soc-"].soc-triplej:hover {
color: #e53531;
border-color: #e53531;
}
a.color-icon.soc-yammer, a[class*="soc-"].soc-yammer:hover {
color: #1175c4;
border-color: #1175c4;
}
a.color-icon.soc-stackoverflow, a[class*="soc-"].soc-stackoverflow:hover {
color: #fd9827;
border-color: #fd9827;
}
a.color-icon.soc-drupal, a[class*="soc-"].soc-drupal:hover {
color: #00598e;
border-color: #00598e;
}
a.color-icon.soc-odnoklassniki, a[class*="soc-"].soc-odnoklassniki:hover {
color: #f48420;
border-color: #f48420;
}
a.color-icon.soc-android, a[class*="soc-"].soc-android:hover {
color: #8ec047;
border-color: #8ec047;
}
a.color-icon.soc-meetup, a[class*="soc-"].soc-meetup:hover {
color: #e2373c;
border-color: #e2373c;
}
a.color-icon.soc-persona, a[class*="soc-"].soc-persona:hover {
color: #e6753d;
border-color: #e6753d;
}
a.color-icon.soc-amazon, a[class*="soc-"].soc-amazon:hover {
color: #f90;
border-color: #f90;
}
a.color-icon.soc-ello, a[class*="soc-"].soc-ello:hover {
color: #000;
border-color: #000;
}
a.color-icon.soc-mixcloud, a[class*="soc-"].soc-mixcloud:hover {
color: #314359;
border-color: #314359;
}
a.color-icon.soc-8tracks, a[class*="soc-"].soc-8tracks:hover {
color: #122c4b;
border-color: #122c4b;
}
a.color-icon.soc-twitch, a[class*="soc-"].soc-twitch:hover {
color: #6441a5;
border-color: #6441a5;
}
a.color-icon.soc-airbnb, a[class*="soc-"].soc-airbnb:hover {
color: #ff5a5f;
border-color: #ff5a5f;
}
a.color-icon.soc-pocket, a[class*="soc-"].soc-pocket:hover {
color: #ed4055;
border-color: #ed4055;
}
/*corporate background colors*/
.color-bg-icon {
color: #fff;
}
.color-bg-icon.soc-twitter, a.soc-twitter.bg-icon:hover, .soc-twitter.color-icon.border-icon:hover {
background-color: #00abef;
border-color: #00abef;
}
.color-bg-icon.soc-facebook, a.soc-facebook.bg-icon:hover, .soc-facebook.color-icon.border-icon:hover {
background-color: #507cbe;
border-color: #507cbe;
}
.color-bg-icon.soc-google, a.soc-google.bg-icon:hover, .soc-google.color-icon.border-icon:hover {
background-color: #d93e2d;
border-color: #d93e2d;
}
.color-bg-icon.soc-pinterest, a.soc-pinterest.bg-icon:hover, .soc-pinterest.color-icon.border-icon:hover {
background-color: #c92619;
border-color: #c92619;
}
.color-bg-icon.soc-foursquare, a.soc-foursquare.bg-icon:hover, .soc-foursquare.color-icon.border-icon:hover {
background-color: #23b7e0;
border-color: #23b7e0;
}
.color-bg-icon.soc-yahoo, a.soc-yahoo.bg-icon:hover, .soc-yahoo.color-icon.border-icon:hover {
background-color: #6e2a85;
border-color: #6e2a85;
}
.color-bg-icon.soc-skype, a.soc-skype.bg-icon:hover, .soc-skype.color-icon.border-icon:hover {
background-color: #28abe3;
border-color: #28abe3;
}
.color-bg-icon.soc-yelp, a.soc-yelp.bg-icon:hover, .soc-yelp.color-icon.border-icon:hover {
background-color: #c83218;
border-color: #c83218;
}
.color-bg-icon.soc-feedburner, a.soc-feedburner.bg-icon:hover, .soc-feedburner.color-icon.border-icon:hover {
background-color: #fc0;
border-color: #fc0;
}
.color-bg-icon.soc-linkedin, a.soc-linkedin.bg-icon:hover, .soc-linkedin.color-icon.border-icon:hover {
background-color: #3371b7;
border-color: #3371b7;
}
.color-bg-icon.soc-viadeo, a.soc-viadeo.bg-icon:hover, .soc-viadeo.color-icon.border-icon:hover {
background-color: #e4a000;
border-color: #e4a000;
}
.color-bg-icon.soc-xing, a.soc-xing.bg-icon:hover, .soc-xing.color-icon.border-icon:hover {
background-color: #005a60;
border-color: #005a60;
}
.color-bg-icon.soc-myspace, a.soc-myspace.bg-icon:hover, .soc-myspace.color-icon.border-icon:hover {
background-color: #323232;
border-color: #323232;
}
.color-bg-icon.soc-soundcloud, a.soc-soundcloud.bg-icon:hover, .soc-soundcloud.color-icon.border-icon:hover {
background-color: #fe3801;
border-color: #fe3801;
}
.color-bg-icon.soc-spotify, a.soc-spotify.bg-icon:hover, .soc-spotify.color-icon.border-icon:hover {
background-color: #7bb342;
border-color: #7bb342;
}
.color-bg-icon.soc-grooveshark, a.soc-grooveshark.bg-icon:hover, .soc-grooveshark.color-icon.border-icon:hover {
background-color: #f67e03;
border-color: #f67e03;
}
.color-bg-icon.soc-lastfm, a.soc-lastfm.bg-icon:hover, .soc-lastfm.color-icon.border-icon:hover {
background-color: #d41316;
border-color: #d41316;
}
.color-bg-icon.soc-youtube, a.soc-youtube.bg-icon:hover, .soc-youtube.color-icon.border-icon:hover {
background-color: #d12121;
border-color: #d12121;
}
.color-bg-icon.soc-vimeo, a.soc-vimeo.bg-icon:hover, .soc-vimeo.color-icon.border-icon:hover {
background-color: #51b5e7;
border-color: #51b5e7;
}
.color-bg-icon.soc-dailymotion, a.soc-dailymotion.bg-icon:hover, .soc-dailymotion.color-icon.border-icon:hover {
background-color: #004e72;
border-color: #004e72;
}
.color-bg-icon.soc-vine, a.soc-vine.bg-icon:hover, .soc-vine.color-icon.border-icon:hover {
background-color: #00b389;
border-color: #00b389;
}
.color-bg-icon.soc-flickr, a.soc-flickr.bg-icon:hover, .soc-flickr.color-icon.border-icon:hover {
background-color: #0062dd;
border-color: #0062dd;
}
.color-bg-icon.soc-500px, a.soc-500px.bg-icon:hover, .soc-500px.color-icon.border-icon:hover {
background-color: #58a9de;
border-color: #58a9de;
}
.color-bg-icon.soc-instagram, a.soc-instagram.bg-icon:hover, .soc-instagram.color-icon.border-icon:hover {
background-color: #9c7c6e;
border-color: #9c7c6e;
}
.color-bg-icon.soc-wordpress, a.soc-wordpress.bg-icon:hover, .soc-wordpress.color-icon.border-icon:hover {
background-color: #464646;
border-color: #464646;
}
.color-bg-icon.soc-tumblr, a.soc-tumblr.bg-icon:hover, .soc-tumblr.color-icon.border-icon:hover {
background-color: #45556c;
border-color: #45556c;
}
.color-bg-icon.soc-blogger, a.soc-blogger.bg-icon:hover, .soc-blogger.color-icon.border-icon:hover {
background-color: #ec661c;
border-color: #ec661c;
}
.color-bg-icon.soc-technorati, a.soc-technorati.bg-icon:hover, .soc-technorati.color-icon.border-icon:hover {
background-color: #5cb030;
border-color: #5cb030;
}
.color-bg-icon.soc-reddit, a.soc-reddit.bg-icon:hover, .soc-reddit.color-icon.border-icon:hover {
background-color: #e74a1e;
border-color: #e74a1e;
}
.color-bg-icon.soc-dribbble, a.soc-dribbble.bg-icon:hover, .soc-dribbble.color-icon.border-icon:hover {
background-color: #e84d88;
border-color: #e84d88;
}
.color-bg-icon.soc-stumbleupon, a.soc-stumbleupon.bg-icon:hover, .soc-stumbleupon.color-icon.border-icon:hover {
background-color: #e64011;
border-color: #e64011;
}
.color-bg-icon.soc-digg, a.soc-digg.bg-icon:hover, .soc-digg.color-icon.border-icon:hover {
background-color: #1d1d1b;
border-color: #1d1d1b;
}
.color-bg-icon.soc-envato, a.soc-envato.bg-icon:hover, .soc-envato.color-icon.border-icon:hover {
background-color: #597c3a;
border-color: #597c3a;
}
.color-bg-icon.soc-behance, a.soc-behance.bg-icon:hover, .soc-behance.color-icon.border-icon:hover {
background-color: #007eff;
border-color: #007eff;
}
.color-bg-icon.soc-delicious, a.soc-delicious.bg-icon:hover, .soc-delicious.color-icon.border-icon:hover {
background-color: #31a9ff;
border-color: #31a9ff;
}
.color-bg-icon.soc-deviantart, a.soc-deviantart.bg-icon:hover, .soc-deviantart.color-icon.border-icon:hover {
background-color: #c5d200;
border-color: #c5d200;
}
.color-bg-icon.soc-forrst, a.soc-forrst.bg-icon:hover, .soc-forrst.color-icon.border-icon:hover {
background-color: #5b9a68;
border-color: #5b9a68;
}
.color-bg-icon.soc-play, a.soc-play.bg-icon:hover, .soc-play.color-icon.border-icon:hover {
background-color: #5acdbd;
border-color: #5acdbd;
}
.color-bg-icon.soc-zerply, a.soc-zerply.bg-icon:hover, .soc-zerply.color-icon.border-icon:hover {
background-color: #9dbc7a;
border-color: #9dbc7a;
}
.color-bg-icon.soc-wikipedia, a.soc-wikipedia.bg-icon:hover, .soc-wikipedia.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-apple, a.soc-apple.bg-icon:hover, .soc-apple.color-icon.border-icon:hover {
background-color: #b9bfc1;
border-color: #b9bfc1;
}
.color-bg-icon.soc-flattr, a.soc-flattr.bg-icon:hover, .soc-flattr.color-icon.border-icon:hover {
background-color: #f67c1a;
border-color: #f67c1a;
}
.color-bg-icon.soc-github, a.soc-github.bg-icon:hover, .soc-github.color-icon.border-icon:hover {
background-color: #221e1b;
border-color: #221e1b;
}
.color-bg-icon.soc-friendfeed, a.soc-friendfeed.bg-icon:hover, .soc-friendfeed.color-icon.border-icon:hover {
background-color: #2f72c4;
border-color: #2f72c4;
}
.color-bg-icon.soc-newsvine, a.soc-newsvine.bg-icon:hover, .soc-newsvine.color-icon.border-icon:hover {
background-color: #075b2f;
border-color: #075b2f;
}
.color-bg-icon.soc-identica, a.soc-identica.bg-icon:hover, .soc-identica.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-bebo, a.soc-bebo.bg-icon:hover, .soc-bebo.color-icon.border-icon:hover {
background-color: #ef1011;
border-color: #ef1011;
}
.color-bg-icon.soc-zynga, a.soc-zynga.bg-icon:hover, .soc-zynga.color-icon.border-icon:hover {
background-color: #dc0606;
border-color: #dc0606;
}
.color-bg-icon.soc-steam, a.soc-steam.bg-icon:hover, .soc-steam.color-icon.border-icon:hover {
background-color: #8f8d8a;
border-color: #8f8d8a;
}
.color-bg-icon.soc-xbox, a.soc-xbox.bg-icon:hover, .soc-xbox.color-icon.border-icon:hover {
background-color: #92c83e;
border-color: #92c83e;
}
.color-bg-icon.soc-windows, a.soc-windows.bg-icon:hover, .soc-windows.color-icon.border-icon:hover {
background-color: #00bdf6;
border-color: #00bdf6;
}
.color-bg-icon.soc-outlook, a.soc-outlook.bg-icon:hover, .soc-outlook.color-icon.border-icon:hover {
background-color: #0072c6;
border-color: #0072c6;
}
.color-bg-icon.soc-coderwall, a.soc-coderwall.bg-icon:hover, .soc-coderwall.color-icon.border-icon:hover {
background-color: #3e8dcc;
border-color: #3e8dcc;
}
.color-bg-icon.soc-tripadvisor, a.soc-tripadvisor.bg-icon:hover, .soc-tripadvisor.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-appnet, a.soc-appnet.bg-icon:hover, .soc-appnet.color-icon.border-icon:hover {
background-color: #494949;
border-color: #494949;
}
.color-bg-icon.soc-goodreads, a.soc-goodreads.bg-icon:hover, .soc-goodreads.color-icon.border-icon:hover {
background-color: #1abc9c;
border-color: #1abc9c;
}
.color-bg-icon.soc-tripit, a.soc-tripit.bg-icon:hover, .soc-tripit.color-icon.border-icon:hover {
background-color: #1982c3;
border-color: #1982c3;
}
.color-bg-icon.soc-lanyrd, a.soc-lanyrd.bg-icon:hover, .soc-lanyrd.color-icon.border-icon:hover {
background-color: #3c80c9;
border-color: #3c80c9;
}
.color-bg-icon.soc-slideshare, a.soc-slideshare.bg-icon:hover, .soc-slideshare.color-icon.border-icon:hover {
background-color: #4ba3a6;
border-color: #4ba3a6;
}
.color-bg-icon.soc-buffer, a.soc-buffer.bg-icon:hover, .soc-buffer.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-rss, a.soc-rss.bg-icon:hover, .soc-rss.color-icon.border-icon:hover {
background-color: #f26109;
border-color: #f26109;
}
.color-bg-icon.soc-vkontakte, a.soc-vkontakte.bg-icon:hover, .soc-vkontakte.color-icon.border-icon:hover {
background-color: #5a7fa6;
border-color: #5a7fa6;
}
.color-bg-icon.soc-disqus, a.soc-disqus.bg-icon:hover, .soc-disqus.color-icon.border-icon:hover {
background-color: #2e9fff;
border-color: #2e9fff;
}
.color-bg-icon.soc-houzz, a.soc-houzz.bg-icon:hover, .soc-houzz.color-icon.border-icon:hover {
background-color: #7cc04b;
border-color: #7cc04b;
}
.color-bg-icon.soc-mail, a.soc-mail.bg-icon:hover, .soc-mail.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-patreon, a.soc-patreon.bg-icon:hover, .soc-patreon.color-icon.border-icon:hover {
background-color: #e44727;
border-color: #e44727;
}
.color-bg-icon.soc-paypal, a.soc-paypal.bg-icon:hover, .soc-paypal.color-icon.border-icon:hover {
background-color: #009cde;
border-color: #009cde;
}
.color-bg-icon.soc-playstation, a.soc-playstation.bg-icon:hover, .soc-playstation.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-smugmug, a.soc-smugmug.bg-icon:hover, .soc-smugmug.color-icon.border-icon:hover {
background-color: #acfd32;
border-color: #acfd32;
}
.color-bg-icon.soc-swarm, a.soc-swarm.bg-icon:hover, .soc-swarm.color-icon.border-icon:hover {
background-color: #fc9d3c;
border-color: #fc9d3c;
}
.color-bg-icon.soc-triplej, a.soc-triplej.bg-icon:hover, .soc-triplej.color-icon.border-icon:hover {
background-color: #e53531;
border-color: #e53531;
}
.color-bg-icon.soc-yammer, a.soc-yammer.bg-icon:hover, .soc-yammer.color-icon.border-icon:hover {
background-color: #1175c4;
border-color: #1175c4;
}
.color-bg-icon.soc-stackoverflow, a.soc-stackoverflow.bg-icon:hover, .soc-stackoverflow.color-icon.border-icon:hover {
background-color: #fd9827;
border-color: #fd9827;
}
.color-bg-icon.soc-drupal, a.soc-drupal.bg-icon:hover, .soc-drupal.color-icon.border-icon:hover {
background-color: #00598e;
border-color: #00598e;
}
.color-bg-icon.soc-odnoklassniki, a.soc-odnoklassniki.bg-icon:hover, .soc-odnoklassniki.color-icon.border-icon:hover {
background-color: #f48420;
border-color: #f48420;
}
.color-bg-icon.soc-android, a.soc-android.bg-icon:hover, .soc-android.color-icon.border-icon:hover {
background-color: #8ec047;
border-color: #8ec047;
}
.color-bg-icon.soc-meetup, a.soc-meetup.bg-icon:hover, .soc-meetup.color-icon.border-icon:hover {
background-color: #e2373c;
border-color: #e2373c;
}
.color-bg-icon.soc-persona, a.soc-persona.bg-icon:hover, .soc-persona.color-icon.border-icon:hover {
background-color: #e6753d;
border-color: #e6753d;
}
.color-bg-icon.soc-amazon, a.soc-amazon.bg-icon:hover, .soc-amazon.color-icon.border-icon:hover {
background-color: #f90;
border-color: #f90;
}
.color-bg-icon.soc-ello, a.soc-ello.bg-icon:hover, .soc-ello.color-icon.border-icon:hover {
background-color: #000;
border-color: #000;
}
.color-bg-icon.soc-mixcloud, a.soc-mixcloud.bg-icon:hover, .soc-mixcloud.color-icon.border-icon:hover {
background-color: #314359;
border-color: #314359;
}
.color-bg-icon.soc-8tracks, a.soc-8tracks.bg-icon:hover, .soc-8tracks.color-icon.border-icon:hover {
background-color: #122c4b;
border-color: #122c4b;
}
.color-bg-icon.soc-twitch, a.soc-twitch.bg-icon:hover, .soc-twitch.color-icon.border-icon:hover {
background-color: #6441a5;
border-color: #6441a5;
}
.color-bg-icon.soc-airbnb, a.soc-airbnb.bg-icon:hover, .soc-airbnb.color-icon.border-icon:hover {
background-color: #ff5a5f;
border-color: #ff5a5f;
}
.color-bg-icon.soc-pocket, a.soc-pocket.bg-icon:hover, .soc-pocket.color-icon.border-icon:hover {
background-color: #ed4055;
border-color: #ed4055;
}
a.social-icon {
color: #bebebe;
}
a.border-icon {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px 12px;
margin-bottom: 4px;
}
a.border-icon:before {
font-size: 14px;
line-height: 16px;
}
a.bg-icon {
color: #fff;
background-color: #808080;
padding: 11px 12px;
margin-bottom: 4px;
}
a.social-icon.color-icon:hover {
color: #1f232b;
}
a.social-icon.bg-icon:hover {
color: #fff;
}
a.color-bg-icon {
color: #fff;
background-color: #1f232b;
margin-bottom: 4px;
padding: 15px 16px;
}
a.color-icon:hover {
color: #1f232b;
}
a.color-icon.border-icon:hover {
color: #fff;
}
.darklinks a.social-icon {
color: #1f232b;
border-color: #1f232b;
}
.demo-icon {
display: inline-block;
text-align: center;
padding: 15px 20px 10px;
}
.demo-icon span {
display: block;
}
.demo-icon .name {
font-size: 1.01em;
font-weight: 700;
}
.demo-icon a[class*="soc-"] {
font-size: 24px;
margin: 10px 0 0;
}
.social-icons-demo [class*='col-'] a[class*="soc-"] {
margin: 10px;
}
/*
isotope portfolio and gallery pos
*/
.gallery-item {
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-icon img {
display: block;
margin: 0 auto;
width: 100%;
}
.gallery-caption {
display: block;
padding: 0.5em;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-
caption {
display: none;
}
@media (max-width: 600px) {
.team--section .row {
display: block;
}
.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-caption, .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7
.gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
}
.isotope_container {
-webkit-transition: height 0.2s ease-in-out 0s;
transition: height 0.2s ease-in-out 0s;
}
.single-post .isotope_container {
margin: 20px 0;
clear: both;
}
/*# sourceMappingURL=main.css.map */
@media (max-width: 768px) {
.aboutSection .row{
display:flex;
flex-direction:column-reverse;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 50%;
height: auto;
}
h3.section_header,.section_header {
font-size:25px;
}
.FlowChart img {
max-width: 70% !important;
}
}
@media (max-width: 810px) {
.member-description p{
font-size: 12px !important;
line-height: 1 !important;
text-align: center !important;
}
.isotope-item.item-layout-item-extended {
width: 55%;
}
.qoc .row,.DORP .row{
display:flex !important;
flex-direction:column-reverse !important;
}
}
@media (max-width: 801px) {
.qoc .row,.DORP .row{
display:flex !important;
flex-direction:column-reverse !important;
}
.imageClass .col-xs-12.col-md-6{
text-align:center;
}
.aboutSection .row{
display:flex;
flex-direction:column-reverse;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 50%;
height: auto;
}
}
@media (max-width: 600px) {
.isotope-item.item-layout-item-extended {
width: 100%;
}
h3.section_header,.section_header {
font-size:22px;
}
.Accoridon02 li.active{
width:100%;
}
.Accoridon02 a{
width:100%;
}
.Accoridon02 .nav-tabs > li + li , .Accoridon02 .nav-tabs > li{
width:100%;
margin-left:0px;
}
}
@media (max-width: 480px) {
.fw-main-row.ls.ms.section_padding_top_150.section_padding_bottom_130.columns_padding_15.parallax.Accoridon02 {
padding: 15px !important;
}
.extra-heading {
font-size: 60px !important;
top: 15px;
padding-right: 15px !important;
}
}
@media (max-width: 320px) {
.extra-heading {
font-size: 45px !important;
top: 15px;
padding-right: 15px !important;
}
.Accoridon01 li.active{
width:100%;
display: flex;
}
.Accoridon01 a{
width:100%;
}
.Accoridon01 .nav-tabs > li + li , .Accoridon01 .nav-tabs > li,.Accoridon01 .ls .nav > li > a {
width:100%;
margin-left:0px;
display: flex;
}
.Accoridon02 .nav-tabs > li > a {
padding: 8px;
display: block;
}
.FlowChart img{
max-width:100% !important;
}
}
.contactForm .text-block {
background: rgba(255, 255, 255, 0.7);
padding: 50px 25px 50px 25px;
border-radius: 15px;
}
.contactForm input.wpcf7-form-control.has-spinner.wpcf7-submit.theme_button.topmargin_10.wide_button
{
display:block;
margin:0 auto;
}
.FlowChart img{
max-width:50%;
}
.quick_form_25_css form {
padding-bottom: 0px !important;
}
.header_right_buttons a.theme_button.inverse.color1{
}
h3.widget-title {
text-align:center;
}
}
.header_right_buttons a.theme_button.inverse.color1{
display:block;
}
Renewable energy has emerged as an important driver in tackling global issues such as climate change and environmental degradation. As a recent graduate, you have a unique chance to contribute to this changing business while establishing a satisfying career that benefits the globe. This guide will give a detailed road map for building a career in renewable energy.
Understanding Renewable Energy
The energy produced from replenishing sources is known as renewable energy. Solar, hydro, wind, geothermal, and bioenergy are some of the most popular energy forms emerging as successful careers. The vast differences in these energies, their benefits, limitations, and possibility of adoption are crucial to understanding for any fresh graduate looking to establish a successful career.
When we compare renewable energy to fossil fuels, several benefits come to light. Diversifying the energy mix lowers carbon emissions considerably, boosts energy security, and improves air quality. Your resolve to pursue a career in renewable energy will be strengthened by your knowledge of these advantages and this industry’s wider environmental, social, and economic ramifications.
Globally, the market for renewable energy is expanding remarkably. As per the 2023 report of Grand View Research, the global renewable energy market is projected to grow at a CAGR of 16.9% by 2030.
Certain elements fuel this growth, including rising public support, business investment, and consumer demand for sustainable energy. By investigating current industry trends and growth estimates , you may find industries, geographical areas, and market trends that provide opportunities for professional progression. With this information, you may match your professional objectives to the sector’s changing demands.
Building a Career in Renewable Energy: Different Paths
The growing renewable energy market offers numerous career options to people pursuing this field. However, each career option has a different path and responsibilities. Here are some of the most common careers in the renewable energy industry:
Engineering: Renewable energy engineers are responsible for designing, developing, and implementing clean energy solutions. Each renewable energy type has a unique system desiring distinct solutions for optimal performance. Engineers ensure the offered solutions integrate reliably into the systems while increasing efficiency.
Project Management: Projects using renewable energy demand efficient coordination, planning, and implementation. Initiatives for renewable energy are developed and implemented under the supervision of project managers, who guarantee that the projects are finished on schedule, within budget, and by legal criteria. To guarantee effective project delivery, they collaborate closely with cross-functional teams of engineers, financial experts, and stakeholders.
Research and Development: Renewable energy is a relatively new field requiring extensive research and development to devise new solutions and improve traditional systems. R&D professionals overlook experiments and data analysis while collaborating with other experts to enhance the system’s efficiency.
Policy and Advocacy: At the local, national, and international levels, policy and advocacy specialists are crucial in developing laws, regulations, and incentives for renewable energy. They collaborate with governmental bodies, charitable institutions, and trade organizations to create and advance policies that encourage the use of renewable energy. Careers in this area include policy analysts, lobbyists, and sustainability consultants.
Finance: To get funds, determine the profitability of projects, and manage financial risks. The renewable energy business needs financial skills. Renewable energy finance experts construct financial models, research investment prospects, and get funding for sustainable energy initiatives. They collaborate closely with project developers, investors, and financial institutions to ensure that renewable energy initiatives are financially sustainable and profitable.
Each professional path in the renewable energy industry calls for a certain set of abilities and credentials. For instance, a renewable energy engineer requires a solid foundation in arithmetic, physics, and applicable engineering principles, whereas project managers must be well organized with strong leadership qualities. An individual’s competencies can help determine their educational and professional growth.
New employment profiles and specialties are constantly emerging due to the sector’s evolution. For instance, data analytics, sustainable urban planning, energy storage and grid integration, and green financing are becoming more well-known. You can position yourself as a valued asset to the industry and proactively be ready for the changing employment market by staying updated about these developing positions. Look at these new positions and decide which fits your skills and interests.
Renewable energy recruiting firms are always worth checking out to stay updated with the current requirements and in-demand skills employers are finding in candidates.
Job Searching and Career Advancement
Building a career in renewable energy requires proper placement in the job sector and goes beyond an individual’s education. You can follow different tips and tricks to ensure a successful career by finding a worthwhile job in the industry.
Optimizing Your Online Presence and Networking
A good online presence is essential for job hunting and career progression in the modern digital era. Make a polished LinkedIn profile that showcases your knowledge, expertise, and passion for renewable energy. Engage in conversation and remain current on industry news by actively participating in relevant online communities, forums, and social media groups. I
n the field of renewable energy, networking is essential, and making valuable business contacts may open doors to employment and professional advancement.
Tailoring Resumes and Cover Letters for Renewable Energy Roles
In the job application process, resumes and cover letters are essential instruments. Highlight your relevant education, internships, research projects, and any other experiences that show your dedication to and familiarity with the area in these papers that are particularly tailored for renewable energy positions.
Furthermore, ensure all your application materials are tailored to the specifications and obligations listed in job advertisements. Your chances of catching the attention of hiring managers and landing interviews rise with this focused strategy.
Preparing for Interviews in the Renewable Energy Industry
Interviews allow you to demonstrate your expertise, abilities, and enthusiasm for renewable energy. Research typical renewable energy interview questions and prepare thoughtful, educated replies. Learn about the company you are interviewing with, including its goals, initiatives, and successes in renewable energy.
In addition, test your technical knowledge, problem-solving skills, and comprehension of the effects of renewable energy on the environment and society by completing practice problems. Your confidence will rise due to your thorough interview preparation, making you a good contender for the job.
Professional Development and Career Advancement
Regardless of where you stand today in the renewable energy market, you can always progress or regress depending on your relevance. To ensure a successful career, you must always look for professional development opportunities and focus on career advancement instead of staying with your initial job because of comfort.
Continuous Professional Development in Renewable Energy
Your ability to remain competitive and relevant in renewable energy depends on your commitment to continued professional development. Participate in chances for ongoing learning, such as seminars, graduate school, and training programs tailored to your sector. It’s also crucial to keep up with the most recent developments, trends, and regulatory shifts in the ever-evolving renewable energy sector.
Moreover, adopt a growth mentality and seize the chance to improve your abilities, increase your knowledge, and sharpen your skills. You can also check renewable energy recruiting firms and learn what talents and skills employers seek.
Resources for Skill Enhancement and Advanced Education
Many resources are accessible to improve one’s knowledge and pursue additional education in renewable energy. In renewable energy technology, legislation & regulations, project management, and sustainability, reputable online learning environments provide specialized courses, certificates, and degree programs. Find resources by researching and matching them to your hobbies and professional aspirations.
Utilize these tools to broaden your knowledge, learn new skills, and improve your employment chances.
Potential Career Advancement Paths
There are many prospects for job progression in the renewable energy sector. Think about prospective career routes for advancement as you gain knowledge and experience. This can entail assuming leadership positions, specializing in particular parts of renewable energy, or even starting your own business.
Moreover, set long-term objectives and create a plan to direct your career. You can continue to develop, contribute, and influence the renewable energy industry by taking the initiative to progress your career.
Strategies for Growth Within the Renewable Energy Sector
To achieve sustained growth in the renewable energy sector, consider the following points:
Develop a comprehensive strategy:
Identify your goals and create a roadmap for your career growth in renewable energy.
Set clear objectives and milestones to track your progress.
Network with industry professionals:
Attend industry events, conferences, and seminars to connect with like-minded individuals.
Build relationships with professionals already established in the renewable energy field.
Join online communities and participate in discussions to expand your network.
Seek mentorship:
Find experienced individuals in the industry who can provide guidance and insights.
Learn from their experiences and leverage their knowledge to accelerate your growth.
Engage in industry associations and organizations:
Join relevant industry associations and organizations that focus on renewable energy.
Actively participate in their activities, events, and committees to stay current.
Research top renewable energy recruitment companies to learn about the latest employer demands.
Collaborate on projects and initiatives:
Look for chances to work with others on creative projects and sustainable development programs.
Contribute your knowledge and abilities to further progress in renewable energy.
Stay updated with new developments in technology, governmental changes, and market trends:
Keep up with the most recent innovations and changes in the renewable energy sector.
Monitor policy changes and regulations that impact the industry.
Stay abreast of market trends and consumer preferences to identify new opportunities.
Continuously refine your skills and expertise:
Invest in continuous learning and professional development opportunities.
Attend workshops, webinars, and courses to expand your knowledge and skills.
Stay curious and adaptable to stay competitive in a rapidly evolving industry.
Overcoming Challenges and Making an Impact
Building a career in renewable energy isn’t a straightforward path. You’ll come across various obstacles and challenges that may impede your growth. However, evaluating your challenges, limitations, and resources can aid in developing a strategy and moving forward in the industry.
Challenges Faced by Recent Graduates
Navigating the renewable energy sector as a recent graduate has its fair share of challenges. The growing sector has increased in demand leading to extensive competition for even the basic-tier jobs. Moreover, lacking practical experience can hinder the job application process or slow career growth.
Overcoming Challenges in Renewable Energy Careers
While obstacles do exist, there are tried-and-true solutions that can help you thrive in professions in renewable energy. Create a powerful personal brand highlighting your knowledge, successes, and beliefs. Attend conferences, seminars, and events in your sector to grow your professional network.
Besides that, utilize your transferable skills from other fields and show how you can use them to make a real difference in employment involving renewable energy. Be flexible and willing to learn from failures since they frequently present chances for learning and new perspectives.
Making a Positive Impact in the Renewable Energy Sector
Building a career in renewable energy is beyond an individual’s personal success. Making a difference for society and the environment is also important. It is crucial to emphasize the necessity of coordinating your professional aspirations with sustainability to advance efforts that encourage the use of renewable energy.
Look for chances to contribute to initiatives addressing energy poverty, environmental justice, and community empowerment. Making a difference helps address global issues, inspires others, and builds a more sustainable future.
Whitham Group Is One of the Largest Renewable Energy Recruiting Firms Worldwide
Building a career in renewable energy is a chance for substantial personal development, professional advancement, and positive influence. You can offer solutions for climate change, promote sustainability, and accelerate the transition to a clean energy future by working in this sector, one of the gleaming hopes for this world.
Fresh graduates interested in renewable energy must take advantage of the available opportunities. To establish a successful career in renewable energy, embrace continual learning, networking, and personal growth. Your efforts can help influence the industry’s future and make the planet a more sustainable place for future generations.
At Whitham Group , we work with global renewable energy businesses to assist them in hiring ideal candidates for their companies. We’re one of the world’s largest renewable energy recruiting firms, with years of experience in aiding firms in building a team that’s well aligned with the company’s values and vision.
Want to hire the best fresh talent for your company? Visit our website or contact us for more details on our renewable energy recruitment services .
The energy sector offers an unprecedented opportunity for job growth and is playing a key role in bridging the gender gap, including more and more women in the fight against global warming. The sector is expected to more than double the number of jobs by 2050, ensuring these opportunities are equally accessible and offer fairly distributed benefits, promoting the inclusion of women in renewable energy.
However, many countries still have an unsatisfactory situation with male-dominated energy sectors. Organizations like the World Bank, IRENA (International Renewable Energy Agency), IISD (International Institute for Sustainable Development), and others are working to bridge this gap and include more and more women to accelerate the impact of policies and achieve sustainability in its true sense.
So what is the role of women in renewable energy? What policies are in place to bridge the gender gap? And are these policies effective? Let’s find out!
The Role of Women in Renewable Energ y
The energy sector is booming, as is the presence and role of women in the area. Worldwide, the role of women in renewable energy is believed to accelerate the building of a sustainable future through their talent and unique perspective. No wonder energy recruiters are keen to add women to their teams.
IRENA’s Report
The gender dimension in the renewable energy sector is a crucial area of interest in IRENA’s analytical work. The objective is to inform political decision-makers, industrialists, and development actors to raise awareness of the importance of integrating the gender dimension in renewable energy projects and policies.
According to the agency, the energy transition can stimulate economic development and create jobs. The renewable energy labor market reached about 12 million jobs in 2020, which is expected to nearly quadruple by 2050.
The photovoltaic (PV) sector is the largest employer among the renewable energy sectors, accounting for about 4 million jobs. The renewable energy sector will remain a main driver of growth and employment, with an estimated 15.5 million jobs by 2050.
IRENA reports a growing presence of women (40%) in the photovoltaic industry. There’s no area in the sector where women are not making their mark, be it research, design, or engineering. In fact, more and more women are contributing to renewable energy solutions, from designing solar panels to developing new wind turbine technologies.
The agency, however, also points to the still prevailing gender gap in the renewable energy industry as a whole. It estimated that women are significantly underrepresented in the energy sector, making up less than a quarter of the overall energy workforce and around a third of the workforce in the renewable energy sector.
It considers that without the full engagement of women, the growth of renewable energies will be below its potential. If the solar industry does not include a gender perspective to integrate more women, it will deprive itself of a large pool of talent.
Additionally, the sector will miss the opportunity to create a better working environment for all employees, as having more women in the workplace has been proven to improve organizational culture and foster engagement and employee loyalty.
Advancing toward gender equality contributes to achieving all the SDGs, which increases the importance of working at all times with a gender perspective and inclusion. But the role of women in renewable energy remains to be an untapped potential, and they are still underrepresented in the industry.
In 2019, IRENA published a study highlighting women’s absence in the energy sector. The study highlights that women comprise only 32% of the renewable energy production workforce and 22% of the fossil industry workforce.
Despite the fact that it is a better number, the participation of women is still insufficient in the sectors, more so when we do an analysis of the jobs. Even if the renewable energy recruitment companies hire more and more women in renewable energy, they are still confined to positions involving administrative tasks rather than technical ones: women fill only 28% of engineering positions against 45% of administrative positions.
In addition, due to their low wages compared to men, women are more affected by climate change as head of the household. Therefore, they should be given equal opportunities to become integral to the energy transition.
Role of Women in Renewable Energy in STEM Positions
The percentage of women is much lower than men in STEM positions (English Science, Technology, Engineering, and Mathematics). This means that a very small proportion of women work in positions such as engineers, technicians, or research in the energy area worldwide.
The most worrying thing is that the percentages are further reduced in management positions, so it is evident that decision-making in energy matters does not include a gender perspective overall. Although some countries at the forefront of breaking this glass ceiling and bridging the gender gap have witnessed a change, there’s still a lot to work on, particularly in countries where the situation is worst.
Unfortunately, the inequality for women in renewable energy often goes unnoticed. Statistics show that only 40% of men consider there are barriers to decision-making and elaboration of energy policies, unlike the 75% of women who consider this.
To achieve an energy transition, the gender equality factor must be included in all the plans intended to be implemented, which is why it is one of the SDGs. It is key to achieving a green transition that allows us to adapt and be more resilient to climate change. In addition, multiple studies have indicated that climate change affects women more due to various factors, from food security, discrimination, access to energy, health problems, and so on.
Speaking of access to energy, women are more affected than men, and statistics indicate that they suffer more from energy poverty. For example, in rural areas, they are the main energy providers for heating their homes, so they are more likely to develop respiratory diseases due to the fuel they use to power their homes, from firewood, coal, and kerosene, among others. In addition, they spend nearly 50% of their income just to cover basic heating and cooking needs barely.
The Presence of Women in Renewable Energy Is Growing, but It’s Still Lacking in Management Positions
The female presence in the energy industry has expanded, and energy recruiters are increasingly looking for female talent thanks to the growth of the renewable energy sector, the evolution of society itself, and the increase in women in technical careers. Experts from the International Energy Agency state this, although they are also clear that there is still a long way to go, especially regarding women’s access to positions of power.
As they explain, the increase in female presence in the energy industry in the last ten years has been estimated at 29.6%. Said increase, together with a drop in male affiliation, has placed female employment at 27% of the total for the sector, with a development of almost seven points in recent years. The data is not different from the worldwide study by IRENA.
However, despite these positive data, women’s access to decision-making positions continues to be low in the renewable sector, with only 17% of women in senior positions management positions in photovoltaic and only 8% in wind power. Globally, the IEA points out that only one in five positions in the energy sector is held by a woman.
For all these reasons, the evolution towards a more egalitarian society has opened the way for women to both activities and studies traditionally reserved for men.
However, women themselves are seeking to change their history. In the search to have the same rights of access to energy or equal influence in the electrical industry, women worldwide are making real changes in their communities and their workplaces.
In engineering schools linked to energy, the female presence is increasing. As a way of improvement, experts stress the importance of showing young women leaders in the profession they want so that they know that it is possible to dedicate themselves to what they like, regardless of their gender.
In addition, renewable energy recruiting companies also have to play their part by providing equal opportunities to women in the field. Renewable energy recruiters, firms, NGOs, and institutes worldwide have already been contributing to this cause and have set examples by having women in leading positions who, being protagonists of this energy and social transition, have been able to bridge the gender gap in the world of renewable energy.
Great Examples of Women in Renewable Energy
From the access point of view, solar energy is an energy ally for many women because its application in isolated systems or microgrids lends itself more to self-management (unlike other types of energy). From the field of professional development, there are also more women working in the solar energy sector, specifically photovoltaic, as indicated in IRENA’s report.
This is a big step, and it speaks of the fact that solar energy could be a great ally to link gender and energy equality, being the type of energy that will face climate change.
Some of the prominent women in renewable energy include:
Denise Gray, President of LG Energy Solutions, made the lithium-ion battery system’s development and implementation in the Chevrolet Bolt Hybrid possible.
Lisa Davis, Siemens Energy’s former CEO and board member, led the company toward sustainability and renewable energy.
Yolanda Mabuto of Divaine Growth Solutions has been contributing to facilitating the use of renewable energy in South Africa and fighting gender inequality since 2016.
Judith Marera of the Zimbabwean company Lanforce Energy is also fighting for women’s financial independence, promoting low-cost renewable energy.
The Jordanian company, Maysoon Al-Khuraissat, promotes the inclusion of women architects and engineers in the construction and implementation of sustainable solutions.
Women have indeed marked their presence in the sector. But this can also be seen in underprivileged areas.
Important movements have emerged, such as the Solar Sisters in Africa, for years. Women from rural communities and with high levels of marginalization who found solar energy a self-employment mechanism can now generate income, improve the standard of living of their families, and sell solar lamps in their communities. In addition, by being self-employed, they contribute to the economic development of their surroundings. Having lighting at night, many women can take advantage of more time to work, which was impossible before.
Something similar in India is with the Solar Mamas , women of middle and old age who are trained as solar engineers to install and maintain solar panels. Yes, we are talking about women without formal education becoming solar engineers. This no longer only covers the area of India. Even Mayan women have gone to be trained to apply this knowledge in their communities in Mexico.
Stories like these inspire us to continue in the fight against climate change. As women have a heavier burden because they continue in an unequal society, so they will continue to seek to place themselves in spaces seeking recognition, representation, and equality.
Final Thoughts
Despite much progress, gender inequality still exists, and the energy sector has been unable to escape it. The data speaks the truth. Renewable energy companies, energy recruiters, NGOs, and governmental and non-governmental bodies can break this glass ceiling, increasing the presence of women in renewable energy if they work together.
Plus, there’s also a need to influence decision-making, the economic system, and energy autonomy so that all those women who remain in energy poverty have the same rights to quality of life and be able to overcome these barriers that prevent them from developing economically from the north to the south.
The Whitham Group has been at the forefront of bridging the gender gap and is a witness to more and more women joining the field. Headquartered in San Fransisco Bay Area, Whitham Group is one of the leading executive recruiters in the energy industry, providing top-notch recruiting services to companies to help them find the right talent.
Get in touch today to learn more!
Concerns about climate change, energy security, and economic development have fueled an international movement toward renewable energy sources. The growth of renewable energy sources such as solar, wind, hydro, and geothermal power has tremendous potential for lowering greenhouse gas emissions and dependency on fossil fuels.
Realizing this potential, however, necessitates a professional and knowledgeable workforce capable of planning, constructing, running, and sustaining renewable energy systems. Workforce development programs can help to meet this need by providing training and education to workers who want to enter the renewable energy field.
Learn all about workforce development programs in renewable energy and their challenges and opportunities.
What Are the Requirements for Skilled Renewable Energy Workers?
The renewable energy business needs a wide spectrum of professional engineering, building, operations, and maintenance personnel. Because of the technological complexity of renewable energy systems, specialist knowledge and experience are required. On the other hand, renewable energy workforce development initiatives have their own set of obstacles and opportunities.
The renewable energy business needs a wide spectrum of professional engineering, building, operations, and maintenance personnel. Because of the technological complexity of renewable energy systems, specialist knowledge and experience are required.
For workforce development initiatives, the renewable energy industry presents obstacles and opportunities. Let’s look at some of the major difficulties and prospects in this field:
Challenges and Opportunities for Workforce Development Programs
The renewable energy sector presents obstacles and opportunities for workforce development initiatives. Let’s look at some of the major difficulties and prospects in this field:
Challenges
Lack of Skilled Workers
One of the key issues is the need for more experienced people with the specific expertise necessary for the renewable energy business. As renewable technologies progress and expand, there is an increasing demand for professionals educated in solar panel installation, wind turbine maintenance, grid integration, and energy storage systems.
Limited Standardized Training
The need for standardized training programs makes workforce growth difficult. The renewable energy market includes a wide range of technologies and disciplines, making it challenging to provide consistent training requirements. This lack of consistency can harm the quality and trustworthiness of training programs.
Inadequate Awareness and Perception
Many people, including students, job seekers, and career counselors, may need to be aware of the potential in the renewable energy field. Furthermore, outmoded conceptions of renewable energy employment as low-paying or with few growth opportunities may discourage potential individuals from pursuing careers in the industry.
Financing and Financing
Adequate financing is required to establish and maintain comprehensive workforce development initiatives. Inadequate funding can limit the breadth and efficacy of training activities. Securing long-term funding for training programs remains a critical barrier to renewable energy workforce development.
Uncertainties in the Renewable Energy business
Rapid technical breakthroughs and changing regulatory environments can create uncertainties in the renewable energy business. Shifting laws, incentives, and rules can impact the demand for certain skills and certifications, making it difficult for workforce development programs to stay up and match their training offerings properly.
Rapid Technical Developments
Rapid technical developments define the renewable energy sector. It can be difficult to keep up with these developments and ensure that workforce development programs give training on the latest technology. Training materials and curricula must be updated and revised regularly to keep up with changing industry demands.
Evolving Skill Needs
As renewable energy technology advances, so will the skill needed for various employment categories. Workforce development programs must be adaptive and flexible to address increasing skill shortages and provide workers with the information and skills required to meet changing industry needs.
Lack of Qualified Instructors
Finding and retaining qualified instructors and trainers with specific knowledge of renewable energy technology might be difficult. The fast expansion of the sector and the need for trained personnel can outstrip the supply of experienced specialists who can act as teachers in training programs.
Certification and Accreditation
Developing accepted certification and accreditation systems in the renewable energy sector may be difficult. Creating industry-accepted standards for skills and credentials helps to guarantee that trained personnel have the required competence and can satisfy industry expectations. However, establishing and sustaining such standards across different technologies and areas may be difficult.
Opportunities
Green Job Creation and Economic Growth
Renewable energy workforce development initiatives can provide new job opportunities while contributing to economic growth. As the industry grows, a greater workforce is required to support production, installation, operations, and maintenance activities. This expansion can boost local economies and create ongoing job opportunities.
The shift to renewable energy sources increases the demand for trained professionals in various industries, including solar, wind, hydro, and geothermal. Workforce development efforts that provide training and prepare workers for these new green career prospects can help bridge the skills gap.
Regional Improvement
Renewable energy workforce development initiatives can help with economic development and regional development. These initiatives may stimulate local economies, generate job opportunities, and drive sustainable development by attracting investment in renewable energy projects, educating local employees, and supporting the expansion of allied companies.
Diverse Skill Sets and Interdisciplinary Collaboration
The renewable energy business includes various disciplines such as engineering, construction, project management, policy formulation, and data analytics. Workforce development programs may help people build a varied skill set while encouraging interdisciplinary cooperation and creativity in the workplace.
Green Skills for Conventional Sectors
Renewable energy allows people in conventional sectors to learn new skills and migrate into the clean energy industry. Workers with experience in conventional energy sectors, such as coal or oil, can, for example, participate in training programs to learn the skills required for renewable energy occupations, providing a more seamless workforce shift.
Industry and Academia Working Together
Effective collaboration between business and academic institutions helps bridge the renewable energy sector’s theoretical and practical knowledge gaps. Partnerships may help students and employees get hands-on experience and industry-relevant skills through facilitating curriculum development, internships, apprenticeships, and research partnerships.
Inclusion and Diversity
Workforce development initiatives allow for the promotion of diversity and inclusion in the renewable energy sector. These programs may build a more diverse and inclusive workforce by aggressively recruiting and educating employees from understated groups, including women and minorities, resulting in increased creativity and expanded views.
Innovation and Entrepreneurship
Workforce development initiatives can help to stimulate innovation and entrepreneurship in the renewable energy sector. These programs empower individuals by providing the essential skills and expertise to create and implement new ideas and technologies, driving innovation, and developing the renewable energy sector.
Collaboration With Industry Stakeholders
Collaboration between workforce development programs and industry stakeholders, such as renewable energy firms and trade groups, allows training programs to align with industry demands. Partnerships with industry may give significant insights into the specific skills and competencies needed, ensuring that training programs stay relevant and successful.
Transition to a More Sustainable Workforce
Renewable energy workforce development initiatives can help workers shift from traditional energy industries to the clean energy economy. These initiatives help people transfer their skills to the renewable energy sector by providing retraining and reskilling possibilities, ensuring a just and sustainable workforce transformation.
Tips to Overcome the Challenges in the Workforce Development Programs in Renewable Energy
There are several opportunities to overcome these challenges, including:
Increased funding: Governments and businesses can increase funding for workforce development programs, allowing them to provide more training and education to workers.
Improved coordination: Workforce development programs can be coordinated more effectively, making it easier for workers to find the necessary training and education.
Increased awareness: Workers can be made more aware of the benefits of workforce development programs, which would encourage them to participate.
Here are some suggestions for renewable energy workforce development programs:
Diversity should be prioritized: Workforce development initiatives should attempt to recruit persons from underrepresented groups. It may be accomplished through collaborating with community groups, promoting minority media, and providing scholarships and financial aid.
Provide inexpensive training: Workforce development initiatives should provide affordable training opportunities to people of all backgrounds. Examples include online courses, evening and weekend programs, and payment options.
Be adaptive: Workforce development programs should be versatile and flexible to satisfy the ever-changing demands of the renewable energy sector. It might involve giving training on new technology, continuing education, and assisting employees in finding work.
Partner with employers: Workforce development programs can partner with employers to identify the skills in demand and build training programs that meet those needs.
Offer flexible training options: Workforce development programs can offer flexible training options, such as online courses, evening and weekend classes, and self-paced learning, to make it easier for workers to fit training into their busy schedules.
Financial assistance: Workforce development programs can provide financial assistance to help workers pay for training.
Track the outcomes of training: Workforce development programs can track the outcomes of training to ensure that workers are getting the skills they need and that they can find jobs in their field.
Final Thoughts
The difficulties and possibilities surrounding renewable energy workforce development initiatives are critical to reaching a sustainable energy future. The move to renewable energy sources is fraught with difficulties, such as a shortage of competent personnel, a lack of standardized training, knowledge of employment options, finance limits, and regulatory uncertainty. These issues, however, may be solved by strategic actions.
The sector may overcome its obstacles by recognizing the need for competent renewable energy employees and adopting extensive training programs, industry collaborations, and legislative assistance. Investing in workforce development programs solves the skilled labor shortage and promotes job creation, economic growth, and regional development. Furthermore, these initiatives can increase the renewable energy industry’s diversity, inclusiveness, and creativity.
To fully realize the benefits of renewable energy, stakeholders such as governments, educational institutions, industry leaders, and training organizations must work together and commit to a long-term endeavor. Workforce development initiatives can generate a qualified and diverse workforce that will push the renewable energy revolution forward by offering accessible and up-to-date training, creating recognized certificates, and assuring equitable access to opportunities.
Renewable energy is a critical component of a sustainable future. We can cultivate a skilled workforce capable of supporting the growth and success of the renewable energy industry while also contributing to a cleaner and more sustainable planet for future generations by addressing the challenges and capitalizing on the opportunities through well-designed workforce development programs.
Adapt the Latest Renewable Energy Strategies in 2023
A multifaceted strategy is required to address the problems and capitalize on the potential of renewable energy workforce development. Collaboration is required among government agencies, educational institutions, industry representatives, and training groups.
Workforce development initiatives may help to generate a trained and sustainable workforce in the renewable energy sector by investing in comprehensive and adaptive training programs, developing collaborations, and addressing regional imbalances.
Innovations in renewable energy trends cannot go unnoticed now. Businesses are now extensively focused on producing and using clean and sustainable energy to overcome the devastating effects of climatic change.
With improvements in hardware such as state-of-the-art photovoltaics and offshore wind energy production to reliance on artificial intelligence and data analytics, renewable energy production, storage, and distribution have come a long way.
While several challenges still hamper the transition from fossil fuels to renewable energy sources, the recent trends look promising.
However, one challenge green energy companies may experience is recruiting the right talent for their business.
Whitham Group can assist if you’re a responsible energy company looking forward to recruiting talent that can help your business navigate the ever-changing renewable energy landscape.
We are a leading renewable energy recruitment company committed to helping businesses attract and retain top talent in various business environments.
So, what are you waiting for?
Contact our team of experts today as We Find Talent That’s Off the Grid ™.
Renewable energy is at the forefront of innovation, and the technology for renewable energy is advancing every single day. As such, the global market for renewable energy is worth an incredible amount. In 2020, the market was estimated to be worth USD 881.7 billion , with the value forecasted to soar to USD 1,977.6 billion by 2030. The entire industry continues to expand every day and grow despite the various constraints it has to deal with.
Along with the growth of the renewable energy industry, there is also significant growth in the work opportunities in the industry. Along with rapid technological advancements, a global push for battling Global Warming and reducing countries’ carbon footprint, as well as favorable governmental policies, we can guarantee that the industry will continue to grow and work opportunities will grow hand in hand.
The Myths About the Renewable Energy Industry
While the interest in renewable energy grows and the industry continues to gain traction, many people out there have doubts. This is partly due to the multiple myths about the renewable energy industry that people fall prey to. There are also several damaging myths about working in the renewable energy industry that deter people from taking on jobs in the sector and trying to build careers in renewable energy. These myths are a major cause for holding back the industry’s growth and the incidences of people switching careers to join the industry.
Let’s look at the top 7 myths about the renewable energy industry and working in the industry and how these myths are simply not true.
Myth 1: Skills Cannot be Translated to Jobs in the Renewable Energy Sector
With so much of the public’s attention being focused on reducing the global carbon footprint and mitigating the effects of Global Warming, now is the best time to switch from your current career to one in the renewable energy industry.
However, the idea that skills cannot be translated into a job in the renewable energy industry holds back many people from making the switch. However, this is not entirely true. While you may require additional training for renewable energy engineering or construction and installation, there are many other skills that are and can be transferrable. For example, if you choose to go into communications, business administration, finance, or project management roles in the industry, your skills from your previous jobs will definitely help you succeed in your new roles in the renewable energy sector.
Myth 2: There is Less Stability Working for New Companies as Compared to Well-Established Companies
It isn’t untrue that a handful of companies have historically led renewable energy. This is because the industry is relatively new and was once considered a niche segment of the energy industry as a whole. Some of the biggest companies in the renewable energy sector include Canadian Solar Inc., Brookfield Renewable Corp., Siemens Gamesa Renewable Energy SA, and NextEra Energy, Inc., amongst others. While many people shifting to renewable energy would prefer to work for one of these bigger companies in a bid to have more job stability, it is definitely a myth that a newer company could not offer you the same level of stability.
Newer companies are more likely to be hiring and offer great opportunities for kick-starting a career in the renewable energy industry. And, as the industry as a whole continues to grow, many companies expect to receive significant funding in the future and expand their efforts, thereby offering employees significant opportunities to grow their careers.
Myth 3: The Salaries in the Renewable Energy Industry Are Not Competitive
While making a big career change, it is not unreasonable that people consider many different factors that come into play, with one of those factors being the salary they receive for their time. Renewable energy is one of the biggest job creators in the US, yet one of the common myths about the renewable energy industry is that salaries are not competitive.
This is not true at all. In fact, most people who transition to jobs in the renewable energy sector find their new salary is either higher or around the same after making the switch. To give you an idea of how much different jobs in the industry pay, we have gathered some numbers for you to consider. An environmental technician can earn an average of $50,000 per year, an urban planner can earn up to $67,000 per year, a solar installer can earn $70,000 per year, and a sustainability engineer can earn up to $97,000 per year. These are just a few examples, but it is important to note that the kinds of work that can be done in the renewable energy industry vary widely and that the salaries can also vary according to the role you take on. So, it would be unfair to say that salaries are not competitive.
Myth 4: There Aren’t Many Job Opportunities in Renewable Energy
The goal of clean energy and a net-zero future would be unachievable without more and more people rallying behind the cause. This means that in order to achieve this goal, the renewable energy industry is growing significantly, and with that growth, there have been new companies cropping up and old companies expanding rapidly. As we have mentioned before, the industry is expected to grow significantly in the next decade, and with this, many more job opportunities will open up.
The myth that there aren’t many job opportunities in renewable energy simply isn’t true. While the industry would be nowhere without environmental scientists, engineers, and technicians, there are many more jobs associated with the industry that need to be done. For example, every renewable energy company needs people to fill the roles of business administration, finance and accounting, human resources, communications, and so on. While these jobs may not be directly linked to the energy production or distribution side of things, they are still absolutely necessary jobs that are needed to keep the industry running. As such, there is no shortage of jobs to work.
Myth 5: You Need a Degree in Engineering or a Bachelor of Science to Get Into the Industry
A bachelor of science or some other equivalent degree in engineering is the required minimum education needed to become a renewable energy engineer. However, this does not mean you need an engineering degree to start a career in the renewable energy industry. This is because, as we have discussed already, there are all sorts of jobs available in the industry that are not just limited to the role of an engineer.
So, while it is true that an engineering degree or a degree in a related field, such as environmental science or chemistry, can help you get into the industry, you are not entirely cut off from the industry if you don’t have that specific field of education. Even without an engineering degree, you could work in the renewable energy industry in communications, law and policy-making, business administration, finance, and so on!
Myth 6: Women Don’t Have a Place in the Renewable Energy Industry
Many careers in many industries have traditionally favored men over women. This is not uncommon, and it would be unfair to say that the renewable energy industry particularly favors men as compared to other industries like the medical industry, construction, finance, agriculture, and more.
Although the renewable energy industry has been more male-dominated in the past, this is changing every day now. While the percentage of women employees in the industry is about 32%, that number is expected to rise, and the myth that women don’t have a place in the industry is simply not true. Many companies in the renewable energy sector are working towards hiring more women, as well as increasing diversity in terms of both gender and race. There are hopes that the sector will be much more inclusive in the near future. So, if you are a woman hoping to begin a career in the renewable energy industry, don’t be deterred!
Myth 7: There Are More Physical and Health Risks Associated with Working in the Renewable Energy Sector
Another common myth associated with working in the renewable energy sector is that these jobs put workers at much higher physical risks than other kinds of jobs. For example, there is the concern that working in nuclear energy puts workers at risk of radiation exposure, which can lead to problems like higher occurrences of certain types of cancer and being exposed to higher-risk environments like nuclear power plants. As for solar energy, many people claim there are very high chances of electrical hazards, the risk of falling or getting physically injured, chemical exposure, and other worksite safety concerns.
Of course, you have to keep in mind that no matter what kind of renewable energy you end up working in, be it nuclear power, solar power, or any other renewable sector, there are always work safety standards put into place, along with proper training for risk mitigation, and thoroughly tested protective equipment.
Additionally, it would be unfair to say that working in the renewable energy industry is significantly more dangerous than working in other industries. For example, many health risks are associated with professions such as construction, mining, firefighting, transportation, etc.
Get in Touch with the Whitham Group – The Top Executive Recruiters in the Energy Industry
If working in the renewable energy industry is something that you think you want to try, don’t let the common myths about the industry scare you off. As we have discussed above, many of the myths about the renewable energy industry are not true, and the industry is only growing and becoming more accessible.
The renewable energy industry is always growing, with more opportunities arising for women in the field. There are also plenty of jobs available and competitive salaries to benefit from. Not all of these jobs require you to have an engineering degree or a bachelor of science, either! So, what’s holding you back?
If you want to start your own career in the renewable energy industry , then you should get in touch with us at the Whitham Group in San Francisco. We pride ourselves on being one of the US’s top renewable energy recruitment companies. With over 12 years of recruiting experience in the renewable energy industry, not only can we offer you expert advice on how to get started in the industry, but we can also get you in touch with some of the best companies that are hiring in the sector.
To work with the top executive recruiters in the energy industry, get in touch with us now! As we say, We Find Talent That’s Off the Grid TM . If you think that you’ve got the talent, let us help you find your dream job in the renewable energy industry.
The success of any organization, whether it’s a business, non-profit, or government agency, largely depends on the quality of the talent it employs. With the growing concern about sustainability and the impact of business practices on the environment and society, recruiting the right talent has become even more critical. To ensure a sustainable future, organizations must identify and attract individuals with the skills, knowledge, and values that align with their sustainability goals.
Recruiting for a sustainable future requires a different approach than traditional recruitment methods. Organizations need to look beyond the skills and qualifications of potential candidates and consider their values, beliefs, and attitudes toward sustainability. This blog will discuss the importance of recruiting for a sustainable future and provide tips on attracting the right talent.
Why Is Recruiting for a Sustainable Future Important?
Recruiting for a sustainable future is essential for several reasons. Firstly, it helps organizations to achieve their sustainability goals. Hiring individuals who share the same values and beliefs as the organization can help ensure that sustainability is embedded into the organization’s culture and practices.
Secondly, it can help to improve the reputation of the organization. Consumers and stakeholders are increasingly concerned about sustainability and are more likely to support organizations with a strong commitment to sustainability.
Finally, recruiting for a sustainable future can attract and retain talented individuals. Many job seekers are looking for organizations committed to sustainability and are more likely to apply for and accept job offers from organizations that share their values.
Tips for Recruiting for a Sustainable Future
1. Define Your Sustainability Goals
Before you start recruiting for a sustainable future, it is essential to define your sustainability goals. What key areas do you want to focus on, and what outcomes do you want to achieve? Defining your sustainability goals will help you identify the skills and values you need to look for in potential candidates.
2. Develop a Sustainability Culture
It is important to develop a sustainability culture within your organization. It means embedding sustainability into every aspect of your organization, from your policies and practices to your communication and marketing materials. When potential candidates see that sustainability is a core value of your organization, they are more likely to be attracted to your organization.
3. Look Beyond Qualifications and Skills
When recruiting for a sustainable future, looking beyond qualifications and skills is important. While skills and qualifications are important, they do not always reflect a candidate’s values and beliefs. Look for individuals passionate about sustainability and with a track record of making a difference in this area.
4. Use Social Media
It can be a powerful tool for recruiting for a sustainable future. Use social media platforms such as LinkedIn, Twitter, and Facebook to promote your organization’s sustainability commitment and attract potential candidates. You can also use social media to showcase your sustainability initiatives and share success stories.
5. Engage with Your Local Community
Engaging with your local community can attract the right talent. Attend sustainability events and conferences and participate in local sustainability initiatives. It will help you build relationships with individuals who share your values and beliefs and may be interested in working for your organization.
6. Offer Flexible Work Arrangements
Flexible work arrangements can be a powerful tool for attracting and retaining talent. Many individuals passionate about sustainability may be interested in working for your organization but may need help to commit to a full-time, in-office position. Offering flexible work hours, such as remote work or telecommuting, can help to attract these individuals.
7. Provide Sustainability Training and Education
Providing sustainability training and education is crucial in recruiting for a sustainable future. By providing training and education to your employees, you can help them understand the importance of sustainability and how they can contribute to the organization’s sustainability goals.
Sustainability training and education can take many forms, such as workshops, online courses, seminars, or mentoring programs. It can cover various topics, such as energy conservation, waste reduction, carbon footprint, sustainable sourcing, and social responsibility.
8. Highlight Employee Sustainability Efforts
Highlighting employee sustainability efforts is another effective way to recruit for a sustainable future. By showcasing the sustainability initiatives of your current employees, you can attract like-minded individuals who share your organization’s sustainability values and goals.
To highlight employee sustainability efforts, consider creating a sustainability recognition program. This program can recognize and reward employees demonstrating exceptional sustainability practices or contributing to sustainability-related projects. Recognition can take many forms, such as certificates, plaques, or monetary incentives.
9. Incorporate Sustainability into Job Descriptions
Incorporating sustainability into job descriptions is another effective strategy for recruiting for a sustainable future. By explicitly stating sustainability expectations in job descriptions, you can attract individuals who share your organization’s commitment to sustainability.
To incorporate sustainability into job descriptions, start by identifying each role’s sustainability-related tasks and responsibilities. For instance, a marketing position may require developing sustainability communication strategies or promoting sustainable products. A finance position may require tracking and reporting on sustainability metrics or identifying sustainable investment opportunities.
10. Partner with Sustainability Organizations and Programs
Partnering with sustainability organizations and programs is another effective way to recruit for a sustainable future. By partnering with like-minded organizations, you can expand your network, gain access to new talent pools, and enhance your organization’s sustainability reputation.
To partner with sustainability organizations and programs, start by identifying the relevant organizations and programs in your industry or community. It can include sustainability-focused associations, non-profits, universities, and government agencies.
Recruiting for a sustainable future is essential for organizations that want to achieve their sustainability goals and improve their reputation.
To Sum Up
If you are looking for energy industry recruiters who understand the importance of sustainability and can help you recruit the right talent for a sustainable future, look no further than Whitham Group. With our extensive experience in the energy industry and our commitment to sustainability, we can help you find the best candidates who can contribute to your organization’s sustainability success. Contact us right away to learn more about our energy industry recruitment services and how we can help you achieve your sustainability goals.
The demand for renewable energy continues to grow.
By the end of 2024, around one-third of the world’s electricity is expected to come from renewable energy sources. Of the renewables, solar energy will continue to dominate the energy market and is likely to experience a 60% growth.
Other renewable energy sources like hydropower, offshore wind and biofuels will follow a similar trend.
Thanks to the growing environmental concern and significantly lower production costs, many businesses are adopting renewable energy.
Moreover, the increased need for a quick transition to clean energy allows significant developments in the renewable energy sector.
Today, more than ever, businesses and industries are opting for green energy alternatives to reduce carbon emissions, improve the environment and lower energy costs.
Many major renewable energy trends will dominate the industry in 2023. From integrating energy-efficient solutions to digitalization, using artificial intelligence and more, a lot is happening in the renewable energy sector.
While renewable energy sources like wind, solar and hydroelectricity have been around for quite some time, recent developments, thanks to modern technology, have allowed for the emergence of some of the most promising trends in the industry. Moreover, there’s an advent of relatively newer areas of research in the renewable sector, which include tidal energy and energy from green hydrogen.
Let’s check out the top nine renewable energy trends in 2023.
#1. The Unfolding of State-of-the-Art Photovoltaics (PV)
While solar energy has been around for many years, and an increasing number of commercial and residential energy users are switching to solar, the emergence of state-of-the-art photovoltaics is new.
Solar energy-producing companies are now integrating photovoltaics (PV) with various aspects of the surroundings. The integration aims at reducing the need for additional space.
Moreover, as photovoltaics are integrated, agricvoltaics and floatovoltaics appear as a logical trend. These innovations allow businesses to develop more flexible, lightweight, cost-effective and environment-friendly energy solutions.
Renewable energy businesses are developing enhanced technologies to upgrade and modernize photovoltaics performance. They now rely on the use of lenses and mirrors to harness solar power using mirrors and lenses.
Moreover, the upgradation in the materials used for photovoltaics also increases energy conversion manifolds.
These innovative trends are maximizing the efficiency and production of renewable energy. Moreover, they are also promoting efficient resource utilization, sustainable energy production practices and the use of alternate materials to enhance energy output.
In the United States, several states now have specific policies that encourage using renewable energy sources through multiple channels. For example, individuals who cannot install solar panels in their homes can take advantage of community solar farms .
These solar farms are specific areas that allow for the installation of solar panels that can benefit subscribers without the need for installing solar panels on their property.
As a result, it makes access to renewable energy more feasible for individuals with shaded roofs, multi-family households and low to moderate-income families.
The states offering community solar farms include Maine, Massachusetts, Maryland, Colorado, Minnesota, Illinois, New York, New Jersey, and Rhode Island. However, some states like Virginia, New Mexico, and Hawaii have recently allowed for laws regarding community solar farms.
In 2023, we can expect solar energy developers to continue incorporating innovative renewable energy solutions on community solar farms. For example, the plantation of wildflowers or crops at community solar farms improves efficient space utilization and allows for sustainable agrivoltaics practices.
While we can also expect some resistance from communities , the trend will likely continue this year and beyond.
#2. Upgraded Renewable Energy Storage Solutions
One of the other top renewable energy trends in 2023 is the upgraded renewable energy storage solutions.
The most significant concern with renewable energy generation has been storage. There were numerous challenges when it came to storing excess renewable energy.
However, over the years, we have seen continuous development, which resulted in upgraded renewable energy storage solutions.
The emergence of Distributed Energy Storage Systems (DESS) limits the production of renewable energy and hence, helps overcome storage challenges.
Based on business and residential clients’ needs, energy solutions now offer a wide range of battery and battery-less energy storage solutions with additional convenience features like improved energy density and lightweight.
Moreover, the upgraded renewable energy storage solutions allow the conversion of excess energy into other energy forms, such as methane or heat, for convenient storage. These converted energy sources can be reconverted for effective utilization.
#3. Innovations to Harness the Power of Waves, Currents and Tides
Hydropower is one of the largest and oldest sources of renewable energy production.
However, over the years, energy production businesses have been moving away from hydroelectric dams to harness the power of other water elements such as tides, currents and waves.
Unlike wind and solar energy, which are heavily dependent on air movement, hydro energy is more reliable and predictable. Moreover, energy producers don’t have to rely solely on hydroelectric dams to harness the power of waves, currents and tides. Instead, they can access these power resources from the lakes, oceans and seas.
The innovations in sources of renewable energy that focus on collecting energy more efficiently continue to be a top renewable energy trend in 2023.
An example is ocean thermal energy conversion (OETC) which produces energy by capitalizing on the variation in temperatures between the oceanic surface and deep water.
Many small businesses are now emerging to harness this form of energy. While the volume at this point is quite low, however, the trend still has to go a long way.
#4. Reliance on Artificial Intelligence and Use of Data for Decision-Making and Trend Analysis
The energy production business is one of the most complex infrastructures. Using energy grids for energy production, storage, and transmission often requires urgent real-time decision-making.
While humans have been doing so for a long time, one of the most recent renewable energy trends in 2023 is incorporating artificial intelligence and the use of data analytics to speed up the decision-making process.
Apart from decision-making involving grid management, artificial intelligence is also used in the renewable energy industry to identify trends. AI and the use of data can help assess and forecast energy consumption. Moreover, it can also assist in predicting the maintenance needs of renewable energy sources.
Reliance on artificial intelligence and data also allows for various other aspects of improving the renewable energy model. With recent innovations, the improvement in technology has enabled energy businesses to use AI and data analytics to upgrade their design and performance.
As the trend continues, we can look forward to some more interesting developments in the field of renewable energy, thanks to the reliance on AI and data analytics.
#5. Innovations in Offshore Wind Energy Production
Humans have capitalized on wind energy for ages. The earliest traces of utilizing the power of wind can be dated back to thousands of years.
However, one of the top renewable energy trends in 2023 is the recent offshore wind energy production innovations.
Today, energy production businesses are evolving technology to devise the latest offshore wind turbines. These turbines will help lower the demand for onshore wind energy. Moreover, this recent trend will also provide opportunities for integrating other water-based renewable energy production sources, such as floatovoltaics. Integration of other water-based renewable energy sources will further lower the demand for land-based renewable energy sources.
#6. The Use of Liquid Biofuels in Vehicles
Biofuels rely on the use of biomass. Unlike other renewable energy forms that do not quickly convert into other energy sources, biomass can convert into liquid fuels.
The two most common types of biofuels that are commonly used today are biodiesel and ethanol.
Liquid biofuels have been meeting the demands of the transportation industry for quite some time. However, the production of biofuels is still limited. The restricted biofuel production cannot suffice the ever-growing demand of the transportation industry, which is why there is no possibility of completely switching over from the use of fossil fuels.
However, one of the latest renewable energy trends in 2023 that we can look forward to is improving the quality of liquid biofuels.
With innovative technology, liquid biofuels that compare with gasoline in quality are blended directly to be used in vehicles.
To attain that level of quality, energy businesses are now heavily investing in upgradation and improving biofuel processes.
As businesses strive to achieve an improved quality of liquid biofuels through integrating upgradation techniques and processes, we can look forward to reduced reliance on fossil fuels in future.
#7. Focus on Grid Integration
Over the last few years, an immense focus has been on understanding complex power grids. The idea is that an enhanced understanding of grid functionality will allow energy businesses to better meet the ever-increasing energy demand.
That’s where grid integration comes into play.
The broader idea behind grid integration is to develop efficient solutions using technology to upgrade existing power systems. The use of technology allows for more effective distribution, transmission, and stabilization of renewable energy.
While grid integration has been an area of focus in renewable energy for quite some time, it has emerged as one of the renewable energy trends in 2023. This year, we observed the capitalization of energy-efficient, grid-electronic technologies like Silicon Carbide (SiC) and Gallium Nitride (GaN).
With the use of these technologies, we can expect energy businesses to conveniently overcome many of the challenges experienced in the past, such as voltage and frequency fluctuations.
While the future of grid integration seems promising, it still remains one of the most challenging domains of renewable energy transmission and distribution.
#8. Involvement of Robotics in the Renewable Energy Sector
Gone are the days when everything was done by humans.
Today, the use of robotics is involved in almost every business to improve the efficiency of production and processes, and the renewable energy sector isn’t an exception.
Since process efficiency has remained a compromised area in the renewable energy business, the use of robotics allows for accurate and optimal resource utilization by overcoming this challenge.
For example, the automation of equipment involved in the production and distribution of renewable energy expedites the production and distribution processes. Similarly, the involvement of robotics in other renewable energy domains, like solar panels, allows for maximum energy conversation as the panels can orient themselves to optimize energy conversion.
These and many more are examples of the involvement of robotics in the renewable energy sector, which can turn out to be one of the most promising renewable energy trends this year and beyond.
#9. Shift to Green Hydrogen
Hydrogen gas is a unique power source that can be used to generate electricity, fuel vehicles and power homes and industries.
And while it is a relatively environmentally friendly fuel choice that produces near-zero greenhouse gas emissions (GHG). Most hydrogen is derived from non-renewable sources. Hence, the hydrogen gas that’s primarily used today is known as grey or brown hydrogen.
One of the most recent renewable energy trends in 2023 is the shift from grey or brown hydrogen to green hydrogen.
The developments in renewable energy have allowed for the generation of hydrogen gas using renewable resources like water. The process involves splitting water into oxygen and hydrogen gas which can then be used to fuel energy needs.
While it’s a clean energy source, there are still several roadblocks in producing green hydrogen. However, with the recent developments, we can look forward to improving green hydrogen production, transportation, storage and distribution.
Adapt the Latest Renewable Energy Trends in 2023
Innovations in renewable energy trends cannot go unnoticed now. To overcome the devastating effects of climatic change, businesses are now extensively focused towards producing and using clean and sustainable energy.
With improvements in hardware such as state-of-the-art photovoltaics and offshore wind energy production to reliance on artificial intelligence and data analytics, renewable energy production, storage, and distribution have come a long way.
While there are still several challenges that hamper the complete transition from fossil fuels to renewable energy sources, however, the recent trends look quite promising.
However, one particular challenge that green energy companies may experience is the recruitment of the right talent for their business.
If you’re a responsible energy company looking forward to recruiting talent that can help your business navigate through the ever-changing renewable energy landscape, Whitham Group can assist.
We are a leading renewable energy recruitment company committed to helping businesses attract and retain top talent in various business environments.
So, what are you waiting for?
Contact our team of experts today as W e Find Talent That’s Off the Grid ™.
Renewable energy is one of the fastest growing industries in the world, and its workforce is rapidly expanding. As the industry expands, so do the hiring and workforce trends that shape it. Companies will need to adapt to keep up with changing trends and demands.
By staying on top of these hiring and workforce trends, renewable energy firms can entice and retain highly skilled professionals and position themselves for sustainable long-term growth and success in a rapidly growing industry. This blog will explore 20 renewable energy hiring and workforce trends to watch for in 2023.
1. The Rise of Energy Storage
Energy storage is becoming increasingly important in the renewable energy sector. With the growth of green energy sources like wind and solar, the need for reliable energy storage solutions is becoming more pressing. As a result, there will be an increased demand for skilled workers who can design, install, and maintain energy storage systems.
2. Demand for Cybersecurity Professionals
The renewable energy industry is not immune to cybersecurity threats. As the industry becomes more digitized and connected, the cyber-attack risk increases. Renewable energy companies must hire cybersecurity professionals to protect their digital infrastructure and assets from cyber threats.
3. Remote Work Opportunities
The COVID-19 pandemic has shifted the trend toward remote work, and the renewable energy sector is no exception. As companies adopt more flexible work arrangements, there will be increased opportunities for remote work in the renewable energy industry.
4. Diversity, Equity, and Inclusion
White males have traditionally dominated the renewable energy sector. Nonetheless, there is mounting recognition of the necessity for promoting diversity, equity, and inclusivity within the renewable energy sector. Renewable energy companies must prioritize diversity and inclusion initiatives in their hiring practices to attract and retain a diverse workforce.
5. Demand for Solar Installers
The demand for solar installers will grow significantly in the coming years. With the increasing adoption of solar energy, there will be a need for skilled workers who can install and maintain solar panels.
6. Offshore Wind Jobs
Offshore wind energy is becoming an increasingly important source of renewable energy. As a result, there will be a growing demand for skilled workers who can install, operate, and maintain offshore wind turbines.
7. Investment in Workforce Training
As the renewable energy industry makes progress, there will be a need for ongoing workforce training and development. Renewable energy companies must invest in workforce training to ensure their employees have the skills and knowledge needed to succeed.
8. New Energy Jobs in Rural Areas
Renewable energy projects are increasingly being developed in rural areas, creating new job opportunities for local communities. Renewable energy companies must engage with local communities and provide training opportunities to help them take advantage of these new job opportunities.
9. Increased Demand for Engineers
The renewable energy industry will continue to require highly skilled engineers who can design and innovate new renewable energy technologies. As a result, there will be a continued demand for engineers with expertise in renewable energy systems, power electronics, and materials science.
10. Focus on Environmental Sustainability
Renewable energy companies are committed to reducing their environmental impact. As a result, the industry will be more focused on environmental sustainability. Renewable energy companies will need to hire professionals with expertise in environmental sustainability to help them meet their sustainability goals.
11. Collaboration with Educational Institutions
Renewable energy companies must collaborate with educational institutions to attract and train the upcoming generation of renewable energy professionals. Companies can partner with colleges, universities, and trade schools to offer internships, apprenticeships, and other training programs.
12. Increased Use of Artificial Intelligence
It is becoming increasingly important in the renewable energy industry. Artificial intelligence can be used to optimize energy production, predict maintenance needs, and improve energy efficiency. As a result, there will be an increased demand for AI and machine learning professionals.
13. Focus on Energy Efficiency
Energy efficiency is a key component of renewable energy, and companies in the sector will continue prioritizing it in their operations. It will create new job opportunities for professionals with energy efficiency and building performance expertise.
14. Emphasis on Sustainable Supply Chains
Renewable energy companies increasingly recognize the importance of sustainable supply chains. They will need to work with suppliers and partners to ensure that their products and services are sourced sustainably, creating new opportunities for professionals with expertise in supply chain management and sustainability.
15. Use of Augmented and Virtual Reality
Augmented and virtual reality technologies are becoming increasingly important in the renewable energy industry. They can be used for training, maintenance, and remote collaboration, creating new job opportunities for professionals with expertise in these technologies.
16. Demand for Energy Policy Experts
Energy policy plays a crucial role in the renewable energy industry. Companies will need to hire professionals with expertise in energy policy to help them navigate complex regulatory environments and advocate for policies supporting renewable energy growth.
17. Increased Focus on Health and Safety
Health and safety will always remain a top priority for renewable energy companies. They will need to hire professionals with expertise in health and safety to ensure that their operations are conducted safely and responsibly.
18. Use of Blockchain Technology
It is becoming increasingly important in the renewable energy industry. It can be used to track renewable energy certificates, facilitate peer-to-peer energy trading, and improve supply chain transparency. As a result, there will be an increased demand for professionals with expertise in blockchain technology.
19. Need for Marketing and Communications Professionals
Companies must differentiate themselves through effective marketing and communications strategies as the renewable energy industry becomes more competitive. They will need to hire professionals with expertise in marketing and communications to help them build their brand and attract customers.
20. Growth in Energy Storage Manufacturing
As the demand for energy storage solutions grows, there will be a need for more manufacturing jobs in the renewable energy industry. Renewable energy companies will need to invest in manufacturing facilities and hire professionals with expertise in manufacturing to keep up with demand.
To Sum Up
As the renewable energy industry progresses, staying up-to-date with the latest hiring and workforce trends is important. By investing in the right talent and staying ahead of the curve, renewable energy companies can position themselves for long-term success and help build a sustainable future.
Whether you’re an employer or a job seeker, Whitham Group’s energy industry recruiters are here to help you navigate the changing landscape and find the best opportunities in the industry. Contact us today to learn more and start your renewable energy journey.
The COVID-19 pandemic has significantly impacted various sectors and the global economy. The renewable energy sector has not been spared, and its operations have been affected in multiple ways. This blog will delve into the effects of COVID-19 on the renewable energy sector, including both the positive and negative impacts.
The Negative Impact of COVID-19 on the Renewable Energy Sector
The COVID-19 pandemic has had several negative impacts on the renewable energy sector. The following are some of the effects:
1. Disruption of Supply Chains
The renewable energy sector relies heavily on international supply chains to produce its equipment. The closure of borders and restrictions on movement due to the pandemic has disrupted these supply chains. As a result, equipment availability has needed to be improved, leading to project delays.
2. Reduced Funding
The COVID-19 pandemic has worsened the global economy, reducing funding for renewable energy projects. Many investors have reduced their investments in the sector due to the economic uncertainty caused by the pandemic. Additionally, many governments have diverted their resources toward fighting the pandemic, reducing their investments in renewable energy projects.
3. Reduced Demand for Energy
The pandemic has reduced energy demand due to the lockdown measures put in place to contain its spread. Many businesses and industries have closed down, leading to reduced energy consumption. This demand reduction has affected the profitability of renewable energy projects, as they rely on stable energy demand.
4. Reduced Employment Opportunities
The pandemic has hit the renewable energy sector hard, leading to reduced employment opportunities. Many companies have had to lay off workers or reduce their working hours to stay afloat. It has led to increased unemployment rates in the sector, affecting the livelihoods of many people.
5. Delayed Construction of Renewable Energy Projects
The pandemic has caused delays in the construction of renewable energy projects, as social distancing requirements have slowed the work on construction sites. These delays can lead to increased costs and postponed revenue generation.
6. Reduced Efficiency of Renewable Energy Systems
Due to the pandemic, many renewable energy systems have had reduced efficiency due to decreased maintenance and upkeep. It can lead to decreased energy output and increased maintenance costs in the long term.
7. Disrupted International Trade
Many renewable energy projects rely on international trade to obtain the necessary components and equipment. However, the pandemic has disrupted international trade, causing supply chain disruptions and increased costs.
8. Increased Regulatory Uncertainty
The pandemic has caused uncertainty in the regulatory environment as governments have focused on addressing the public health crisis. Such regulatory uncertainty can make it difficult for renewable energy projects to plan and execute their operations effectively.
The Positive Impact of COVID-19 on the Renewable Energy Sector
Despite the negative impacts, the COVID-19 pandemic has positively affected the renewable energy sector. The following are some of the positive impacts:
1. Increased Government Support
Governments worldwide have recognized the importance of renewable energy in reducing carbon emissions and achieving their climate change targets. The pandemic has led to increased government support for renewable energy projects to stimulate the economy and create jobs.
2. Increased Investment in Green Technologies
The pandemic has increased investment in green technologies, including renewable energy. Many investors have recognized the importance of investing in clean energy to build a sustainable future. It has led to increased funding for renewable energy projects, despite the economic uncertainty caused by the pandemic.
3. Increased Awareness of the Importance of Renewable Energy
COVID-19 has highlighted the importance of renewable energy in achieving a sustainable future. Many individuals have become more aware of the importance of reducing carbon emissions and renewable energy’s role in achieving this goal. This increased awareness has led to increased support for renewable energy projects.
4. Increased Adoption of Renewable Energy
The pandemic has led to increased adoption of renewable energy by many individuals and businesses. Many individuals have become more conscious of their energy consumption, increasing the use of green energy sources such as solar and wind power. Additionally, many businesses have recognized the cost-saving benefits of renewable energy and have adopted it to reduce operational costs.
5. Increased Innovation
The pandemic has spurred innovation in the renewable energy sector as companies seek new ways to reduce costs, increase efficiency, and improve the reliability of renewable energy systems. This innovation can lead to new technological breakthroughs that will help to accelerate the adoption of renewable energy.
6. Increased Research and Development
The pandemic has led to increased funding for research and development in the renewable energy sector, as governments and private investors recognize the importance of developing new technologies to address the global climate crisis.
7. Increased Collaboration
The pandemic has led to increased collaboration between businesses, and other stakeholders in the renewable energy sector. This collaboration can lead to the development of more effective policies and strategies for promoting renewable energy.
8. Increased Resilience
The pandemic has highlighted the importance of building resilience in energy systems. Renewable energy systems are more resilient than traditional fossil fuel-based systems, as they are less vulnerable to supply chain disruptions and price volatility.
9. Reduced Air Pollution
The pandemic has reduced air pollution, as many countries have implemented lockdown measures that have reduced transportation and industrial activity. This reduction in air pollution has highlighted the potential benefits of transitioning to renewable energy sources, which can help reduce energy production’s environmental impact.
To Sum Up
COVID-19 has negatively and positively affected the renewable energy sector. While the pandemic has caused delays, reduced access to financing, and increased uncertainty, it has also spurred innovation, collaboration, and resilience in the industry.
At Whitham Group, we find talent that’s off the grid™. We recognize the importance of finding talent to help drive the transition to renewable energy, and specialize in finding individuals that are “off the grid,” meaning they possess unique skills and experience that make them valuable assets to companies in the renewable energy sector. With our expertise in recruiting and talent acquisition, we can help companies find the talent they need to succeed in this evolving industry. Contact us right away to learn how we can help you..
The world is facing a global energy crisis due to rising carbon emissions, climate change, and the depletion of non-renewable energy sources. In the search for alternative energy sources, green hydrogen has emerged as a promising option for the clean energy transition. Hydrogen is a versatile energy carrier that can be produced from renewable sources, stored, and transported for use in various applications such as transportation, industry, and power generation. This blog explores the potential of green hydrogen and its role in the clean energy transition.
What Is Green Hydrogen?
Green hydrogen refers to hydrogen gas that is produced through an electrolysis process that utilizes renewable energy sources, such as solar or wind power. This process involves passing an electric current through water, which separates the hydrogen and oxygen molecules. The resulting hydrogen gas is referred to as “green” because it is produced using clean and renewable sources of energy and does not emit any carbon dioxide (CO2) or other harmful greenhouse gases.
In contrast to green hydrogen, hydrogen gas can also be produced using non-renewable sources, such as coal or natural gas. However, hydrogen production from these sources generates significant CO2 emissions, which are detrimental to the environment and contribute to climate change. Therefore, utilizing green hydrogen is crucial to reducing carbon emissions and achieving a sustainable future.
Green hydrogen can potentially revolutionize how we think about energy and transportation. It can be used as a clean and efficient fuel source for vehicles, power generation, and industrial processes. Furthermore, producing and utilizing green hydrogen can help create new economic opportunities and support the growth of renewable energy industries.
The Process of Producing Green Hydrogen
Green hydrogen gas, also known as renewable hydrogen, is produced using a process called electrolysis. This process uses electricity generated from renewable sources like wind or solar power to split water molecules into hydrogen and oxygen. The hydrogen produced is then compressed and stored for use as a clean energy source in various applications, including transportation and power generation.
The process of producing green hydrogen gas starts with the collection of water, either from a natural source or via desalination. The water is then purified to remove any impurities that could affect the electrolysis process. Once the water is purified, it is pumped into an electrolyzer, which is a device that uses electricity to split water molecules into hydrogen and oxygen.
The electrolyzer consists of two electrodes – an anode and a cathode – that are separated by a membrane. When electricity is applied to the electrodes, the water molecules are split into hydrogen ions (protons) and oxygen ions (hydroxide ions). The hydrogen ions migrate toward the cathode, where they combine to form hydrogen gas, while the oxygen ions migrate toward the anode, where they combine to form oxygen gas.
The hydrogen gas produced during the electrolysis process is then compressed and stored in tanks for later use. The oxygen gas produced during the process is typically released into the atmosphere or used for other applications, such as medical or industrial use.
It is important to note that the efficiency of the electrolysis process can vary depending on several factors, including the type of electrolyzer used, the purity of the water, and the source and reliability of the renewable energy used to power the process. However, as technology advances and the cost of renewable energy continues to decrease, the production of green hydrogen gas is becoming increasingly cost-effective and efficient, making it a promising clean energy source for the future.
The Advantages of Green Hydrogen
Reduces Carbon Emissions
Green hydrogen production involves using renewable energy sources like solar, wind, or hydropower, which are environmentally friendly and do not produce greenhouse gas emissions. This means that using green hydrogen as an alternative to traditional fuels will significantly reduce carbon emissions, which is crucial in combating climate change. Using green hydrogen as fuel in transportation, power generation, and industrial processes can reduce our reliance on fossil fuels and decrease carbon emissions.
Energy Storage
One of the significant advantages of green hydrogen is its ability to store excess energy generated from renewable sources. Wind and solar power are intermittent energy sources, meaning that the energy output fluctuates depending on weather conditions. Green hydrogen can be used to store excess energy that is generated during peak periods of renewable energy production. The stored hydrogen can be used to generate electricity during periods of low renewable energy production, ensuring a constant supply of clean energy.
Moreover, hydrogen storage has significant advantages over traditional battery storage systems. Batteries have limited energy storage capacity, and their lifetime is limited. On the other hand, hydrogen storage systems have higher energy storage capacity and longer lifetimes, making them more suitable for long-term energy storage.
Versatile
Green hydrogen is a versatile energy carrier that can be used in various applications. It can be used as fuel for fuel cells in vehicles, providing an alternative to gasoline and diesel. Fuel cell vehicles powered by hydrogen do not produce any harmful emissions, making them a promising alternative to traditional fossil fuel-powered vehicles. In the industrial sector, green hydrogen can be used as a feedstock in various processes such as steel and ammonia production, reducing reliance on fossil fuels and reducing carbon emissions.
Green hydrogen can also be used in power generation. Hydrogen fuel cells can generate electricity without producing harmful emissions, making them a cleaner alternative to traditional power generation methods. Moreover, hydrogen can be used to store excess electricity generated from renewable sources, providing a constant supply of clean energy.
Zero Pollution
The use of green hydrogen does not produce any harmful emissions, such as nitrogen oxides, sulfur dioxide, or particulate matter, making it an ideal choice for urban areas where air pollution is a major concern. The only by-product of using hydrogen fuel cells is water vapor, which is not harmful to the environment. This makes hydrogen fuel cells a cleaner alternative to traditional power generation methods, which produce harmful emissions that pollute the environment and contribute to climate change.
The Challenges of Green Energy
Along with advantages, there are certain challenges with green energy as well. These include the following:
Cost
The cost of producing green hydrogen is currently higher than that of hydrogen produced from non-renewable sources. This is due to the high cost of renewable energy sources and the high capital cost of electrolysis equipment. However, as the cost of renewable energy sources decreases and the technology for producing green hydrogen improves, production costs are expected to decrease.
Moreover, the cost of green hydrogen production can be reduced by increasing the scale of production, increasing the efficiency of the electrolysis process, and improving the durability of the equipment used in the process. Governments can also provide incentives to encourage investment in green hydrogen production, making it more economically viable.
Infrastructure
The use of green hydrogen requires a significant investment in infrastructure, such as hydrogen production facilities, storage facilities, and transportation infrastructure. This requires a significant investment in time and resources and may require significant government support to make it economically viable.
Moreover, the current infrastructure for transporting and storing hydrogen is not well developed. This poses a significant challenge to the widespread adoption of green hydrogen. The infrastructure for transporting and storing hydrogen needs to be developed to make transporting hydrogen from production facilities to end-users easier.
Energy Intensity
Producing green hydrogen requires a significant amount of energy, which can be challenging in areas where renewable energy sources are not readily available or the energy grid is not well developed. The amount of energy required for producing green hydrogen can be reduced by improving the efficiency of the electrolysis process and increasing the scale of production.
Moreover, green hydrogen can be optimized by locating hydrogen production facilities in areas where renewable energy sources are readily available, reducing the need for long-distance hydrogen transportation.
Safety Concerns
Hydrogen is highly flammable and requires special safety measures to prevent accidents. While hydrogen can be safely used and stored, there is a need for special safety measures and regulations to ensure safe handling.
The storage and transportation of hydrogen require special safety measures to prevent accidents. Developing safety standards and regulations is crucial for ensuring the safe handling of hydrogen.
Moreover, public perception and awareness of the safety of green hydrogen need to be improved. The general public needs to be educated about the safety measures and regulations put in place to ensure the safe handling of hydrogen.
Role of Green Hydrogen in the Clean Energy Transition
Green hydrogen has the potential to play a significant role in the clean energy transition by reducing carbon emissions and increasing the use of renewable energy sources. Hydrogen can be used as a fuel for transportation, industry, and power generation, reducing reliance on fossil fuels and decreasing carbon emissions.
Transportation
Green hydrogen can be used as a fuel for fuel cell vehicles, providing an alternative to gasoline and diesel. Fuel cell vehicles are powered by electricity generated by a fuel cell using hydrogen as fuel. Fuel cell vehicles have zero emissions and offer a range and refueling time similar to gasoline vehicles, making them a viable alternative for transportation.
Industry
Green hydrogen can be used as a feedstock for industrial processes, such as steel and ammonia production. This can reduce the reliance on fossil fuels and reduce carbon emissions in the industrial sector.
Power Generation
Green hydrogen can be used to generate electricity through fuel cells, providing a clean alternative to fossil fuels for power generation. Hydrogen can also be used to store excess electricity generated by wind and solar power, ensuring a constant supply of clean energy.
In addition to the benefits mentioned above, green hydrogen can also help to address the intermittency challenge of renewable energy sources. Renewable energy sources like solar and wind power are subject to variability and intermittency, meaning they don’t always produce electricity when it’s needed. Green hydrogen can be used to store excess energy during high production and supply it when renewable energy sources are not producing enough power, providing a stable and reliable energy source.
Another benefit of green hydrogen is that it can be produced using renewable energy sources such as wind, solar, and hydropower. This means that the production of green hydrogen is not dependent on fossil fuels and can be completely decarbonized. This can significantly reduce carbon emissions and help to mitigate climate change.
Moreover, the production of green hydrogen can create job opportunities and stimulate economic growth in regions with abundant renewable energy sources. It can also provide energy security by reducing dependence on foreign energy sources and increasing domestic production.
However, it’s worth noting that the production of green hydrogen requires significant investment in infrastructure, technology, and research and development. The cost of producing green hydrogen is still relatively high compared to other energy sources, but it is expected to decrease as technology advances and economies of scale are achieved.
In conclusion, the role of green hydrogen in the clean energy transition is significant and has the potential to provide a sustainable and reliable source of energy. Its application in transportation, industry, and power generation can help reduce carbon emissions, increase the use of renewable energy sources, and address the intermittency challenge of renewable energy sources.
Conclusion
Green hydrogen has the potential to play a significant role in the clean energy transition by reducing carbon emissions and increasing the use of renewable energy sources. While there are challenges to producing and using green hydrogen, such as cost and infrastructure, the benefits of using hydrogen as a clean energy source make it an attractive option for a sustainable future. Governments and industry need to work together to invest in infrastructure and technology to make green hydrogen economically viable and accessible and to develop regulations and safety measures to ensure the safe handling and use of hydrogen. By working together, we can transition to a cleaner and more sustainable future with green hydrogen as a key player.
Whitham Renewable Energy Recruiters is a recruitment agency specializing in helping companies in the renewable energy industry find qualified candidates for various positions, from entry-level to executive positions. The agency works with multiple companies, including startups, established corporations, and government organizations, and offers various services to help these companies build strong teams. Contact us today because We Find Talent That’s Off the Grid
Page Copyright
© Copyright 2022 All Rights Reserved