body {
font-family: "Hind", sans-serif;
background-color: #fff;
font-size: 16px;
overflow-x: hidden;
font-weight: 400;
line-height: 26px;
color: #777777;
margin: 0;
}
html {
overflow-x: hidden;
}
p {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1A171C;
font-family: "Poppins", sans-serif;
margin-bottom: 25px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
font-size: inherit;
}
h1 {
margin-top: 8px;
margin-bottom: 8px;
font-weight: 700;
font-size: 32px;
line-height: 36px;
line-height: 1.125;
}
h2 {
margin-top: 8px;
margin-bottom: 8px;
font-weight: 700;
font-size: 28px;
line-height: 33px;
line-height: 1.1785714286;
}
h3 {
margin-top: 10px;
margin-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 30px;
line-height: 1.2;
}
h4 {
margin-top: 11px;
margin-bottom: 11px;
font-weight: 400;
font-size: 23px;
line-height: 28px;
line-height: 1.2173913043;
}
h5 {
margin-top: 11px;
margin-bottom: 11px;
font-weight: 400;
font-size: 18px;
line-height: 24px;
line-height: 1.3333333333;
}
h6 {
margin-top: 1px;
margin-bottom: 25px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
line-height: 1.375;
}
ul,
ol {
color: inherit;
font-family: inherit;
line-height: inherit;
font-weight: inherit;
margin-bottom: 25px;
}
ul.styled li:before {
content: "\f111";
font-family: "FontAwesome";
color: #A1083A;
margin-right: 12px;
}
ul.no-padding {
padding: 0;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
overflow-wrap: normal;
position: absolute;
width: 1px;
} hr {
height: 1px;
border: 0;
margin: 25px 0;
background-color: #ebebeb;
} ul,
ol {
margin-bottom: 25px;
list-style-position: inside;
list-style: outside none none;
padding: 0;
margin: 0;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 25px;
}
ul {
list-style-type: disc;
}
ul.square,
ul.square ul {
list-style-type: square;
}
ol {
list-style-type: decimal;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 25px;
} a,
a:visited {
color: #0385D0;
text-decoration: none;
cursor: pointer;
} a:active {
background-color: transparent; color: #172128;
}
a:active,
a:hover,
a:focus {
outline: 0;
text-decoration: none;
}
a:hover,
a:focus {
color: #A1083A;
} .social-links {
margin-bottom: 25px;
} .social-links:after { visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
a.social-icon {
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}
a.social-icon:last-child {
margin-right: 0;
}
a.social-icon {
color: #777777;
}
a.social-icon:hover,
a.social-icon:focus {
color: #A1083A;
}
a.social-icon:active {
color: #172128;
} .text-left {
text-align: left;
}
.text-right {
text-align: right;
}
@media (max-width: 767px) {
.text-right {
text-align: left;
}
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
} .text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-accent-color {
color: #0385D0;
}
.text-accent-color-2 {
color: #A1083A;
}  .fixed:after {
display: block;
visibility: hidden;
height: 0;
font-size: 0;
content: " ";
clear: both;
} .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
} .headline h3 {
margin-bottom: 55px;
z-index: 9;
margin-top: 0;
animation: anim_affluent_sliderPro_category 1000ms linear both;
animation-delay: 400ms;
font-size: 30px;
font-weight: 300;
}
.headline span {
color: #1A171C;
font-size: 16px;
opacity: .65;
}
@media (min-width: 768px) {
.ewf-section--title-right .headline:last-child h3,
.ewf-section--title-left .headline:last-child h3 {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.headline {
text-align: center;
}
.headline--xs-bottom {
margin-top: 55px;
}
.headline--xs-bottom h3 {
margin: 0;
}
}  img {
max-width: 100%;
width: 100%;
height: auto;
border: none;
vertical-align: middle;
} table,
th,
td {
border: 1px solid #ebebeb;
} table {
width: 100%;
border-width: 1px 0 0 1px;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 25px;
table-layout: fixed; }
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
margin-bottom: 25px;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 12px;
} pre {
display: block;
overflow-x: auto;
margin-bottom: 28px;
white-space: pre-wrap;
background-color: #f9f9fa;
padding: 14px;
}
em {
font-style: italic;
}
strong {
font-weight: 700;
}
small {
font-size: 90%;
}
big {
font-size: 125%;
}
abbr[title] {
border-bottom: 1px dotted #777777;
cursor: help;
}
address {
display: block;
margin-bottom: 28px;
}
q {
color: #1a171c;
font-family: 'Georgia', 'Lato', sans-serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
line-height: 30px;
quotes: "\201C" "\201D" "\201C" "\201D";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
kbd,
tt,
var,
samp,
code,
pre {
font-family: monospace;
}
mark,
ins {
text-decoration: none;
}
s,
del {
text-decoration: line-through;
} .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
.row {
margin-right: -15px;
margin-left: -15px;
box-sizing: border-box;
}
.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
} .visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
} .ewf-padding-top--none {
padding-top: 0 !important;
}
.ewf-padding-right--none {
padding-right: 0 !important;
}
.ewf-padding-bottom--none {
padding-bottom: 0 !important;
}
.ewf-padding-left--none {
padding-left: 0 !important;
}
.ewf-padding-vertical--none {
padding-top: 0;
padding-bottom: 0;
}
.ewf-padding-horizontal--none {
padding-right: 0;
padding-left: 0;
}
.ewf-padding-around--none {
padding: 0;
}
.ewf-padding-top--xx-small {
padding-top: 13px;
}
.ewf-padding-right--xx-small {
padding-right: 13px;
}
.ewf-padding-bottom--xx-small {
padding-bottom: 13px;
}
.ewf-padding-left--xx-small {
padding-left: 13px;
}
.ewf-padding-vertical--xx-small {
padding-top: 13px;
padding-bottom: 13px;
}
.ewf-padding-horizontal--xx-small {
padding-right: 13px;
padding-left: 13px;
}
.ewf-padding-around--xx-small {
padding: 13px;
}
.ewf-padding-top--x-small {
padding-top: 19.5px;
}
.ewf-padding-right--x-small {
padding-right: 19.5px;
}
.ewf-padding-bottom--x-small {
padding-bottom: 19.5px;
}
.ewf-padding-left--x-small {
padding-left: 19.5px;
}
.ewf-padding-vertical--x-small {
padding-top: 19.5px;
padding-bottom: 19.5px;
}
.ewf-padding-horizontal--x-small {
padding-right: 19.5px;
padding-left: 19.5px;
}
.ewf-padding-around--x-small {
padding: 19.5px;
}
.ewf-padding-top--small {
padding-top: 26px;
}
.ewf-padding-right--small {
padding-right: 26px;
}
.ewf-padding-bottom--small {
padding-bottom: 26px;
}
.ewf-padding-left--small {
padding-left: 26px;
}
.ewf-padding-vertical--small {
padding-top: 26px;
padding-bottom: 26px;
}
.ewf-padding-horizontal--small {
padding-right: 26px;
padding-left: 26px;
}
.ewf-padding-around--small {
padding: 26px;
}
.ewf-padding-top--medium {
padding-top: 52px;
}
.ewf-padding-right--medium {
padding-right: 52px;
}
.ewf-padding-bottom--medium {
padding-bottom: 52px;
}
.ewf-padding-left--medium {
padding-left: 52px;
}
.ewf-padding-vertical--medium {
padding-top: 52px;
padding-bottom: 52px;
}
.ewf-padding-horizontal--medium {
padding-right: 52px;
padding-left: 52px;
}
.ewf-padding-around--medium {
padding: 52px;
}
.ewf-padding-top--large {
padding-top: 78px;
}
.ewf-padding-right--large {
padding-right: 78px;
}
.ewf-padding-bottom--large {
padding-bottom: 78px;
}
.ewf-padding-left--large {
padding-left: 78px;
}
.ewf-padding-vertical--large {
padding-top: 78px;
padding-bottom: 78px;
}
.ewf-padding-horizontal--large {
padding-right: 78px;
padding-left: 78px;
}
.ewf-padding-around--large {
padding: 78px;
}
.ewf-padding-top--x-large {
padding-top: 104px;
}
.ewf-padding-right--x-large {
padding-right: 104px;
}
.ewf-padding-bottom--x-large {
padding-bottom: 104px;
}
.ewf-padding-left--x-large {
padding-left: 104px;
}
.ewf-padding-vertical--x-large {
padding-top: 104px;
padding-bottom: 104px;
}
.ewf-padding-horizontal--x-large {
padding-right: 104px;
padding-left: 104px;
}
.ewf-padding-around--x-large {
padding: 104px;
}
.ewf-padding-top--xx-large {
padding-top: 130px;
}
.ewf-padding-right--xx-large {
padding-right: 130px;
}
.ewf-padding-bottom--xx-large {
padding-bottom: 130px;
}
.ewf-padding-left--xx-large {
padding-left: 130px;
}
.ewf-padding-vertical--xx-large {
padding-top: 130px;
padding-bottom: 130px;
}
.ewf-padding-horizontal--xx-large {
padding-right: 130px;
padding-left: 130px;
}
.ewf-padding-around--xx-large {
padding: 130px;
} fieldset {
display: block;
}
label {
display: block;
} input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 37px; padding: 5px 12px;
border: 1px solid #ebebeb;
margin-bottom: 25px;
background-color: #ffffff;
color: #777777;
font-family: inherit;
font-size: inherit;
appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #cde0e9;
outline: none;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
cursor: not-allowed;
background-color: #fbfcfe;
}
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="date"]:invalid,
input[type="datetime"]:invalid,
input[type="datetime-local"]:invalid,
input[type="month"]:invalid,
input[type="week"]:invalid,
input[type="email"]:invalid,
input[type="number"]:invalid,
input[type="search"]:invalid,
input[type="tel"]:invalid,
input[type="time"]:invalid,
input[type="url"]:invalid,
input[type="color"]:invalid,
textarea:invalid {
border-color: #ffc3be;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
cursor: not-allowed;
background-color: #fbfcfe;
}
textarea[rows] {
height: auto;
} textarea {
max-width: 100%; } select {
box-sizing: border-box;
width: 100%;
height: 37px; padding: 5px 12px;
border: 1px solid #ebebeb;
margin-bottom: 25px;
background-color: #ffffff;
color: #777777;
font: inherit;
appearance: none;
}
select[multiple] {
height: auto;
padding: 12px 12px;
line-height: 25px;
line-height: 1.7857142857;
}
select:disabled {
cursor: not-allowed;
}
select:focus {
border-color: #cde0e9;
}
input[type="range"] {
width: 50%;
} input[type="file"] {
font-size: 13px; height: auto;
width: 100%;
margin-bottom: 25px;
}
input[type="checkbox"],
input[type="radio"] {
margin-bottom: 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-right: 12px;
margin-bottom: 12px;
vertical-align: baseline;
}
input[type="reset"],
input[type="submit"],
input[type="button"] {
position: relative;
background-clip: padding-box;
display: inline-block;
border-radius: 35px;
padding: 9px 22px;
margin-bottom: 25px;
font: inherit;
border: none;
background-color: #0385D0;
color: #ffffff;
text-align: center;
text-decoration: none;
cursor: pointer;
appearance: none;
min-width: 150px;
}
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
background-color: #A1083A;
color: #ffffff;
}
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
background-color: #A1083A;
color: #ffffff;
} ::-webkit-input-placeholder {
color: #ababb2;
}
:-moz-placeholder {
color: #ababb2;
} ::-moz-placeholder {
color: #ababb2;
opacity: 1; }
:-ms-input-placeholder {
color: #ababb2;
} #header {
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
position: relative;
z-index: 50;
background-color: #151c1f;
}
#header.sticky--top-bar {
top: 40px;
}
#header.header--over-content {
position: absolute;
width: 100%;
top: 0;
}
#header.header--no-shadow {
box-shadow: none;
}
body.admin-bar #header.header--over-content {
top: 32px;
}
body.ctdw-bar-visible #header.header--over-content {
top: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
#header {
position: relative;
padding-bottom: 45px;
background-color: #0b0b0b;
}
}
@media (max-width: 767px) {
#header {
position: relative;
padding-bottom: 45px;
background-color: #0b0b0b;
}
} #logo {
line-height: 80px;
} #logo a {
display: inline-block;
max-width: 100%;
font-weight: bold;
font-size: 24px; }
#logo img {
transition: width 0.3s;
}
@media (max-width: 767px) { #logo {
padding-right: 50px; }
} @media (min-width: 1025px) { #header.stuck {
position: fixed;
z-index: 1020; top: 0;
width: 100%;
margin: 0 auto;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
transition: all 0.3s;
}
#header.stuck #logo img {
width: 80%;
}
#header.stuck .sf-menu > li > a,
#header.stuck .sf-menu > li.dropdown > a {
padding: 26px 15px 36px;
}
#header.stuck .sf-arrows .sf-with-ul:after {
margin-top: -1px;
}
#header.stuck #custom-search-button {
top: 23px;
}
body.ctdw-bar-visible #header.stuck {
top: 40px;
}
body.admin-bar #header.stuck {
top: 32px;
}
}
@media (min-width: 1200px) {
#header.stuck .sf-menu > li > a,
#header.stuck .sf-menu > li.dropdown > a {
padding: 26px 25px 36px;
}
}
@media (max-width: 991px) {
#header {
padding: 0;
}
#mobile-menu-trigger {
top: 13px;
margin: 0;
position: absolute;
right: 0;
display: block !important;
padding: 10px;
}
.small-arrow > a::before {
display: none;
}
#header {
background-color: rgba(53, 68, 78, 0.9);
}
#mobile-menu {
padding: 0;
}
#mobile-menu li > a:hover {
background-color: #A1083A;
}
}  .sf-menu, .sf-menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.sf-menu > li {
float: left;
}
.sf-menu > li.small-arrow > a:before {
content: none;
}
.sf-menu > li:hover,
.sf-menu > li.current {
box-shadow: inset 0px 3px 0px 0px #A1083A;
}
.sf-menu > li > a {
position: relative;
display: block;
padding: 27px 25px !important;
} .sf-menu .sf-mega, .sf-menu li.dropdown ul {
position: absolute;
z-index: 1025; top: 100%;
left: 0;
display: none;
}
.sf-menu li.dropdown ul {
left: 15px;
}
.sf-menu li.dropdown {
position: relative;
}
.sf-menu li.dropdown ul ul {
top: -1px;
left: 100%;
margin-top: -14px;
}
.sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega, .sf-menu li.dropdown:hover > ul, .sf-menu li.dropdown.sfHover > ul {
display: block;
} .sf-menu {
float: right;
}
.sf-menu a {
display: block;
padding: 15px 0;
font-family: inherit;
letter-spacing: 1.5px;
color: #ebebeb;
text-decoration: none;
letter-spacing: 0.5px;
}
.sf-menu li.dropdown a {
padding: 8px 25px 8px 35px;
}
.sf-menu li:last-child > a {
border-bottom: none;
}
.sf-menu > li > a,
.sf-menu > li.dropdown > a {
padding: 35px 15px;
border: none;
color: #ebebeb;
font-size: 16px;
transition-property: background-color, color;
transition-duration: .3s;
}
.sf-menu > li a i {
margin-right: 5px;
}
.sf-menu > li.current > a {
color: #A1083A;
}
.sf-menu li.sfHover > a,
.sf-menu li.sfHover a:hover
.sf-menu a:focus,
.sf-menu a:hover {
color: #ffffff;
text-decoration: none;
}
.dropdown li:hover {
background-color: #940534;
}
.dropdown li a {
font-size: 14px;
}  .sf-menu li.dropdown ul {
min-width: 250px;
background-color: #a1083a;
box-shadow: 4px 6px 6px 2px rgba(35, 31, 32, 0.3);
box-shadow: none;
} .sf-menu > li.arrow:before {
content: "\f107";
height: 12px;
width: 12px;
position: absolute;
top: 34px;
right: 8px;
font-family: fontawesome;
text-align: center;
font-size: 20px;
color: #ebebeb;
transition: 180ms all;
line-height: 12px;
}
.sf-menu > li.arrow:hover::before {
content: "\f106";
transform: rotate(360deg);
}
.small-arrow > a:before {
content: "\f105";
height: 10px;
width: 10px;
position: absolute;
top: 7px;
right: 8px;
font-family: fontawesome;
text-align: center;
font-size: 14px;
color: #ebebeb;
}
.small-arrow > a:hover::before {
content: "\f104";
}
@media (min-width: 1200px) {
.sf-menu li.dropdown ul {
left: 25px;
}
.sf-menu > li > a, .sf-menu > li.dropdown > a {
padding: 35px 25px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#menu {
display: none;
}
}
@media (max-width: 767px) {
#menu {
display: none;
}
} @media (min-width: 1200px) {
.sf-menu li.dropdown ul {
left: 25px;
}
.sf-menu > li > a, .sf-menu > li.dropdown > a {
padding: 35px 25px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#menu {
display: none;
}
}
@media (max-width: 767px) {
#menu {
display: none;
}
} #mobile-menu {
border-bottom: 1px solid #e1e1e1;
margin-bottom: 0;
background-color: rgba(53, 68, 78, 0.9);
}
#mobile-menu li {
display: block;
margin: 0;
}
#mobile-menu > li > ul, #mobile-menu > li > ul > li > ul {
display: none;
margin-left: 0;
}
#mobile-menu .sf-mega {
display: none;
padding: 0;
border: none;
margin: 0;
}
#mobile-menu .sf-mega-section {
float: none;
width: 100%;
padding: 0;
border: none;
}
#mobile-menu .sf-mega-section ul {
margin-left: 0;
}
#mobile-menu li a {
position: relative;
display: block;
padding: 15px 25px;
border-top: 1px solid #e1e1e1;
color: #fff;
font-size: 13px;
text-align: left;
text-decoration: none;
}
#mobile-menu li a i {
margin-right: 5px;
}
#mobile-menu ul a {
padding-left: 45px;
}
#mobile-menu ul li ul a {
padding-left: 65px;
}
#mobile-menu .mobile-menu-submenu-arrow {
position: absolute;
top: 0;
right: 0;
width: 70px;
height: 100%;
border-left: 1px solid #e1e1e1;
color: #fff;
font-size: 20px;
line-height: 50px;
text-align: center;
cursor: pointer;
}
#mobile-menu .mobile-menu-submenu-arrow:hover {
background-color: #979797;
}
#mobile-menu {
display: none;
} #mobile-menu-trigger {
display: none;
font-size: 32px;
color: #fff;
}
@media (max-width: 1200px) {
#header .sf-menu > li > a {
padding: 27px 20px !important;
}
.sf-menu > li.arrow::before {
right: 2px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#mobile-menu-trigger {
display: block;
margin-right: 0;
}
} .intro-item {
position: relative;
text-align: center;
background-color: #fff;
box-shadow: 0 0 40px 4px rgba(35, 31, 32, 0.07);
height: 190px;
margin: -100px 0 60px 0;
z-index: 99;
}
.intro-item h4 {
font-size: 30px;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
width: 100%;
font-weight: 400;
}
.intro-item span {
font-size: 160px;
color: #f9f9f9;
font-family: "Poppins", sans-serif;
font-weight: 700;
position: absolute;
top: 0;
left: 0;
text-align: Center;
display: block;
width: 100%;
line-height: 206px;
user-select: none;
}
.intro-item .actions {
position: absolute;
bottom: 25px;
left: 75px;
transition: color 120ms;
}
.intro-item .actions a {
display: inline-block;
text-transform: uppercase;
color: #333;
letter-spacing: 1px;
font-size: 12px;
margin-right: 15px;
}
.intro-item .actions a:hover {
color: #a1083a;
}
@media (max-width: 991px) {
.intro-item {
display: none;
}
.main-slider.owl-blog {
margin-bottom: 40px;
}
} .post {
position: relative;
background-color: #ffffff;
box-shadow: 0 0 40px 4px rgba(35, 31, 32, 0.07);
color: #777777;
}
.post:last-of-type {
margin-bottom: 55px;
}
.post + .post {
margin-top: 55px;
}
@media (max-width: 991px) {
.post {
box-shadow: 0 0 20px 3px rgba(35, 31, 32, 0.05);
}
} .post-header {
padding: 30px 40px 10px 40px;
}
.post.sticky .post-header {
padding-top: 10px;
} .post-footer {
padding: 0 40px 10px 40px;
} .post-content {
padding: 15px 40px 35px 40px;
}
.post-content.has-post-thumbnail {
min-height: 135px;
} .post-content:after { visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.post-content iframe {
max-width: 100%;
}
.post-content img {
width: initial;
max-width: 100%;
} .post-thumbnail {
position: relative;
display: block;
width: 100%;
z-index: 0;
}
.post-thumbnail-preloader {
height: 345px;
position: relative;
overflow: hidden;
}
.post-thumbnail-preloader .preloader {
height: 100%;
width: 100%;
position: Absolute;
right: 50px;
top: 0;
}
.post-thumbnail-preloader .overlay {
height: 355px;
background-color: #ffffff;
width: 510px;
opacity: 1;
margin-top: -5px;
transform: skewX(15deg);
}
.post-thumbnail-preloader .overlay:before {
content: "";
height: 355px;
width: 510px;
background-color: #ffffff;
opacity: .7;
position: absolute;
left: 10px;
top: 0;
}
.post-thumbnail-preloader .overlay:after {
content: "";
height: 355px;
background-color: #ffffff;
opacity: .4;
width: 510px;
position: Absolute;
left: 20px;
top: 0;
}
.post-thumbnail-preloader img {
opacity: 0;
width: auto;
max-width: none;
height: 345px;
}
.post-thumbnail-preloader.animate img {
opacity: 1;
}
.post-thumbnail-preloader.animate .preloader {
animation: anim-blog-preloader 1500ms linear both;
animation-delay: 450;
}
@media (max-width: 991px) {
.post-thumbnail-preloader .preloader {
display: none;
}
.post-thumbnail-preloader img {
height: auto;
width: 100%;
}
}
.post-thumbnail img {
display: block;
}
.post-thumbnail .effect {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
display: block;
}
.post-thumbnail img + .effect {
top: -6px;
opacity: .45;
z-index: -5;
width: 98.8%;
left: 5px;
}
.post-thumbnail img + .effect + .effect {
top: -12px;
opacity: .1;
z-index: -10;
width: 97.6%;
left: 10px;
}
.post-thumbnail img.animate + .effect {
animation: anim-blog-sticky-effect 250ms linear both;
animation-delay: 200ms;
}
.post-thumbnail img.animate + .effect + .effect {
animation: anim-blog-sticky-effect 450ms linear both;
animation-delay: 280ms;
}
@keyframes anim-blog-sticky-effect {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
opacity: 0;
}
5.71% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.486, 0, 1);
}
11.31% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.458, 0, 1);
}
17.02% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 19.078, 0, 1);
}
22.62% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.665, 0, 1);
}
28.33% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.714, 0, 1);
}
33.93% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.215, 0, 1);
}
45.15% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.709, 0, 1);
}
72.57% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.387, 0, 1);
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
@keyframes anim-blog-preloader {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
0.37% {
transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.719, 0, 0, 1);
}
0.73% {
transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.864, 0, 0, 1);
}
1.63% {
transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50.239, 0, 0, 1);
}
2.52% {
transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -75.925, 0, 0, 1);
}
3.42% {
transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100.496, 0, 0, 1);
}
4.3% {
transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.002, 0, 0, 1);
}
5.31% {
transform: matrix3d(0.973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -146.282, 0, 0, 1);
}
7.88% {
transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -195.511, 0, 0, 1);
}
10.51% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -330.852, 0, 0, 1);
}
11.45% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -340.264, 0, 0, 1);
}
14.29% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -360, 0, 0, 1);
}
15.82% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -366.342, 0, 0, 1);
}
21.02% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -373.556, 0, 0, 1);
}
35.34% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -362.586, 0, 0, 1);
}
49.55% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -359.582, 0, 0, 1);
}
78.18% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400.013, 0, 0, 1);
}
100% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1);
}
} .post-title {
margin: 0;
}
.post-title a {
color: #1A171C;
}
.post.sticky .post-title a {
color: #fff;
vertical-align: bottom;
line-height: 30px;
}
.post-title a:focus,
.post-title a:hover {
color: #A1083A;
}
.post.sticky .post-header {
background-color: rgba(0, 0, 0, 0.6);
overflow: hidden;
}
.post.sticky .post-title {
display: block;
}
@media (max-width: 425px) {
.post.sticky .post-header {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
}
.post.sticky .post-title {
margin: 0;
padding: 15px 40px;
width: 100%;
box-sizing: border-box;
}
.post.sticky .post-title,
.post.sticky .post-title a {
transform: skewX(0);
}
.more-link {
display: none;
}
} .post-meta {
position: relative;
}
.post-meta a {
display: inline-block;
margin-right: 15px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
color: #1A171C;
}
.post-meta:last-child {
padding-bottom: 0;
}
.post-meta-separator {
padding: 0 3px 0 0;
}
.edit-link:before {
font-family: 'FontAwesome';
content: '\f044';
padding-right: 3px;
}
.comments-link:before {
font-family: 'FontAwesome';
content: '\f0e5';
padding-right: 3px;
}
.tags-links {
margin: 25px 0;
color: #414444;
}
.tags-links a {
display: inline-block;
margin: 0 5px 5px 0;
padding: 0 10px;
border: 1px solid #6aa4bc;
color: #6aa4bc;
}
.tags-links a:hover {
color: #aacfdf;
border-color: #aacfdf;
}
.posted-on {
display: inline-block;
color: #414444;
} .post-format {
display: inline-block;
padding-right: 5px;
color: #aacfdf;
}
.post-format:first-child {
padding-left: 0;
}
.format-standard .post-format {
display: none;
}
.format-aside .post-format:before {
font-family: 'FontAwesome';
content: '\f10c';
}
.format-image .post-format:before {
font-family: 'FontAwesome';
content: '\f03e';
}
.format-video .post-format:before {
font-family: 'FontAwesome';
content: '\f1c8';
}
.format-quote .post-format:before {
font-family: 'FontAwesome';
content: '\f10e';
}
.format-gallery .post-format:before {
font-family: 'FontAwesome';
content: '\f009';
}
.format-status .post-format:before {
font-family: 'FontAwesome';
content: '\f044';
}
.format-link .post-format:before {
font-family: 'FontAwesome';
content: '\f0c1';
}
.format-audio .post-format:before {
font-family: 'FontAwesome';
content: '\f027';
}
.format-chat .post-format:before {
font-family: 'FontAwesome';
content: '\f18d';
}  .pagination {
margin: 75px 0 25px;
} .pagination:after {
visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
.pagination .nav-links {
text-align: center;
}
.pagination .prev.page-numbers i {
padding-right: 5px;
}
.pagination .next.page-numbers i {
padding-left: 5px;
}
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
border-radius: 30px;
border: 1px solid #777777;
color: #777777;
padding: 0 12px;
display: inline-block;
text-transform: uppercase;
font-size: 14px;
}
.pagination .page-numbers a,
.pagination .page-numbers span {
color: inherit;
}
.pagination .page-numbers:hover {
color: #A1083A;
}
.pagination .page-numbers:active {
color: #0385D0;
}
.pagination .prev.page-numbers:focus,
.pagination .prev.page-numbers:hover,
.pagination .next.page-numbers:focus,
.pagination .next.page-numbers:hover {
border: 1px solid #A1083A;
background-color: #A1083A;
color: #fff;
}
.pagination .prev.page-numbers:active,
.pagination .next.page-numbers:active {
border: 1px solid #0385D0;
background-color: #0385D0;
color: #fff;
}
.pagination a,
.pagination span {
color: #777777;
}
.pagination .page-numbers {
display: inline-block;
margin-right: 25px;
text-align: center;
}
.pagination .page-numbers:last-child {
margin-right: 0;
}
.pagination .page-numbers.current {
color: #172128;
}
@media (max-width: 767px) {
.pagination {
margin: 50px 0 50px;
}
.pagination .page-numbers {
display: none;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.pagination .page-numbers.current {
display: inline-block;
}
.page-numbers.prev .screen-reader-text,
.page-numbers.next .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
} .page-links {
margin: 25px 0;
color: #414444;
}
.page-links .page-number {
padding: 5px;
} .pagination {
margin: 75px 0 25px;
} .pagination:after { visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.pagination .nav-links {
text-align: center;
}
.pagination .page-numbers {
display: inline-block;
margin-right: 25px;
text-align: center;
}
.pagination .page-numbers:last-child {
margin-right: 0;
}
.pagination .page-numbers.current { }
@media (max-width: 767px) {
.pagination {
margin: 50px 0 50px;
}
.pagination .page-numbers {
display: none;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next, .pagination .page-numbers.current {
display: inline-block;
}
.page-numbers.prev .screen-reader-text,
.page-numbers.next .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
} .post-navigation {
margin: 25px 0 75px 0;
padding-top: 25px;
border-top: 1px solid #ebebeb;
} .post-navigation:after { visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
@media (min-width: 768px) {
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
}
@media (max-width: 767px) {
.post-navigation .nav-previous {
margin-bottom: 25px;
}
}
.post-navigation .nav-subtitle {
display: block;
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
color: #414444;
margin-bottom: 5px;
} .author-bio {
position: relative;
padding: 30px 50px;
background-color: #FFF;
box-shadow: 0 0 40px 4px rgba(35, 31, 32, 0.07);
margin: 25px 0 50px;
} .author-bio:after { visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
.author-bio-avatar img {
border-radius: 50%;
}
.author-bio-info h5 {
margin: 0;
}
.author-bio-social {
float: right;
}
.author-bio-social a {
margin-right: 10px;
display: inline-block;
color: #414444;
}
@media (max-width: 479px) {
.author-bio-avatar {
margin-bottom: 28px;
margin-bottom: 1.86666666em;
}
}
@media (min-width: 480px) {
.author-bio-avatar {
float: left;
}
.author-bio-avatar + .author-bio-info {
padding-left: 108px;
}
}
.author-bio-info *:last-child {
margin-bottom: 0;
}  .comments-area:after,
.comment-list:after
.comment:after { visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
.comments-area {
margin-bottom: 50px;
}
.comment-list,
.comment-list .children {
list-style: none;
}
.comment-list {
margin: 25px 0;
}
@media (max-width: 480px) {
.comment-list .children {
margin-left: 5px;
}
}
.no-comments,
.comment-awaiting-moderation {
color: #414444;
} .comment-meta {
margin: 12px 0;
}
.comment-author {
position: relative;
z-index: 2;
}
.comment-author .avatar {
position: absolute;
left: -84px;
top: -14px;
height: 64px;
width: 64px;
}
@media (max-width: 480px) {
.comment-author .avatar {
position: relative;
left: auto;
top: auto;
display: block;
height: 48px;
width: 48px;
margin-bottom: 25px;
}
}
.comment-author .says {
display: none;
}
.comment-metadata > a {
color: #b7b7b7;
} .comment .comment-body {
position: relative;
padding: 25px 0 25px 84px;
border-top: 1px solid #ebebeb;
}
.comment-list > li:first-child > .comment-body {
padding-top: 7px;
border-top: 0;
}
@media (max-width: 480px) {
.comment .comment-body {
padding-left: 0;
}
}
.comment .comment-body *:last-child {
margin-bottom: 0;
} .reply {
margin: 12px 0 25px;
}
.comment-reply-link {
position: relative;
} .comment-navigation {
padding-top: 25px;
margin-bottom: 25px;
} .comment-navigation:after { visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
#comment-nav-above {
padding-bottom: 25px;
border-bottom: 1px solid #ebebeb;
}
#comment-nav-below {
border-top: 1px solid #ebebeb;
}
.comment-navigation .nav-next a:after {
font-family: 'FontAwesome';
content: '\f105';
padding-left: 5px;
}
.comment-navigation .nav-previous a:before {
font-family: 'FontAwesome';
content: '\f104';
padding-right: 5px;
}
.comment-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-navigation .nav-previous {
float: left;
width: 50%;
}  .comment-respond:after { visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
.comment-reply-title {
margin-bottom: 0;
}
.comment-form {
margin: 0 -15px;
} .comment-form:after { visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
.comment-form p:not(.comment-notes):not(.logged-in-as) {
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes,
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form .form-submit {
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 33.33333333%;
float: left;
}
} .widget {
margin-bottom: 50px;
} .widget.widget_rss ul li:before,
.widget.widget_recent_entries ul li:before {
content: "";
display: inline;
width: auto;
}
.widget ul li:before:hover {
padding-left: 5px;
}
#footer .widget,
#footer-bottom .widget {
margin-bottom: 25px;
}
#header-widget-area .widget:last-child {
margin-bottom: 0;
}
#footer-bottom [class*=col]:last-child .widget:last-child,
#footer [class*=col]:last-child .widget:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.widget:last-child {
margin-bottom: 0 !important;
}
} .widget > *:last-child {
margin-bottom: 0; }
.widget .widget-title a {
color: #0385D0;
}
#footer .widget .widget-title,
#footer .widget .widget-title a {
color: #ffffff;
}
.widget-title {
margin-bottom: 12px;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
color: #0385D0;
}
.widget-title img {
width: auto;
max-width: auto;
} .widget a {
color: #0385D0;
}
.widget a:hover,
.widget a:focus {
color: #A1083A;
}
.widget a:active {
color: #172128;
} #calendar_wrap table {
position: relative;
border-collapse: separate;
border-spacing: 4px;
}
#calendar_wrap table,
#calendar_wrap th,
#calendar_wrap td {
border: 0;
padding: 0;
text-align: center;
}
#footer #wp-calendar caption,
#footer #wp-calendar th {
color: inherit;
}
#wp-calendar caption {
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #1A171C;
padding-bottom: 15px;
}
#wp-calendar th {
color: inherit;
font-weight: normal;
font-size: 0.9em;
color: #1A171C;
}
#wp-calendar tbody td:not(.pad) { font-size: 0.9em;
background-color: #FAFAFA;
line-height: 30px;
}
#wp-calendar tbody td a {
display: block;
margin: 0;
background-color: #0385D0;
color: #ffffff;
line-height: 30px;
text-align: center;
}
#wp-calendar tbody td a:hover {
background-color: #A1083A;
}
#wp-calendar tbody td a:active {
background-color: #172128;
}
#wp-calendar tfoot {
height: 0;
float: left;
}
#wp-calendar #prev a,
#wp-calendar #next a {
position: absolute;
top: 0;
display: inline-block;
width: 26px;
height: 26px;
text-align: center;
font-size: 0;
line-height: 26px;
border-radius: 25px;
right: 5px;
}
#wp-calendar #prev a {
left: 5px;
}
#wp-calendar #prev a,
#wp-calendar #next a {
border: 1px solid #777777;
color: #777777;
}
#wp-calendar #prev a:hover,
#wp-calendar #prev a:focus,
#wp-calendar #next a:hover,
#wp-calendar #next a:focus {
border: 1px solid #A1083A;
background-color: #A1083A;
color: #fff;
}
#wp-calendar #prev a:active,
#wp-calendar #next a:active {
border: 1px solid #172128;
background-color: #172128;
color: #fff;
}
#wp-calendar #next a:before,
#wp-calendar #prev a:before {
position: relative;
display: inline-block;
color: inherit;
content: '\f104 ';
text-align: center;
font-family: 'FontAwesome';
font-size: 14px;
line-height: 26px;
text-align: center;
padding: 0 1px 0 0;
}
#wp-calendar #next a:before {
content: ' \f105';
padding: 0 0 0 3px;
}
#wp-calendar #prev a:hover:before,
#wp-calendar #prev a:focus:before,
#wp-calendar #next a:hover:before,
#wp-calendar #next a:focus:before {
color: #fff;
} #footer #wp-calendar #prev a,
#footer #wp-calendar #next a {
border: 1px solid #A9AFB1;
color: #A9AFB1;
}
#footer #wp-calendar #prev a:hover,
#footer #wp-calendar #prev a:focus,
#footer #wp-calendar #next a:hover,
#footer #wp-calendar #next a:focus {
border: 1px solid #ffffff;
background-color: #ffffff;
color: #fff;
}
#footer #wp-calendar #prev a:active,
#footer #wp-calendar #next a:active {
border: 1px solid #A9AFB1;
background-color: #A9AFB1;
color: #fff;
} .widget_archive ul {
list-style: none;
}
.widget_archive li {
padding: 6.25px 0;
}
.widget_archive li:first-child {
padding-top: 0;
}
.widget_archive li:last-child {
border-bottom: 0;
}
.widget_archive li span {
float: right;
display: none;
}
.widget_archive select {
margin-bottom: 0;
} .widget_categories ul {
list-style: none;
}
.widget_categories ul ul {
margin-bottom: 0;
}
.widget_categories li {
padding: 6.25px 0; }
.widget_categories li ul li {
border-bottom: 0;
}
.widget_categories li:first-child {
padding-top: 0;
}
.widget_categories li:last-child {
border-bottom: 0;
}
.widget_categories li ul li:last-child {
padding-bottom: 0;
}
.widget_categories li span {
float: right;
display: none;
}
.widget_categories select {
margin-bottom: 0;
} .widget_pages ul {
list-style: none;
}
.widget_pages li {
padding: 3.25px 0;
}
.widget_pages li:first-child {
padding-top: 0;
}
.widget_pages li:last-child {
margin-bottom: 0;
} .widget_meta ul {
list-style: none;
}
.widget_meta li {
padding: 6.25px 0;
}
.widget_meta li:first-child {
padding-top: 0;
}
.widget_meta li:last-child {
margin-bottom: 0;
} .widget_recent_comments ul {
list-style: none;
}
.widget_recent_comments li {
padding: 3.25px 0;
}
.widget_recent_comments li:first-child {
padding-top: 0;
}
.widget_recent_comments li:last-child {
margin-bottom: 0;
} .widget_recent_entries ul {
list-style: none;
}
.widget_recent_entries ul li {
position: relative;
padding: 12.5px 0;
border-bottom: 1px solid #ebebeb;
}
.widget_recent_entries ul li:first-child {
padding-top: 0;
}
.widget_recent_entries ul li:last-child {
border-bottom: 0;
}
.widget_recent_entries ul li a {
display: block;
}
.widget_recent_entries ul li .post-date {
display: block;
} .widget_rss ul {
margin: 0;
list-style: none;
}
.widget_rss li {
margin-bottom: 25px;
}
.widget_rss ul:last-child,
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rssSummary {
color: inherit;
}
.widget_rss ul li a.rsswidget {
margin-top: 5px;
margin-bottom: 25px;
font-weight: bold;
}
.widget_rss .rsswidget img {
margin-top: -5px;
}
.widget_rss .rss-date,
.widget_rss cite {
display: block;
color: #414444;
font-size: .9em;
} .widget_search .search-form {
position: relative;
}
.widget_search .search-field {
padding-left: 25px;
height: 39px;
border-radius: 19px 20px 20px 19px/20px 20px 19px 19px;
background-color: #fff;
box-shadow: 0 0 19px 2px rgba(35, 31, 32, 0.07);
font-size: 14px;
color: #a8a8a8;
font-family: "Hind", sans-serif;
width: 100%;
border-color: transparent;
}
.widget_search .search-submit {
position: absolute;
top: 0px;
right: -1px;
padding: 6.5px 25px;
min-width: 100px;
margin: 0;
}  .textwidget > *:last-child {
margin-bottom: 0; } .widget_tag_cloud a {
display: inline-block;
margin: 0 5px 5px 0;
padding: 0 2px;
text-transform: uppercase;
font-size: 0.9em;
color: #777777;
}
.widget_tag_cloud a:hover {
color: #A1083A;
} .widget_nav_menu ul {
list-style: none;
}
.widget_nav_menu li {
padding: 3.25px 0;
}
.widget_nav_menu li:first-child {
padding-top: 0;
}
.widget_nav_menu li:last-child {
margin-bottom: 0;
}
.widget_nav_menu li a {
display: inline-block;
} .wp-caption {
margin-bottom: 28px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text {
padding: 14px 0;
} .gallery {
margin-bottom: 28px;
}
.gallery-item {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 10px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .alignleft {
float: left;
display: inline;
margin: 0 1.5em 1.5em 0;
}
.alignright {
float: right;
display: inline;
margin: 0 0 1.5em 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
} #back-to-top {
position: fixed;
z-index: 1010;
right: -40px;
bottom: 14px;
width: 35px;
width: 2.33333333em;
height: 35px;
height: 2.33333333em;
border-radius: 50%;
background-color: #0385D0;
color: #ffffff;
line-height: 32px;
line-height: 2.13333333;
text-align: center;
cursor: pointer;
opacity: 0.95;
transition-property: background-color, right;
transition-duration: 0.4s;
transition-timing-function: ease;
}
#back-to-top i {
transition: color 0.4s ease 0s;
}
#back-to-top:hover {
background-color: #A1083A;
}
#back-to-top:hover i {
color: #fff;
}
#back-to-top.visible {
right: 14px;
right: 0.93333333em;
}
#back-to-top.gone {
right: -40px;
right: -2.66666666em;
} .section-grey {
background-color: #F5F5F5;
} .ewf-section {
position: relative;
z-index: 0;
padding: 70px 0;
margin-bottom: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.ewf-section.dashed {
background: url(//ferloelec.co.za/wp-content/themes/portum/assets/images/back-section-shadow.png) repeat-x left top;
background-image: url(//ferloelec.co.za/wp-content/themes/portum/assets/images/back-section-shadow.png), url(//ferloelec.co.za/wp-content/themes/portum/assets/images/back-dashed.jpg);
background-repeat: repeat-x, repeat;
background-position: left top, all;
}
.ewf-section--spacing-small {
padding: 35px 0;
}
.ewf-section--spacing-medium {
padding: 70px 0;
}
.ewf-section--spacing-large {
padding: 105px 0;
}
.ewf-section--spacing-sm-top {
padding-top: 35px;
}
.ewf-section--spacing-md-top {
padding-top: 70px;
}
.ewf-section--spacing-lg-top {
padding-top: 105px;
}
.ewf-section--spacing-none-top {
padding-top: 0;
}
.ewf-section--spacing-sm-bottom {
padding-bottom: 35px;
}
.ewf-section--spacing-md-bottom {
padding-bottom: 70px;
}
.ewf-section--spacing-lg-bottom {
padding-bottom: 105px;
}
.ewf-section--spacing-none-bottom {
padding-bottom: 0;
}
.ewf-section--parallax {
background-attachment: fixed;
background-position: top center;
}
.ewf-section__overlay-color {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ewf-section__overlay-pattern {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ewf-section__video-background-yt,
.ewf-section__video-background-local {
position: absolute;
z-index: 2;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.ewf-section__video-background-local video {
width: 100%;
height: auto;
}
.ewf-section__content {
position: relative;
z-index: 3;
width: 100%;
}
.ewf-text-align--left {
text-align: left;
}
.ewf-text-align--center {
text-align: center;
}
.ewf-text-align--right {
text-align: right;
}
.ewf-text-transform--uppercase {
text-transform: uppercase;
}
@media (min-width: 768px) {
.ewf-valign--top .ewf-section__content > div > .row {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.ewf-valign--middle .ewf-section__content > div > .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.ewf-valign--bottom .ewf-section__content > div > .row {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
} .footer-sub {
padding-top: 25px;
} .ewf-btn {
background-color: #0385D0;
box-shadow: inset 0 0 0 2px #0385D0;
color: #fff;
position: relative;
background-clip: padding-box;
display: inline-block;
min-width: 110px;
padding: 6px 13px;
border-radius: 21px;
margin-bottom: 26px;
text-align: center;
text-decoration: none;
cursor: pointer;
appearance: none;
transition: .3s all ease;
}
.ewf-btn:focus, .ewf-btn:hover {
box-shadow: inset 0 0 0 2px #A1083A;
background-color: #A1083A;
color: #fff;
}
.ewf-btn:active {
background-color: #0385D0;
box-shadow: inset 0 0 0 2px #0385D0;
color: #fff;
}
#wrap .ewf-btn.ewf-btn-color-default,
#wrap .ewf-btn:active,
#wrap .ewf-btn:hover,
#wrap .ewf-btn:focus {
color: #fff;
}
#wrap .ewf-btn,
#wrap .ewf-btn.ewf-btn--color-default,
#wrap .ewf-btn:active,
#wrap .ewf-btn:hover,
#wrap .ewf-btn:focus {
color: #fff;
}
#wrap .ewf-btn.ewf-btn--color-accent1,
#wrap .ewf-btn.ewf-btn--color-accent1:active,
#wrap .ewf-btn.ewf-btn--color-accent1:hover,
#wrap .ewf-btn.ewf-btn--color-accent1:focus {
color: #0385D0;
}
#wrap .ewf-btn.ewf-btn--color-accent2,
#wrap .ewf-btn.ewf-btn--color-accent2:active,
#wrap .ewf-btn.ewf-btn--color-accent2:hover,
#wrap .ewf-btn.ewf-btn--color-accent2:focus {
color: #A1083A;
}
.ewf-btn.ewf-btn--inverted {
background-color: #A1083A;
box-shadow: inset 0 0 0 2px #A1083A;
color: #A1083A;
}
.ewf-btn.ewf-btn--inverted:focus, .ewf-btn.ewf-btn--inverted:hover {
background-color: #0385D0;
box-shadow: inset 0 0 0 2px #0385D0;
color: #0385D0;
}
.ewf-btn.ewf-btn--inverted:active {
background-color: #A1083A;
box-shadow: inset 0 0 0 2px #A1083A;
color: #A1083A;
}
.ewf-btn.ewf-btn--small {
padding: 2px 14px;
border-radius: 18px;
}
.ewf-btn.ewf-btn--large {
padding: 9px 21px;
border-radius: 24px;
}
.ewf-btn.ewf-btn--small {
padding: 2px 14px;
border-radius: 18px;
}
.ewf-btn.ewf-btn--secondary {
box-shadow: inset 0 0 0 2px #0385D0;
background-color: transparent;
color: #0385D0;
}
.ewf-btn.ewf-btn--huge {
padding: 16px 29px;
border-radius: 32px;
font-weight: bold;
}
.portum-top-bar {
background-color: #056595;
color: #fff;
padding: 7px 0;
}
.portum-top-bar a, .portum-top-bar p, .portum-top-bar li {
color: #fff;
}
.portum-top-bar .widget:first-of-type {
margin-top: 0 !important;
} .custom-header {
margin-bottom: 60px;
}
.custom-header .item-overlay,
.main-slider .item-overlay {
height: 140px;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
opacity: 1;
background-image: linear-gradient(to bottom, #0c2737, rgba(12, 39, 55, 0.9) 10%, rgba(238, 238, 238, 0));
}
.main-slider .owl-dots {
display: none;
}
.pager-slider {
height: 45px;
padding: 0;
margin: -45px -10px 0 -10px;
position: relative;
overflow: hidden;
z-index: 10;
justify-content: space-between;
display: flex;
flex-flow: row wrap;
flex-wrap: nowrap;
}
.pager-slider li {
height: 45px;
line-height: 45px;
position: relative;
display: block;
flex-grow: 1;
margin: 0 1px;
background-color: #0385D0;
box-sizing: border-box;
transform: skewX(-15deg);
transition: background-color .2s;
}
.pager-slider li.active {
background-color: #A1083A;
}
.pager-slider a {
transform: skewX(15deg);
display: block;
height: 45px;
line-height: inherit;
padding: 0 0 0 20px;
color: #fff;
}
.pager-slider a:hover, .pager-slider a:focus, .pager-slider a:hover {
color: #fff;
}
.pager-slider strong {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-size: 32px;
line-height: inherit;
vertical-align: middle;
display: inline-block;
padding-right: 5px;
color: #fff;
}
.main-slider .slider-details {
position: absolute;
top: 45%;
left: 20%;
line-height: 50px;
transition: all 0.3s;
text-align: right;
}
.main-slider .slider-details h1 {
font-size: 74px;
color: #fff;
font-weight: 700;
text-shadow: 0 2px 6px rgba(35, 31, 32, 0.41);
transition: background-color 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-slider .slider-details span {
display: inline-block;
font-family: inherit;
font-size: 15px;
color: #fff;
text-transform: uppercase;
text-align: right;
letter-spacing: 2px;
background-color: #172128;
height: 45px;
padding: 0 20px;
font-weight: 300;
line-height: 46px;
margin: 0 50px 0 0;
}
.owl-item.active .slider-details h1 {
display: block;
animation: anim_affluent_sliderPro_title 1200ms linear both;
animation-delay: .3s;
margin-bottom: 0;
}
.owl-item.active .slider-details span {
animation: anim_affluent_sliderPro_category 1000ms linear both;
animation-delay: 400ms;
}
@media (min-width: 1024px) {
.main-slider .slider-details h1 {
font-size: 48px;
line-height: 48px;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.main-slider .slider-details {
top: 5%;
left: 10%;
width: 90%;
text-align: center;
}
.main-slider .slider-details h1 {
text-align: center;
font-size: 36px;
}
.main-slider .slider-details span {
height: 35px;
line-height: 37px;
font-size: 12px;
}
}
@media (max-width: 768px) {
.main-slider .slider-details {
top: 10vh;
left: 10%;
width: 90%;
text-align: center;
}
.main-slider .slider-details h1 {
text-align: center;
font-size: 28px;
}
.main-slider .slider-details span {
height: 30px;
line-height: 30px;
font-size: 10px;
}
.pager-slider {
display: none;
}
}
@media (max-width: 540px) {
.main-slider .slider-details {
top: 1vh;
}
.main-slider .slider-details span {
display: none;
}
}  .services-item {
margin-bottom: 35px;
}
.services-item i {
height: 36px;
width: 36px;
padding: 20px;
text-align: center;
border-width: 2px;
border-style: solid;
color: #fff;
font-size: 36px;
}
.services-item--filled-round.services-item--color-default i,
.services-item--filled-square.services-item--color-default i {
background-color: #fff;
border-color: #fff;
color: #333;
}
.services-item--filled-round.services-item--color-accent1 i,
.services-item--filled-square.services-item--color-accent1 i {
background-color: #0385D0;
border-color: #0385D0;
}
.services-item--filled-round.services-item--color-accent2 i,
.services-item--filled-square.services-item--color-accent2 i {
background-color: #A1083A;
border-color: #A1083A;
}
.services-item--border-square.services-item--color-default i,
.services-item--border-round.services-item--color-default i {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.services-item--border-square.services-item--color-accent1 i,
.services-item--border-round.services-item--color-accent1 i {
background-color: transparent;
border-color: #0385D0;
color: #0385D0;
}
.services-item--border-square.services-item--color-accent2 i,
.services-item--border-round.services-item--color-accent2 i {
background-color: transparent;
border-color: #A1083A;
color: #A1083A;
}
.services-item--no-border.services-item--color-default i,
.services-item--no-border.services-item--color-default i {
background-color: transparent;
border-color: transparent;
color: #fff;
}
.services-item--no-border.services-item--color-accent1 i,
.services-item--no-border.services-item--color-accent1 i {
background-color: transparent;
border-color: transparent;
color: #0385D0;
}
.services-item--no-border.services-item--color-accent2 i,
.services-item--no-border.services-item--color-accent2 i {
background-color: transparent;
border-color: transparent;
color: #A1083A;
}
.services-item--filled-round i,
.services-item--border-round i {
border-radius: 80px;
border-style: solid;
}
@media (max-width: 768px) {
.services-item {
text-align: center;
}
}   .ewf-portfolio-item {
position: relative;
}
.ewf-portfolio-item:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-portfolio-item__thumbnail {
position: relative;
overflow: hidden;
}
.ewf-portfolio-item__thumbnail img {
width: 100%;
display: block;
transition: all 0.25s;
}
.ewf-portfolio-item__overlay {
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transform: translateZ(0);
transition: all 0.25s;
}
.ewf-portfolio-item__overlay:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.95);
content: "";
opacity: 0;
transition: all 0.25s;
}
.ewf-portfolio-item__control-zoom {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
font-size: 32px;
line-height: 1;
text-align: center;
text-decoration: none;
cursor: pointer;
transform: scale(0);
transition: all 0.25s;
}
.ewf-portfolio-item__control-zoom:hover {
text-decoration: none;
}
.ewf-portfolio-item__details + .ewf-portfolio-item__control-zoom {
top: 40%;
}
.ewf-portfolio-item__title {
margin-bottom: 0;
}
.ewf-portfolio-item__overlay .ewf-portfolio-item__details {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: scale(0);
transition: transform 0.25s 0.1s;
}
.ewf-portfolio-item__thumbnail + .ewf-portfolio-item__details {
margin: 26px 0;
padding: 0 15px;
}
.ewf-portfolio-item:hover .ewf-portfolio-item__overlay {
opacity: 1;
}
.ewf-portfolio-item:hover .ewf-portfolio-item__overlay:after {
opacity: 0.85;
}
.ewf-portfolio-item:hover .ewf-portfolio-item__control-zoom,
.ewf-portfolio-item:hover .ewf-portfolio-item__overlay .ewf-portfolio-item__details {
transform: scale(1);
} .ewf-portfolio {
list-style: none;
position: relative;
}
.ewf-portfolio:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-portfolio li {
margin-bottom: 13px;
position: relative;
}
@media (min-width: 768px) {
.ewf-portfolio {
margin: 0 -15px 52px;
}
.ewf-portfolio--spacing-none {
margin: 0;
}
.ewf-portfolio--spacing-sm {
margin-left: -1px;
margin-right: -1px;
}
.ewf-portfolio--spacing-md {
margin-left: -6.5px;
margin-right: -6.5px;
}
.ewf-portfolio--spacing-lg {
margin-left: -13px;
margin-right: -13px;
}
.ewf-portfolio li {
float: left;
width: 33.33333333%;
padding: 15px;
margin-bottom: 0;
box-sizing: border-box;
}
.ewf-portfolio--columns-2 li {
width: 50%;
}
.ewf-portfolio--columns-3 li {
width: 33.33333333%;
}
.ewf-portfolio--columns-4 li {
width: 25%;
}
.ewf-portfolio--columns-5 li {
width: 20%;
}
.ewf-portfolio--spacing-none li {
padding: 0;
}
.ewf-portfolio--spacing-sm li {
padding: 1px;
}
.ewf-portfolio--spacing-md li {
padding: 6.5px;
}
.ewf-portfolio--spacing-lg li {
padding: 13px;
}
}  .testimonial {
background: #fff url(//ferloelec.co.za/wp-content/themes/portum/assets/images/back-quote.png) no-repeat;
position: relative;
margin-bottom: 75px;
min-height: 150px;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.045);
padding: 30px 0 40px 0;
}
.testimonial.left {
padding-left: 95px;
padding-right: 30px;
text-align: left;
background-position: top left;
}
.testimonial.left img {
left: -95px;
}
.testimonial.right {
padding-right: 95px;
padding-left: 30px;
text-align: right;
background-position: top right;
}
.testimonial.right img {
right: -95px;
}
.testimonial h6 {
position: relative;
z-index: 999;
}
.testimonial img {
display: block;
position: absolute;
width: 160px;
height: auto;
bottom: -25px;
box-shadow: 0 7px 19px 2px rgba(0, 0, 0, 0.1);
}
.testimonial p {
font-style: italic;
}
@media (max-width: 768px) {
.section-testimonials .comment-hidden-mobile + .show-more-comments {
display: block;
width: 100%;
border-radius: 0 0 20px 20px;
}
.hidden-testimonial {
display: none;
}
.testimonial {
margin-bottom: 35px;
}
.testimonial.left {
padding: 25px 0 25px 35px;
}
.testimonial.left img {
right: 20px;
left: initial;
}
.testimonial.right {
padding: 25px 35px 25px 0;
}
.testimonial.right img {
left: 20px;
right: initial;
}
.testimonial img {
width: 65px;
top: -20px;
bottom: initial;
}
}  .expertise-item {
padding: 0 0 25px 0;
overflow: hidden;
}
.expertise-item h4 {
position: relative;
}
.expertise-item h4 strong {
color: rgba(0, 0, 0, 0.03);
font-size: 68px;
font-family: "Poppins", sans-serif;
font-weight: 400;
letter-spacing: -2px;
margin-bottom: 25px;
z-index: -1;
display: block;
height: 0;
}  @media (max-width: 768px) {
.video-area {
margin-bottom: 60px;
}
}  .team-members-item,
.team-members-item .portrait,
.team-members-item .details {
float: left;
width: 50%;
position: relative;
}
.team-members-item {
background-color: #fff;
transition: 180ms all;
overflow: hidden;
}
.team-members-item.team-members-item--full {
width: 100%;
}
.team-members-item .portrait .overlay {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
box-shadow: inset 0 10px 20px rgba(35, 31, 32, 0.05);
transition: background 150ms;
z-index: 99;
}
.team-members-item .details {
padding: 15px 20px 0 20px;
box-sizing: border-box;
overflow: hidden;
}
.team-members-item img {
display: block;
width: 100%;
height: auto;
z-index: 9;
position: relative;
}
.team-members-item.right .social-team {
left: 0;
}
.social-team {
position: absolute;
padding: 0;
bottom: 0;
box-sizing: border-box;
width: 50%;
right: 0;
padding-left: 20px;
height: 26px;
margin-bottom: 0;
}
.social-team li {
list-style-type: none;
display: block;
margin: 0 15px 0 0;
width: 16px;
height: 26px;
float: left;
}
.social-team a {
color: #dbd8d8;
transition: 180ms all;
}
.social-team a:hover {
color: #CBCBCB;
}
@media (max-width: 1024px) {
.team-members-item {
width: 100%;
margin-bottom: 30px;
}
.team-members-item img {
object-fit: fill;
}
.team-members-item .social-team {
position: relative;
float: right;
}
.team-members-item.right .details {
float: right;
}
}
@media (max-width: 425px) {
.team-members-item .social-team,
.team-members-item .details {
width: 70%;
float: right;
}
.team-members-item.right .portrait {
float: left;
}
.team-members-item .portrait {
width: 30%;
}
.team-members-item .details {
padding: 0 0 0 15px;
}
}  .pricing-item {
padding: 20px 0 30px 0;
text-align: center;
min-height: 530px;
position: relative;
transition: 150ms all;
transition: all 100ms ease-in-out;
box-shadow: 0 0 20px rgba(35, 31, 32, 0.1);
margin-bottom: 30px;
background-color: #fff;
overflow: hidden;
}
.pricing-item.featured, .pricing-item:hover {
transform: scale(1.05);
z-index: 9999;
}
.pricing-item.featured .details, .pricing-item:hover .details {
background-color: #A1083A;
}
.pricing-item.featured sub, .pricing-item.featured sup, .pricing-item.featured ul span, .pricing-item.featured strong, .pricing-item:hover sub, .pricing-item:hover sup, .pricing-item:hover ul span, .pricing-item:hover strong {
color: #A1083A;
}
.pricing-item .details {
background-color: #0385D0;
color: #fff;
margin: 5px -2px 25px -2px;
padding: 15px 0;
}
.pricing-item .details h4 {
color: #fff;
font-weight: bold;
letter-spacing: 1.5px;
margin: 0;
}
.pricing-item .details p {
color: #fff;
margin: -5px 0 0 0;
}
.pricing-item ul {
text-align: Center;
padding: 0;
display: inline-block;
}
.pricing-item ul li {
list-style-type: none;
text-align: left;
margin: 0 0 5px 0;
}
.pricing-item ul span {
color: #333;
}
.pricing-item .wrapper {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
}
.pricing-item .plan {
font-family: "Poppins", sans-serif;
}
.pricing-item .plan strong {
font-size: 60px;
line-height: 40px;
color: #0385D0;
display: inline-block;
padding: 25px 0 20px 0;
}
.pricing-item .plan sup {
height: 20px;
line-height: 28px;
display: inline-block;
color: #0385D0;
font-size: 28px;
font-weight: bold;
top: -0.7em;
}
.pricing-item .plan sub {
vertical-align: sub;
color: #0385D0;
font-size: 15px;
font-weight: bold;
bottom: 1em;
}
@media (min-width: 991px) {
.section-pricing.ewf-section--spacing-none-bottom .pricing-item {
margin-bottom: 0;
}
}
@media (max-width: 991px) {
.pricing-item {
margin-bottom: 0;
background-color: #fff;
box-shadow: 0 0 20px rgba(35, 31, 32, 0.1);
min-height: 170px !important;
padding: 0;
z-index: 999;
}
.pricing-item ul {
display: block;
padding: 30px 0 20px 205px;
margin: 0;
}
.pricing-item .wrapper {
position: initial;
transform: none;
position: absolute;
top: 65px;
right: 30px;
left: initial;
bottom: 0;
}
.pricing-item .plan {
position: Absolute;
left: 0;
top: 65px;
z-index: 99;
width: 190px;
}
.pricing-item .plan strong {
padding-top: 0;
}
.pricing-item .details {
background-color: #0385D0;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
min-height: 170px;
width: 190px;
z-index: 9;
height: 100%;
}
.pricing-item .details h4 {
padding-top: 30px;
}
.pricing-item .details p {
display: none;
}
.pricing-item:hover {
transform: none;
}
.pricing-item .plan strong,
.pricing-item .plan sub,
.pricing-item .plan sup {
color: #fff;
}
.pricing-item:hover .plan strong,
.pricing-item:hover .plan sub,
.pricing-item:hover .plan sup {
color: #fff;
}
}
@media (max-width: 768px) {
.pricing-item .wrapper {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
padding-left: 205px;
}
.pricing-item ul li {
text-align: center;
}
}
@media (max-width: 425px) {
.pricing-item.featured {
transform: scale(1);
}
.pricing-item .wrapper {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
padding-left: 0;
text-align: center;
}
.pricing-item .details {
position: relative;
min-height: 150px;
width: 100%;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.pricing-item .plan {
width: 100%;
text-align: center;
}
.pricing-item ul {
padding: 20px;
}
.pricing-item ul li {
text-align: center;
}
}  .blog-news-item {
overflow: hidden;
background-color: #fff;
box-shadow: 0px 0px 40.5px 4.5px rgba(35, 31, 32, 0.07);
margin: 0 0 45px 0;
}
.blog-news-item:last-child {
margin-bottom: 0;
}
.blog-news-item .post-details {
padding: 25px 0  40px 40px;
-box-shadow: none;
}
.blog-news-item .post-details p {
margin: 0;
}
.blog-news-item .featured {
position: relative;
text-align: right;
}
.blog-news-item .featured img {
display: block;
width: 100%;
max-width: none;
}
.blog-news-item .featured .overlay {
height: 255px;
width: 65px;
background: url(//ferloelec.co.za/wp-content/themes/portum/assets/images/blog-item-overlay.png) no-repeat left top;
z-index: 5;
position: absolute;
left: 0;
top: 0;
}
.blog-news-item .news-date,
.blog-news-item .news-category {
text-align: center;
z-index: 5;
position: absolute;
bottom: 0;
color: transparent;
background-color: transparent;
transform: skewX(-15deg);
}
.blog-news-item .news-date {
height: 40px;
left: -245px;
width: 250px;
}
.blog-news-item .news-date strong {
height: 40px;
font-weight: 400;
float: right;
text-align: right;
background-color: #151C1F;
transition: background-color 150ms;
}
.blog-news-item .news-date span {
padding: 0 25px;
}
.blog-news-item .news-category {
height: 40px;
left: 4px;
}
.blog-news-item .news-category a {
padding: 0 40px 0 45px;
margin-right: 10px;
}
.blog-news-item .news-category strong {
font-weight: 400;
background-color: #0385D0;
transition: background-color 150ms;
}
.blog-news-item .news-category:hover strong {
background-color: #A1083A;
}
.blog-news-item .news-date span,
.blog-news-item .news-category a {
text-transform: uppercase;
text-align: center;
display: block;
color: #fff;
line-height: 40px;
transform: skewX(15deg);
}
.blog-news-item .news-date strong,
.blog-news-item .news-category strong {
display: block;
color: #fff;
}
.wrapper-carousel-mobile {
display: none;
margin-bottom: 65px;
}
.item-carousel-blog {
width: 100%;
display: none;
margin-bottom: 40px;
}
.item-carousel-blog a {
color: #101920;
font-family: "Poppins", sans-serif;
font-size: 16px;
transition: all 120ms ease 0s;
}
.item-carousel-blog h6 {
color: #101920;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.item-carousel-blog span {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.item-carousel-blog img {
width: 100%;
height: 100%;
}
@media (max-width: 991px) {
.blog-news-item .post-details {
padding-bottom: 30px;
}
}
@media (max-width: 768px) {
.blog-news-item .featured img {
width: 100%;
height: auto;
}
.blog-news-item .news-category {
top: auto;
bottom: 0;
width: 100%;
left: 140px;
}
.blog-news-item .news-category strong a {
text-align: left;
}
.blog-news-item .news-date {
top: auto;
bottom: 0;
left: 0;
width: 140px;
}
.blog-news-item .news-date strong {
float: none;
width: 100%;
margin-left: 8px;
}
.blog-news-item .post-details {
padding-bottom: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.blog-news-item .news-date {
display: none;
}
.blog-news-item .featured {
width: auto;
}
.blog-news-item .featured .overlay {
display: none;
}
.blog-news-item .news-category {
width: 110%;
left: -10px;
}
.blog-news-item .news-category strong a {
text-align: center;
}
.blog-news-item .post-details {
padding: 25px 0  40px 40px;
}
}  .section-contact {
position: relative;
z-index: 9;
}
.section-contact .container {
position: relative;
}
.contact-decoration {
height: 8px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
background-color: #DFDFDF;
background: repeating-linear-gradient(135deg, #A41342, #A41342 3.03%, #DFDFDF 0, #DFDFDF 6.06%, #232D33 0, #232D33 9.09%, #DFDFDF 0, #DFDFDF 12.12%);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.contact-form-content {
display: none;
}
.contact-form {
padding: 50px 95px;
margin: 0 0 45px 0;
position: relative;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
background-color: #0377BB;
}
.contact-form h4 {
text-shadow: 0 1px rgba(35, 31, 32, 0.41);
color: #fff;
float: left;
margin: 0;
line-height: 45px;
}
.contact-form .ewf-btn {
float: right;
}
.input-item {
position: relative;
}
.input-item span.input-icon {
position: absolute;
top: 8px;
right: 16px;
opacity: .3;
}
@media (max-width: 540px) {
.contact-form {
padding: 20px 45px;
margin-bottom: 25px;
text-align: center;
}
.contact-form h4 {
float: none;
text-align: center;
}
.contact-form .ewf-btn {
float: none;
display: inline-block;
}
}  #footer {
color: #A9AFB1;
background-color: #192229;
}
#footer.footer-sub p {
margin: 0;
}
#footer a {
color: #A9AFB1;
}
#footer a:hover, #footer a:focus {
color: #ffffff;
}
#footer a:active {
color: #A9AFB1;
}
#footer p {
color: #A9AFB1;
}
#footer ul.nav {
float: right;
margin: 0 0 25px 0;
}
#footer ul.nav li {
display: inline-block;
}
#footer ul.nav a {
padding: 0 10px;
}
.footer-logo {
text-align: center;
display: block;
max-width: 200px;
margin: 0 auto 10px auto;
}
#footer .widget_media_image.footer-logo {
margin: 0 auto 10px auto;
}
.widget_nav_menu .menu,
.social {
padding: 0;
text-align: center;
}
.widget_nav_menu .menu li,
.social li {
list-style-type: none;
display: inline-block;
margin: 0;
}
.widget_nav_menu .menu li:before,
.social li:before {
content: none;
}
.widget_nav_menu .menu li a,
.social li a {
padding: 9px 5px;
color: #FFF;
width: 35px;
height: 18px;
text-align: center;
overflow: hidden;
}
.widget_nav_menu .menu li a:before,
.social li a:before {
content: '\f408';
display: inline-block;
padding: 0 5px;
font-family: 'FontAwesome';
font-size: 16px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
}
.widget_nav_menu .menu li a[href*="wordpress.org"]::before, .widget_nav_menu .menu li a[href*="wordpress.com"]::before,
.social li a[href*="wordpress.org"]::before,
.social li a[href*="wordpress.com"]::before {
content: '\f19a';
}
.widget_nav_menu .menu li a[href*="facebook.com"]::before,
.social li a[href*="facebook.com"]::before {
content: '\f09a';
}
.widget_nav_menu .menu li a[href*="twitter.com"]::before,
.social li a[href*="twitter.com"]::before {
content: '\f099';
}
.widget_nav_menu .menu li a[href*="dribbble.com"]::before,
.social li a[href*="dribbble.com"]::before {
content: '\f17d';
}
.widget_nav_menu .menu li a[href*="plus.google.com"]::before,
.social li a[href*="plus.google.com"]::before {
content: '\f0d5';
}
.widget_nav_menu .menu li a[href*="pinterest.com"]::before,
.social li a[href*="pinterest.com"]::before {
content: '\f231';
}
.widget_nav_menu .menu li a[href*="github.com"]::before,
.social li a[href*="github.com"]::before {
content: '\f09b';
}
.widget_nav_menu .menu li a[href*="tumblr.com"]::before,
.social li a[href*="tumblr.com"]::before {
content: '\f173';
}
.widget_nav_menu .menu li a[href*="youtube.com"]::before,
.social li a[href*="youtube.com"]::before {
content: '\f167';
}
.widget_nav_menu .menu li a[href*="flickr.com"]::before,
.social li a[href*="flickr.com"]::before {
content: '\f16e';
}
.widget_nav_menu .menu li a[href*="vimeo.com"]::before,
.social li a[href*="vimeo.com"]::before {
content: '\f27d';
}
.widget_nav_menu .menu li a[href*="instagram.com"]::before,
.social li a[href*="instagram.com"]::before {
content: '\e900';
}
.widget_nav_menu .menu li a[href*="codepen.io"]::before,
.social li a[href*="codepen.io"]::before {
content: '\f1cb';
}
.widget_nav_menu .menu li a[href*="linkedin.com"]::before,
.social li a[href*="linkedin.com"]::before {
content: '\f0e1';
}
.widget_nav_menu .menu li:last-child,
.social li:last-child {
margin: 0;
}
@media (max-width: 960px) {
.footer-sub p {
text-align: center;
}
.footer-sub .nav {
width: 100%;
text-align: center;
}
}
@media (max-width: 768px) {
#footer-bottom-widget-area-1,
#footer-bottom-widget-area-2 {
text-align: center;
}
}  .section-counters .col-md-6, .section-counters .col-md-4, .section-counters .col-md-3 {
margin-bottom: 30px;
}
.ewf-counter {
position: relative;
margin-bottom: 28px;
text-align: center;
}
.ewf-counter:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-counter__icon i {
font-size: 42px;
color: #0385D0;
}
.ewf-counter__standard,
.ewf-counter__odometer,
.ewf-counter__symbol {
font-size: 56px;
line-height: 1;
margin-bottom: 14px;
color: #777777;
}
.ewf-counter__title {
color: #1A171C;
}
.ewf-counter__odometer {
display: inline-block;
vertical-align: middle;
position: relative;
}
.ewf-counter__odometer .odometer-digit {
display: inline-block;
vertical-align: middle;
position: relative;
}
.ewf-counter__odometer .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
visibility: hidden;
}
.ewf-counter__odometer .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.ewf-counter__odometer .odometer-digit .odometer-ribbon {
display: block;
}
.ewf-counter__odometer .odometer-digit .odometer-ribbon-inner {
display: block;
backface-visibility: hidden;
}
.ewf-counter__odometer .odometer-digit .odometer-value {
display: block;
transform: translateZ(0);
}
.ewf-counter__odometer .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.ewf-counter__odometer.odometer-animating-up .odometer-ribbon-inner {
transition: transform 2s;
}
.ewf-counter__odometer.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
transform: translateY(-100%);
}
.ewf-counter__odometer.odometer-animating-down .odometer-ribbon-inner {
transform: translateY(-100%);
}
.ewf-counter__odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
transition: transform 2s;
transform: translateY(0);
}
.ewf-counter__odometer .odometer-value {
text-align: center;
} .ewf-progress:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-progress__title {
display: block;
margin-bottom: 14px;
font-weight: 600;
line-height: 14px;
text-align: left;
}
.ewf-progress__title span {
float: right;
}
.ewf-progress__bar {
position: relative;
margin-bottom: 28px;
}
.ewf-progress__bar-liniar-wrap {
position: relative;
padding: 4px;
background-color: #ebebeb;
}
.ewf-progress__bar-liniar {
background-color: #0385D0;
height: 10px;
width: 0;
}
.ewf-progress--alternative-modern .ewf-progress__bar-liniar-wrap {
padding: 0;
background-color: transparent;
}
.ewf-progress--alternative-modern .ewf-progress__bar-liniar-wrap:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: #A1083A;
} .ewf-pie {
position: relative;
margin-bottom: 56px;
text-align: center;
}
.ewf-pie:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-pie__chart {
position: relative;
margin: 0 auto 28px;
text-align: center;
}
.ewf-pie__chart canvas {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ewf-pie__percent {
font-weight: 700;
font-size: 30px;
}
.ewf-pie__icon,
.ewf-pie__percent {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
color: #0385D0;
text-align: center;
}
.ewf-pie__title {
text-align: center;
margin-bottom: 0;
}
.ewf-pie__description {
text-align: center;
} .ewf-partner {
position: relative; } .ewf-partners-list {
list-style: none;
}
.ewf-partners-list:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-partners-list li {
margin-bottom: 14px;
position: relative;
}
@media (min-width: 768px) {
.ewf-partners-list {
margin: 0 -15px;
}
.ewf-partners-list--spacing-none {
margin: 0;
}
.ewf-partners-list--spacing-line {
margin: -1px;
}
.ewf-partners-list--spacing-small {
margin: -5px;
}
.ewf-partners-list--spacing-medium {
margin: -10px;
}
.ewf-partners-list--spacing-large {
margin: -15px;
}
.ewf-partners-list li {
display: inline-block;
width: 16.66666666%;
padding: 15px;
margin-bottom: 0;
box-sizing: border-box;
}
.ewf-partners-list--columns-2 li {
width: 50%;
}
.ewf-partners-list--columns-3 li {
width: 33.33333333%;
}
.ewf-partners-list--columns-4 li {
width: 25%;
}
.ewf-partners-list--columns-5 li {
width: 20%;
}
.ewf-partners-list--columns-6 li {
width: 16.66666666%;
}
.ewf-partners-list--spacing-none li {
padding: 0;
}
.ewf-partners-list--spacing-line li {
padding: 1px;
}
.ewf-partners-list--spacing-small li {
padding: 5px;
}
.ewf-partners-list--spacing-medium li {
padding: 10px;
}
.ewf-partners-list--spacing-large li {
padding: 15px;
}
}
@media (max-width: 768px) {
.ewf-partners-list li {
display: inline-block;
width: 50%;
}
} .ewf-partner-slider {
position: relative;
}
.ewf-partner-slider--spacing-none {
margin: 0 0;
}
.ewf-partner-slider--spacing-line {
margin: -1px;
}
.ewf-partner-slider--spacing-small {
margin: -5px;
}
.ewf-partner-slider--spacing-medium {
margin: -10px;
}
.ewf-partner-slider--spacing-large {
margin: -15px;
}
.ewf-partner-slider__slides {
margin-bottom: 0;
list-style: none;
}
.ewf-partner-slider__slides li {
box-sizing: border-box;
}
.ewf-partner-slider--spacing-none .ewf-partner-slider__slides li {
padding: 0 0;
}
.ewf-partner-slider--spacing-line .ewf-partner-slider__slides li {
padding: 0 1px;
}
.ewf-partner-slider--spacing-small .ewf-partner-slider__slides li {
padding: 0 5px;
}
.ewf-partner-slider--spacing-medium .ewf-partner-slider__slides li {
padding: 0 10px;
}
.ewf-partner-slider--spacing-large .ewf-partner-slider__slides li {
padding: 0 15px;
}
.ewf-partner-slider__pager .slick-dots {
margin-bottom: 0;
list-style: none;
text-align: center;
}
.ewf-partner-slider--pager-left .ewf-partner-slider__pager .slick-dots {
text-align: left;
}
.ewf-partner-slider--pager-right .ewf-partner-slider__pager .slick-dots {
text-align: right;
}
.ewf-partner-slider__pager .slick-dots li {
position: relative;
z-index: 2;
display: inline-block;
padding: 3px;
}
.ewf-partner-slider__pager .slick-dots li button {
display: block;
padding: 0;
width: 10px;
height: 10px;
border: 0;
cursor: pointer;
outline: none;
color: transparent;
background-color: #eee;
font-size: 0;
line-height: 0;
border-radius: 5px;
}
.ewf-partner-slider__pager .slick-dots li.slick-active button {
background-color: #0385D0;
} .section-map {
position: relative;
}
.section-map.ewf-section.ewf-section--title-top {
padding: 450px 0 0 0;
}
.section-map.ewf-section.ewf-section--title-top .map-canvas {
background-color: #F5F5F5;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.section-map.ewf-section.ewf-section--title-left .map-canvas, .section-map.ewf-section.ewf-section--title-right .map-canvas {
height: 550px;
}
.section-map .map-canvas-side {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.045);
border: 1px solid #eee;
}
.section-map .map-overlay {
width: 100%;
height: 50px;
background: url(//ferloelec.co.za/wp-content/themes/portum/assets/images/back-section-shadow.png) repeat-x left top;
position: Absolute;
top: 0;
left: 0;
z-index: 999;
}
.ewf-section--spacing-sm-top .map-info-wrapper {
padding-top: 35px;
}
.ewf-section--spacing-md-top .map-info-wrapper {
padding-top: 70px;
}
.ewf-section--spacing-lg-top .map-info-wrapper {
padding-top: 105px;
}
.ewf-section--spacing-none-top .map-info-wrapper {
padding-top: 0;
}
.ewf-section--spacing-sm-bottom .map-info-wrapper {
padding-bottom: 35px;
}
.ewf-section--spacing-md-bottom .map-info-wrapper {
padding-bottom: 70px;
}
.ewf-section--spacing-lg-bottom .map-info-wrapper {
padding-bottom: 105px;
}
.ewf-section--spacing-none-bottom .map-info-wrapper {
padding-bottom: 0;
}
.map-info-wrapper {
padding: 0 75px;
background-color: #fff;
box-shadow: 0 0 40px 4px rgba(35, 31, 32, 0.07);
position: relative;
box-sizing: border-box;
}
.map-info-item {
padding: 0 20px 20px 20px;
}
.map-info-item h5 {
color: #0385D0;
margin-bottom: 15px;
}
.map-info-item h5 i {
margin-right: 10px;
}
@media (max-width: 768px) {
.map-info-wrapper {
padding: 0 35px;
}
}  .ewf-slider {
position: relative;
overflow: hidden;
margin: 0 auto;
}
.ewf-slider h1,
.ewf-slider h6 {
color: #ffffff;
}
.ewf-slider .ewf-slider__slides {
margin-bottom: 0;
list-style: none;
}
.ewf-slider .ewf-slider__slides li {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 50px 15px;
min-height: 250px;
}
@media (min-width: 768px) {
.ewf-slider .ewf-slider__slides li {
padding: 75px 15px;
}
}
@media (min-width: 992px) {
.ewf-slider .ewf-slider__slides li {
padding: 75px 20px;
}
}
@media (min-width: 1200px) {
.ewf-slider .ewf-slider__slides li {
padding: 100px 30px;
}
}
.ewf-slider .ewf-slider__slides li .ewf-slider-slide__overlay {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .95;
background-color: black;
}
.ewf-slider .ewf-slider__slides li .ewf-slider-slide__content {
position: relative;
}
@media (min-width: 768px) {
.ewf-slider .ewf-slider__slides li .ewf-slider-slide__content {
width: 730px;
min-height: 350px;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.ewf-slider .ewf-slider__slides li .ewf-slider-slide__content {
width: 940px;
min-height: 400px;
}
}
@media (min-width: 1200px) {
.ewf-slider .ewf-slider__slides li .ewf-slider-slide__content {
width: 1140px;
min-height: 500px;
}
}
@media (min-width: 768px) {
.ewf-slider-slide__content--align-center {
text-align: center;
}
.ewf-slider-slide__content--align-right {
text-align: right;
}
}
.ewf-slider .ewf-slider-slide__content-wrap *:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.ewf-slider-slide__content--valign-middle .ewf-slider-slide__content-wrap {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}
.ewf-slider-slide__content--valign-bottom .ewf-slider-slide__content-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
}
.ewf-slider .ewf-slider__pager {
position: absolute;
width: 100%;
bottom: 0;
padding: 15px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.ewf-slider .ewf-slider__pager {
left: 50%;
bottom: 10px;
padding: 15px 0;
width: 730px;
transform: translateX(-50%);
}
}
@media (min-width: 992px) {
.ewf-slider .ewf-slider__pager {
width: 940px;
bottom: 15px;
}
}
@media (min-width: 1200px) {
.ewf-slider .ewf-slider__pager {
width: 1140px;
}
}
@media (min-width: 1400px) {
.ewf-slider .ewf-slider__pager {
bottom: 25px;
}
}
.ewf-slider .ewf-slider__pager .slick-dots {
list-style: none;
margin-bottom: 0;
}
.ewf-slider .ewf-slider__pager .slick-dots:after {
display: block;
visibility: hidden;
height: 0;
font-size: 0;
content: " ";
clear: both;
}
.ewf-slider .ewf-slider__pager.ewf-slider__pager--align-left .slick-dots {
text-align: left;
}
.ewf-slider .ewf-slider__pager.ewf-slider__pager--align-center .slick-dots {
text-align: center;
}
.ewf-slider .ewf-slider__pager.ewf-slider__pager--align-right .slick-dots {
text-align: right;
}
.ewf-slider .ewf-slider__pager .slick-dots li {
position: relative;
z-index: 2;
display: inline-block;
border-radius: 50%;
padding: 5px;
margin-right: 3px;
}
.ewf-slider .ewf-slider__pager .slick-dots li:last-child {
margin-right: 0;
}
.ewf-slider .ewf-slider__pager .slick-dots li button {
display: block;
padding: 0;
width: 10px;
height: 10px;
border: 0;
border-radius: 50%;
cursor: pointer;
outline: none;
color: transparent;
background-color: #eee;
font-size: 0;
line-height: 0;
}
.ewf-slider .ewf-slider__pager .slick-dots li.slick-active button {
background-color: #0385D0;
}
.ewf-slider .ewf-slider__arrows a {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
font-size: 18px;
}
.ewf-slider .ewf-slider__arrows a:hover {
color: #0385D0;
}
.ewf-slider .ewf-slider__arrows .slick-prev {
left: 5px;
}
.ewf-slider .ewf-slider__arrows .slick-next {
right: 5px;
}
@media (min-width: 767px) {
.ewf-slider .ewf-slider__arrows a {
font-size: 30px;
}
}
@media (min-width: 992px) {
.ewf-slider .ewf-slider__arrows .slick-prev {
left: 15px;
}
.ewf-slider .ewf-slider__arrows .slick-next {
right: 15px;
}
}
@media (min-width: 1200px) {
.ewf-slider .ewf-slider__arrows .slick-prev {
left: 25px;
}
.ewf-slider .ewf-slider__arrows .slick-next {
right: 25px;
}
}  @media (max-width: 767px) {
.section-cta .ewf-text-align--left,
.section-cta .ewf-text-align--right {
text-align: center;
}
.section-cta.ewf-section--title-right .headline h3 {
margin-bottom: 0;
}
.section-cta.ewf-section--title-left .ewf-btn:last-child {
margin-bottom: 0;
}
}
@media (min-width: 767px) {
.section-cta .ewf-btn {
margin-bottom: 0;
}
} .page .widget:first-of-type {
margin-top: 45px;
}
@media (max-width: 768px) {
.bni-rsp {
display: block;
}
.show-more-comments {
display: none;
}
.comment-hidden-mobile + .show-more-comments {
display: block;
}
.slick-next {
width: 75px;
padding-left: 0;
padding-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.slick-prev {
width: 75px;
padding-left: 0;
padding-right: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.portfolio-wrapper-arrows {
width: 100px;
height: 50px;
}
}
.bypostauthor {
font-size: initial;
}
@media (min-width: 992px) {
.container.container-boxedcenter {
width: 970px;
}
}
.ewf-section-hidden {
display: none !important;
}
.efw-section-visible {
display: block !important;
}