/**
* Name: portum.css
*
* Main stylesheet
*
* T.O.C
*
*
*/
/* #232323 */
/* #0385D0 */
/* #A1083A */
/* #151C1F */
/* */
/* */
/* */
/* #232d33 */
/* b7b7b7 | #a9afb1 */
body
{
font-family: 'Hind', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
overflow-x: hidden;
margin: 0;
color: #a9afb1;
background: #fff;
}
html
{
overflow-x: hidden;
}
p
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6
{
font-family: 'Poppins', sans-serif;
margin-bottom: 25px;
color: #232323;
/*
color: #232323;
*/
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a
{
font-size: inherit;
font-weight: inherit;
}
h1
{
font-size: 32px;
font-weight: 700;
line-height: 36px;
line-height: 1.125;
margin-top: 8px;
margin-bottom: 8px;
}
h2
{
font-size: 28px;
font-weight: 700;
line-height: 33px;
line-height: 1.1785714286;
margin-top: 8px;
margin-bottom: 8px;
}
h3
{
font-size: 25px;
font-weight: 400;
line-height: 30px;
line-height: 1.2;
margin-top: 10px;
margin-bottom: 10px;
}
h4
{
font-size: 23px;
font-weight: 400;
line-height: 28px;
line-height: 1.2173913043;
margin-top: 11px;
margin-bottom: 11px;
}
h5
{
font-size: 18px;
font-weight: 400;
line-height: 24px;
line-height: 1.3333333333;
margin-top: 11px;
margin-bottom: 11px;
}
h6
{
font-size: 16px;
font-weight: 400;
line-height: 22px;
line-height: 1.375;
margin-top: 1px;
margin-bottom: 25px;
}
ul,
ol
{
font-family: inherit;
font-weight: inherit;
line-height: inherit;
/*
font-family: 'Hind', sans-serif;
color: #a9afb1;
line-height: 26px;
font-weight: 400;
*/
margin-bottom: 25px;
color: inherit;
}
ul.styled li:before
{
font-family: 'FontAwesome';
margin-right: 12px;
content: '\f111';
color: #a1083a;
}
ul.no-padding
{
padding: 0;
}
.screen-reader-text
{
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
overflow-wrap: normal;
}
/* ==========================================================================
=Formatting
========================================================================== */
hr
{
height: 1px;
margin: 25px 0;
border: 0;
background-color: #ebebeb;
}
/* ==========================================================================
=Lists
========================================================================== */
ul,
ol
{
margin: 0;
margin-bottom: 25px;
padding: 0;
list-style: outside none none;
list-style-position: inside;
}
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;
}
/* ==========================================================================
=Links
========================================================================== */
a,
a:visited
{
cursor: pointer;
text-decoration: none;
color: #0385d0;
}
/**
* 1. Remove the gray background color from active links in IE 10.
*/
a:active
{
/* 1 */
color: #172128;
background: transparent;
}
a:active,
a:hover,
a:focus
{
text-decoration: none;
outline: 0;
}
a:hover,
a:focus
{
color: #a1083a;
}
/* =Buttons
========================================================================== */
input.btn,
button.btn
{
min-width: 120px;
}
.btn
{
font: inherit;
position: relative;
display: inline-block;
margin-bottom: 25px;
padding: 9px 22px;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #fff;
border: none;
border-radius: 35px;
background-color: #0385d0;
background-clip: padding-box;
-webkit-appearance: none;
}
a.btn
{
color: #fff;
}
.btn:focus,
.btn:hover
{
color: #fff;
background-color: #a1083a;
}
.btn:active
{
color: #fff;
background-color: #172128;
}
.btn.btn-small
{
padding: 2px 22px;
}
.btn.btn-large
{
padding: 15px 30px;
}
.btn-contrast
{
color: #fff;
background-color: #a1083a;
}
.btn-contrast:focus,
.btn-contrast:hover
{
background-color: #0385d0;
}
.btn-contrast:active
{
background-color: #172128;
}
/* =Social Links
========================================================================== */
.social-links
{
margin-bottom: 25px;
}
/*
* 1. Clearfix hack
*/
.social-links:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
a.social-icon
{
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}
a.social-icon:last-child
{
margin-right: 0;
}
a.social-icon
{
color: #a9afb1;
}
a.social-icon:hover,
a.social-icon:focus
{
color: #a1083a;
}
a.social-icon:active
{
color: #172128;
}
/* ==========================================================================
=Text Alignment classes
========================================================================== */
.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 Transformation classes
========================================================================== */
.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;
}
/* ==========================================================================
=Clearings
========================================================================== */
/**
* ClearFix Hack
* Usage: add class="fixed" to parents of floated elements
*/
.fixed:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
/**
* Clear content
* Usage:
*/
.clear
{
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
/* ------------------------------ HEADLINE section ---------------------------*/
.headline
{
position: relative;
}
.headline h3
{
font-size: 30px;
font-weight: 300;
position: relative;
z-index: 9;
margin-top: 4px;
margin-bottom: 55px;
-webkit-animation: anim_affluent_sliderPro_category 1000ms linear both;
animation: anim_affluent_sliderPro_category 1000ms linear both;
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.headline strong
{
font-family: 'Poppins', sans-serif;
font-size: 160px;
position: absolute;
z-index: 9;
top: -65px;
left: -185px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
color: #f9f9f9;
-webkit-touch-callout: none;
}
.headline span
{
font-family: 'Hind', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
color: #a9afb1;
}
.contrast h3
{
color: #fff;
}
@media (max-width: 991px)
{
.headline strong
{
display: none;
}
}
/* ------------------------------ HEADLINE section - END --------------------*/
/* ==========================================================================
=Images
========================================================================== */
img
{
width: 100%;
max-width: 100%;
height: auto;
vertical-align: middle;
border: none;
}
/* ==========================================================================
=Tables
========================================================================== */
table,
th,
td
{
border: 1px solid #ebebeb;
}
/**
* 1. Prevents HTML tables from becoming too wide
*/
table
{
width: 100%;
margin-bottom: 25px;
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
border-width: 1px 0 0 1px;
/* 1 */
}
caption,
th,
td
{
font-weight: normal;
text-align: left;
}
caption
{
margin-bottom: 25px;
}
th
{
font-weight: 700;
border-width: 0 1px 1px 0;
}
td
{
border-width: 0 1px 1px 0;
}
th,
td
{
padding: 12px;
}
/* ==========================================================================
=Misc
========================================================================== */
pre
{
display: block;
overflow-x: auto;
margin-bottom: 28px;
padding: 14px;
white-space: pre-wrap;
background-color: #f9f9fa;
}
em
{
font-style: italic;
}
strong
{
font-weight: 700;
}
small
{
font-size: 90%;
}
big
{
font-size: 125%;
}
abbr[title]
{
cursor: help;
border-bottom: 1px dotted #777;
}
address
{
display: block;
margin-bottom: 28px;
}
q
{
font-family: 'Georgia', 'Lato', sans-serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
line-height: 30px;
quotes: '\201C' '\201D' '\201C' '\201D';
color: #1a171c;
}
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;
}
/* ==========================================================================
=Grid
========================================================================== */
.container
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px)
{
.container
{
width: 750px;
}
}
@media (min-width: 992px)
{
.container
{
width: 970px;
}
}
@media (min-width: 1200px)
{
.container
{
width: 1170px;
}
}
.container-fluid
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.row
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: -15px;
margin-left: -15px;
}
.row:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.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;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.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;
}
}
/* ==========================================================================
=Grid Helpers
========================================================================== */
.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;
}
}
/* ==========================================================================
=Clearings
========================================================================== */
/**
* ClearFix Hack
* Usage: add class="fixed" to parents of floated elements
*/
.fixed:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
/**
* Clear content
* Usage:
*/
.clear
{
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
.row-vcenter
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px)
{
.row-vcenter
{
display: block;
}
}
/* ------- BUTTONS --------- */
/*
.btn {
font-family: 'Hind', sans-serif;
line-height: 45px;
height:45px;
font-size:inherit;
font-weight: 400;
font-size:15px;
color: #fff;
background-color: #0385D0;
border-radius: 50px;
padding:0 45px;
display:inline-block;
border:none;
&:focus,
&:hover {
background:#A31241;
color:#fff;
}
}
button {
@extend .btn;
line-height: 25px;
padding: 12px 60px 8px 60px;
transition: 180ms all;
&:active { background-color: #333; }
}
.btn-contrast {
background-color: #A31241;
&:hover { background-color: #0385D0; }
&:focus { background-color: #a31241; }
}
button.red {
@extend .btn-contrast;
&:active { background-color: #333; }
}
button.dark-blue {
background-color: #101C24;
&:hover { background: #0A0F12; }
}
button.large {
padding: 12px 60px 8px !important;
}
*/
/* ------- BUTTONS - END --------- */
/* -------------- INPUTS ----------------*/
/*
input {
transition: 120ms all;
cursor: pointer;
width: 100%;
display: block;
border-radius: 5px;
border: 1px solid #EDEDED;
height: 40px;
color: #9ea4a6;
font-size: 16px;
font-family: 'Hind', sans-serif;
padding: 0 0 0 20px;
margin: 0 0 20px 0;
&:hover { border-color: #D9D9D9; }
&:focus { border-color: #B3DAF1;color: #333; }
}
textarea {
@extend input;
margin: 0 0 20px 0;
padding: 15px 0 0 20px;
min-height: 160px;
&:hover { border-color: #D9D9D9; }
&:focus { border-color: #B3DAF1; color: #333; }
}
*/
/* -------------- INPUTS -- END ----------------*/
/* ==========================================================================
=Forms
========================================================================== */
fieldset
{
display: block;
}
label
{
display: block;
}
/**
* 1. IE input fix.
*/
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
{
font-family: inherit;
font-size: inherit;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 37px;
margin-bottom: 25px;
/* 1 */
padding: 5px 12px;
color: #a9afb1;
border: 1px solid #ebebeb;
background-color: #fff;
-webkit-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;
}
/**
* 1. Disallow resize out of parent
*/
textarea
{
max-width: 100%;
/* 1 */
}
/**
* 1. IE input fix.
*/
select
{
font: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 37px;
margin-bottom: 25px;
/* 1 */
padding: 5px 12px;
color: #a9afb1;
border: 1px solid #ebebeb;
background-color: #fff;
-webkit-appearance: none;
}
select[multiple]
{
line-height: 25px;
line-height: 1.7857142857;
height: auto;
padding: 12px 12px;
}
select:disabled
{
cursor: not-allowed;
}
select:focus
{
border-color: #cde0e9;
}
input[type='range']
{
width: 50%;
}
/**
* 1. Firefox fix for size. or else it overflows on 320px
*/
input[type='file']
{
font-size: 13px;
width: 100%;
/* 1 */
height: auto;
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']
{
font: inherit;
position: relative;
display: inline-block;
min-width: 150px;
margin-bottom: 25px;
padding: 9px 22px;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #fff;
border: none;
border-radius: 35px;
background-color: #0385d0;
background-clip: padding-box;
-webkit-appearance: none;
}
input[type='reset']:hover,
input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:focus,
input[type='submit']:focus,
input[type='button']:focus
{
color: #fff;
background-color: #a1083a;
}
input[type='reset']:active,
input[type='submit']:active,
input[type='button']:active
{
color: #fff;
background-color: #a1083a;
}
/**
* Placeholder text color -- selectors need to be separate to work.
*/
::-webkit-input-placeholder
{
color: #ababb2;
}
:-moz-placeholder
{
color: #ababb2;
}
/**
* 1. Since FF19 lowers the opacity of the placeholder by default
*/
::-moz-placeholder
{
opacity: 1;
color: #ababb2;
/* 1 */
}
:-ms-input-placeholder
{
color: #ababb2;
}
/* ==========================================================================
=Header
========================================================================== */
/**
* 1. z-index is 105 because the tp arrows 100
*/
.header-overlay
{
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 40%;
background: url('../images/back-shadow-nav.png') repeat-x left top;
}
#header
{
position: absolute;
z-index: 105;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
@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
========================================================================== */
#logo
{
line-height: 80px;
}
/**
* 1. displaying the inline-block makes it depends on the size of it's children
* we add max-width:100% to tell it not that it shouldn't extend beyond the size of it's
* parent if it's child is very large eg a 1000x1000 logo img
*/
#logo a
{
display: inline-block;
max-width: 100%;
/* 1 */
}
#logo img
{
width: 100%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
@media (max-width: 767px)
{
/**
* 1. on mobile devices logo padding right needs to be the width of the
* mobile menu trigger + some spacing so as to not let the logo
* overlap the mobile menu trigger
*/
#logo
{
padding-right: 50px;
/* 1 */
}
}
/* ==========================================================================
=Sticky Header
========================================================================== */
@media (min-width: 1025px)
{
/**
* 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
*/
#header.stuck
{
position: fixed;
z-index: 1020;
/* 1 */
top: 0;
width: 100%;
margin: 0 auto;
padding: 10px 0 0 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background-color: #0b0b0b;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
#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;
}
}
@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
{
position: absolute;
top: -66px;
right: 0;
display: block;
margin: 0;
padding: 10px;
}
.small-arrow > a::before
{
display: none;
}
#header
{
background-color: rgba(53, 68, 78, .9);
}
#mobile-menu
{
padding: 0;
}
#mobile-menu li > a:hover
{
background-color: #a1083a;
}
}
/* ==========================================================================
=Menu
========================================================================== */
/* =Menu Basics
========================================================================== */
.sf-menu,
.sf-menu ul
{
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu > li
{
float: left;
}
.sf-menu > li.small-arrow > a:before
{
content: none;
}
.sf-menu > li:hover
{
background: url('../images/back-border-nav.png') repeat-x left top;
}
.sf-menu > li.current
{
background: url('../images/back-border-nav.png') repeat-x left top;
}
.sf-menu > li > a
{
position: relative;
display: block;
padding: 27px 25px !important;
}
/**
* 1. z-index is 1025 because the sticky menu is 1020
*/
.sf-menu .sf-mega,
.sf-menu li.dropdown ul
{
position: absolute;
z-index: 1025;
/* 1 */
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;
}
/* =Menu Skin
========================================================================== */
.sf-menu
{
float: right;
}
.sf-menu a
{
font-family: 'Hind', sans-serif;
display: block;
padding: 15px 0;
text-decoration: none;
letter-spacing: 1.5px;
letter-spacing: .5px;
color: #fff;
}
.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
{
font-size: 16px;
padding: 35px 15px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
color: #e3e3e3;
border: none;
}
.sf-menu > li a i
{
margin-right: 5px;
}
.sf-menu > li.current > a,
.sf-menu li.sfHover > a,
.sf-menu a:hover,
.sf-menu li.sfHover a:hover
{
text-decoration: none;
color: #fff;
}
.dropdown li:hover
{
background: #a1083a;
}
.dropdown li a
{
font-size: 14px;
}
/* =DropDown
========================================================================== */
/**
* 1. allow long menu items to determine submenu width
*/
.sf-menu li.dropdown ul
{
min-width: 250px;
background-color: rgba(53, 68, 78, .9);
-webkit-box-shadow: 4px 6px 6px 2px rgba(35, 31, 32, .3);
-webkit-box-shadow: none;
box-shadow: 4px 6px 6px 2px rgba(35, 31, 32, .3);
box-shadow: none;
}
/* =Menu Arrows
========================================================================== */
.sf-menu > li.arrow:before
{
font-family: fontawesome;
font-size: 20px;
line-height: 12px;
position: absolute;
top: 34px;
right: 8px;
width: 12px;
height: 12px;
content: '\f107';
-webkit-transition: 180ms all;
-o-transition: 180ms all;
transition: 180ms all;
text-align: center;
color: #fff;
background: #\f107;
}
.sf-menu > li.arrow:hover::before
{
content: '\f106';
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.small-arrow > a:before
{
font-family: fontawesome;
font-size: 14px;
position: absolute;
top: 7px;
right: 8px;
width: 10px;
height: 10px;
content: '\f105';
text-align: center;
color: #fff;
}
.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;
}
}
/* =Menu Arrows
========================================================================== */
@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
========================================================================== */
#mobile-menu
{
margin-bottom: 0;
border-bottom: 1px solid #e1e1e1;
background-color: rgba(53, 68, 78, .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;
margin: 0;
padding: 0;
border: none;
}
#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
{
font-size: 13px;
position: relative;
display: block;
padding: 15px 25px;
text-align: left;
text-decoration: none;
color: #fff;
border-top: 1px solid #e1e1e1;
}
#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
{
font-size: 20px;
line-height: 50px;
position: absolute;
top: 0;
right: 0;
width: 70px;
height: 100%;
cursor: pointer;
text-align: center;
color: #fff;
border-left: 1px solid #e1e1e1;
}
#mobile-menu .mobile-menu-submenu-arrow:hover
{
background-color: #979797;
}
#mobile-menu
{
display: none;
}
/* ==========================================================================
=Mobile menu trigger
========================================================================== */
#mobile-menu-trigger
{
font-size: 32px;
display: none;
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;
z-index: 99;
height: 190px;
margin: -100px 0 60px 0;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
}
.intro-item h4
{
font-size: 30px;
font-weight: 400;
position: absolute;
z-index: 99;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
padding: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.intro-item span
{
font-family: 'Poppins', sans-serif;
font-size: 160px;
font-weight: 700;
line-height: 206px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: Center;
color: #f9f9f9;
-khtml-user-select: none;
-o-user-select: none;
}
.intro-item .actions
{
position: absolute;
bottom: 25px;
left: 75px;
-webkit-transition: 120ms all;
-o-transition: 120ms all;
transition: 120ms all;
}
.intro-item .actions a
{
font-family: 'Hind', sans-serif;
font-size: 12px;
display: inline-block;
margin-right: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: #333;
}
.intro-item .actions a:hover
{
color: #a1083a;
}
@media (max-width: 991px)
{
.intro-item
{
display: none;
}
.main-slider.owl-blog
{
margin-bottom: 40px;
}
}
/* ==========================================================================
=BLOG PAGE
==========================================================================
.intro-item {
position: relative;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
-moz-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
height: 190px;
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;
}
.intro-item .actions {
position: absolute;
bottom: 25px;
left: 75px;
transition: 120ms all;
}
.intro-item .actions a {
display: inline-block;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
color: #333;
letter-spacing: 1px;
font-size: 12px;
margin-right: 15px;
}
.intro-item .actions a:hover {
color: #a1083a;
}
#section-blog {
& .intro-item { margin: -100px 0 60px 0; }
& p { margin-bottom: 30px; }
}
.categories-blog-widget ul li {
list-style-type: none;
position: Relative;
display: block;
margin: 0 0 15px 0;
}
.categories-blog-widget ul {
padding: 0;
}
.categories-blog-widget ul span {
display: block;
border: 1px solid #a9afb1;
border-radius: 10px;
width: 25px;
height: 20px;
line-height: 20px;
text-align: Center;
position: absolute;
right: 0;
top: 3px;
font-size: 12px;
}
.categories-blog-widget ul a {
color: #a9afb1;
font-size: 14px;
font-family: 'Hind', sans-serif;
display: block;
transition: 120ms all;
}
.categories-blog-widget ul a i {
color: #a9afb1;
font-size: 14px;
margin-right: 8px;
}
.categories-blog-widget ul a:hover {
color: #a1083a;
}
.categories-blog-widget ul a:hover span {
color: #a1083a;
border-color: #a1083a;
}
.categories-blog-widget .categories-list ul {
padding-left: 20px;
margin-top: 15px;
}
.blog-widget-title {
border-bottom: 1px solid #EFEFEF;
margin: 0 0 15px 0;
}
.blog-widget-title h5 {
padding-left: 25px;
font-family: 'Hind', sans-serif;
color: #0380c8;
font-weight: 600;
margin-bottom: 15px;
}
.blog-widget-title span {
height: 15px;
display: block;
width: 5px;
margin-right: 1px;
float: left;
margin-top: 14px;
-ms-transform: skewT(-15deg);
-webkit-transform: skewX(-15deg);
transform: skewX(-15deg);
}
.blog-widget-title span.one {
background: #81C2E7;
}
.blog-widget-title span.second {
background: #4EA7DA;
}
.blog-widget-title span.third {
background: #0380C8;
}
.banner-widget {
margin: 0 0 55px 0;
}
.banner-widget img {
height: 100%;
width: 100%;
}
.posts-blog-widget {
margin: 0 0 25px 0;
}
.posts-blog-widget .posts-list {
list-style-type: none;
padding: 0;
margin: 25px 0 0 0;
}
.posts-blog-widget .posts-list img {
display: block;
float: left;
margin-right: 15px;
}
.posts-blog-widget .posts-list span {
display: block;
font-family: 'Poppins', sans-serif;
color: #a9afb1;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.posts-blog-widget .posts-list li {
border-bottom: 1px solid #EFEFEF;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.posts-blog-widget .posts-list li:last-child {
margin: 0;
border: none;
}
.posts-blog-widget .posts-list a {
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #333;
display: block;
line-height: 17px;
font-weight: 400;
padding: 2px 0 8px 0;
}
.posts-blog-widget .posts-list a:hover {
color: #a1083a;
}
.blog-item {
height: 345px;
background-color: #fff;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
-moz-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
margin: 0 0 55px 0;
}
.blog-item .infos {
width: 60%;
float: left;
height: 345px;
position: relative;
}
.blog-item .actions {
position: absolute;
bottom: 10px;
left: 40px;
transition: 120ms all;
}
.blog-item .actions a {
display: inline-block;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
color: #333;
letter-spacing: 1px;
font-size: 12px;
margin-right: 15px;
}
.blog-item .actions a:hover {
color: #a1083a;
}
.blog-item h4 {
margin: 60px 0 25px 40px;
}
.blog-item h4 a {
font-size: 25px;
font-weight: 300;
line-height: 32px;
color: #232323;
}
.blog-item p {
margin: 0 0 0 40px;
}
.blog-item .picture {
width: 40%;
float: left;
height: 345px;
position: relative;
overflow: hidden;
}
.blog-item .picture {
overflow: hidden;
}
.blog-item .picture .preloader {
height: 100%;
background: red;
width: 450px;
position: Absolute;
right: 50px;
top: 0;
}
.blog-item .picture .overlay {
height: 355px;
background: #fff;
width: 510px;
opacity: 1;
margin-top: -5px;
background: #fff;
opacity: 1;
-ms-transform: skewT(15deg);
-webkit-transform: skewX(15deg);
transform: skewX(15deg);
}
.blog-item .picture .overlay:before {
content: "";
height: 355px;
background: rgba(255, 255, 255, 0.7);
width: 510px;
position: Absolute;
left: 10px;
top: 0;
}
.blog-item .picture .overlay:after {
content: "";
height: 355px;
background: rgba(255, 255, 255, 0.4);
width: 510px;
position: Absolute;
left: 20px;
top: 0;
}
.blog-item .picture img {
opacity: 0;
}
.blog-item .picture.animate img {
opacity: 1;
}
.blog-item .picture.animate .preloader {
animation: anim-blog-preloader 1500ms linear both;
animation-delay: 450px;
}
.pagination {
width: 100%;
text-align: center;
}
.pagination ul {
display: inline-block;
margin: 0;
}
.pagination ul a {
font-size: 14px;
color: #a9afb1;
margin-right: 15px;
transition: 120ms all;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.pagination ul a:hover {
color: #a1083a;
}
.pagination ul span {
margin-right: 15px;
color: #a9afb1;
letter-spacing: 2px;
}
.pagination li {
list-style-type: none;
display: inline-block;
}
.pagination li.active a {
color: #333;
}
.pagination a.next {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
font-family: 'Hind', sans-serif;
font-size: 12px;
color: #a9afb1;
border: 1px solid #a9afb1;
border-radius: 40px;
width: 60px;
height: 25px;
display: inline-block;
transition: 120ms all;
}
.pagination a.next:hover {
color: #a1083a;
border-color: #a1083a;
}
#section-blog .pagination {
margin: 0 0 55px 0;
}
//.blog-item-advanced {
// background-color: #fff;
// -webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
// -moz-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
// box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
// margin: 0 0 55px 0;
// position: relative;
//}
//.blog-item-advanced .thumbnail {
// display: block;
// height: 100%;
// width: 100%;
// border: none;
// padding: 0;
// border-radius: 0;
// z-index: 0;
//}
//.blog-item-advanced .effect {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
display: block;
}
//.blog-item-advanced .thumbnail+.effect {
top: -6px;
opacity: .45;
z-index: -5;
width: 98.8%;
left: 5px;
}
//.blog-item-advanced .thumbnail+.effect+.effect {
top: -12px;
opacity: .1;
z-index: -10;
width: 97.6%;
left: 10px;
}
//.blog-item-advanced .thumbnail.animate+.effect {
animation: anim-blog-sticky-effect 250ms linear both;
animation-delay: 200ms;
}
//.blog-item-advanced .thumbnail.animate+.effect+.effect {
animation: anim-blog-sticky-effect 450ms linear both;
animation-delay: 280ms;
}
.blog-item-advanced .actions {
position: absolute;
bottom: 10px;
left: 40px;
transition: 120ms all;
}
.blog-item-advanced .actions a {
display: inline-block;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
font-size: 12px;
margin-right: 15px;
}
.blog-item-advanced .actions a:hover {
color: #a1083a;
}
.blog-item-advanced p {
margin: 0 0 0 40px;
padding: 0 0 100px 0;
}
.blog-item-advanced .picture-wrapper {
margin-bottom: 35px;
position: relative;
}
.blog-item-advanced .news-date a, .blog-item-advanced .news-category a {
font-family: 'Poppins', sans-serif;
text-transform: initial;
font-size: 25px;
font-weight: 300;
}
.blog-item-advanced .news-date strong {
height: 47px;
background: rgba(0, 0, 0, 0.6);
padding-right: 70px;
}
.blog-item-advanced .news-date a {
height: 47px;
line-height: 47px;
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
.blog-item-advanced .news-date {
left: -2px;
width: 680px;
-ms-transform: skewX(15deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
.blog-item-advanced .news-category {
left: initial;
right: 135px;
height: 47px;
}
.blog-item-advanced .news-category a {
height: 47px;
line-height: 47px;
padding: 0 15px 0 20px;
}
.blog-item-advanced .news-category a i {
font-size: 25px;
}
.blog-item-advanced .news-category::before {
height: 47px;
}
.blog-item-advanced .news-category::after {
height: 47px;
}
.quote-image-wrapper {
position: relative;
margin: 0 0 35px 0;
}
.quote-image-wrapper img {
width: 100%;
height: 100%;
}
.quote-block {
background-color: #fff;
width: 350px;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
-moz-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
padding: 55px 45px 15px 45px;
text-align: center;
position: absolute;
top: 75px;
left: -60px;
}
.quote-block p {
margin: 0;
padding: 0;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #333;
letter-spacing: 1.5px;
font-weight: 600;
}
.quote-block span {
display: block;
text-align: center;
margin: -30px 0 10px 0;
}
.quote-block span i {
color: #F9F9F9;
font-size: 36px;
}
.quote-info-text {
font-size: 22px;
font-style: italic;
color: #333;
font-family: 'Lato', sans-serif;
text-align: center;
padding: 0 50px;
letter-spacing: 1px;
line-height: 31px;
}
.bs-picture {
margin: 0 0 35px 0;
display: block;
width: 100%;
height: 100%;
}
.social-tag-widget {
margin: 0 0 55px 0;
}
.social-tag-widget .tag {
margin: 0 0 30px 0;
}
.social-tag-widget .tag a {
color: #a9afb1;
display: inline-block;
font-family: "Hind", sans-serif;
font-size: 13px;
letter-spacing: -0.2px;
text-transform: uppercase;
transition: all 120ms;
}
.social-tag-widget .tag a:hover {
color: #a1083a;
}
.social-tag-widget .tag span {
color: #a9afb1;
display: inline-block;
font-size: 12px;
height: 25px;
line-height: 24px;
text-align: center;
width: 7px;
}
.social-tag-widget .tag h5 {
margin: 0 10px 0 0;
padding: 0;
display: inline-block;
font-family: 'Hind', sans-serif;
font-size: 20px;
font-weight: 600;
}
.bs-social {
width: 570px;
height: 26px;
background: #294995;
margin: 0 0 60px 0;
}
.bs-info-block {
background-color: #fff;
-webkit-box-shadow: 0 0 19px 2px rgba(35, 31, 32, .07);
-moz-box-shadow: 0 0 19px 2px rgba(35, 31, 32, .07);
box-shadow: 0 0 19px 2px rgba(35, 31, 32, .07);
padding: 20px 40px 5px 40px;
margin: 0 0 60px 0;
}
.bs-info-block a i {
font-size: 12px;
}
.bs-info-block img {
display: block;
float: left;
margin: 25px 40px 0 5px;
}
.bs-info-block p {
margin-top: 20px;
}
.bs-info-block .social {
padding: 0;
margin: 0;
}
.bs-info-block .title a {
font-size: 12px;
color: #0385d0;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.bs-info-block .subtitle {
background: url('../images/back-hr-line.png') repeat-x left center;
}
.bs-info-block .subtitle h6 {
color: #a8a8a8;
font-size: 12px;
font-family: 'Hind', sans-serif;
letter-spacing: 1px;
margin: -2px 0 0 0;
padding: 0 10px 0 0;
background: #fff;
display: inline-block;
}
.comment-area-wrapper {
margin: 0 0 45px 0;
}
.title-back-line {
background: url('../images/back-hr-line.png') repeat-x left center;
margin: 0 0 40px 0;
}
.title-back-line h5 {
padding: 0 20px 0 0;
margin: 0;
background: #fff;
display: inline-block;
font-family: 'Hind', sans-serif;
font-weight: 600;
}
.comments-item {
border-bottom: 1px dashed #BDBDBD;
margin: 0 0 30px 0;
}
.comments-item img {
display: block;
float: left;
margin: 0 30px 0 0;
}
.comments-item p {
margin: 0 0 10px 95px !important;
}
.comments-item .reply {
display: block;
margin: 0 0 20px 95px;
color: #ddd;
font-size: 14px;
}
.comments-item .reply:hover {
color: #a1083a
}
.comments-item h6 {
margin: -5px 0 -1px 0;
}
.comments-item h6 a {
color: #0385d0;
font-size: 16px;
}
.comments-item a i {
margin-left: 5px;
}
.comments-item span {
display: block;
color: #333;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 13px 0;
}
.comments-item.reply {
padding: 0 0 0 95px;
}
.older-posts {
display: block;
text-align: right;
color: #0385d0;
font-size: 15px;
font-weight: 500;
}
.older-posts i {
margin-left: 5px;
font-weight: 500;
}
.reply-area-wrapper {
margin: 0 0 40px 0;
}
.reply-area-wrapper textarea {
min-height: 200px;
}
.reply-area-wrapper .input-item.reply {
width: 50%;
}
.reply-area-wrapper .title-back-line {
margin: 0 0 20px 0;
}
.reply-area-wrapper p {
margin: 0 0 5px 0 !important;
}
.carousel-blog-widget img {
display: block;
width: 100%;
height: 100%;
}
.carousel-blog-widget h6 {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
color: #101920;
}
.carousel-blog-widget h6 a {
color: #101920;
font-size: 16px;
font-family: 'Poppins', sans-serif;
transition: 120ms all;
}
.carousel-blog-widget h6 a:hover {
color: #a1083a;
}
.carousel-blog-widget span {
color: #999;
font-size: 12px;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.carousel-group-wrapper {
margin: 0 0 55px 0;
}
.carousel-group-wrapper .carousel-indicators {
display: none;
}
.carousel-group-wrapper .button-pn {
height: 30px;
width: 30px;
text-align: center;
line-height: 27px;
background: rgba(69, 77, 83, 0.8);
display: inline-block;
border-radius: 30px;
transition: 120ms all;
}
.carousel-group-wrapper .button-pn:hover {
background: rgba(161, 8, 58, 0.8);
}
.carousel-group-wrapper .button-pn i {
font-size: 14px;
text-shadow: none;
}
.carousel-group-wrapper .button-pn.left {
position: absolute;
top: 80px;
left: -13px;
}
.carousel-group-wrapper .button-pn.right {
position: absolute;
top: 80px;
right: -13px;
}
.carousel-group-wrapper .carousel-control.right {
background: transparent;
}
.carousel-group-wrapper .carousel-control.left {
background: transparent;
}
.carousel-group-wrapper .carousel-control {
opacity: 1;
width: 2%;
}
.carousel-group-wrapper .col-md-4 {
padding-left: 4px;
padding-right: 4px;
}
@media (max-width: 1350px) {
.intro-item {
height: 140px;
}
.intro-item span {
font-size: 130px;
line-height: 155px;
}
}
@media (max-width: 991px) {
.intro-item.action {
height: 200px;
}
.intro-item .actions {
left: 25px;
}
.carousel-group-wrapper {
display: none;
}
.wrapper-carousel-mobile {
display: block !important;
}
.banner-widget img {
height: auto;
width: auto;
}
}
@media (max-width: 768px) {
.news-category{
left: 80px;
width: 100%;
text-align: left;
&::before { display: none; }
&::after { display: none; }
}
.news-date {
left: -150px;
a { text-align: left; }
}
}
==========================================================================
=BLOG PAGE - END
========================================================================== */
/* ==========================================================================
=Posts
========================================================================== */
.post
{
position: relative;
color: #a9afb1;
background-color: #fff;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
}
.post:last-of-type
{
margin-bottom: 55px;
}
.post + .post
{
margin-top: 55px;
}
/* =Post Header
========================================================================== */
.post-header
{
padding: 45px 0 0 40px;
}
.post.sticky .post-header
{
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
display: block;
width: 100%;
padding: 0;
}
/* =Post Content
========================================================================== */
.post-footer
{
padding: 0 40px 10px 40px;
}
/* =Post Content
========================================================================== */
.post-content
{
padding: 15px 40px 35px 40px;
}
.post-content.has-post-thumbnail
{
min-height: 135px;
}
/*
* 1. Clearfix hack
*/
.post-content:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.post-content iframe
{
max-width: 100%;
}
.post-content img
{
width: initial;
max-width: 100%;
}
/* =Post Thumbnail
========================================================================== */
.post-thumbnail
{
position: relative;
z-index: 0;
display: block;
width: 100%;
}
.post-thumbnail-preloader
{
position: relative;
overflow: hidden;
height: 345px;
}
.post-thumbnail-preloader .preloader
{
position: Absolute;
top: 0;
right: 50px;
width: 100%;
height: 100%;
}
.post-thumbnail-preloader .overlay
{
width: 510px;
height: 355px;
margin-top: -5px;
-webkit-transform: skewX(15deg);
-ms-transform: skewT(15deg);
transform: skewX(15deg);
opacity: 1;
background: #fff;
}
.post-thumbnail-preloader .overlay:before
{
position: absolute;
top: 0;
left: 10px;
width: 510px;
height: 355px;
content: '';
opacity: .7;
background: #fff;
}
.post-thumbnail-preloader .overlay:after
{
position: Absolute;
top: 0;
left: 20px;
width: 510px;
height: 355px;
content: '';
opacity: .4;
background: #fff;
}
.post-thumbnail-preloader img
{
width: auto;
max-width: none;
height: 345px;
opacity: 0;
}
.post-thumbnail-preloader.animate img
{
opacity: 1;
}
.post-thumbnail-preloader.animate .preloader
{
-webkit-animation: anim-blog-preloader 1500ms linear both;
animation: anim-blog-preloader 1500ms linear both;
-webkit-animation-delay: 450;
animation-delay: 450;
}
@media (max-width: 991px)
{
.post-thumbnail-preloader .preloader
{
display: none;
}
.post-thumbnail-preloader img
{
width: 100%;
height: auto;
}
}
.post-thumbnail img
{
display: block;
}
.post-thumbnail .effect
{
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post-thumbnail img + .effect
{
z-index: -5;
top: -6px;
left: 5px;
width: 98.8%;
opacity: .45;
}
.post-thumbnail img + .effect + .effect
{
z-index: -10;
top: -12px;
left: 10px;
width: 97.6%;
opacity: .1;
}
.post-thumbnail img.animate + .effect
{
-webkit-animation: anim-blog-sticky-effect 250ms linear both;
animation: anim-blog-sticky-effect 250ms linear both;
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.post-thumbnail img.animate + .effect + .effect
{
-webkit-animation: anim-blog-sticky-effect 450ms linear both;
animation: anim-blog-sticky-effect 450ms linear both;
-webkit-animation-delay: 280ms;
animation-delay: 280ms;
}
@-webkit-keyframes anim-blog-sticky-effect
{
0%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
opacity: 0;
}
5.71%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.486, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.486, 0, 1);
}
11.31%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.458, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.458, 0, 1);
}
17.02%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 19.078, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 19.078, 0, 1);
}
22.62%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.665, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.665, 0, 1);
}
28.33%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.714, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.714, 0, 1);
}
33.93%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.215, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.215, 0, 1);
}
45.15%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.709, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.709, 0, 1);
}
72.57%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.387, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.387, 0, 1);
}
100%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
@keyframes anim-blog-sticky-effect
{
0%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
opacity: 0;
}
5.71%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.486, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 62.486, 0, 1);
}
11.31%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.458, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.458, 0, 1);
}
17.02%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 19.078, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 19.078, 0, 1);
}
22.62%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.665, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.665, 0, 1);
}
28.33%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.714, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.714, 0, 1);
}
33.93%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.215, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.215, 0, 1);
}
45.15%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.709, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.709, 0, 1);
}
72.57%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.387, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.387, 0, 1);
}
100%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
@-webkit-keyframes anim-blog-preloader
{
0%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.37%
{
-webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.719, 0, 0, 1);
transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.719, 0, 0, 1);
}
.73%
{
-webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.864, 0, 0, 1);
transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.864, 0, 0, 1);
}
1.63%
{
-webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50.239, 0, 0, 1);
transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50.239, 0, 0, 1);
}
2.52%
{
-webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -75.925, 0, 0, 1);
transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -75.925, 0, 0, 1);
}
3.42%
{
-webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100.496, 0, 0, 1);
transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100.496, 0, 0, 1);
}
4.3%
{
-webkit-transform: matrix3d(.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.002, 0, 0, 1);
transform: matrix3d(.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.002, 0, 0, 1);
}
5.31%
{
-webkit-transform: matrix3d(.973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -146.282, 0, 0, 1);
transform: matrix3d(.973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -146.282, 0, 0, 1);
}
7.88%
{
-webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -195.511, 0, 0, 1);
transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -195.511, 0, 0, 1);
}
10.51%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -330.852, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -330.852, 0, 0, 1);
}
11.45%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -340.264, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -340.264, 0, 0, 1);
}
14.29%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -360, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -360, 0, 0, 1);
}
15.82%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -366.342, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -366.342, 0, 0, 1);
}
21.02%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -373.556, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -373.556, 0, 0, 1);
}
35.34%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -362.586, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -362.586, 0, 0, 1);
}
49.55%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -359.582, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -359.582, 0, 0, 1);
}
78.18%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400.013, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400.013, 0, 0, 1);
}
100%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1);
}
}
@keyframes anim-blog-preloader
{
0%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
.37%
{
-webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.719, 0, 0, 1);
transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -11.719, 0, 0, 1);
}
.73%
{
-webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.864, 0, 0, 1);
transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -22.864, 0, 0, 1);
}
1.63%
{
-webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50.239, 0, 0, 1);
transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -50.239, 0, 0, 1);
}
2.52%
{
-webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -75.925, 0, 0, 1);
transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -75.925, 0, 0, 1);
}
3.42%
{
-webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100.496, 0, 0, 1);
transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100.496, 0, 0, 1);
}
4.3%
{
-webkit-transform: matrix3d(.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.002, 0, 0, 1);
transform: matrix3d(.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.002, 0, 0, 1);
}
5.31%
{
-webkit-transform: matrix3d(.973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -146.282, 0, 0, 1);
transform: matrix3d(.973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -146.282, 0, 0, 1);
}
7.88%
{
-webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -195.511, 0, 0, 1);
transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -195.511, 0, 0, 1);
}
10.51%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -330.852, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -330.852, 0, 0, 1);
}
11.45%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -340.264, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -340.264, 0, 0, 1);
}
14.29%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -360, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -360, 0, 0, 1);
}
15.82%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -366.342, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -366.342, 0, 0, 1);
}
21.02%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -373.556, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -373.556, 0, 0, 1);
}
35.34%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -362.586, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -362.586, 0, 0, 1);
}
49.55%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -359.582, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -359.582, 0, 0, 1);
}
78.18%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400.013, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400.013, 0, 0, 1);
}
100%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -400, 0, 0, 1);
}
}
/* =Post Title
========================================================================== */
.post-title
{
margin: 0;
}
.post-title a
{
color: #1a1e24;
}
.post.sticky .post-title a
{
line-height: 30px;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
vertical-align: bottom;
color: #fff;
}
.post-title a:focus,
.post-title a:hover
{
color: #a1083a;
}
.post.sticky .post-header
{
overflow: hidden;
}
.post.sticky .post-title
{
line-height: 30px;
display: block;
width: 75%;
margin-left: -20px;
padding: 10px 60px 10px 60px;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
background: rgba(0, 0, 0, .6);
}
.more-link
{
line-height: 50px;
position: absolute;
right: 0;
display: inline-block;
width: 50px;
height: auto;
margin-right: -10px;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
text-align: center;
vertical-align: top;
background: #0385d0 none repeat scroll 0 0;
}
.more-link:hover,
.more-link:focus
{
background: #a1083a;
}
.more-link:active
{
background: #172128;
}
.more-link i
{
-webkit-transform: skewX(15deg);
-ms-transform: skewX(15deg);
transform: skewX(15deg);
color: #fff;
}
@media (max-width: 425px)
{
.post.sticky .post-header
{
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.post.sticky .post-title
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 15px 40px;
}
.post.sticky .post-title,
.post.sticky .post-title a
{
-webkit-transform: skewX(0);
-ms-transform: skewX(0);
transform: skewX(0);
}
.more-link
{
display: none;
}
}
/* =Post Meta
========================================================================== */
.post-meta
{
position: relative;
}
.post-meta a
{
font-family: 'Hind', sans-serif;
font-size: 12px;
display: inline-block;
margin-right: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: #232323;
}
.post-meta a:hover
{
color: #a1083a;
}
.post-meta:last-child
{
padding-bottom: 0;
}
.post-meta-separator
{
padding: 0 3px 0 0;
}
.edit-link:before
{
font-family: 'FontAwesome';
padding-right: 3px;
content: '\f044';
}
.comments-link:before
{
font-family: 'FontAwesome';
padding-right: 3px;
content: '\f0e5';
}
.tags-links
{
margin: 25px 0;
color: #414444;
}
.tags-links a
{
display: inline-block;
margin: 0 5px 5px 0;
padding: 0 10px;
color: #6aa4bc;
border: 1px solid #6aa4bc;
}
.tags-links a:hover
{
color: #aacfdf;
border-color: #aacfdf;
}
.posted-on
{
display: inline-block;
color: #414444;
}
/* =Post Formats
========================================================================== */
.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';
}
/* ==========================================================================
=Posts Navigation(s)
========================================================================== */
/* =Post Pagination
========================================================================== */
.pagination
{
margin: 75px 0 25px;
}
/*
* 1. Clearfix hack
*/
.pagination:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.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
{
font-size: 14px;
display: inline-block;
padding: 0 12px;
text-transform: uppercase;
color: #a9afb1;
border: 1px solid #a9afb1;
border-radius: 30px;
}
.pagination .page-numbers a,
.pagination .page-numbers span
{
color: inherit;
}
.pagination .page-numbers:hover
{
color: #a1083a;
}
.pagination .page-numbers:active
{
color: #172128;
}
.pagination .prev.page-numbers:focus,
.pagination .prev.page-numbers:hover,
.pagination .next.page-numbers:focus,
.pagination .next.page-numbers:hover
{
color: #a1083a;
color: #fff;
border: 1px solid #a1083a;
background: #a1083a;
}
.pagination .prev.page-numbers:active,
.pagination .next.page-numbers:active
{
color: #fff;
border: 1px solid #172128;
background: #172128;
}
.pagination a,
.pagination span
{
color: #a9afb1;
}
.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
{
position: relative !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
}
}
/* =Page Links
========================================================================== */
.page-links
{
margin: 25px 0;
}
.page-links .page-number
{
padding: 5px;
}
.page-links
{
color: #414444;
}
/* =Post Pagination
========================================================================== */
.pagination
{
margin: 75px 0 25px;
}
/*
* 1. Clearfix hack
*/
.pagination:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.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
{
/*
border-bottom: 1px solid $text-color;
*/
}
@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
{
position: relative !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
}
}
/* =Post Navigation
========================================================================== */
.post-navigation
{
margin: 25px 0 75px 0;
padding-top: 25px;
border-top: 1px solid #ebebeb;
}
/*
* 1. Clearfix hack
*/
.post-navigation:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
@media (min-width: 768px)
{
.post-navigation .nav-previous
{
float: left;
width: 50%;
}
.post-navigation .nav-next
{
float: right;
width: 50%;
text-align: right;
}
}
@media (max-width: 767px)
{
.post-navigation .nav-previous
{
margin-bottom: 25px;
}
}
.post-navigation .nav-subtitle
{
font-size: 12px;
font-size: 1.2rem;
display: block;
margin-bottom: 5px;
text-transform: uppercase;
color: #414444;
}
/* ==========================================================================
=Author bio
========================================================================== */
.author-bio
{
position: relative;
margin: 25px 0 50px;
padding: 30px 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
}
/*
* 1. Clearfix hack
*/
.author-bio:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.author-bio-avatar img
{
border-radius: 50%;
}
.author-bio-info h5
{
margin: 0;
}
.author-bio-social
{
float: right;
}
.author-bio-social a
{
display: inline-block;
margin-right: 10px;
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, Pingbacks and Trackbacks
========================================================================== */
/*
* 1. Clearfix hack
*/
.comments-area:after,
.comment-list:after
.comment:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.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
========================================================================== */
.comment-meta
{
margin: 12px 0;
}
.comment-author
{
position: relative;
z-index: 2;
}
.comment-author .avatar
{
position: absolute;
top: -14px;
left: -84px;
width: 64px;
height: 64px;
}
@media (max-width: 480px)
{
.comment-author .avatar
{
position: relative;
top: auto;
left: auto;
display: block;
width: 48px;
height: 48px;
margin-bottom: 25px;
}
}
.comment-author .says
{
display: none;
}
.comment-metadata > a
{
color: #b7b7b7;
}
/* =Comment Body
========================================================================== */
.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;
}
/* =Comment Reply
========================================================================== */
.reply
{
margin: 12px 0 25px;
}
.comment-reply-link
{
position: relative;
}
/* ==========================================================================
=Comments Navigation
========================================================================== */
.comment-navigation
{
margin-bottom: 25px;
padding-top: 25px;
}
/*
* 1. Clearfix hack
*/
.comment-navigation:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
#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';
padding-left: 5px;
content: '\f105';
}
.comment-navigation .nav-previous a:before
{
font-family: 'FontAwesome';
padding-right: 5px;
content: '\f104';
}
.comment-navigation .nav-next
{
float: right;
width: 50%;
text-align: right;
}
.comment-navigation .nav-previous
{
float: left;
width: 50%;
}
/* ==========================================================================
=Comments Form
========================================================================== */
/*
* 1. Clearfix hack
*/
.comment-respond:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.comment-reply-title
{
margin-bottom: 0;
}
.comment-form
{
margin: 0 -15px;
}
/*
* 1. Clearfix hack
*/
.comment-form:after
{
font-size: 0;
display: block;
/* 1 */
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.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
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px)
{
.comment-form-author,
.comment-form-email,
.comment-form-url
{
float: left;
width: 33.33333333%;
}
}
/* ==========================================================================
=Widgets: Default WordPress Widgets
========================================================================== */
.widget
{
margin-bottom: 50px;
}
.widget ul li:before
{
font-family: 'FontAwesome';
display: inline-block;
width: 15px;
margin-left: 0;
content: '\f0da';
-webkit-transition: padding 250ms cubic-bezier(.075, .82, .165, 1) 0s;
-o-transition: padding 250ms cubic-bezier(.075, .82, .165, 1) 0s;
transition: padding 250ms cubic-bezier(.075, .82, .165, 1) 0s;
color: inherit;
}
.widget.widget_rss ul li:before,
.widget.widget_recent_entries ul li:before
{
display: inline;
width: auto;
content: '';
}
.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;
}
}
/**
* 1. The last element of every widget shouldn't have a margin bottom. used for spacing purposes
*/
.widget > *:last-child
{
margin-bottom: 0;
/* 1 */
}
.widget .widget-title a
{
color: #0284cf;
}
#footer .widget .widget-title,
#footer .widget .widget-title a
{
color: #fff;
}
.widget-title
{
font-weight: bold;
margin-bottom: 12px;
margin-bottom: 25px;
padding-bottom: 5px;
color: #0284cf;
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.widget-title img
{
width: auto;
max-width: auto;
}
/* =Widget Links
========================================================================== */
.widget a
{
color: #35434e;
}
.widget a:hover,
.widget a:focus
{
color: #a1083a;
}
.widget a:active
{
color: #172128;
}
/* =Calendar Widget
========================================================================== */
#calendar_wrap table
{
position: relative;
border-spacing: 4px;
border-collapse: separate;
}
#calendar_wrap table,
#calendar_wrap th,
#calendar_wrap td
{
padding: 0;
text-align: center;
border: 0;
}
#footer #wp-calendar caption,
#footer #wp-calendar th
{
color: inherit;
}
#wp-calendar caption
{
font-weight: 700;
margin-bottom: 0;
padding-bottom: 15px;
text-align: center;
text-transform: uppercase;
color: #232323;
}
#wp-calendar th
{
font-size: .9em;
font-weight: normal;
color: inherit;
color: #232323;
}
#wp-calendar tbody td:not(.pad)
{
/*
border: 1px solid #ebebeb;
*/
font-size: .9em;
line-height: 30px;
background: #fafafa;
}
#wp-calendar tbody td a
{
line-height: 30px;
display: block;
margin: 0;
text-align: center;
color: #fff;
background-color: #0385d0;
}
#wp-calendar tbody td a:hover
{
background-color: #a1083a;
}
#wp-calendar tbody td a:active
{
background-color: #172128;
}
#wp-calendar tfoot
{
float: left;
height: 0;
}
#wp-calendar #prev a,
#wp-calendar #next a
{
font-size: 0;
line-height: 26px;
position: absolute;
top: 0;
right: 5px;
display: inline-block;
width: 26px;
height: 26px;
text-align: center;
border-radius: 25px;
}
#wp-calendar #prev a
{
left: 5px;
}
#wp-calendar #prev a,
#wp-calendar #next a
{
color: #a9afb1;
border: 1px solid #a9afb1;
}
#wp-calendar #prev a:hover,
#wp-calendar #prev a:focus,
#wp-calendar #next a:hover,
#wp-calendar #next a:focus
{
color: #fff;
border: 1px solid #a1083a;
background: #a1083a;
}
#wp-calendar #prev a:active,
#wp-calendar #next a:active
{
color: #fff;
border: 1px solid #172128;
background: #172128;
}
#wp-calendar #next a:before,
#wp-calendar #prev a:before
{
font-family: 'FontAwesome';
font-size: 14px;
line-height: 26px;
position: relative;
display: inline-block;
padding: 0 1px 0 0;
content: '\f104 ';
text-align: center;
text-align: center;
color: inherit;
}
#wp-calendar #next a:before
{
padding: 0 0 0 3px;
content: ' \f105';
}
#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 */
#footer #wp-calendar #prev a,
#footer #wp-calendar #next a
{
color: #a9afb1;
border: 1px solid #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
{
color: #fff;
border: 1px solid #9ca3a5;
background: #9ca3a5;
}
#footer #wp-calendar #prev a:active,
#footer #wp-calendar #next a:active
{
color: #fff;
border: 1px solid #818a8d;
background: #818a8d;
}
/* =Archive Widget
========================================================================== */
.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
{
display: none;
float: right;
}
.widget_archive select
{
margin-bottom: 0;
}
/* =Categories Widget
========================================================================== */
.widget_categories ul
{
list-style: none;
}
.widget_categories ul ul
{
margin-bottom: 0;
}
.widget_categories li
{
padding: 6.25px 0;
/*
border-bottom: 1px solid #ebebeb;
*/
}
.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
{
display: none;
float: right;
}
.widget_categories select
{
margin-bottom: 0;
}
/* =Pages Widget
========================================================================== */
.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;
}
/* =Meta Widget
========================================================================== */
.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;
}
/* =Recent Comments Widget
========================================================================== */
.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;
}
/* =Recent Entries Widget
========================================================================== */
.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;
}
/* =RSS Widget
========================================================================== */
.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
{
font-weight: bold;
margin-top: 5px;
margin-bottom: 25px;
}
.widget_rss .rsswidget img
{
margin-top: -5px;
}
.widget_rss .rss-date,
.widget_rss cite
{
font-size: .9em;
display: block;
color: #414444;
}
/* =Search Widget
========================================================================== */
.widget_search .search-form
{
position: relative;
}
.widget_search .search-field
{
font-family: 'Hind', sans-serif;
font-size: 14px;
width: 100%;
height: 39px;
padding-left: 25px;
color: #a8a8a8;
border-color: transparent;
border-radius: 19px 20px 20px 19px/20px 20px 19px 19px;
background-color: #fff;
-webkit-box-shadow: 0 0 19px 2px rgba(35, 31, 32, .07);
box-shadow: 0 0 19px 2px rgba(35, 31, 32, .07);
}
.widget_search .search-submit
{
position: absolute;
top: 0;
right: -1px;
min-width: 100px;
margin: 0;
padding: 6.5px 25px;
}
/* =Text Widget
========================================================================== */
/**
* 1. The last element inside text widget shouldn't have margin bottom
*/
.textwidget > *:last-child
{
margin-bottom: 0;
/* 1 */
}
/* =Tag Cloud Widget
========================================================================== */
.widget_tag_cloud a
{
font-size: .9em;
display: inline-block;
margin: 0 5px 5px 0;
padding: 0 2px;
text-transform: uppercase;
color: #a9afb1;
}
.widget_tag_cloud a:hover
{
color: #a1083a;
}
/* =Nav Menu Widget
========================================================================== */
.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;
}
/* =Captions
========================================================================== */
.wp-caption
{
max-width: 100%;
margin-bottom: 28px;
}
.wp-caption img[class*='wp-image-']
{
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text
{
padding: 14px 0;
}
/* =Galleries
========================================================================== */
.gallery
{
margin-bottom: 28px;
}
.gallery-item
{
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
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;
}
/* ==========================================================================
=Alignments
========================================================================== */
.alignleft
{
display: inline;
float: left;
margin: 0 1.5em 1.5em 0;
}
.alignright
{
display: inline;
float: right;
margin: 0 0 1.5em 1.5em;
}
.aligncenter
{
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}
/* ==========================================================================
=Back to top
========================================================================== */
#back-to-top
{
line-height: 32px;
line-height: 2.13333333;
position: fixed;
z-index: 1010;
right: -40px;
bottom: 14px;
width: 35px;
width: 2.33333333em;
height: 35px;
height: 2.33333333em;
cursor: pointer;
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-align: center;
opacity: .5;
color: #fff;
border-radius: 50%;
background-color: #0385d0;
}
#back-to-top i
{
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
#back-to-top:hover
{
background-color: #a1083a;
}
#back-to-top:hover i
{
color: #fff;
}
#back-to-top.visible
{
right: 14px;
right: .93333333em;
}
#back-to-top.gone
{
right: -40px;
right: -2.66666666em;
}
/*
*/
/* ----------------------------------- #00 - Section Hero --------------------------------------------- */
.custom-header .item-overlay,
.main-slider .item-overlay
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 140px;
opacity: 1;
background-image: -o-linear-gradient(top, #0c2737, rgba(12, 39, 55, .9) 10%, rgba(238, 238, 238, 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(#0c2737), color-stop(10%, rgba(12, 39, 55, .9)), to(rgba(238, 238, 238, 0)));
background-image: linear-gradient(to bottom, #0c2737, rgba(12, 39, 55, .9) 10%, rgba(238, 238, 238, 0));
}
.main-slider .owl-dots
{
display: none;
}
.pager-slider
{
position: relative;
z-index: 10;
overflow: hidden;
height: 45px;
margin: -45px 0 0 0;
padding: 0;
}
.pager-slider li
{
position: relative;
display: block;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
height: 45px;
padding: 0 1px;
background: transparent;
}
.pager-slider li:hover h6,
.pager-slider li.active h6
{
-webkit-transition: all 180ms;
-o-transition: all 180ms;
transition: all 180ms;
background: #a1083a;
}
.pager-slider li.active:before
{
background: #a1083a;
}
.pager-items-02 li
{
width: 50%;
}
.pager-items-03 li
{
width: 33.3333333%;
}
.pager-items-04 li
{
width: 25%;
}
.pager-items-05 li
{
width: 20%;
}
.pager-items-03 .pager-item-01
{
padding-right: 2px;
}
.pager-items-04 .pager-item-03
{
padding-right: 2px;
}
.pager-items-05 .pager-item-02
{
padding-right: 2px;
}
.pager-items-05 .pager-item-04
{
padding-right: 2px;
}
.pager-slider li:hover a,
.pager-slider li.active a
{
color: #fff;
}
.pager-slider li:first-child::before
{
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 45px;
content: '';
-webkit-transition: all 50ms;
-o-transition: all 50ms;
transition: all 50ms;
background: #0385d0;
}
.pager-slider li:last-child::before
{
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 45px;
content: '';
-webkit-transition: all 50ms;
-o-transition: all 50ms;
transition: all 50ms;
background: #0385d0;
}
.pager-slider li:first-child:hover:before,
.pager-slider li:last-child:hover:before
{
background: #a1083a;
}
.pager-slider h6
{
font-family: 'Hind', sans-serif;
font-size: 13px;
line-height: 45px;
display: block;
margin: 0;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
text-align: left;
letter-spacing: 3px;
text-transform: uppercase;
color: #fff;
background: #0385d0;
}
.pager-slider a
{
line-height: 45px;
display: block;
height: 45px;
padding: 0 0 0 70px;
-webkit-transform: skewX(15deg);
-ms-transform: skewX(15deg);
transform: skewX(15deg);
color: #fff;
}
.pager-slider a strong
{
font-family: 'Poppins', sans-serif;
font-size: 32px;
font-weight: 700;
position: Absolute;
top: 1px;
left: 15px;
display: block;
color: #fff;
}
.main-slider .slider-details
{
line-height: 50px;
position: absolute;
top: 45%;
left: 20%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
text-align: right;
}
.main-slider .slider-details h1
{
font-family: 'Poppins', sans-serif;
font-size: 74px;
-webkit-transition: background 150ms cubic-bezier(.645, .045, .355, 1);
-o-transition: background 150ms cubic-bezier(.645, .045, .355, 1);
transition: background 150ms cubic-bezier(.645, .045, .355, 1);
-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
transition-timing-function: cubic-bezier(.645, .045, .355, 1);
color: #fff;
text-shadow: 0 2px 6px rgba(35, 31, 32, .41);
}
.main-slider .slider-details span
{
font-family: 'Hind', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 46px;
display: inline-block;
height: 45px;
margin: 0 50px 0 0;
padding: 0;
padding: 0 20px;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
background: #172128;
}
.owl-item.active .slider-details h1
{
display: block;
margin-bottom: 0;
-webkit-animation: anim_affluent_sliderPro_title 1200ms linear both;
animation: anim_affluent_sliderPro_title 1200ms linear both;
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.owl-item.active .slider-details span
{
-webkit-animation: anim_affluent_sliderPro_category 1000ms linear both;
animation: anim_affluent_sliderPro_category 1000ms linear both;
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
@media (max-width: 1024px)
{
.main-slider .slider-details h1
{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 768px)
{
.main-slider .item-overlay
{
opacity: .5;
}
.main-slider .slider-details
{
top: 20%;
left: 10%;
}
}
@media (max-width: 991px)
{
/*
.main-slider .slider-details {
left: initial;
width: 100%;
}
*/
.main-slider .slider-details h1
{
text-align: center;
}
.main-slider .slider-details span
{
font-size: 14px;
line-height: 37px;
height: 35px;
}
}
@media (max-width: 500px)
{
.main-slider
{
display: none;
}
.pager-slider
{
display: none;
}
}
/* ----------------------------------- #00 - Section Hero - END --------------------------------------- */
/* ----------------------------------- #01 - ABOUT section ---------------------------------*/
.section-about
{
overflow: hidden;
padding: 70px 0;
}
.section-about.animate--
{
background: transparent;
}
/* ----------------------------------- #01 - ABOUT section - END -------------------------*/
/* ----------------------------------- #02 - SERVICES section --------------------------------*/
.section-services
{
padding: 70px 0 20px;
-webkit-transition: 3s;
-o-transition: 3s;
transition: 3s;
background-color: rgba(0, 0, 0, .8);
background-size: 100% 100%;
}
/*
.section-services .row.space {
margin-bottom: 50px;
}
.section-services .headline h3 {
margin: 0;
}
.section-services .headline span {
margin: 0 0 15px 0;
}
*/
.services-item
{
padding: 0 0 0 5px;
-webkit-transition: 180ms all;
-o-transition: 180ms all;
transition: 180ms all;
}
.services-item::before
{
position: Absolute;
top: 0;
left: 0;
width: 1px;
height: 35px;
content: '';
background: #38393c;
}
.services-item:hover span,
.services-item:hover i
{
color: #a1083a;
}
.services-item:hover::before
{
background: #a1083a;
}
.services-item i
{
font-size: 30px;
color: #fff;
}
.services-item span
{
font-family: 'Poppins', sans-serif;
font-size: 14px;
display: block;
margin-top: 25px;
letter-spacing: 1.2px;
color: #0385d0;
}
.services-item strong
{
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 500;
display: block;
letter-spacing: 1.2px;
color: #fff;
}
.section-services.animate--
{
background: transparent;
}
.section-services .row .col-md-4
{
margin-bottom: 50px;
}
@media (max-width: 991px)
{
.section-services
{
margin-top: 50px;
}
.section-services .headline
{
padding: 0 0 70px 0;
}
.section-services .row .col-md-4:nth-child(-n+3)
{
margin: 0;
}
.section-services .services-item
{
margin-bottom: 50px;
}
.section-services
{
padding-bottom: 25px;
}
}
/* ----------------------------------- #02 - SERVICES section - END -----------------------------*/
/* ----------------------------------- #03 - PORTFOLIO section --------------------------------*/
.section-portfolio
{
padding: 70px 0 0 0;
background: #fff;
}
.section-portfolio.animate--
{
background: transparent;
}
.portfolio-grid-item
{
position: relative;
margin: 0;
cursor: pointer;
background: gold;
}
.portfolio-grid
{
margin: 0 -1px;
}
.portfolio-grid-item:hover .overlay
{
display: block;
}
.portfolio-grid-item img
{
display: block;
/*border: 1px solid #fff;*/
width: 100%;
}
.portfolio-grid-item h5
{
font-family: 'Lato', sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 1.8px;
color: #fff;
}
.portfolio-grid-item p
{
font-size: 15px;
font-weight: 500;
margin: 0 0 70px 0;
color: #a9afb1;
}
.portfolio-grid-item.small-column
{
float: left;
width: 25%;
}
.portfolio-grid-item.large-column
{
float: left;
width: 50%;
}
.portfolio-grid-item .overlay
{
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
display: none;
background: rgba(0, 0, 0, .8);
}
.portfolio-grid-item .overlay .wrapper
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.portfolio-grid-item .action
{
width: 150px;
margin: auto;
}
.portfolio-grid-item .action i
{
font-size: 20px;
color: #fff;
}
.portfolio-grid-item .action a
{
line-height: 50px;
display: block;
float: left;
-webkit-transition: 180ms all;
-o-transition: 180ms all;
transition: 180ms all;
text-align: center;
}
.portfolio-grid-item .action .zoom
{
width: 75px;
height: 45px;
border-radius: 50px 0 0 50px;
background: #0385d0;
}
.portfolio-grid-item .action .link
{
width: 75px;
height: 45px;
border-radius: 0 50px 50px 0;
background: #0385d0;
}
.portfolio-grid-item .action .zoom:hover
{
background: #a1083a;
}
.portfolio-grid-item .action .link:hover
{
background: #a1083a;
}
.portfolio-grid-item .action a:active
{
background: #333;
}
@media (max-width: 767px)
{
.portfolio-grid-item.small-column
{
width: 50%;
}
}
@media (max-width: 600px)
{
.portfolio-grid-item
{
height: 300px;
}
.portfolio-grid-item p
{
margin-bottom: 35px;
}
.section-portfolio
{
overflow: hidden;
}
}
@media (max-width: 400px)
{
.portfolio-grid-item
{
height: 200px;
}
.portfolio-grid-item p
{
margin-bottom: 10px;
}
}
/* TESTING -------------------------------------------------- */
/*
.portfolio-test {
margin:50px 0 300px 0;
font-size: 0;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
-ms-flex-direction: column;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
display: -webkit-box;
display: flex;
}
.portfolio-test .small { width:25%; }
.portfolio-test .large { width:50%; }
.portfolio-test .column {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
}
.portfolio-test img {
width: 100%;
display: block;
border:1px solid green;
}
*/
/* p test */
/* p test 2 */
/*
.items {
display: flex;
flex-wrap: wrap;
margin-left: -2px;
margin-top: -2px;
}
.items .item {
box-sizing: border-box;
background: red;
color: #171e42;
padding: 2px;
margin-left: 2px;
margin-top: 2px;
}
.items img { width:100%;height:100%;
max-height: 100%;
width: auto;
max-width: 100%;
margin: auto;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
display:block;
object-fit: contain; }
.items .item.small { flex: 1 0 calc(25% - 2px); }
.items .item.large { flex: 1 0 calc(50% - 2px); }
*/
/* p test 2 */
/* ----------------------------------- #03 - PORTFOLIO section - END --------------------------*/
/* ----------------------------------- #04 - TESTIMONIALS section ------------------------*/
.section-testimonials
{
padding: 70px 0 25px 0;
}
.section-testimonials.animate--
{
background: transparent;
}
.testimonial
{
position: relative;
min-height: 150px;
margin-bottom: 75px;
-webkit-transition: 280ms all;
-o-transition: 280ms all;
transition: 280ms all;
background: #fff;
}
.testimonial a
{
color: #0385d0;
}
.testimonial.left
{
padding: 25px 0 35px 95px;
}
.testimonial.right
{
padding: 30px 95px 40px 0;
text-align: right;
}
.testimonial.left img
{
position: absolute;
bottom: -25px;
left: -95px;
display: block;
width: 160px;
height: 160px;
}
.testimonial.right img
{
position: absolute;
right: -95px;
bottom: -25px;
display: block;
width: 160px;
height: 160px;
}
.testimonial.right span
{
position: absolute;
top: 25px;
right: 25px;
display: block;
width: 35px;
height: 25px;
}
.testimonial.left span
{
position: absolute;
top: 25px;
left: 25px;
display: block;
width: 35px;
height: 25px;
}
.testimonial span
{
background: url('../images/back-quote.png') no-repeat center center;
x-index: 9;
}
.testimonial img
{
-webkit-box-shadow: 0 7px 19px 2px rgba(35, 31, 32, .04);
box-shadow: 0 7px 19px 2px rgba(35, 31, 32, .04);
}
.testimonial p
{
font-style: italic;
margin-bottom: 25px;
}
.testimonial h6
{
font-weight: 500;
position: relative;
z-index: 999;
margin-bottom: 10px;
letter-spacing: 1.5px;
}
.testimonial:hover
{
background-color: #a1083a;
}
.testimonial:hover h6,
.testimonial:hover p,
.testimonial:hover a
{
color: #fff;
}
@media (max-width: 768px)
{
.section-testimonials .comment-hidden-mobile + .show-more-comments
{
display: block;
width: 100%;
border-radius: 0 0 20px 20px;
}
.testimonial
{
margin-bottom: 35px;
}
.hidden-testimonial
{
display: none;
}
.testimonial.left
{
padding: 15px 0 25px 35px;
}
.testimonial.left span
{
top: 20px;
left: 15px;
}
.testimonial.right
{
padding: 15px 35px 25px 0;
}
.testimonial.right span
{
top: 20px;
right: 15px;
}
.testimonial.right img
{
top: -20px;
right: initial;
bottom: initial;
left: 20px;
width: 65px;
height: 65px;
}
.testimonial.left img
{
top: -20px;
right: 20px;
bottom: initial;
left: initial;
width: 65px;
height: 65px;
}
}
/* ----------------------------------- #04 - TESTIMONIALS section - END -------------------*/
/* ----------------------------------- #05 - EXPERTISE section ----------------------------*/
.section-expertise
{
padding: 70px 0 10px 0;
}
.section-expertise.animate--
{
background: transparent;
}
.expertise-item
{
padding: 0 0 35px 0;
}
.expertise-item h4
{
position: relative;
margin-bottom: 25px;
}
.expertise-item h4 strong
{
font-family: 'Poppins', sans-serif;
font-size: 68px;
font-weight: 400;
position: absolute;
z-index: -1;
top: -28px;
left: -25px;
display: block;
letter-spacing: -2px;
color: #f7f7f7;
}
@media (max-width: 767px)
{
.expertise-item h4 a
{
padding-left: 10px;
}
.expertise-item h4 strong
{
left: -10px;
}
}
@media (max-width: 500px)
{
.expertise-image-block
{
width: 100%;
height: 100%;
margin: 0 0 30px 0;
}
}
/* ----------------------------------- #05 - EXPERTISE section - END --------------------*/
/* ----------------------------------- #06 - VIDEO section --------------------------------------------- */
.section-video
{
position: Relative;
background: #444;
}
.section-video cover
{
width: 100%;
height: auto;
}
/*
.section-video.animate-- {
background: grey;
}
*/
.section-video .info-area
{
position: Absolute;
bottom: 0;
left: 0;
left: 0;
width: 100%;
padding: 45px 0;
background: rgba(0, 0, 0, .5);
}
.section-video .info-area p
{
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 40px;
margin: 0;
padding: 0;
letter-spacing: -.5px;
color: #fff;
}
.section-video .info-area p strong
{
font-weight: normal;
color: #a1083a;
}
.section-video .newsletter
{
position: relative;
margin-top: -2px;
}
.section-video .newsletter input[type='text']
{
line-height: 45px;
height: 45px;
margin-bottom: 0;
border: none;
border-radius: 50px;
background: rgba(255, 255, 255, .06);
coloe: #a9afb1;
}
.newsletter input[type='text']:active
{
color: #fff;
}
.section-video .newsletter input[type='submit']
{
position: Absolute;
top: 0;
right: 0;
margin: 0;
}
.plyr__play-large
{
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
border: 2px solid currentcolor;
background-color: transparent;
}
.plyr__play-large svg
{
display: inline-block;
width: 40px;
height: 68px;
}
@media (max-width: 767px)
{
.section-video .info-area
{
padding: 30px 0;
}
.section-video .info-area
{
position: relative;
bottom: auto;
left: auto;
}
.section-video .info-area p
{
font-size: 22px;
line-height: 22px;
margin-bottom: 20px;
text-align: center;
}
}
/* ----------------------------------- #06 - VIDEO section - END --------------------------------------- */
/* ----------------------------------- #07 - TEAM section --------------------------------*/
.section-team
{
padding: 70px 0 75px 0;
}
.section-team.animate--
{
background: transparent;
}
.team-members-item,
.team-members-item .portrait,
.team-members-item .details
{
position: relative;
float: left;
width: 50%;
}
.team-members-item
{
overflow: hidden;
-webkit-transition: 180ms all;
-o-transition: 180ms all;
transition: 180ms all;
background: #fff;
}
.team-members-item .portrait .overlay
{
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background 150ms;
-o-transition: background 150ms;
transition: background 150ms;
-webkit-box-shadow: inset 0 10px 20px rgba(35, 31, 32, .05);
box-shadow: inset 0 10px 20px rgba(35, 31, 32, .05);
}
.team-members-item .details
{
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 20px 0 20px;
}
.team-members-item img
{
position: relative;
z-index: 9;
display: block;
width: 100%;
height: auto;
}
.team-members-item h5
{
letter-spacing: 1.5px;
color: #0385d0;
}
.team-members-item:hover .overlay
{
background: rgba(150, 88, 138, .65);
}
.social-team
{
position: absolute;
bottom: 0;
left: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.social-team li
{
display: block;
float: left;
width: 16px;
height: 26px;
margin: 0 15px 0 0;
list-style-type: none;
}
.social-team a
{
-webkit-transition: 180ms all;
-o-transition: 180ms all;
transition: 180ms all;
color: #dbd8d8;
}
.social-team a:hover
{
color: #cbcbcb;
}
.team-members-item > .social-team
{
left: 0;
width: 50%;
height: 26px;
padding-left: 20px;
}
.team-members-item > .social-team.right
{
right: 0;
left: auto;
}
@media (max-width: 1024px)
{
.team-members-item
{
width: 100%;
}
.team-members-item img
{
-o-object-fit: fill;
object-fit: fill;
}
.details.item-rsp-right + .portrait + .social-team
{
right: 0;
left: auto;
}
.portrait.item-rsp-right + .details + .social-team.right
{
right: auto;
left: 0;
}
.team-members-item .item-rsp-right
{
float: right;
}
}
@media (max-width: 425px)
{
.team-members-item .portrait
{
width: 30%;
padding: 30px 10px 10px 10px;
}
.team-members-item .details
{
width: 70%;
}
.team-members-item .details p
{
overflow: hidden;
max-height: 105px;
}
.team-members-item .overlay
{
display: none;
}
.team-members-item .social-team
{
position: relative;
right: auto;
left: auto;
display: block;
float: left;
width: 70%;
height: 30px;
padding: 0 0 0 20px;
padding-left: 20px;
}
.team-members-item .social-team li
{
margin: 0 10px 0 0;
}
}
/* ----------------------------------- #07 - TEAM section - END -------------------------*/
/* ----------------------------------- #08 - PRICING section --------------------------------*/
.section-pricing
{
padding: 70px 0 75px 0;
background: #fff;
}
/*
.section-pricing.animate-- {
background: transparent;
}
*/
.pricing-item
{
position: relative;
min-height: 530px;
margin-bottom: 30px;
padding: 20px 0 30px 0;
-webkit-transition: 150ms all;
-webkit-transition: all 100ms ease-in-out;
-o-transition: 150ms all;
-o-transition: all 100ms ease-in-out;
transition: 150ms all;
transition: all 100ms ease-in-out;
text-align: center;
-webkit-box-shadow: 0 0 20px rgba(35, 31, 32, .1);
box-shadow: 0 0 20px rgba(35, 31, 32, .1);
}
.pricing-item:hover
{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.pricing-item:hover .details
{
background-color: #a1083a;
}
.pricing-item:hover sub,
.pricing-item:hover sup,
.pricing-item:hover ul span,
.pricing-item:hover strong
{
color: #a1083a;
}
.pricing-item .details
{
font-family: 'Hind', sans-serif;
margin: 5px -2px 25px -2px;
padding: 15px 0;
color: #fff;
background-color: #0385d0;
}
.pricing-item .details h4
{
font-family: 'Hind', sans-serif;
font-size: 20px;
font-weight: bold;
margin: 0;
letter-spacing: 1.5px;
color: #fff;
}
.pricing-item .details p
{
margin: -5px 0 0 0;
color: #fff;
}
.pricing-item ul
{
display: inline-block;
padding: 0;
text-align: Center;
}
.pricing-item ul li
{
margin: 0 0 5px 0;
list-style-type: none;
text-align: left;
}
.pricing-item ul span
{
color: #333;
}
.pricing-item .btn
{
min-width: 120px;
}
.pricing-item .wrapper
{
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pricing-item .plan
{
font-family: 'Poppins', sans-serif;
}
.pricing-item .plan strong
{
font-size: 60px;
line-height: 40px;
display: inline-block;
padding: 25px 0 20px 0;
color: #0385d0;
}
.pricing-item .plan sup
{
font-size: 28px;
font-weight: bold;
line-height: 28px;
top: -.7em;
display: inline-block;
height: 20px;
color: #0385d0;
}
.pricing-item .plan sub
{
font-size: 15px;
font-weight: bold;
bottom: 1em;
vertical-align: sub;
color: #0385d0;
}
@media (max-width: 991px)
{
.pricing-item
{
z-index: 999;
min-height: 170px !important;
margin-bottom: 0;
padding: 0;
background: gold;
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(35, 31, 32, .1);
box-shadow: 0 0 20px rgba(35, 31, 32, .1);
}
.pricing-item ul
{
display: block;
margin: 0;
padding: 30px 0 20px 205px;
}
.pricing-item .wrapper
{
position: initial;
position: absolute;
top: 65px;
right: 30px;
bottom: 0;
left: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.pricing-item .plan
{
position: Absolute;
z-index: 99;
top: 65px;
left: 0;
width: 190px;
}
.pricing-item .plan strong
{
padding-top: 0;
}
.pricing-item .details
{
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 190px;
height: 100%;
min-height: 170px;
margin: 0;
padding: 0;
background: #0385d0;
}
.pricing-item .details h4
{
padding-top: 30px;
}
.pricing-item .details p
{
display: none;
}
.pricing-item:hover
{
-webkit-transform: none;
-ms-transform: none;
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;
}
}
/* ----------------------------------- #08 - PRICING section - END ---------------------------*/
/* ----------------------------------- #09 - BLOG section --------------------------------*/
.section-blog
{
padding: 70px 0 30px 0;
}
.section-blog.animate--
{
background: transparent;
}
.blog-news-item
{
overflow: hidden;
margin: 0 0 45px 0;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgba(35, 31, 32, .04);
box-shadow: 0 10px 20px rgba(35, 31, 32, .04);
}
.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
{
position: absolute;
z-index: 5;
top: 0;
left: 0;
width: 65px;
height: 255px;
background: url('../images/blog-item-overlay.png') no-repeat left top;
}
.blog-news-item .news-date,
.blog-news-item .news-category
{
position: absolute;
z-index: 5;
bottom: 0;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
text-align: center;
letter-spacing: 2px;
color: transparent;
background: transparent;
}
.blog-news-item .news-date
{
left: -245px;
width: 250px;
height: 36px;
}
.blog-news-item .news-date strong
{
float: right;
height: 36px;
-webkit-transition: 150ms all;
-o-transition: 150ms all;
transition: 150ms all;
text-align: right;
background: #151c1f;
}
.blog-news-item .news-date span
{
padding: 0 25px;
}
.blog-news-item .news-category
{
left: 4px;
height: 36px;
}
.blog-news-item .news-category a
{
margin-right: 10px;
padding: 0 40px 0 45px;
letter-spacing: 2px;
}
.blog-news-item .news-category strong
{
-webkit-transition: 150ms all;
-o-transition: 150ms all;
transition: 150ms all;
background: #0385d0;
}
.blog-news-item .news-category:hover strong
{
background: #a1083a;
}
.blog-news-item .news-date span,
.blog-news-item .news-category a
{
font-family: 'Hind', sans-serif;
font-size: 14px;
font-weight: 400;
font-weight: normal;
line-height: 40px;
display: block;
-webkit-transform: skewX(15deg);
-ms-transform: skewX(15deg);
transform: skewX(15deg);
text-align: center;
text-transform: uppercase;
color: #fff;
}
.blog-news-item .news-date strong,
.blog-news-item .news-category strong
{
display: block;
color: #fff;
}
.bni-rsp
{
display: none;
}
.wrapper-carousel-mobile
{
display: none;
margin-bottom: 65px;
}
.item-carousel-blog
{
display: none;
width: 100%;
margin-bottom: 40px;
}
.item-carousel-blog a
{
font-family: 'Poppins', sans-serif;
font-size: 16px;
-webkit-transition: all 120ms ease 0s;
-o-transition: all 120ms ease 0s;
transition: all 120ms ease 0s;
color: #101920;
}
.item-carousel-blog h6
{
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
color: #101920;
}
.item-carousel-blog span
{
font-family: 'Hind', sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
}
.item-carousel-blog img
{
width: 100%;
height: 100%;
}
@media (max-width: 768px)
{
.blog-news-item .featured .overlay
{
display: none;
}
.blog-news-item .featured img
{
width: 100%;
height: auto;
}
.blog-news-item .news-category
{
top: -18px;
left: 120px;
width: 100%;
}
.blog-news-item .news-category strong a
{
text-align: left;
}
.blog-news-item .news-date
{
top: -18px;
left: 0;
width: 120px;
}
.blog-news-item .news-date strong
{
float: none;
width: 120%;
margin-left: -10px;
}
.blog-news-item .post-details
{
padding-right: 40px;
padding-bottom: 60px;
}
}
/* ----------------------------------- #09 - BLOG section - END --------------------------------*/
/* ----------------------------------- #10 - CONTACT section --------------------------------*/
.google-map-section
{
position: relative;
padding-top: 450px;
}
.section-contact
{
position: relative;
z-index: 9;
}
.section-contact .container
{
position: relative;
}
.contact-overlay
{
position: Absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: url('../images/back-section-shadow.png') repeat-x left top;
}
.contact-map
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #f5f5f5;
}
.contact-details
{
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 75px;
background-color: #fff;
-webkit-box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
box-shadow: 0 0 40px 4px rgba(35, 31, 32, .07);
}
.contact-decoration
{
position: absolute;
right: 15px;
bottom: 0;
left: 15px;
overflow: hidden;
height: 8px;
background: -o-repeating-linear-gradient(315deg, #a41342, #a41342 3.03%, #dfdfdf 0, #dfdfdf 6.06%, #232d33 0, #232d33 9.09%, #dfdfdf 0, #dfdfdf 12.12%);
background: repeating-linear-gradient(135deg, #a41342, #a41342 3.03%, #dfdfdf 0, #dfdfdf 6.06%, #232d33 0, #232d33 9.09%, #dfdfdf 0, #dfdfdf 12.12%);
background-color: #dfdfdf;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.contact-details-item
{
padding: 0 20px 20px 20px;
}
.contact-details-item h5
{
margin-bottom: 15px;
color: #0385d0;
}
.contact-details-item h5 i
{
margin-right: 10px;
}
.contact-form-content
{
display: none;
}
.contact-form
{
position: relative;
margin: 0 0 45px 0;
padding: 50px 95px;
background-color: #0385d0;
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
}
.contact-form h4
{
line-height: 45px;
float: left;
margin: 0;
color: #fff;
text-shadow: 0 1px rgba(35, 31, 32, .41);
}
.contact-form button
{
float: right;
min-width: 150px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.input-item
{
position: relative;
}
.input-item span.input-icon
{
position: absolute;
top: 8px;
right: 16px;
opacity: .3;
}
@media (max-width: 425px)
{
.contact-details
{
padding: 75px 35px;
}
.contact-details-item
{
text-align: center;
}
}
/* ----------------------------------- #10 - CONTACT section - END --------------------------------*/
/* ----------------------------------- #11 - FOOTER section --------------------------------------------- */
.section-contact + #footer
{
padding: 0 0 25px 0;
}
#footer
{
padding: 35px 0;
color: #a9afb1;
background-color: #18304c;
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
}
.footer-sub p
{
margin: 0;
}
#footer a
{
color: #a9afb1;
}
#footer a:hover,
#footer a:focus
{
color: #9ca3a5;
}
#footer a:active
{
color: #818a8d;
}
#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
{
display: block;
max-width: 200px;
margin: 0 auto 10px auto;
text-align: center;
}
#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
{
display: inline-block;
margin: 0;
list-style-type: none;
}
.widget_nav_menu .menu li:before,
.social li:before
{
content: none;
}
.widget_nav_menu .menu li a,
.social li a
{
overflow: hidden;
width: 35px;
height: 18px;
padding: 9px 5px;
text-align: center;
color: #fff;
}
.widget_nav_menu .menu li a:before,
.social li a:before
{
font-family: 'FontAwesome';
font-size: 16px;
display: inline-block;
padding: 0 5px;
content: '\f408';
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;
}
}
/* ----------------------------------- #11 - FOOTER section - END ------------------------------------- */
/* =Counter
========================================================================== */
.section-counters
{
padding: 70px 0 75px 0;
background: #fff;
}
.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
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.ewf-counter__icon i
{
font-size: 42px;
margin-right: 14px;
color: #0385d0;
}
.ewf-counter__standard,
.ewf-counter__odometer,
.ewf-counter__symbol
{
font-size: 56px;
line-height: 1;
margin-bottom: 14px;
color: #a9afb1;
}
.ewf-counter__title
{
color: #232323;
}
.ewf-counter__odometer
{
position: relative;
display: inline-block;
vertical-align: middle;
}
.ewf-counter__odometer .odometer-digit
{
position: relative;
display: inline-block;
vertical-align: middle;
}
.ewf-counter__odometer .odometer-digit .odometer-digit-spacer
{
display: inline-block;
visibility: hidden;
vertical-align: middle;
}
.ewf-counter__odometer .odometer-digit .odometer-digit-inner
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
overflow: hidden;
text-align: left;
}
.ewf-counter__odometer .odometer-digit .odometer-ribbon
{
display: block;
}
.ewf-counter__odometer .odometer-digit .odometer-ribbon-inner
{
display: block;
-webkit-backface-visibility: hidden;
}
.ewf-counter__odometer .odometer-digit .odometer-value
{
display: block;
-webkit-transform: translateZ(0);
}
.ewf-counter__odometer .odometer-digit .odometer-value.odometer-last-value
{
position: absolute;
}
.ewf-counter__odometer.odometer-animating-up .odometer-ribbon-inner
{
-webkit-transition: -webkit-transform 2s;
-o-transition: transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
}
.ewf-counter__odometer.odometer-animating-up.odometer-animating .odometer-ribbon-inner
{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ewf-counter__odometer.odometer-animating-down .odometer-ribbon-inner
{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ewf-counter__odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner
{
-webkit-transition: -webkit-transform 2s;
-o-transition: transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.ewf-counter__odometer .odometer-value
{
text-align: center;
}
/* =Progress Bar
========================================================================== */
.section-progress
{
padding: 70px 0 75px 0;
background: #fff;
}
.ewf-progress:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.ewf-progress__title
{
font-weight: 600;
line-height: 14px;
display: block;
margin-bottom: 14px;
}
.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: #0385d0;
}
.ewf-progress__bar-liniar
{
width: 0;
height: 10px;
background-color: #a1083a;
}
.ewf-progress--alternative-modern .ewf-progress__bar-liniar-wrap
{
padding: 0;
background-color: transparent;
}
.ewf-progress--alternative-modern .ewf-progress__bar-liniar-wrap:after
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
content: '';
background: #a1083a;
}
/* =Pie Chart
========================================================================== */
.section-piecharts
{
padding: 70px 0 75px 0;
background: #fff;
}
.ewf-pie
{
position: relative;
margin-bottom: 56px;
text-align: center;
}
.ewf-pie:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ewf-pie__icon,
.ewf-pie__percent
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
text-align: center;
color: #0385d0;
}
.ewf-pie__chart .ewf-pie__percent
{
font-size: 30px;
font-weight: 700;
}
.ewf-pie__title
{
margin-bottom: 0;
text-align: center;
}
.ewf-pie__description
{
text-align: center;
}
.section-clientlist
{
padding: 70px 0 75px 0;
background: #fff;
}
/* =Partner/Client
========================================================================== */
/* =Partner/Client List
========================================================================== */
.ewf-partners-list
{
list-style: none;
}
.ewf-partners-list:after
{
font-size: 0;
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ' ';
}
.ewf-partners-list li
{
position: relative;
margin-bottom: 14px;
}
@media (min-width: 768px)
{
.ewf-partners-list
{
margin: 0 -15px;
text-align: center;
}
.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;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 16.66666666%;
margin-bottom: 0;
padding: 15px;
}
.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;
}
}
/* =Partner/Client Slider
========================================================================== */
.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
{
-webkit-box-sizing: border-box;
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
{
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background-color: #ebebeb;
}
.ewf-partner-slider__pager .slick-dots li.slick-active button
{
background-color: #0385d0;
}
/* ----------------------------------- #16 - Google Map section --------------------------------------------- */
/* ----------------------------------- #11 - Google Map section - END ------------------------------------- */
/* ----------------------- SECTIONS ------------------------ */
.dashed
{
background: url('../images/back-section-shadow.png') repeat-x left top;
background-image: url('../images/back-section-shadow.png'), url('../images/back-dashed.jpg');
background-repeat: repeat-x, repeat;
background-position: left top, all;
}
.section-grey
{
background-color: #f5f5f5;
}
/* ----------------------- SECTIONS ----- end ------------------------ */
.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-right: 0;
padding-left: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.slick-prev
{
width: 75px;
padding-right: 0;
padding-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.portfolio-wrapper-arrows
{
width: 100px;
height: 50px;
background: Red;
}
}
.bypostauthor
{
font-size: initial;
}