/* raleway-regular - latin-ext-latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/raleway-v28-latin-ext-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('/assets/fonts/raleway-v28-latin-ext-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/assets/fonts/raleway-v28-latin-ext-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/assets/fonts/raleway-v28-latin-ext-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/assets/fonts/raleway-v28-latin-ext-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/assets/fonts/raleway-v28-latin-ext-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin-ext-latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url('/assets/fonts/raleway-v28-latin-ext-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('/assets/fonts/raleway-v28-latin-ext-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/assets/fonts/raleway-v28-latin-ext-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('/assets/fonts/raleway-v28-latin-ext-latin-500.woff') format('woff'), /* Modern Browsers */
url('/assets/fonts/raleway-v28-latin-ext-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('/assets/fonts/raleway-v28-latin-ext-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin-ext-latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/raleway-v28-latin-ext-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('/assets/fonts/raleway-v28-latin-ext-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/assets/fonts/raleway-v28-latin-ext-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/assets/fonts/raleway-v28-latin-ext-latin-700.woff') format('woff'), /* Modern Browsers */
url('/assets/fonts/raleway-v28-latin-ext-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/assets/fonts/raleway-v28-latin-ext-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* gloria-hallelujah-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Gloria Hallelujah';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/gloria-hallelujah-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: url('/assets/fonts/gloria-hallelujah-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/assets/fonts/gloria-hallelujah-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/assets/fonts/gloria-hallelujah-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/assets/fonts/gloria-hallelujah-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/assets/fonts/gloria-hallelujah-v17-latin-regular.svg#GloriaHallelujah') format('svg'); /* Legacy iOS */
}
/*
1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
box-sizing: border-box;
}
/*
2. Remove default margin
*/
* {
margin: 0;
}
/*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
/*
5. Improve media defaults
*/
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
/*
6. Remove built-in form typography styles
*/
input, button, textarea, select {
font: inherit;
}
/*
7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
/*
8. Create a root stacking context
*/
#root, #__next {
isolation: isolate;
}
/* ==========================================================================
=Typography
========================================================================== */
body {
background-color: rgb(0, 74, 127);
color: #fff;
font: 14px 'Roboto', Arial, sans-serif;
line-height: 20px;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-weight: 500;
letter-spacing: 1px;
/*text-transform: uppercase;*/
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
margin-bottom: 22px;
font-size: 36px;
font-family: 'Gloria Hallelujah', cursive;
line-height: 42px;
color: #d25f09;
}
h2, h2 a {
margin-bottom: 10px;
font-size: 22px;
font-family: 'Gloria Hallelujah', cursive;
line-height: 32px;
color: #d25f09;
}
h3 {
margin-bottom: 12px;
font-size: 16px;
line-height:18px;
color: #eb6e00;
letter-spacing: none;
}
h4 {
margin-bottom: 4px;
font-size: 16px;
line-height: 24px;
}
h5 {
font-size: 14px;
line-height: 24px;
}
h6 {
font-size: 12px;
line-height: 20px;
}
p { margin-bottom: 10px;}
em { font-style: italic; }
strong { font-weight: 700; }
small { font-size: 90%; }
big { font-size: 125%; }
sub {
vertical-align: sub;
font-size: 75%;
}
sup {
vertical-align: super;
font-size: 75%;
}
abbr[title] {
border-bottom: 1px dotted #999;
cursor: help;
}
address {
display: block;
margin-bottom: 20px;
}
blockquote {}
blockquote p { font-style: italic; }
hr {
height: 0;
border: solid #e6e6e6;
border-width: 1px 0 0 0;
margin: 30px 0;
}
kbd,
tt,
var,
samp,
code,
pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
code {
padding: 1px 4px;
border: 1px solid #e6e6e6;
border-radius: 3px;
background-color: #f3f3f3;
color: #d50f25;
}
pre {
overflow-x: auto;
display: block;
padding: 20px;
border: 1px solid #e6e6e6;
border-radius: 3px;
margin-bottom: 20px;
background-color: #f3f3f3;
white-space: pre-wrap;
}
mark,
ins {
padding: 1px 4px;
border: 1px solid #e6e6e6;
border-radius: 3px;
background-color: #f3f3f3;
text-decoration: none;
}
s,
del { text-decoration: line-through; }
/* Typography Helper Classes */
/**
* acts like an
*/
.hr {
border-top: 1px solid #e6e6e6;
margin: 30px 0;
}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }
.text-highlight {
padding: 1px 5px;
border-radius: 2px;
background-color: #000;
color: #fff;
}
.mute{ color: #999; }
.no-margin-bottom,
.last { margin-bottom: 0; }
@media (max-width: 767px) {
.last { margin-bottom: 20px; }
.text-right { text-align: left; }
}
/* ==========================================================================
=Links
========================================================================== */
a,
a:visited {
color: #d25f09;
text-decoration: none;
}
/**
* 1. Remove the gray background color from active links in IE 10.
*/
a:active {
background: transparent; /* 1 */
}
a:active,
a:hover,
a:focus {
outline: 0;
text-decoration: underline;
}
/* Login */
#my-login {
opacity: 0.6;
}
#my-login:hover {
opacity: 1;
}
fieldset {
display: flex;
justify-content: right;
align-items: right;
padding: 5px;
border: none;
}
.loginMessage, .loginLogin, .loginRegister {
float:right;
padding: 5px;
}
fieldset label {
float:left;
font-size: 80%;
padding-right:10px;
}
fieldset label input {
background-color: rgba(0, 0, 0, 0.3) !important ;
border: 1px solid #d25f09;
border-radius: 5px;
width: 8em;
color: #d25f09 ;
}
input.contactForm, textarea {
background-color: rgba(0, 0, 0, 0.3) !important ;
border: 1px solid #d25f09;
border-radius: 5px;
width: 14em;
color: #fff ;
margin: 0 0 15px 0;
}
textarea {
width: 28em;
}
input[type="submit" i] {
font-size: 80%;
background-color: #d25f09;
border: 1px solid #000;
border-radius: 5px;
width: 8em;
color: #000;
}
/* ==========================================================================
=Lists
========================================================================== */
ul,
ol {
margin-bottom: 0;
list-style-position: inside;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 30px;
}
li {}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin-bottom: 20px; }
dt { font-weight: bold; }
dd { margin-bottom: 20px; }
/* List Helper Classes */
ul.last,
ol.last,
dl.last { margin-bottom: 0; }
@media (max-width: 767px) {
ul.last,
ol.last { margin-bottom: 20px; }
}
/* Video */
.video-container {
position: relative;
padding-bottom: 50.25%;
padding-top: 30px;
margin: 10px 0% 30px 0;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* =Custom lists
========================================================================== */
/**
* Custom lists
*
* 1. unstyled list
* 2. list with squares for bullets
* 3. list with discs for bullets
*
*/
ul.unstyled { list-style-type: none; } /* 1 */
ul.square { list-style-type: square; } /* 2 */
ul.circle { list-style-type: circle; } /* 3 */
ul.project-details { list-style: none; }
ul.project-details li span {
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
}
/**
* FontAwesome lists
*
* 1. Fill circle
*
*/
ul.fill-circle { list-style: none; } /* 1 */
ul.fill-circle li:before {
position: relative;
top: -2px;
width: auto;
height: auto;
margin-right: 8px;
color: #000;
font-family: 'FontAwesome';
font-size: 8px;
font-style: normal;
}
ul.fill-circle li:before { content: "\f111"; }
/**
* Custom Icon Font lists
*
* 1. Check list
*
*/
ul.check { list-style: none; } /* 1 */
ul.check li:before {
position: relative;
top: 0;
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #000;
margin-right: 15px;
color: #000;
font-family: 'iconfontcustom';
font-size: 10px;
line-height: 14px;
font-weight: 400;
text-align: center;
}
ul.check li:before { content: "\ea9f"; }
/* ==========================================================================
=Images
========================================================================== */
img {
max-width: 100%;
height: auto;
border: none;
vertical-align: middle;
}
/* ==========================================================================
=Base grid
========================================================================== */
.container ,
.container-fluid {
position: relative;
margin-right: auto;
margin-left: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container,
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
.row {
position: relative;
margin-right: -15px;
margin-left: -15px;
}
/**
* Automatically Clear Fix rows
*/
.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
float: left;
}
.span12 { width: 100%; }
.span11 { width: 91.66666667%; }
.span10 { width: 83.33333333%; }
.span9 { width: 75%; }
.span8 { width: 66.66666667%; }
.span7 { width: 58.33333333%; }
.span6 { width: 50%; }
.span5 { width: 41.66666667%; }
.span4 { width: 33.33333333%; }
.span3 { width: 25%; }
.span2 { width: 16.66666667%; }
.span1 { width: 8.33333333%; }
.offset12 { margin-left: 100%; }
.offset11 { margin-left: 91.66666667%; }
.offset10 { margin-left: 83.33333333%; }
.offset9 { margin-left: 75%; }
.offset8 { margin-left: 66.66666667%; }
.offset7 { margin-left: 58.33333333%; }
.offset6 { margin-left: 50%; }
.offset5 { margin-left: 41.66666667%; }
.offset4 { margin-left: 33.33333333%; }
.offset3 { margin-left: 25%; }
.offset2 { margin-left: 16.66666667%; }
.offset1 { margin-left: 8.33333333%; }
.offset0 { margin-left: 0%; }
}
@media (max-width: 1023px ) {
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
float: left;
}
.span12 { width: 100%; }
.span11 { width: 91.66666667%; }
.span10 { width: 83.33333333%; }
.span9 { width: 75%; }
.span8 { width: 66.66666667%; }
.span7 { width: 58.33333333%; }
.span6, .span3, .span4 { width: 50%; }
.span5 { width: 41.66666667%; }
.span2 { width: 16.66666667%; }
.span1 { width: 8.33333333%; }
.offset12 { margin-left: 100%; }
.offset11 { margin-left: 91.66666667%; }
.offset10 { margin-left: 83.33333333%; }
.offset9 { margin-left: 75%; }
.offset8 { margin-left: 66.66666667%; }
.offset7 { margin-left: 58.33333333%; }
.offset6, .offset3, .offset4 { margin-left: 50%; }
.offset5 { margin-left: 41.66666667%; }
.offset2 { margin-left: 16.66666667%; }
.offset1 { margin-left: 8.33333333%; }
.offset0 { margin-left: 0%; }
}
.visible-phone,
.visible-tablet,
.visible-desktop,
.visible-desktop-large {
display: none !important;
}
.visible-phone-block,
.visible-phone-inline,
.visible-phone-inline-block,
.visible-tablet-block,
.visible-tablet-inline,
.visible-tablet-inline-block,
.visible-desktop-block,
.visible-desktop-inline,
.visible-desktop-inline-block,
.visible-desktop-large-block,
.visible-desktop-large-inline,
.visible-desktop-large-inline-block {
display: none !important;
}
/* ==========================================================================
=Extra small devices: Phones (< 768px)
========================================================================== */
/* =Portrait and landscape
========================================================================== */
@media (max-width: 767px) {
.container { width: auto; }
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
width: 100%;
}
.visible-phone { display: block !important; }
table.visible-phone { display: table; }
tr.visible-phone { display: table-row !important; }
th.visible-phone,
td.visible-phone { display: table-cell !important; }
.visible-phone-block { display: block !important; }
.visible-phone-inline { display: inline !important; }
.visible-phone-inline-block { display: inline-block !important; }
.hidden-phone { display: none !important; }
}
/* =Landscape
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* ==========================================================================
=Small devices: Tablets (>= 768px)
========================================================================== */
@media (min-width: 768px) and (max-width: 991px) {
.container { width: 750px; }
.visible-tablet { display: block !important; }
table.visible-tablet { display: table; }
tr.visible-tablet { display: table-row !important; }
th.visible-tablet,
td.visible-tablet { display: table-cell !important; }
.visible-tablet-block { display: block !important; }
.visible-tablet-inline { display: inline !important; }
.visible-tablet-inline-block { display: inline-block !important; }
.hidden-tablet { display: none !important; }
}
/* ==========================================================================
=Medium devices: Desktops (>= 992px )
========================================================================== */
@media (min-width: 992px) and (max-width: 1199px) {
.container { width: 970px; }
.visible-desktop { display: block !important; }
table.visible-desktop { display: table; }
tr.visible-desktop { display: table-row !important; }
th.visible-desktop,
td.visible-desktop { display: table-cell !important; }
.visible-desktop-block { display: block !important; }
.visible-desktop-inline { display: inline !important; }
.visible-desktop-inline-block { display: inline-block !important; }
.hidden-desktop { display: none !important; }
}
/* ==========================================================================
=Large devices: Desktops (>= 1200px )
========================================================================== */
@media (min-width: 1200px) {
.container { width: 1170px; }
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
.visible-desktop-large { display: block !important; }
table.visible-desktop-large { display: table; }
tr.visible-desktop-large { display: table-row !important; }
th.visible-desktop-large,
td.visible-desktop-large { display: table-cell !important; }
.visible-desktop-large-block { display: block !important; }
.visible-desktop-large-inline { display: inline !important; }
.visible-desktop-large-inline-block { display: inline-block !important; }
.hidden-desktop-large { display: none !important; }
}
/* ==========================================================================
=Clearing
========================================================================== */
/**
* Clear Fix hack
* Usage: add class="fixed" to div's that have floated elements in them
*/
.fixed:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/**
* Clear content
* Usage:
*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* ==========================================================================
=Wrap
========================================================================== */
#wrap {
position: relative;
}
@media (max-width: 767px) {
#wrap {}
}
/* ==========================================================================
=Header Wrap
========================================================================== */
/**
* 1. z-index is 105 because the .tp-rightarrow.default and .tp-leftarrow.default is 100
*/
#header-wrap {
z-index: 105; /* 1 */
}
.header-style-2 #header-wrap { position: relative; }
/* ==========================================================================
=Header
========================================================================== */
#header {
margin: 0 0;
height: 125px;
background-color:#d25f09;
}
#header .container-fluid { max-width: 1840px; }
.header-style-2 #header { background-color: #000; }
/* ==========================================================================
=Logo
========================================================================== */
#logo {
padding: 55px 0 10px 9%;
-webkit-transition: padding 0.2s;
transition: padding 0.2s;
font-family: 'Gloria Hallelujah', cursive;
letter-spacing: 0.2em;
text-align: center;
font-weight: 200;
}
/**
* 1. displaying the inline-block makes it depends on the size of it's children
* we add max-width:100% to tell it not that it shouldn't extend beyond the size of it's
* parent if it's child is very large eg a 1000x1000 logo img
*/
#logo a {
display: inline-block;
max-width: 100%;
font-size: 64px;
text-decoration: none;
color: #fff;/* 1 */
}
#logo img { display: block; }
@media (max-width: 767px) {
#header {
height: 75px;
}
#logo {
padding: 25px 0 10px 0;
text-align: left;
}
#logo a {
font-size: 28px;
}
}
/* ==========================================================================
=Menu
========================================================================== */
.nav-links {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0;
background-color:rgba(55, 55, 55, 0.8);
font-family: 'Gloria Hallelujah', cursive;
}
nav li {
list-style: none;
display: inline-block;
padding: 10px 30px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
nav li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
nav a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
nav a:hover {
text-decoration: none;
}
nav li:hover {
background-color:rgba(0, 0, 0, 0.2);
transition: all 0.1s ease 0s;
}
/* ==========================================================================
=Custom search form
========================================================================== */
#custom-search-button {}
#custom-search-form {
position: absolute;
top: 0;
width: 100%;
}
/**
* 1. z-index is 1030 because the dropdown menu has a z-index of 1025
*/
#custom-search-form-container {
position: fixed;
z-index: 1030;
top: 0;
right: 0;
left: 0;
height: 63px;
display: none;
padding: 30px 0 20px 0;
background-color: #fff;
text-align: center;
}
#custom-search-submit { display: none; }
#custom-search-form #s {
display: inline-block;
width: 50%;
padding: 8px 10px 8px 40px;
border-color: #fff;
border-radius: 3px;
margin: 35px auto;
background-color: #fff;
}
#custom-search-submit {
position: absolute;
top: 40px;
display: inline-block;
border: none;
margin-left: 10px;
background: url(../images/bg-search.png) no-repeat center center;
}
#custom-search-form #s:focus {}
#custom-search-form a.custom-search-form-close {
position: relative;
top: 0;
display: inline-block;
padding: 10px;
border: none;
margin-left: 20px;
color: #848484;
font-size: 14px;
font-weight: 400;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
#custom-search-form #s { width: 70%; }
}
/* ==========================================================================
=Sticky Header
========================================================================== */
/* ==========================================================================
=Content
========================================================================== */
#content {
padding: 10px 0 30px 0;
}
/* ==========================================================================
=Page Header
========================================================================== */
#page-header {
padding: 125px 0;
margin-bottom: 80px;
background: no-repeat center center;
}
.header-style-2 #page-header { padding: 210px 0 150px 0; }
#page-header h5 { margin-bottom: 0; }
.page-header-style-1 #page-header {
color: #fff;
text-align: center;
}
.page-header-style-1 #page-header a { color: #fff; }
.page-header-style-2 #page-header {
padding: 50px 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
background-color: #f4f4f4;
}
.page-header-style-3 #page-header {
padding: 45px 0;
background: #f4f4f4 url(../../content/backgrounds/bg-page-header.png) no-repeat center center;
}
.page-header-style-4 #page-header {
padding: 135px 0;
background: #fff url(../../content/backgrounds/bg-page-header.png) no-repeat center center;
}
/* ==========================================================================
=Fullwidth Section
========================================================================== */
/**
* Full width section
*
* 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
*
*/
.fullwidth-section {
position: relative;
overflow: hidden;
z-index: 0;
padding: 30px 0;
margin-bottom: 30px;
color: #333;
background-color: #eee;
background-attachment: scroll;
background-repeat: no-repeat; /* 1 */
background-position: 50% 0;
}
.fullwidth-section-content {
position: relative;
z-index: 3;
}
.fullwidth-section-overlay {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
background-repeat: repeat;
background-position: 0 0;
}
.fullwidth-section-video {
position: absolute;
overflow: hidden;
z-index: 1;
top: 0;
width: 100%;
height: 100%;
}
/**
*
* 1. We add background-size cover so the parallax looks ok if you provide smaller images
*
*/
.parallax.parallax-enabled {
background-attachment: fixed !important;
-webkit-background-size: cover;
background-size: cover; /* 1 */
}
.horizontal-parallax { background-repeat: repeat; }
.animated-parallax { background-repeat: repeat; }
.fullscreen { padding: 0; }
.fullscreen .fullwidth-section-content {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.fullwidth-section {
-webkit-background-size: cover;
background-size: cover;
}
}
/* ==========================================================================
=Footer
========================================================================== */
#footer {
padding: 15px 0 5px 0;
background-color: #333;
}
#footer-widget-area-1 {}
#footer-widget-area-2 {}
#footer-widget-area-3 {}
#footer-widget-area-4 {}
.footer-style-2 #footer { padding: 110px 0 50px; }
.footer-style-3 #footer {
padding: 10px 0 90px 0;
}
/* ==========================================================================
=Back to top
========================================================================== */
#back-to-top {
position: fixed;
z-index: 1010;
right: -40px;
bottom: 20px;
width: 40px;
height: 40px;
background-color: #000;
color: #fafafa;
font-size: 30px;
text-align: center;
text-decoration: none;
opacity: 0.5;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#back-to-top i {
font-size: 24px;
line-height: 40px;
font-weight: normal;
vertical-align: top;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#back-to-top:hover { border-radius: 10px; }
#back-to-top:hover i { color: #fff; }
#back-to-top.visible { right: 40px; }
#back-to-top.gone { right: -40px; }
/* ==========================================================================
=Misc
========================================================================== */
.javascript-required,
.modern-browser-required {
padding: 15px 0;
background-color: #d50f25;
color: #fff;
font-weight: 700;
text-align: center;
}
/* ==========================================================================
=Under Construction
========================================================================== */
#under-construction {
max-width: 1720px;
padding: 110px 0;
margin: 100px auto 50px auto;
background: url(../../content/backgrounds/1920x1080-11.jpg) no-repeat center center;
color: #fff;
text-align: center;
}
#under-construction h1,
#under-construction h2,
#under-construction h3,
#under-construction h4,
#under-construction h5,
#under-construction h6 { color: #fff; }
/* ==========================================================================
=Maintenance
========================================================================== */
#maintenance {
padding: 0;
margin-bottom: -50px;
background-image: url(../../content/backgrounds/1920x1080-12.jpg);
}
.maintenance-box {
padding: 50px;
margin-bottom: 150px;
border: 1px solid #fff;
text-align: center;
}
.maintenance-box h1 {
font-weight: 300;
letter-spacing: 10px;
}
.maintenance-box h3 {
letter-spacing: 1px;
text-transform: none;
}
@media (max-width: 767px) {
#maintenance { padding: 100px 0; }
.maintenance-box { padding: 20px; }
.maintenance-box h1 { letter-spacing: 5px; }
}
/* ==========================================================================
#Slider
========================================================================== */
.main-slider {
position: relative;
overflow: hidden;
margin: 0 auto 0px auto;
}
.main-slider .main-slider__slides {
margin-bottom: 0;
list-style: none;
position: relative;
}
.main-slider .main-slider__slides li {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 50px 30px;
min-height: 250px;
}
@media (min-width: 768px) {
.main-slider .main-slider__slides li {
padding: 75px 15px;
}
}
@media (min-width: 992px) {
.main-slider .main-slider__slides li {
padding: 75px 20px;
}
}
@media (min-width: 1200px) {
.main-slider .main-slider__slides li {
padding: 100px 30px;
}
}
.main-slider .main-slider__slides li .main-slider-slide__overlay {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.25);
}
.main-slider .main-slider__slides li .main-slider-slide__content {
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.main-slider .main-slider__slides li .main-slider-slide__content {
width: 730px;
min-height: 250px;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.main-slider .main-slider__slides li .main-slider-slide__content {
width: 940px;
min-height: 350px;
}
}
@media (min-width: 1200px) {
.main-slider .main-slider__slides li .main-slider-slide__content {
width: 1140px;
min-height: 450px;
}
}
@media (min-width: 1600px) {
.main-slider .main-slider__slides li .main-slider-slide__content {
width: 1540px;
min-height: 550px;
}
}
@media (min-width: 768px) {
.main-slider-slide__content--align-center {
text-align: center;
}
.main-slider-slide__content--align-right {
text-align: right;
}
}
.main-slider .main-slider-slide__content-wrap *:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.main-slider-slide__content--valign-middle .main-slider-slide__content-wrap {
position: absolute;
top: 99%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.main-slider-slide__content--valign-bottom .main-slider-slide__content-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
}
.main-slider-slide__content h1 {
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 42px;
line-height: 55px;
font-weight: 200;
letter-spacing: 6px;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 991px) {
.main-slider-slide__content h1 {
font-size:32px;
line-height: 45px;
letter-spacing: 4px;
}
}
.main-slider-slide__content h2 {}
.main-slider-slide__content p {
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
.main-slider-slide__content .btn {
border-width: 2px;
border-color: #fff;
color: #fff;
}
.main-slider .main-slider__pager {
position: absolute;
width: 100%;
bottom: 0;
padding: 15px;
z-index: 3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 768px) {
.main-slider .main-slider__pager {
left: 50%;
bottom: 10px;
padding: 15px 0;
width: 730px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 992px) {
.main-slider .main-slider__pager {
width: 940px;
bottom: 15px;
}
}
@media (min-width: 1200px) {
.main-slider .main-slider__pager {
width: 1140px;
}
}
@media (min-width: 1400px) {
.main-slider .main-slider__pager {
bottom: 25px;
}
}
.main-slider .main-slider__pager .slick-dots {
list-style: none;
margin-bottom: 0;
}
.main-slider .main-slider__pager .slick-dots:after {
display: block;
visibility: hidden;
height: 0;
font-size: 0;
content: ' ';
clear: both;
}
.main-slider .main-slider__pager.main-slider__pager--align-left .slick-dots {
text-align: left;
}
.main-slider .main-slider__pager.main-slider__pager--align-center .slick-dots {
text-align: center;
}
.main-slider .main-slider__pager.main-slider__pager--align-right .slick-dots {
text-align: right;
}
.main-slider .main-slider__pager .slick-dots li {
position: relative;
z-index: 2;
display: inline-block;
border-radius: 50%;
padding: 1px;
margin-right: 3px;
}
.main-slider .main-slider__pager .slick-dots li:last-child {
margin-right: 0;
}
.main-slider .main-slider__pager .slick-dots li button {
display: block;
padding: 0;
width: 15px;
height: 15px;
border: 0;
border-radius: 50%;
background-color: #999999;
cursor: pointer;
outline: none;
color: transparent;
font-size: 0;
line-height: 0;
}
.main-slider .main-slider__pager .slick-dots li.slick-active button {
background-color: #6dcff6;
}
.main-slider .main-slider__arrows a {
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #aaa;
font-size: 24px;
text-decoration: none;
}
.main-slider .main-slider__arrows a:hover {
color: #ddd;
}
.main-slider .main-slider__arrows .slick-prev {
left: 5px;
}
.main-slider .main-slider__arrows .slick-next {
right: 5px;
}
@media (min-width: 767px) {
.main-slider .main-slider__arrows a {
font-size: 30px;
}
}
@media (min-width: 992px) {
.main-slider .main-slider__arrows .slick-prev {
left: 10px;
}
.main-slider .main-slider__arrows .slick-next {
right: 10px;
}
}
@media (min-width: 1400px) {
.main-slider .main-slider__arrows .slick-prev {
left: 25px;
}
.main-slider .main-slider__arrows .slick-next {
right: 25px;
}
}
/* ==========================================================================
=Accordions and Toggles
========================================================================== */
/* =Accordion
========================================================================== */
.accordion { margin-bottom: 30px; }
.accordion-item {
position: relative;
display: block;
padding: 10px 15px;
border: 1px solid #e6e6e6;
margin-bottom: 20px;
font-family: 'Raleway', Arial, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.accordion-item:after {
position: absolute;
top: 7px;
right: 15px;
font-size: 26px;
font-weight: 400;
content: "+";
}
.accordion-item.active:after { content: "-"; }
.accordion-item:hover,
.accordion-item.active { text-decoration: none; }
.accordion-item:hover { border-color: #000; }
.accordion-item-content {
display: none;
padding: 0 15px 20px 15px;
}
.accordion-item-content > :last-child { margin-bottom: 0; }
/*
* 1. Clearfix hack
*/
.accordion-item-content:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
/* =Toggle
========================================================================== */
.toggle { margin-bottom: 30px; }
.toggle-item {
position: relative;
display: block;
padding: 10px 15px;
color: #fff;
background-color: rgba(255,255,255,0.1);
margin-bottom: 20px;
font-family: 'Raleway', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.toggle-item:after {
position: absolute;
top: 7px;
right: 15px;
font-size: 26px;
font-weight: 400;
content: "+";
}
.toggle-item.active:after { content: "-"; }
.toggle-item:hover,
.toggle-item.active { text-decoration: none; }
.toggle-item:hover { border-color: #000; }
.toggle-item-content {
display: none;
padding: 0 15px 20px 15px;
}
.toggle-item-content > :last-child { margin-bottom: 0; }
/*
* 1. Clearfix hack
*/
.toggle-item-content:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
/* ==========================================================================
=Alerts
========================================================================== */
.alert {
position: relative;
padding: 13px 15px;
border: 1px solid #000;
margin-bottom: 25px;
background-color: #fff;
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.alert:after {
position: absolute;
top: 12px;
right: 15px;
font-family: "iconfontcustom";
content: "\ea77";
}
.alert i {
position: relative;
top: 3px;
margin-right: 15px;
font-size: 20px;
}
.alert.info {
border: 1px solid #848484;
color: #848484;
}
.alert.success {
border: 1px solid #5bb254;
color: #5bb254;
}
.alert.error {
border: 1px solid #ff0000;
color: #ff0000;
}
.alert.warning {
border: 1px solid #ffaa00;
color: #ffaa00;
}
/* ==========================================================================
=Animations
========================================================================== */
.animate {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: hidden;
}
.animate.visible { visibility: visible; }
.animate.hidden { visibility: hidden; }
/* ==========================================================================
=Breadcrumbs
========================================================================== */
.breadcrumbs ul {
margin-bottom: 0;
list-style: none;
display: inline-block;
}
.breadcrumbs ul:before {
margin-right: 10px;
content: url(../images/bg-headline.png);
}
.breadcrumbs ul li {
display: inline-block;
font-family: 'Raleway', Arial, sans-serif;
letter-spacing: 3px;
text-transform: uppercase;
}
.breadcrumbs ul li:after { content: "/"; }
.breadcrumbs ul li:last-child:after { content: ""; }
.page-header-style-1 .breadcrumbs ul:before { content: url(../images/bg-headline-2.png); }
.page-header-style-2 .breadcrumbs { text-align: right; }
.page-header-style-3 .breadcrumbs {
line-height: 1;
text-align: center;
}
.page-header-style-3 .breadcrumbs ul {
background-color: #f4f4f4;
padding: 3px 10px 12px 10px;
}
.page-header-style-4 .breadcrumbs {
line-height: 1;
text-align: center;
}
.page-header-style-4 .breadcrumbs ul {
background-color: #fff;
padding: 3px 10px 12px 10px;
}
@media (max-width: 767px) {
.page-header-style-2 .breadcrumbs { display: none; }
}
/* ==========================================================================
=Buttons
========================================================================== */
/* =Default Button
========================================================================== */
.btn {
display: inline-block;
padding: 6px 15px;
border: 1px solid #000;
border-radius: 3px;
margin: 0 5px 20px 0;
background-color: transparent;
color: #000;
font-size: 10px;
line-height: 18px;
font-weight: 500;
letter-spacing: 2px;
text-decoration: none !important;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a.btn { color: #000; }
.btn:focus { outline: 0; }
.btn-large {
padding: 12px 25px;
font-size: 12px;
}
.btn-small { padding: 4px 10px; }
.btn i { font-size: 120%; }
.btn:hover { border-radius: 20px; }
/* =Black Button
========================================================================== */
.btn-black {
border-color: #000 !important;
background-color: #000 !important;
color: #fff !important;
}
/* =Grey Button
========================================================================== */
.btn-grey {
border-color: #666 !important;
background-color: #666 !important;
color: #fff !important;
}
/* ==========================================================================
=Client logos
========================================================================== */
.client-logos {
margin: 50px 0 100px 0;
list-style: none;
text-align: center;
}
.client-logos li {
float: left;
width: 16.66666667%;
}
/*
* 1. Clearfix hack
*/
.client-logos:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (max-width: 767px) {
.client-logos li {
float: none;
width: 100%;
margin-bottom: 10px;
}
.client-logos li:last-child { margin-bottom: 0; }
}
/* ==========================================================================
=Contact form
========================================================================== */
#contact-form {
overflow: hidden;
margin-bottom: 50px;
}
#contact-form fieldset {}
label.validation-error { color: #d50f25; }
input.validation-error,
textarea.validation-error,
select.validation-error { border: 1px solid #e6e6e6; }
#contact-form #formstatus {}
#contact-form textarea {}
#contact-form #submit {
padding: 10px 25px;
margin-bottom: 0;
font-size: 11px;
}
/*
* 1. Clearfix hack
*/
#contact-form:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
/* ==========================================================================
=Countdown
========================================================================== */
#countdown {
margin: 100px 0;
font-family: 'Raleway', Arial, sans-serif;
}
.is-countdown {
border: none;
background-color: transparent;
}
.countdown-amount {
font-size: 72px;
line-height: 100px;
letter-spacing: 5px;
}
.countdown-period {
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
}
/*
* 1. Clearfix hack
*/
#countdown:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (max-width: 767px) {
.countdown-amount {
font-size: 32px;
line-height: 48px;
letter-spacing: 5px;
}
.countdown-period {
font-size: 12px;
letter-spacing: 2px;
}
}
/* ==========================================================================
=Dividers
========================================================================== */
.divider { margin: 50px 0; }
.divider.single-line { border-top: 1px solid #e6e6e6; }
.divider.double-line { border-top: 4px double #e6e6e6; }
.divider.single-dotted {
height: 1px;
background: url(../images/bg-single-dotted.png) repeat-x top left ;
}
.divider.double-dotted {
height: 4px;
background: url(../images/bg-double-dotted.png) repeat-x top left;
}
/* ==========================================================================
=Google Maps
========================================================================== */
/**
* 1. needed so that Google Maps controls are not distorted
*/
.google-map {
width: 100%;
height: 400px;
}
.google-map img { max-width: none; } /* 1 */
.map { margin: 50px 0; }
@media (max-width: 767px) {
.map { padding: 0 20px; }
.row .map { padding: 0; }
}
/* ==========================================================================
=Headlines
========================================================================== */
.headline {
margin-bottom: 80px;
text-align: center;
}
.headline:after {
display: block;
font-size: 32px;
}
.headline h2 {
margin-bottom: 0;
letter-spacing: 10px;
}
.headline h5 { color: #848484; }
.error-headline {
margin-bottom: 50px;
font-size: 18px;
line-height: 36px;
text-align: center;
}
.error-headline h1 {
font-size: 72px;
line-height: 100px;
font-weight: 200;
letter-spacing: 30px;
}
@media (max-width: 767px) {
.error-headline h1 {
font-size: 64px;
line-height: 80px;
font-weight: 200;
letter-spacing: 20px;
}
}
/* ==========================================================================
=Icon Boxes
========================================================================== */
/* =Icon Box 1
========================================================================== */
.icon-box-1 {
position: relative;
padding: 0 20px;
margin-bottom: 30px;
text-align: center;
}
.icon-box-1 > i {
display: block;
width: 100px;
height: 100px;
border: 1px solid #eee;
border-radius: 50%;
margin: 0 auto 30px auto;
background-color: #cc0000;
color: #fff;
font-size: 36px;
line-height: 100px;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-1 > img { margin: 0 auto 30px auto; }
.icon-box-1 h3 { margin-bottom: 20px; }
.icon-box-1 .icon-box-content {}
.icon-box-1:hover > i {
background-color: #000;
color: #fff;
}
/* =Icon Box 2
========================================================================== */
.icon-box-2 {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.icon-box-2 > i {
display: inline-block;
margin-bottom: 20px;
color: #000;
font-size: 32px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.icon-box-2 > img { margin-bottom: 20px; }
.icon-box-2 h4 { margin-bottom: 20px; }
.icon-box-2 .icon-box-content {}
.icon-box-2:hover > i { color: #848484; }
/* =Icon Box 3
========================================================================== */
.icon-box-3 {
position: relative;
margin-bottom: 30px;
}
.icon-box-3 > i {
position: absolute;
top: 50%;
left: 0;
display: block;
color: #000;
font-size: 32px;
line-height: 32px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-box-3 > img {
position: absolute;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-box-3 .icon-box-content { margin-left: 70px; }
.icon-box-3 .icon-box-content > :last-child { margin-bottom: 0; }
/* =Icon Box 4
========================================================================== */
.icon-box-4 {
padding: 0 0 15px0;
border: 1px solid #e6e6e6;
margin-bottom: 50px;
-webkit-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.icon-box-4 > img {
float: right;
margin: 0 0 15px 0;
}
.icon-box-4:hover { box-shadow: 0 0 20px 10px #f3f3f3; }
/* ==========================================================================
=Milestones
========================================================================== */
.milestone {
position: relative;
margin-bottom: 60px;
text-align: center;
}
/*
* 1. Clearfix hack
*/
.milestone:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.milestone i {
z-index: 2;
margin-right: 10px;
font-size: 32px;
}
.milestone .milestone-content {
z-index: 1;
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-size: 72px;
line-height: 100px;
font-weight: 200;
letter-spacing: 5px;
}
.milestone .milestone-value + span { margin-left: -20px; }
.milestone .milestone-description {
font-size: 14px;
line-height: 25px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
.milestone .milestone-content {
font-size: 54px;
line-height: 64px;
letter-spacing: 3px;
}
.milestone .milestone-value + span { margin-left: -15px; }
}
/* ==========================================================================
=Our Process
========================================================================== */
/* =Horizontal process
========================================================================== */
.horizontal-process-builder {
margin-bottom: 40px;
list-style: none;
text-align: center;
}
.horizontal-process-builder li {
position: relative;
float: left;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 50px;
}
.horizontal-process-builder li:after {
position: absolute;
top: 110px;
right: 0;
color: #000;
font-family: "FontAwesome";
font-size: 20px;
content: "\f105";
}
.horizontal-process-builder li:last-child:after { display: none; }
.horizontal-process-builder li i,
.horizontal-process-builder li h1 {
position: relative;
z-index: 2;
display: block;
width: 70px;
height: 70px;
overflow: hidden;
border: 1px solid #000;
border-radius: 50%;
margin: 0 auto 25px;
background-clip: padding-box;
color: #000;
font-size: 32px;
line-height: 70px;
letter-spacing: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.horizontal-process-builder li:hover i,
.horizontal-process-builder li:hover h1 {
background-color: #000;
color: #fff;
}
.horizontal-process-builder.three-items li { width: 33.3333333333%; }
.horizontal-process-builder.four-items li { width: 25%; }
.process-description h5 { margin-bottom: 10px; }
/*
* 1. Clearfix hack
*/
.horizontal-process-builder:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (max-width: 767px) {
.horizontal-process-builder li {
float: none;
width: 100%;
margin-bottom: 40px;
}
.horizontal-process-builder:before { content: none; }
.horizontal-process-builder.three-items li { width: 100%; }
.horizontal-process-builder.four-items li { width: 100%; }
}
/* =Vertical process
========================================================================== */
.vertical-process-builder {
margin-bottom: 40px;
list-style: none;
}
.vertical-process-builder li {
position: relative;
margin-bottom: 50px;
}
.vertical-process-builder li:after {
position: absolute;
bottom: -35px;
left: 35px;
color: #000;
font-family: "FontAwesome";
font-size: 20px;
content: "\f107";
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.vertical-process-builder li:last-child:after { display: none; }
.vertical-process-builder li i,
.vertical-process-builder li h1 {
position: relative;
z-index: 2;
float: left;
display: block;
width: 70px;
height: 70px;
overflow: hidden;
border: 1px solid #000;
border-radius: 50%;
margin-top: 5px;
background-clip: padding-box;
color: #000;
font-size: 32px;
line-height: 70px;
letter-spacing: 0;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-process-builder .process-description { margin-left: 100px; }
.vertical-process-builder li:hover i,
.vertical-process-builder li:hover h1 {
background-color: #000;
color: #fff;
}
@media (max-width: 767px) {
.vertical-process-builder li i,
.vertical-process-builder li h1 { margin-left: 0; }
.vertical-process-builder:before { left: 36px; }
}
/* ==========================================================================
=Progress Bar
========================================================================== */
.progress-bar-description {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 30px;
color: #000;
font-family: 'Raleway', Arial, sans-serif;
line-height: 14px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
}
.progress-bar-description span {
position: absolute;
top: 0;
left: 0;
}
.progress-bar {
position: relative;
display: block;
height: 2px;
margin-bottom: 35px;
background-color: #e6e6e6;
}
.progress-bar .progress-bar-outer {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #000;
}
.progress-bar .progress-bar-outer .progress-bar-inner {
position: absolute;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
}
/* ==========================================================================
=Revolution Slider
========================================================================== */
/* =Rev Slider Basics
========================================================================== */
.fullwidthbanner-container {
position: relative;
overflow: hidden;
width: 100% !important;
padding: 0;
margin: 0;
}
.fullwidthbanner-container ul { list-style: none; }
.fullwidthbanner-container .fullwidthbanner {
position: relative;
width: 100% !important;
}
/**
* 1. We apply the max-height using an extra class to make the transition to WP more easy
* If we apply the max-heigh directly to .fullwidthbanner-container, in WP, it would overwrite the height setting you make in the plugin
*/
.slider-revolution.fullwidthbanner-container {
max-height: 965px !important; /* 1 */
margin-bottom: 90px;
}
.slider-revolution.fullwidthbanner-container .fullwidthbanner {
max-height: 965px !important; /* 1 */
}
.slider-revolution-fullscreen.fullwidthbanner-container { margin-bottom: 90px; }
/* =Rev Slider Pager
========================================================================== */
/**
* 1. changing the z-index from 1000 so that the bullets don't go over the sticky menu
*/
.tp-bullets {
z-index: 100; /* 1 */
}
.tp-bullets.simplebullets.round .bullet {
width: 8px;
height: 8px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 3px;
background: transparent;
}
.tp-bullets.simplebullets.round .bullet.selected { background: #fff; }
/* =Rev Slider navigation
========================================================================== */
.tp-leftarrow.default,
.tp-rightarrow.default {
width: 149px;
height: 73px;
opacity: 0.5;
}
.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover { opacity: 1; }
.tp-leftarrow.default { background: url(../images/left.png) no-repeat center center; }
.tp-rightarrow.default { background: url(../images/right.png) no-repeat center center; }
/* =Rev Slider typography
========================================================================== */
.caption.title {
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 36px;
font-weight: 400;
letter-spacing: 6px;
text-align: center;
text-transform: uppercase;
}
.caption.title-2 {
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 48px;
line-height: 60px;
font-weight: 200;
letter-spacing: 6px;
text-align: center;
text-transform: uppercase;
}
.caption.title-3 {
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-size: 36px;
line-height: 48px;
font-weight: 200;
letter-spacing: 6px;
text-transform: uppercase;
}
.caption.subtitle {
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
.caption.subtitle-2 {
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
}
.caption.text {
text-align: center;
color: #848484;
}
.caption.price {
padding-left: 10px;
background-color: #000;
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
font-size: 72px;
line-height: 96px;
font-weight: 200;
letter-spacing: 10px;
}
.caption .btn {
border-width: 2px;
border-color: #fff;
color: #fff;
}
.caption .btn:hover {
border-radius: 3px;
background-color: #fff;
color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
.tp-leftarrow.default,
.tp-rightarrow.default { display: none; }
.caption .btn {
font-size: 8px;
line-height: 16px;
}
}
@media (max-width: 767px) {
.tp-leftarrow.default,
.tp-rightarrow.default { display: none; }
.tp-bullets { bottom: 20px !important; }
.caption.title:after { content: none; }
.caption .btn {
padding: 0 5px;
font-size: 4px;
line-height: 10px;
letter-spacing: 0.2px;
}
}
/* ==========================================================================
=Tabs
========================================================================== */
/* =Horizontal tabs
========================================================================== */
/*
* 1. Wraps around a horizontal tab group
*/
.tabs-container { margin-bottom: 30px; } /* 1 */
.tabs-container .tabs-menu {
border-bottom: 1px solid #e6e6e6;
margin-top: 10px;
margin-bottom: 0;
list-style: none;
}
.tabs-container .tabs-menu li { display: inline; }
.tabs-container .tabs-menu li a {
float: left;
display: block;
padding: 10px 30px;
border: 1px solid #e6e6e6;
border-left: none;
margin-bottom: -1px;
background-color: #f4f4f4;
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-weight: 400;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
}
.tabs-container .tabs-menu li a:hover { text-decoration: none; }
.tabs-container .tabs-menu li:first-child a { border-left: 1px solid #e6e6e6; }
.tabs-container .tabs-menu li.active a {
border-bottom-color: #fff;
background-color: #fff;
color: #000;
}
.tabs-container .tabs {
border: 1px solid #e6e6e6;
border-top: none;
margin-bottom: 30px;
}
.tabs-container .tab-content { padding: 40px; }
.tabs-container .tab-content > :last-child { margin-bottom: 0; }
/*
* 1. Clearfix hack
*/
.tabs-container .tabs-menu:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
/* =Vertical tabs
========================================================================== */
.vertical-tabs-container {
position: relative;
border: 1px solid #e6e6e6;
margin-bottom: 30px;
}
.vertical-tabs-container .tabs-menu {
float: left;
width: 179px;
border-right: 1px solid #e6e6e6;
margin-bottom: -1px;
list-style: none;
}
.vertical-tabs-container .tabs-menu li a {
display: block;
padding: 10px 25px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
margin-right: -1px;
background-color: #f4f4f4;
color: #000;
font-family: 'Raleway', Arial, sans-serif;
font-weight: 400;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
}
.vertical-tabs-container .tabs-menu li.active a {
border-right-color: #fff;
background-color: #fff;
}
.vertical-tabs-container .tabs { margin-left: 180px; }
.vertical-tabs-container .tab-content { padding: 25px 40px; }
.vertical-tabs-container .tab-content > :last-child { margin-bottom: 0; }
/*
* 1. Clearfix hack
*/
.vertical-tabs-container:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (min-width: 768px) and (max-width: 991px) {
.tabs-container .tabs-menu li a { padding: 10px 17px; }
.vertical-tabs-container .tabs-menu {
float: none;
width: 100%;
}
.vertical-tabs-container .tabs { margin-left: 0; }
.vertical-tabs-container .tabs-menu li a {
padding: 20px 25px;
border-right: none;
margin-right: 0;
}
.vertical-tabs-container .tabs-menu li.active a { border-bottom-color: #bbb; }
}
@media (max-width: 767px) {
.tabs-container .tabs-menu { border-bottom: none; }
.tabs-container .tabs-menu li { display: block; }
.tabs-container .tabs-menu li a {
float: none;
display: block;
padding: 20px 25px;
border: 1px solid #e6e6e6;
border-top: none;
margin: 0;
}
.tabs-container .tabs-menu li a:hover { text-decoration: none; }
.tabs-container .tabs-menu li:first-child a { border-top: 1px solid #e6e6e6; }
.tabs-container .tabs-menu li.active a {
padding: 20px 25px;
border-bottom-color: #bbb;
margin: 0;
background-color: #fff;
color: #000;
}
.tabs-container .tab-content { padding: 20px; }
.vertical-tabs-container .tabs-menu {
float: none;
width: 100%;
}
.vertical-tabs-container .tabs { margin-left: 0; }
.vertical-tabs-container .tabs-menu li a {
padding: 20px 25px;
border-right: none;
margin-right: 0;
}
.vertical-tabs-container .tabs-menu li.active a { border-bottom-color: #bbb; }
}
/* ==========================================================================
=Testimonials
========================================================================== */
.testimonial {
margin-bottom: 10px;
text-align: center;
}
.testimonial blockquote { margin-bottom: 20px; }
.testimonial blockquote p {
margin-bottom: 0;
font-size: 16px;
letter-spacing: 1px;
}
.testimonial img {
display: block;
border-radius: 50%;
margin: 0 auto 30px auto;
}
.testimonial h3 { margin-bottom: 0; }
/*
* 1. Clearfix hack
*/
.testimonial:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
/* ==========================================================================
=Team Member
========================================================================== */
.team-member {
margin-bottom: 80px;
text-align: center;
}
.team-member-preview { position: relative; }
.team-member-preview img {
display: block;
width: 100%;
margin-bottom: 20px;
}
.team-member-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.75);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.team-member .social-media {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: bottom 0.3s;
transition: bottom 0.3s;
}
.team-member h5 { font-weight: 400; }
.team-member h6 { color: #848484; }
.team-member .social-media a.social-icon {
float: none;
display: inline-block;
}
.team-member:hover .team-member-overlay { opacity: 1; }
.team-member:hover .social-media { bottom: 30px; }
/* ==========================================================================
=Portfolio Item
========================================================================== */
.portfolio-item {
position: relative;
margin-bottom: 30px;
}
.portfolio-item-preview {
position: relative;
margin-bottom: 30px;
}
.portfolio-item-preview > img {
display: block;
width: 100%;
}
.portfolio-item-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.75);
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.portfolio-item-overlay-actions {
position: absolute;
top: 30%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.portfolio-item-overlay-actions .portfolio-item-zoom,
.portfolio-item-overlay-actions .portfolio-item-link {
display: inline-block;
padding: 10px;
font-family: 'Raleway', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
text-decoration: none;
}
.portfolio-item-overlay .portfolio-item-description { text-align: center; }
.portfolio-item-preview + .portfolio-item-description {
margin: 30px 0;
text-align: center;
}
.portfolio-item-overlay .portfolio-item-description {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.portfolio-item-overlay .portfolio-item-description h5 {}
.portfolio-item:hover .portfolio-item-overlay {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-item.parallax {
margin-bottom: 0;
background: no-repeat center center;
}
.portfolio-item.parallax:last-child { margin-bottom: -50px; }
.portfolio-item.parallax .portfolio-item-preview {
min-height: 600px;
margin-bottom: 0;
}
/* ==========================================================================
=Portfolio Filter
========================================================================== */
.portfolio-filter ul {
margin-bottom: 60px;
list-style: none;
text-align: center;
}
.portfolio-filter ul li {
display: inline-block;
margin-right: 20px;
}
.portfolio-filter ul li:last-child { margin-right: 0; }
.portfolio-filter ul li a {
display: block;
padding: 10px 20px;
border: 1px solid transparent;
font-family: 'Raleway', Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
}
.portfolio-filter ul li a:hover,
.portfolio-filter ul li a.active {
border-color: #000;
}
@media (max-width: 767px) {
.portfolio-filter ul li {
display: block;
margin-right: 0;
}
}
/* ==========================================================================
=Portfolio Pagination
========================================================================== */
.portfolio-pagination { margin: 60px 0; }
/*
* 1. Clearfix hack
*/
.portfolio-pagination:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.portfolio-pagination .nav-links {
position: relative;
text-align: center;
}
.portfolio-pagination .page-numbers {
display: inline-block;
border: 1px solid #e6e6e6;
padding: 3px 13px;
margin-right: 5px;
font-family: 'Raleway', Arial, sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.portfolio-pagination .page-numbers.dots { border: none; }
.portfolio-pagination .page-numbers:last-child { margin-right: 0; }
.portfolio-pagination .page-numbers:hover,
.portfolio-pagination .current {
border-color: #000;
background-color: #000;
color: #fff;
}
.portfolio-pagination .page-numbers.dots:hover {
background-color: transparent;
color: #848484;
}
.portfolio-pagination .prev,
.portfolio-pagination .next {
position: absolute;
overflow: hidden;
display: inline-block;
padding: 3px 10px;
border: 1px solid #000;
background-color: #000;
color: #fff;
text-decoration: none;
}
.portfolio-pagination .prev:before,
.portfolio-pagination .next:before {
position: relative;
font-family: "FontAwesome";
font-size: 14px;
text-align: center;
}
.portfolio-pagination .prev:hover,
.portfolio-pagination .prev:focus,
.portfolio-pagination .next:hover,
.portfolio-pagination .next:focus {
background-color: #fff;
color: #000;
}
.portfolio-pagination .prev { left: 0; }
.portfolio-pagination .prev:before {
left: 0;
content: "\f060";
}
.portfolio-pagination .next { right: 0; }
.portfolio-pagination .next:before {
right: 0;
content: "\f061";
}
/* ==========================================================================
=Portfolio Grid
========================================================================== */
.portfolio-grid {
margin-bottom: 30px;
list-style: none;
}
.portfolio-grid.gutter { margin: -15px 15px 0px 15px; }
.portfolio-grid .item {
float: left;
width: 33.33333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio-grid.gutter .item { padding: 15px; }
.portfolio-grid .portfolio-item,
.portfolio-grid .portfolio-item-preview { margin-bottom: 0; }
.portfolio-grid.two-cols .item { width: 50%; }
.portfolio-grid.three-cols .item { width: 33.33333%; }
.portfolio-grid.four-cols .item { width: 33.33333%; }
/*
* 1. Clearfix hack
*/
@media (min-width: 1200px) {
.portfolio-grid.four-cols .item { width: 25%; }
}
@media (min-width: 768px) and (max-width: 991px) {
.portfolio-grid.three-cols .item,
.portfolio-grid.four-cols .item { width: 50%; }
}
@media (max-width: 767px) {
.portfolio-grid .item {
float: none;
width: 100%;
}
.portfolio-grid.gutter { margin: -15px 0 80px 0; }
.portfolio-grid.two-cols .item,
.portfolio-grid.three-cols .item,
.portfolio-grid.four-cols .item { width: 100%; }
}
/* ==========================================================================
=Portfolio Strip
========================================================================== */
.portfolio-strip {
margin-bottom: 30px;
list-style: none;
}
.portfolio-strip .item {
float: left;
width: 25%;
}
.portfolio-strip .item:last-child { display: none; }
.portfolio-strip .portfolio-item { margin-bottom: 0; }
/*
* 1. Clearfix hack
*/
.portfolio-strip:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (min-width: 1200px) {
.portfolio-strip .item { width: 20%; }
.portfolio-strip .item:last-child { display: block; }
}
@media (min-width: 768px) and (max-width: 991px) {
.portfolio-strip .item { width: 33.3333333333%; }
.portfolio-strip .item:last-child { display: block; }
}
@media (max-width: 767px) {
.portfolio-strip .item {
float: none;
width: 100%;
}
.portfolio-strip .item:last-child { display: block; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.portfolio-strip .item {
float: left;
width: 50%;
}
}
/* ==========================================================================
=Bx Slider
========================================================================== */
/* =Bx Slider reset
========================================================================== */
.bx-wrapper { margin: 0 auto 40px; }
/* =Bx Slider theme
========================================================================== */
.bx-wrapper .bx-viewport {
left: auto;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
}
/* =Bx Slider Pager
========================================================================== */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { bottom: 30px; }
/* =Bx Slider Dir Nav
========================================================================== */
.bx-wrapper .bx-controls-direction a { z-index: 100; }
.bx-wrapper .bx-prev {
left: -80px;
background: url(../images/left-3.png) no-repeat center center;
}
.bx-wrapper .bx-next {
right: -80px;
background: url(../images/right-3.png) no-repeat center center;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next { display: none; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover { background-position: center center; }
.bx-wrapper .bx-pager.bx-default-pager a {
z-index: 100;
display: block;
width: 8px;
height: 8px;
border: 1px solid #000;
border-radius: 50%;
margin: 0 5px;
outline: 0;
background: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
.features-slider-description {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.features-slider .bx-wrapper { margin-bottom: 100px; }
.features-slider .bx-wrapper .bx-pager,
.features-slider .bx-wrapper .bx-controls-auto { bottom: -30px; }
.testimonial-slider {
width: 80%;
margin: 0 auto;
}
.testimonial-slider .bx-wrapper .bx-pager,
.testimonial-slider .bx-wrapper .bx-controls-auto {
right: -50px;
bottom: 50%;
width: auto;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.testimonial-slider .bx-wrapper .bx-pager .bx-pager-item,
.testimonial-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: block;
margin: 5px 0;
}
.images-slider-2 .bx-wrapper .bx-pager,
.images-slider-2 .bx-wrapper .bx-controls-auto { bottom: 0; }
.image-rotator {
position: relative;
margin-bottom: 90px;
}
.image-rotator-text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.image-rotator-text h1,
.image-rotator-text h2,
.image-rotator-text h3,
.image-rotator-text h4,
.image-rotator-text h5,
.image-rotator-text h6 { color: #fff; }
@media (min-width: 1400px) {
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next { display: block; }
}
@media (max-width: 767px) {
.features-slider-description {
position: relative;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.testimonial-slider .bx-wrapper .bx-pager,
.testimonial-slider .bx-wrapper .bx-controls-auto {
bottom: -50px;
width: 100%;
right: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.testimonial-slider .bx-wrapper .bx-pager .bx-pager-item,
.testimonial-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
margin: 0 5px;
}
}
/* ==========================================================================
=Woocommerce
========================================================================== */
.widget_shopping_cart {}
.widget_shopping_cart .cart_list { margin-top: 30px; }
.widget_shopping_cart .buttons { margin-top: 20px; }
.sf-menu .widget_shopping_cart .product_item > a { padding: 0; }
#mobile-menu .widget_shopping_cart { border-top: 1px solid #e6e6e6; }
#mobile-menu .widget_shopping_cart .product_item > a { padding-left: 0; }
#mobile-menu .widget_shopping_cart .product_item,
#mobile-menu .widget_shopping_cart .buttons,
#mobile-menu .widget_shopping_cart .total { padding-left: 45px; }
ul.products {
margin: -15px -15px 70px -15px;
list-style: none;
}
ul.products li.product {
float: left;
width: 33.3333333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
margin-bottom: 50px;
text-align: center;
}
ul.products.four-cols li.product { width: 25%; }
ul.products.three-cols li.product { width: 33.3333333333333%; }
ul.products li.product a { text-decoration: none; }
ul.products li.product h4 { letter-spacing: 2px; }
ul.products li.product img {
width: 100%;
border: 1px solid #e6e6e6;
margin-bottom: 25px;
}
ul.products li.product .btn {
margin-top: 20px;
margin-right: 0;
}
.product { margin-bottom: 50px; }
.product .images {
overflow: hidden;
float: left;
width: 41.66666667%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e0e0e0;
margin-bottom: 40px;
}
.product .summary {
float: left;
width: 58.33333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 100px;
margin-bottom: 40px;
}
.product .summary h1.price { font-weight: 400; }
.product .summary h1.price small {
color: #848484;
font-size: 14px;
letter-spacing: 2px;
}
.product .summary .quantity { margin: 20px 0; }
.product .summary .quantity input[type="number"] {
display: inline-block;
padding: 6px 10px;
margin-right: 40px;
}
.product .images-slider .bx-wrapper { margin-bottom: 0; }
.product .summary select {
width: 100%;
margin: 20px 0;
font-family: 'Raleway', Arial, sans-serif;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
/*
* 1. Clearfix hack
*/
.product_item:after,
.product:after,
ul.products:after { /* 1 */
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
@media (min-width: 768px) and (max-width: 991px) {
ul.products li.product,
ul.products.four-cols li.product,
ul.products.three-cols li.product { width: 50%; }
}
@media (max-width: 767px) {
ul.products li.product {
float: none;
width: 100%;
}
ul.products.four-cols li.product,
ul.products.three-cols li.product { width: 100%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
ul.products li.product {
float: left;
width: 50%;
}
ul.products.four-cols li.product,
ul.products.three-cols li.product { width: 50%; }
}
/* ==========================================================================
=Fullwidth section
========================================================================== */
.fullwidth-section.custom-color a,
.fullwidth-section.custom-color h1,
.fullwidth-section.custom-color h2,
.fullwidth-section.custom-color h3,
.fullwidth-section.custom-color h4,
.fullwidth-section.custom-color h5,
.fullwidth-section.custom-color h6,
.fullwidth-section.custom-color .icon-box-1 > i,
.fullwidth-section.custom-color .icon-box-2 > i,
.fullwidth-section.custom-color .icon-box-3 > i,
.fullwidth-section.custom-color .milestone .milestone-content,
.fullwidth-section.custom-color .horizontal-process-builder li:after,
.fullwidth-section.custom-color .horizontal-process-builder li i,
.fullwidth-section.custom-color .horizontal-process-builder li h1,
.fullwidth-section.custom-color .vertical-process-builder li:after,
.fullwidth-section.custom-color .vertical-process-builder li i,
.fullwidth-section.custom-color .vertical-process-builder li h1,
.fullwidth-section.custom-color .pie-chart i,
.fullwidth-section.custom-color .pie-chart .pie-chart-custom-text,
.fullwidth-section.custom-color .pie-chart .pie-chart-percent,
.fullwidth-section.custom-color .pie-chart-description,
.fullwidth-section.custom-color .pricing-table-offer ul,
.fullwidth-section.custom-color .progress-bar-description { color: inherit; }
.fullwidth-section.custom-color .btn,
.fullwidth-section.custom-color .accordion-item:hover,
.fullwidth-section.custom-color .toggle-item:hover,
.fullwidth-section.custom-color .icon-box-1 > i,
.fullwidth-section.custom-color .horizontal-process-builder li i,
.fullwidth-section.custom-color .horizontal-process-builder li h1,
.fullwidth-section.custom-color .vertical-process-builder li i,
.fullwidth-section.custom-color .vertical-process-builder li h1,
.fullwidth-section.custom-color a.social-icon,
.fullwidth-section.custom-color .bx-wrapper .bx-pager.bx-default-pager a,
.fullwidth-section.custom-color .portfolio-filter ul li a.active,
.fullwidth-section.custom-color .portfolio-filter ul li a:hover,
.fullwidth-section.custom-color .bx-wrapper .bx-pager.bx-default-pager a { border-color: inherit; }
.fullwidth-section.custom-color .progress-bar .progress-bar-outer { background-color: #848484; }
.fullwidth-section.custom-color .icon-box-4:hover,
.fullwidth-section.custom-color .pricing-table:hover { box-shadow: 0 0 10px 1px #f3f3f3; }
.fullwidth-section.custom-color .headline:after { content: url(../images/bg-headline-2.png); }
.fullwidth-section.custom-color .team-member .social-media {
border-color: #000;
color: #000;
}
.fullwidth-section.custom-color .portfolio-item-description a,
.fullwidth-section.custom-color .portfolio-item-description h6,
.fullwidth-section.custom-color .portfolio-item-overlay-actions a { color: #000; }
#bg-1 {
padding: 50px 0 30px 0;
margin: 35px 0 50px 0;
}
#bg-2 {
padding-top: 60px;
padding-bottom: 0;
margin-top: 50px;
margin-bottom: 0;
}
#bg-3 {
padding: 100px 0 60px 0;
margin: 50px 0 100px 0;
background-image: url(../../content/backgrounds/1920x1080-2.jpg);
}
#bg-4 {
padding: 100px 0;
margin: 80px 0 100px 0;
background-image: url(../../content/backgrounds/1920x1800-1.jpg);
color: #000;
}
#bg-5 {
padding: 100px 0;
margin: 80px 0 100px 0;
background-image: url(../../content/backgrounds/1920x1800-2.jpg);
color: #000;
}
#bg-6 {
padding: 100px 0 70px 0;
margin: 80px 0 100px 0;
}
#bg-7 { color: #000; }
#bg-8 {
padding: 380px 0;
margin-bottom: 90px;
background-image: url(../../content/backgrounds/1920x1080-2.jpg);
}
#bg-9 {
padding: 430px 0;
margin-bottom: 90px;
background-image: url(../../content/backgrounds/1920x1080-4.jpg);
}
#bg-10 { background-image: url(../../content/backgrounds/1920x1080-4.jpg); }
#bg-11 { background-image: url(../../content/backgrounds/1920x1080-2.jpg); }
#bg-12 {
padding: 100px 0 110px 0;
margin: 80px 0 100px 0;
background-image: url(../../content/backgrounds/1920x1800-3.jpg);
}
#bg-13 {
padding: 100px 0;
margin-bottom: 100px;
background-image: url(../../content/backgrounds/1920x1800-1.jpg);
color: #000;
}