/*
====================================
[ CSS TABLE CONTENT ]
------------------------------------
1.0 - General
2.0 - Typography
3.0 - Global Style
4.0 - Navigation
5.0 - Search Box
6.0 - Page Title Section
7.0 - Slider Section
8.0 - Creative Section
9.0 - Recent Project Section
9.1 - Overlay and hover effect
10.0 - Magnific Popup CSS
11.0 - Feature Section
12.0 - About Section
13.0 - Counter Section
14.0 - Team Section
15.0 - Video Section
16.0 - Service Section
17.0 - Process Section
18.0 - Portfolio Section
19.0 - Portfolio Single Page
20.0 - Partner Section
21.0 - Case study section
22.0 - Map Section
23.0 - Contact Section
24.0 - Footer Section
25.0 - Preloader
26.0 - Homepage Two
27.0 - Homepage Three
28.0 - About us Page
29.0 - About us page two
30.0 - Blog Page
31.0 - Blog Page Version Two
32.0 - Full Width Section
33.0 - Call to action section
34.0 - Client Testimonial Style
35.0 - Parallax Homepage
36.0 - Contact Page
37.0 - 404 page
38.0 - Slick slider customization
-------------------------------------
[ END CSS TABLE CONTENT ]
=====================================
*/
/* Theme Reset Start */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Open+Sans:400,600|Raleway:100,200,300,400');
@import url("../css/bootstrap.min.css");
/* CUBE PORTFOLIO */
/*!
* Cube Portfolio - Responsive jQuery Grid Plugin
*
* version: 3.2.1 (14 October, 2015)
* require: jQuery v1.7+
*
* Copyright 2013-2015, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
* Licensed under CodeCanyon License (http://codecanyon.net/licenses)
*
*/
.cbp, .cbp *, .cbp :after, .cbp :before, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-singlePage, .cbp-popup-singlePage *, .cbp-search, .cbp-search *, .cbp-search :after, .cbp-search :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline * {
-webkit-tap-highlight-color: transparent; }
/* ---------------------------------------------------------------
Default style for plugin. Please change them carefully!
--------------------------------------------------------------- */
.cbp-item {
display: inline-block;
margin: 0 10px 20px 0; }
.cbp {
position: relative;
margin: 0 auto;
z-index: 1;
/* @editable properties */
height: 400px; }
.cbp:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("../images/cbp-loading.gif") no-repeat scroll center center transparent; }
.cbp > * {
visibility: hidden; }
.cbp .cbp-item {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.cbp .cbp-item.with-spacing{
padding:10px;
}
.cbp img {
display: block;
width: 100%;
height: auto;
border: 0; }
.cbp a, .cbp a:hover, .cbp a:active {
text-decoration: none;
outline: 0; }
.cbp-ready > * {
visibility: visible; }
.cbp-ready:before {
display: none;
visibility: hidden; }
.cbp-wrapper-outer {
overflow: hidden;
position: relative;
margin: 0 auto; }
.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
z-index: 1; }
.cbp-wrapper, .cbp-wrapper-helper {
position: absolute;
top: 0;
left: 0;
margin: 0; }
.cbp-item-off {
z-index: -1;
pointer-events: none;
visibility: hidden; }
.cbp-item-on2off {
z-index: 0; }
.cbp-item-off2on {
z-index: 1; }
.cbp-item-on2on {
z-index: 2; }
.cbp-item-wrapper {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0; }
.cbp-l-project-related-wrap img, .cbp-l-inline img {
display: block;
width: 100%;
height: auto;
border: 0; }
.cbp-addItems {
/* @editable properties */
-webkit-transition: height .5s ease-in-out !important;
transition: height .5s ease-in-out !important;
will-change: height; }
.cbp-addItems .cbp-item {
-webkit-transition: top .5s ease-in-out, left .5s ease-in-out;
transition: top .5s ease-in-out, left .5s ease-in-out; }
.cbp-addItems .cbp-item-loading {
-webkit-animation: fadeIn .5s ease-in-out;
animation: fadeIn .5s ease-in-out;
-webkit-transition: none;
transition: none; }
/* END - Default style for plugin. Please change them carefully! */
.cbp-panel {
/* @editable properties */
width: 94%;
max-width: 1170px;
margin: 0 auto; }
.cbp-misc-video {
/* @editable properties */
position: relative;
height: 0;
padding-bottom: 56.25%;
background: #000; }
.cbp-misc-video iframe {
/* @editable properties */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both; }
.cbp-l-filters-left {
float: left; }
.cbp-l-filters-right {
float: right; }
/* general caption style */
.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {
display: block; }
.cbp-caption-activeWrap {
background-color: #fff; }
.cbp-caption-activeWrap.dark {
background-color: #212121; }
.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {
overflow: hidden;
position: relative;
z-index: 1; }
.cbp-caption-active .cbp-caption-defaultWrap {
top: 0; }
.cbp-caption-active .cbp-caption-activeWrap {
width: 100%;
position: absolute;
z-index: 2;
height: 100%; }
/* ---------------------------------------------------------------
caption miscellaneous style
--------------------------------------------------------------- */
.cbp-l-caption-title {
font-family: 'Open Sans', sans-serif;
margin-bottom: 0.3em;
}
.cbp-l-caption-desc {
font-family: 'Open Sans', sans-serif;
}
.cbp-l-caption-text {
font-family: 'Open Sans', sans-serif;
color: #fff;
letter-spacing: 3px;
padding: 0 6px;
}
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
color: #FFFFFF;
display: inline-block;
font-family: 'Roboto', sans-serif;
text-align: center;
margin: 4px;
padding: 0 6px;
font-size: 16px;
border: 2px solid #fff;
border-radius: 100px;
width: 50px;
height: 50px;
line-height: 45px;
}
.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover, .cbp-l-caption-buttonLeft:focus, .cbp-l-caption-buttonRight:focus {
color: #BF0731;
border: 2px solid #BF0731;
}
/* END - caption miscellaneous style */
/* ---------------------------------------------------------------
none caption
--------------------------------------------------------------- */
.cbp-caption-none .cbp-caption-activeWrap {
display: none; }
/* END - none caption */
/* ---------------------------------------------------------------
caption layout align left
--------------------------------------------------------------- */
.cbp-l-caption-alignLeft .cbp-l-caption-body {
/* @editable properties */
padding: 12px 30px; }
.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body {
padding-top: 30px; }
/* END - caption layout left */
/* ---------------------------------------------------------------
caption layout center vertically and horizontally
--------------------------------------------------------------- */
.cbp-l-caption-alignCenter {
display: table;
width: 100%;
height: 100%; }
.cbp-l-caption-alignCenter .cbp-l-caption-body {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px 0; }
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
position: relative;
/* @editable properties */
-webkit-transition: left .4s cubic-bezier(.19, 1, .22, 1);
transition: left .4s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
/* @editable properties */
left: -20px; }
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
/* @editable properties */
left: 20px; }
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
/* @editable properties */
left: 0; }
/* END - caption layout center vertically and horizontally */
.cbp-caption-fadeIn .cbp-caption-activeWrap {
opacity: 0;
top: 0;
/* @editable properties */
background-color: rgba(0, 0, 0, 0.85);
-webkit-transition: opacity .9s cubic-bezier(.19, 1, .22, 1);
transition: opacity .9s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
/* @editable properties */
opacity: 1; }
.cbp-caption-minimal .cbp-l-caption-title, .cbp-caption-minimal .cbp-l-caption-desc {
/* @editable properties */
position: relative;
left: 0;
opacity: 0;
-webkit-transition: -webkit-transform .35s ease-out;
transition: transform .35s ease-out; }
.cbp-caption-minimal .cbp-l-caption-title {
/* @editable properties */
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.cbp-caption-minimal .cbp-l-caption-desc {
/* @editable properties */
-webkit-transform: translateY(70%);
transform: translateY(70%); }
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc {
/* @editable properties */
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
.cbp-caption-minimal .cbp-caption-activeWrap {
top: 0;
/* @editable properties */
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap {
/* @editable properties */
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.cbp-caption-moveRight .cbp-caption-activeWrap {
left: -100%;
top: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.cbp-caption-overlayBottom .cbp-caption-activeWrap {
/*@editable properties */
height: 60px;
background-color: #181616;
background-color: rgba(24, 22, 22, 0.7);
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap, .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
/*@editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
height: 100px; }
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap {
/*@editable properties */
-webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1);
transition: top .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
/* @editable properties */
bottom: -60px;
height: 60px;
/*@editable properties */
-webkit-transition: bottom .6s cubic-bezier(.19, 1, .22, 1);
transition: bottom .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
/* @editable properties */
top: -60px; }
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0; }
.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
z-index: 2;
/*@editable properties */
-webkit-transition: top .5s cubic-bezier(.19, 1, .22, 1);
transition: top .5s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
bottom: 0;
z-index: 1;
/* @editable properties */
height: 60px; }
.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
/* @editable properties */
top: -60px; }
.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap, .cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
/*@editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
top: 0;
left: -50%;
width: 50%; }
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateX(25%);
transform: translateX(25%); }
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.cbp-caption-pushDown .cbp-caption-defaultWrap, .cbp-caption-pushDown .cbp-caption-activeWrap {
/*@editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-pushDown .cbp-caption-activeWrap {
top: -102%;
height: 102%; }
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(99%);
transform: translateY(99%); }
.cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap {
/*@editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-pushTop .cbp-caption-activeWrap {
height: 102%; }
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(-99%);
transform: translateY(-99%); }
.cbp-caption-revealBottom .cbp-caption-defaultWrap {
z-index: 2;
/*@editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-revealBottom .cbp-caption-activeWrap {
top: 0;
z-index: 1; }
.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.cbp-caption-revealLeft .cbp-caption-activeWrap {
left: 100%;
top: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.cbp-caption-revealTop .cbp-caption-defaultWrap {
z-index: 2;
/*@editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-revealTop .cbp-caption-activeWrap {
top: 0;
z-index: 1; }
.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.cbp-caption-zoom .cbp-caption-defaultWrap {
/* @editable properties */
-webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
transition: transform .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
/* @editable properties */
-webkit-transform: scale(1.25);
transform: scale(1.25); }
.cbp-caption-zoom .cbp-caption-activeWrap {
opacity: 0;
top: 0;
/* @editable properties */
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
transition: opacity .8s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
/* @editable properties */
opacity: 1; }
.cbp-caption-opacity .cbp-item {
padding: 1px; }
.cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap {
background-color: transparent; }
.cbp-caption-opacity .cbp-caption {
/* @editable properties */
border: 1px solid transparent; }
.cbp-caption-opacity .cbp-caption:hover {
/* @editable properties */
border-color: #EDEDED; }
.cbp-caption-opacity .cbp-caption-defaultWrap {
opacity: 1;
/* @editable properties */
-webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
transition: opacity .6s cubic-bezier(.19, 1, .22, 1); }
.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap {
/* @editable properties */
opacity: .8; }
.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
/* @editable properties */
top: 0; }
.cbp-caption-expand .cbp-caption-activeWrap {
height: auto;
background-color: transparent; }
.cbp-caption-expand .cbp-caption {
border-bottom: 1px dotted #eaeaea; }
.cbp-caption-expand .cbp-caption-defaultWrap {
cursor: pointer;
font: 500 15px/23px "Roboto", sans-serif;
color: #474747;
padding: 12px 0 11px 26px; }
.cbp-caption-expand .cbp-caption-defaultWrap .fa {
position: absolute;
top: 16px;
left: 0;
width: 16px;
text-align: center;
font-size: 14px; }
.cbp-caption-expand .cbp-l-caption-body {
font: 400 13px/21px "Roboto", sans-serif;
color: #888;
padding: 0 0 20px 26px; }
.cbp-caption-expand-active {
transition: height .4s !important; }
.cbp-caption-expand-active .cbp-item {
transition: left .4s, top .4s !important; }
.cbp-caption-expand-open .cbp-caption-activeWrap {
transition: height .4s; }
.cbp-l-filters-alignCenter {
/* @editable properties */
margin-bottom: 0px;
text-align: center;
}
.cbp-l-filters-alignCenter .cbp-filter-item {
/* @editable properties */
background-color: transparent;
color: #888;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
position: relative;
overflow: visible;
margin: 0 5px;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-weight: 500;
border-radius: 4px;
text-transform: uppercase;
padding: 5px 20px;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover {color: #888;background-color: #ddd;}
.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
color: #fff;
cursor: default;
background: linear-gradient(
225deg
, rgba(161,74,156,1) 0%, rgba(96,201,221,1) 100%);
border-radius: 4px;
}
.cbp-l-filters-alignCenter .cbp-filter-counter {
background-color: transparent;
color: #888;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
padding: 10px 30px;
position: relative;
overflow: visible;
margin: 0 5px;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 20px;
font-weight: 500;
border: 1px solid transparent;
}
.cbp-l-filters-alignCenter .cbp-filter-counter:before {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #626161;
display: none; }
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before {
display: block; }
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {
/* @editable properties */
bottom: 30px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; }
.cbp-l-filters-alignLeft {
margin-bottom: 0px; }
.cbp-l-filters-alignLeft .cbp-filter-item {
background-color: transparent;
color: #bdbdbd;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size:13px;
padding: 10px 30px;
position: relative;
overflow: visible;
margin: 0 5px;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 20px;
font-weight: 500; }
.cbp-l-filters-alignLeft .cbp-filter-item:hover {
color: #111; }
.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active {
background-color: #6C7A89;
border: 1px solid #6C7A89;
color: #fff;
cursor: default;
}
.cbp-l-filters-alignLeft .cbp-filter-counter {
display: inline; }
.cbp-l-filters-alignRight {
/* @editable properties */
margin-bottom: 0px;
text-align: right; }
.cbp-l-filters-alignRight .cbp-filter-item {
background-color: transparent;
color: #bdbdbd;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size:13px;
padding: 10px 30px;
position: relative;
overflow: visible;
margin: 0 5px;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 20px;
font-weight: 500;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover {
/* @editable properties */
color: #2B3444; }
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before {
display: block; }
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
/* @editable properties */
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; }
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
/* @editable properties */
color: #FFFFFF;
background-color: #1de9b6;
border-color: #1de9b6;
cursor: default;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active.dark{
background-color: #212121;
border-color: #212121;
}
.cbp-l-filters-alignRight .cbp-filter-counter {
/* @editable properties */
background: none repeat scroll 0 0 #1de9b6;
border-radius: 3px;
color: #fff;
font-family: 'Open Sans', sans-serif;
margin: 0 auto;
font-size:13px;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease; }
.cbp-l-filters-alignRight .cbp-filter-counter:before {
/* @editable properties */
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #049372;
display: none; }
.cbp-l-filters-button {
/* @editable properties */
margin-bottom: 30px; }
.cbp-l-filters-button .cbp-filter-item {
/* @editable properties */
background-color: #FFFFFF;
border: 1px solid #ECECEC;
color: #888888;
cursor: pointer;
font: 400 12px/32px 'Roboto', sans-serif;
margin: 0 10px 10px 0;
overflow: visible;
padding: 0 17px;
position: relative;
display: inline-block;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
.cbp-l-filters-button .cbp-filter-item:hover {
/* @editable properties */
color: #545454;
border-color: #DADADA; }
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
/* @editable properties */
background-color: #545454;
color: #fff;
border-color: #5d5d5d;
cursor: default; }
.cbp-l-filters-button .cbp-filter-counter {
/* @editable properties */
background-color: #545454;
border-radius: 3px;
color: #fff;
font: 400 11px/18px 'Roboto', sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease; }
.cbp-l-filters-button .cbp-filter-counter:before {
/* @editable properties */
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #545454;
display: none; }
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before {
display: block; }
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
/* @editable properties */
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; }
.cbp-l-filters-buttonCenter {
/* @editable properties */
margin-bottom: 30px;
text-align: center; }
.cbp-l-filters-buttonCenter .cbp-filter-item {
/* @editable properties */
background-color: #FFFFFF;
border: 1px solid #ECECEC;
color: #888888;
cursor: pointer;
font: 400 12px/32px 'Roboto', sans-serif;
margin: 0 10px 10px 0;
overflow: visible;
padding: 0 17px;
position: relative;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
/* @editable properties */
color: #5d5d5d; }
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
/* @editable properties */
color: #3B9CB3;
border-color: #8CD2E5;
cursor: default; }
.cbp-l-filters-buttonCenter .cbp-filter-counter {
/* @editable properties */
background-color: #68ABBC;
border-radius: 3px;
color: #fff;
font: 400 11px/18px 'Roboto', sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease; }
.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
/* @editable properties */
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #68ABBC;
display: none; }
.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before {
display: block; }
.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter {
/* @editable properties */
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; }
.cbp-l-filters-dropdown {
/* @editable properties */
margin-bottom: 40px;
height: 38px;
position: relative;
z-index: 5; }
.cbp-l-filters-dropdownWrap {
/* @editable properties */
width: 200px;
position: absolute;
right: 0;
background: #4d4c4d; }
.cbp-l-filters-dropdownHeader {
/* @editable properties */
font: 400 12px/38px 'Roboto', sans-serif;
margin: 0 17px;
color: #FFF;
cursor: default;
position: relative; }
.cbp-l-filters-dropdownHeader:after {
/* @editable properties */
border-color: #FFFFFF transparent;
border-style: solid;
border-width: 5px 5px 0;
content: "";
height: 0;
position: absolute;
right: 0;
top: 50%;
width: 0;
margin-top: -1px; }
.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
/* @editable properties */
border-width: 0 5px 5px; }
.cbp-l-filters-dropdownList {
display: none;
list-style: none outside none;
margin: 0;
padding: 0; }
.cbp-l-filters-dropdownList > li {
margin: 0;
list-style: none; }
.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList {
display: block;
margin: 0; }
.cbp-l-filters-dropdownList .cbp-filter-item {
/* @editable properties */
background: transparent;
color: #b3b3b3;
width: 100%;
text-align: left;
font: 400 12px/40px 'Roboto', sans-serif;
margin: 0;
padding: 0 17px;
cursor: pointer;
border: none;
border-top: 1px solid #595959; }
.cbp-l-filters-dropdownList .cbp-filter-item:hover {
/* @editable properties */
color: #e6e6e6; }
.cbp-l-filters-dropdownList .cbp-filter-item-active {
/* @editable properties */
color: #fff;
cursor: default; }
.cbp-l-filters-dropdownList .cbp-filter-counter {
display: inline; }
.cbp-l-filters-dropdown-floated {
float: right;
margin-top: -2px;
margin-left: 20px;
width: 200px; }
.cbp-l-filters-list {
/* @editable properties */
margin-bottom: 30px;
/* clearfix */
content: "";
display: table;
clear: both; }
.cbp-l-filters-list .cbp-filter-item {
/* @editable properties */
background-color: transparent;
color: #585252;
cursor: pointer;
font: 400 12px/35px 'Roboto', sans-serif;
padding: 0 18px;
position: relative;
overflow: visible;
margin: 0 0 10px;
float: left;
border: 1px solid #3288C4;
border-right-width: 0;
-webkit-transition: left .3s ease-in-out;
transition: left .3s ease-in-out; }
.cbp-l-filters-list .cbp-filter-item:hover {
/* @editable properties */
color: #000; }
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
/* @editable properties */
cursor: default;
color: #FFFFFF;
background-color: #3288C4; }
.cbp-l-filters-list-first {
/* @editable properties */
border-radius: 6px 0 0 6px; }
.cbp-l-filters-list-last {
/* @editable properties */
border-radius: 0 6px 6px 0;
border-right-width: 1px !important; }
.cbp-l-filters-list .cbp-filter-counter {
display: inline; }
@media only screen and (max-width: 600px) {
.cbp-l-filters-list .cbp-filter-item {
margin-right: 5px;
border-radius: 6px;
border-right-width: 1px; } }
.cbp-l-filters-work {
/* @editable properties */
margin-bottom: 30px;
text-align: center; }
.cbp-l-filters-work .cbp-filter-item {
/* @editable properties */
background-color: #FFFFFF;
color: #888;
cursor: pointer;
font: 600 11px/37px 'Roboto', sans-serif;
margin: 0 5px 10px 0;
overflow: visible;
padding: 0 16px;
position: relative;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.cbp-l-filters-work .cbp-filter-item:hover {
/* @editable properties */
color: #fff;
background: #607D8B; }
.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
/* @editable properties */
background: #607D8B;
color: #fff;
cursor: default; }
.cbp-l-filters-work .cbp-filter-counter {
/* @editable properties */
font: 600 11px/37px 'Roboto', sans-serif;
text-align: center;
display: inline-block;
margin-left: 8px; }
.cbp-l-filters-work .cbp-filter-counter:before {
content: '('; }
.cbp-l-filters-work .cbp-filter-counter:after {
content: ')'; }
.cbp-l-filters-big {
margin-bottom: 30px;
text-align: center; }
.cbp-l-filters-big .cbp-filter-item {
color: #444;
cursor: pointer;
font: 400 15px/22px 'Roboto', sans-serif;
margin: 0 15px 10px 0;
padding: 10px 23px;
position: relative;
display: inline-block;
border: 1px solid transparent;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.cbp-l-filters-big .cbp-filter-item:hover {
color: #888; }
.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active {
border-color: #d5d5d5;
cursor: default;
color: #444; }
.cbp-l-filters-text {
/* @editable properties */
margin-bottom: 30px;
text-align: center;
font: 400 12px/21px Lato, sans-serif;
color: #DADADA;
padding: 0 15px; }
.cbp-l-filters-text .cbp-filter-item {
/* @editable properties */
color: #949494;
cursor: pointer;
font: 400 13px/21px Lato, sans-serif;
padding: 0 12px;
transition: all .3s ease-in-out;
position: relative;
overflow: visible;
margin: 0 0 10px;
display: inline-block; }
.cbp-l-filters-text .cbp-filter-item:hover {
/* @editable properties */
color: #2D2C2C; }
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
/* @editable properties */
color: #2D2C2C;
cursor: default; }
.cbp-l-filters-text .cbp-filter-counter {
/* @editable properties */
background: none repeat scroll 0 0 #626161;
border-radius: 3px;
color: #FFFFFF;
font: 400 11px/16px Lato, sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 32px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: all .25s ease;
transition: all .25s ease; }
.cbp-l-filters-text .cbp-filter-counter:before {
/* @editable properties */
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #626161;
display: none; }
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before {
display: block; }
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
/* @editable properties */
bottom: 30px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; }
.cbp-l-filters-text-sort {
display: inline-block;
font: 400 13px/21px Lato, sans-serif;
color: #949494;
margin-right: 15px; }
.cbp-l-filters-underline {
margin-bottom: 30px; }
.cbp-l-filters-underline .cbp-filter-item {
border-bottom: 3px solid transparent;
cursor: pointer;
font: 600 14px/21px 'Roboto', sans-serif;
padding: 8px 10px;
position: relative;
overflow: visible;
margin: 0 20px 10px 0;
display: inline-block;
color: #787878;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.cbp-l-filters-underline .cbp-filter-item:hover {
color: #111; }
.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
border-bottom-color: #666;
color: #444;
cursor: default; }
.cbp-l-filters-underline .cbp-filter-counter {
display: inline; }
.cbp-animation-quicksand {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-quicksand .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out; }
.cbp-animation-quicksand .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-quicksand .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: quicksand-off .6s ease-out both;
animation: quicksand-off .6s ease-out both; }
.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: quicksand-on .6s ease-out both;
animation: quicksand-on .6s ease-out both; }
/* in */
/* @editable properties */
@-webkit-keyframes quicksand-off {
100% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0); } }
@keyframes quicksand-off {
100% {
opacity: 0;
transform: scale3d(0, 0, 0); } }
/* out */
/* @editable properties */
@-webkit-keyframes quicksand-on {
0% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0); } }
@keyframes quicksand-on {
0% {
opacity: 0;
transform: scale3d(0, 0, 0); } }
.cbp-animation-fadeOut, .cbp-animation-boxShadow {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out; }
.cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-fadeOut .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: fadeOut-off .6s ease-in-out both;
animation: fadeOut-off .6s ease-in-out both; }
.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: fadeOut-on .6s ease-in-out both;
animation: fadeOut-on .6s ease-in-out both; }
/* in */
/* @editable properties */
@-webkit-keyframes fadeOut-off {
0% {
opacity: 1; }
80%, 100% {
opacity: 0; } }
@keyframes fadeOut-off {
0% {
opacity: 1; }
80%, 100% {
opacity: 0; } }
/* out */
/* @editable properties */
@-webkit-keyframes fadeOut-on {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut-on {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.cbp-animation-flipOut {
/* @editable properties */
-webkit-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
will-change: height; }
.cbp-animation-flipOut .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: transform .7s ease-in-out; }
.cbp-animation-flipOut .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-flipOut .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: flipOut-out .7s both ease-in;
animation: flipOut-out .7s both ease-in; }
.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: flipOut-in .7s ease-out both;
animation: flipOut-in .7s ease-out both; }
/* out */
/* @editable properties */
@-webkit-keyframes flipOut-out {
50%, 100% {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2; } }
@keyframes flipOut-out {
50%, 100% {
transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2; } }
/* in */
/* @editable properties */
@-webkit-keyframes flipOut-in {
0%, 50% {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2; } }
@keyframes flipOut-in {
0%, 50% {
transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2; } }
.cbp-animation-flipBottom {
/* @editable properties */
-webkit-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
will-change: height; }
.cbp-animation-flipBottom .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: transform .7s ease-in-out; }
.cbp-animation-flipBottom .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-flipBottom .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: flipBottom-out .7s both ease-in;
animation: flipBottom-out .7s both ease-in; }
.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: flipBottom-in .7s ease-out both;
animation: flipBottom-in .7s ease-out both; }
/* out */
/* @editable properties */
@-webkit-keyframes flipBottom-out {
50%, 100% {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2; } }
@keyframes flipBottom-out {
50%, 100% {
transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2; } }
/* in */
/* @editable properties */
@-webkit-keyframes flipBottom-in {
0%, 50% {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2; } }
@keyframes flipBottom-in {
0%, 50% {
transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2; } }
.cbp-animation-scaleSides {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-scaleSides .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out; }
.cbp-animation-scaleSides .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-scaleSides .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: scaleSides-out .9s ease both;
animation: scaleSides-out .9s ease both; }
.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: scaleSides-in .9s ease both;
animation: scaleSides-in .9s ease both; }
/* out */
/* @editable properties */
@-webkit-keyframes scaleSides-out {
50%, 100% {
-webkit-transform: scale(.6);
opacity: 0; } }
@keyframes scaleSides-out {
50%, 100% {
transform: scale(.6);
opacity: 0; } }
/* in */
/* @editable properties */
@-webkit-keyframes scaleSides-in {
0%, 50% {
-webkit-transform: scale(.6);
opacity: 0; } }
@keyframes scaleSides-in {
0%, 50% {
transform: scale(.6);
opacity: 0; } }
.cbp-animation-skew {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-skew .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out; }
.cbp-animation-skew .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-skew .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: skew-off .6s ease-out both;
animation: skew-off .6s ease-out both; }
.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: skew-on .6s ease-out both;
animation: skew-on .6s ease-out both; }
/* in */
/* @editable properties */
@-webkit-keyframes skew-off {
100% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) skew(20deg, 0); } }
@keyframes skew-off {
100% {
opacity: 0;
transform: scale3d(0, 0, 0) skew(20deg, 0); } }
/* out */
/* @editable properties */
@-webkit-keyframes skew-on {
0% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) skew(0, 20deg); } }
@keyframes skew-on {
0% {
opacity: 0;
transform: scale3d(0, 0, 0) skew(0, 20deg); } }
.cbp-animation-fadeOutTop {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-fadeOutTop .cbp-wrapper-outer {
overflow: visible; }
.cbp-animation-fadeOutTop .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
overflow: visible; }
.cbp-animation-fadeOutTop .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-out .6s both ease-in-out;
animation: fadeOutTop-out .6s both ease-in-out; }
.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-in .6s both ease-in-out;
animation: fadeOutTop-in .6s both ease-in-out; }
/* out */
/* @editable properties */
@-webkit-keyframes fadeOutTop-out {
0% {
-webkit-transform: translateY(0);
opacity: 1; }
50%, 100% {
-webkit-transform: translateY(-30px);
opacity: 0; } }
@keyframes fadeOutTop-out {
0% {
transform: translateY(0);
opacity: 1; }
50%, 100% {
transform: translateY(-30px);
opacity: 0; } }
/* out */
/* @editable properties */
@-webkit-keyframes fadeOutTop-in {
0%, 50% {
-webkit-transform: translateY(-30px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@keyframes fadeOutTop-in {
0%, 50% {
transform: translateY(-30px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
.cbp-animation-slideLeft {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-slideLeft .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-slideLeft .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: slideLeft-out .8s both ease-in-out;
animation: slideLeft-out .8s both ease-in-out; }
.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: slideLeft-in .8s both ease-in-out;
animation: slideLeft-in .8s both ease-in-out; }
/* out */
/* @editable properties */
@-webkit-keyframes slideLeft-out {
0% {
opacity: 1;
transform: scale(1); }
25% {
opacity: .75;
-webkit-transform: scale(.8); }
75% {
opacity: .75;
-webkit-transform: scale(.8) translateX(-200%); }
100% {
opacity: .75;
-webkit-transform: scale(.8) translateX(-200%); } }
@keyframes slideLeft-out {
0% {
opacity: 1;
transform: scale(1); }
25% {
opacity: .75;
transform: scale(.8); }
75% {
opacity: .75;
transform: scale(.8) translateX(-200%); }
100% {
opacity: .75;
transform: scale(.8) translateX(-200%); } }
/* in */
/* @editable properties */
@-webkit-keyframes slideLeft-in {
0%, 25% {
opacity: .75;
-webkit-transform: scale(.8) translateX(200%); }
75% {
opacity: .75;
-webkit-transform: scale(.8); }
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0); } }
@keyframes slideLeft-in {
0%, 25% {
opacity: .75;
transform: scale(.8) translateX(200%); }
75% {
opacity: .75;
transform: scale(.8); }
100% {
opacity: 1;
transform: scale(1) translateX(0); } }
.cbp-animation-sequentially {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-sequentially .cbp-wrapper-outer {
overflow: visible; }
.cbp-animation-sequentially .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
overflow: visible; }
.cbp-animation-sequentially .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-out .6s both ease;
animation: fadeOutTop-out .6s both ease; }
.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-in .6s both ease-out;
animation: fadeOutTop-in .6s both ease-out; }
.cbp-animation-3dflip {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-3dflip .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-3dflip .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: flip-out 0.6s both ease-in-out;
animation: flip-out 0.6s both ease-in-out; }
.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: flip-in 0.6s both ease-in-out;
animation: flip-in 0.6s both ease-in-out; }
@-webkit-keyframes flip-out {
100% {
opacity: 0;
-webkit-transform: rotateY(90deg); } }
@keyframes flip-out {
100% {
opacity: 0;
transform: rotateY(90deg); } }
@-webkit-keyframes flip-in {
0% {
opacity: 0;
-webkit-transform: rotateY(-90deg); }
100% {
opacity: 1;
-webkit-transform: rotateY(0deg); } }
@keyframes flip-in {
0% {
opacity: 0;
transform: rotateY(-90deg); }
100% {
opacity: 1;
transform: rotateY(0deg); } }
.cbp-animation-flipOutDelay {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-flipOutDelay .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-flipOutDelay .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: flipOut-out 1s both ease-in;
animation: flipOut-out 1s both ease-in; }
.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: flipOut-in 1s both ease-out;
animation: flipOut-in 1s both ease-out; }
.cbp-animation-slideDelay {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-slideDelay .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-slideDelay .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: slideDelay-out 0.5s both ease-in-out;
animation: slideDelay-out 0.5s both ease-in-out; }
.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: slideDelay-in 0.5s both ease-in-out;
animation: slideDelay-in 0.5s both ease-in-out; }
/* out */
@-webkit-keyframes slideDelay-out {
100% {
-webkit-transform: translateX(-100%); } }
@keyframes slideDelay-out {
100% {
transform: translateX(-100%); } }
@-webkit-keyframes slideDelay-in {
0% {
-webkit-transform: translateX(100%); }
100% {
-webkit-transform: translateX(0); } }
@keyframes slideDelay-in {
0% {
transform: translateX(100%); }
100% {
transform: translateX(0); } }
.cbp-animation-rotateSides {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-rotateSides .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-rotateSides .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: -50% 50%;
-webkit-animation: rotateSides-out .5s both ease-in;
transform-origin: -50% 50%;
animation: rotateSides-out .5s both ease-in; }
.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 150% 50%;
-webkit-animation: rotateSides-in .6s both ease-out;
transform-origin: 150% 50%;
animation: rotateSides-in .6s both ease-out; }
/* out */
@-webkit-keyframes rotateSides-out {
100% {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(90deg); } }
@keyframes rotateSides-out {
100% {
opacity: 0;
transform: translateZ(-500px) rotateY(90deg); } }
/* in */
/* @editable properties */
@-webkit-keyframes rotateSides-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg); }
40% {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg); } }
@keyframes rotateSides-in {
0% {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg); }
40% {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg); } }
.cbp-animation-foldLeft {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-foldLeft .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-foldLeft .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: foldLeft-out .7s both ease;
animation: foldLeft-out .7s both ease; }
.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: foldLeft-in .7s both ease;
animation: foldLeft-in .7s ease both; }
/* out */
@-webkit-keyframes foldLeft-out {
100% {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg); } }
@keyframes foldLeft-out {
100% {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg); } }
/* in */
@-webkit-keyframes foldLeft-in {
0% {
opacity: 0.3;
-webkit-transform: translateX(100%); } }
@keyframes foldLeft-in {
0% {
opacity: 0.3;
transform: translateX(100%); } }
.cbp-animation-unfold {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-unfold .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-unfold .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: unfold-out .8s ease both;
animation: unfold-out .8s ease both; }
.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 0% 50%;
-webkit-animation: unfold-in .8s both ease;
transform-origin: 0% 50%;
animation: unfold-in .8s both ease; }
/* out */
@-webkit-keyframes unfold-out {
90% {
opacity: 0.3; }
100% {
opacity: 0;
-webkit-transform: translateX(-100%); } }
@keyframes unfold-out {
90% {
opacity: 0.3; }
100% {
opacity: 0;
transform: translateX(-100%); } }
/* in */
@-webkit-keyframes unfold-in {
0% {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg); } }
@keyframes unfold-in {
0% {
opacity: 0;
transform: translateX(100%) rotateY(90deg); } }
.cbp-animation-scaleDown {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-scaleDown .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-scaleDown .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: scaleDown-out .7s ease both;
animation: scaleDown-out .7s ease both; }
.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: scaleDown-in .6s ease both;
animation: scaleDown-in .6s ease both; }
/* out */
@-webkit-keyframes scaleDown-out {
100% {
opacity: 0;
-webkit-transform: scale(.8); } }
@keyframes scaleDown-out {
100% {
opacity: 0;
transform: scale(.8); } }
/* in */
@-webkit-keyframes scaleDown-in {
0% {
-webkit-transform: translateX(100%); } }
@keyframes scaleDown-in {
0% {
transform: translateX(100%); } }
.cbp-animation-frontRow {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-frontRow .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-frontRow .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: frontRow-out .7s both ease;
animation: frontRow-out .7s both ease; }
.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: frontRow-in .6s both ease;
animation: frontRow-in .6s both ease; }
/* out */
@-webkit-keyframes frontRow-out {
100% {
-webkit-transform: translateX(-60%) scale(.8);
opacity: 0; } }
@keyframes frontRow-out {
100% {
transform: translateX(-60%) scale(.8);
opacity: 0; } }
/* in */
@-webkit-keyframes frontRow-in {
0% {
-webkit-transform: translateX(100%) scale(.8); }
100% {
opacity: 1;
-webkit-transform: translateX(0%) scale(1); } }
@keyframes frontRow-in {
0% {
transform: translateX(100%) scale(.8); }
100% {
opacity: 1;
transform: translateX(0%) scale(1); } }
.cbp-animation-rotateRoom {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-rotateRoom .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-animation-rotateRoom .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateRoom-out .8s both ease;
animation: rotateRoom-out .8s both ease; }
.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRoom-in .8s both ease;
animation: rotateRoom-in .8s both ease; }
/* out */
@-webkit-keyframes rotateRoom-out {
90% {
opacity: .3; }
100% {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(90deg); } }
@keyframes rotateRoom-out {
90% {
opacity: .3; }
100% {
opacity: 0;
transform: translateX(-100%) rotateY(90deg); } }
/* in */
@-webkit-keyframes rotateRoom-in {
0% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg); } }
@keyframes rotateRoom-in {
0% {
opacity: .3;
transform: translateX(100%) rotateY(-90deg); } }
.cbp-animation-bounceBottom {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-bounceBottom .cbp-wrapper-helper {
/* @editable properties */
-webkit-animation: bounceBottom-out .6s both ease-in-out;
animation: bounceBottom-out .6s both ease-in-out; }
.cbp-animation-bounceBottom .cbp-wrapper {
/* @editable properties */
-webkit-animation: bounceBottom-in .6s both ease-in-out;
animation: bounceBottom-in .6s both ease-in-out; }
/* out */
@-webkit-keyframes bounceBottom-out {
100% {
-webkit-transform: translateY(100%);
opacity: 0; } }
@keyframes bounceBottom-out {
100% {
transform: translateY(100%);
opacity: 0; } }
/* in */
@-webkit-keyframes bounceBottom-in {
0% {
-webkit-transform: translateY(100%);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@keyframes bounceBottom-in {
0% {
transform: translateY(100%);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
.cbp-animation-bounceLeft {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-bounceLeft .cbp-wrapper-helper {
/* @editable properties */
-webkit-animation: bounceLeft-out .6s both ease-in-out;
animation: bounceLeft-out .6s both ease-in-out; }
.cbp-animation-bounceLeft .cbp-wrapper {
/* @editable properties */
-webkit-animation: bounceLeft-in .6s both ease-in-out;
animation: bounceLeft-in .6s both ease-in-out; }
/* out */
@-webkit-keyframes bounceLeft-out {
100% {
-webkit-transform: translateX(-100%);
opacity: 0; } }
@keyframes bounceLeft-out {
100% {
transform: translateX(-100%);
opacity: 0; } }
/* in */
@-webkit-keyframes bounceLeft-in {
0% {
-webkit-transform: translateX(-100%);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
opacity: 1; } }
@keyframes bounceLeft-in {
0% {
transform: translateX(-100%);
opacity: 0; }
100% {
transform: translateX(0);
opacity: 1; } }
.cbp-animation-bounceTop {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-bounceTop .cbp-wrapper-helper {
/* @editable properties */
-webkit-animation: bounceTop-out .6s both ease-in-out;
animation: bounceTop-out .6s both ease-in-out; }
.cbp-animation-bounceTop .cbp-wrapper {
/* @editable properties */
-webkit-animation: bounceTop-in .6s both ease-in-out;
animation: bounceTop-in .6s both ease-in-out; }
/* out */
@-webkit-keyframes bounceTop-out {
100% {
-webkit-transform: translateY(-100%);
opacity: 0; } }
@keyframes bounceTop-out {
100% {
transform: translateY(-100%);
opacity: 0; } }
/* in */
@-webkit-keyframes bounceTop-in {
0% {
-webkit-transform: translateY(-100%);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@keyframes bounceTop-in {
0% {
transform: translateY(-100%);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
.cbp-animation-moveLeft {
/* @editable properties */
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height; }
.cbp-animation-moveLeft .cbp-wrapper-helper {
/* @editable properties */
-webkit-animation: moveLeft-out .6s both ease-in-out;
animation: moveLeft-out .6s both ease-in-out; }
.cbp-animation-moveLeft .cbp-wrapper {
/* @editable properties */
-webkit-animation: moveLeft-in .6s both ease-in-out;
animation: moveLeft-in .6s both ease-in-out; }
/* out */
@-webkit-keyframes moveLeft-out {
100% {
-webkit-transform: translateX(-100%);
opacity: 0; } }
@keyframes moveLeft-out {
100% {
transform: translateX(-100%);
opacity: 0; } }
/* in */
@-webkit-keyframes moveLeft-in {
0% {
-webkit-transform: translateX(100%);
opacity: 0; }
100% {
-webkit-transform: translateX(0);
opacity: 1; } }
@keyframes moveLeft-in {
0% {
transform: translateX(100%);
opacity: 0; }
100% {
transform: translateX(0);
opacity: 1; } }
.cbp-displayType-lazyLoading {
-webkit-animation: fadeIn .5s both ease-in;
animation: fadeIn .5s both ease-in; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.cbp-displayType-fadeInToTop {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-animation: fadeInToTop .5s both ease-in;
animation: fadeInToTop .5s both ease-in; }
@-webkit-keyframes fadeInToTop {
0% {
opacity: 0;
-webkit-transform: translateY(30px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@keyframes fadeInToTop {
0% {
opacity: 0;
transform: translateY(30px); }
100% {
opacity: 1;
transform: translateY(0); } }
.cbp-displayType-sequentially .cbp-item {
-webkit-animation: fadeIn .5s both ease-in;
animation: fadeIn .5s both ease-in; }
.cbp-displayType-bottomToTop {
-webkit-perspective: 1000px;
perspective: 1000px; }
.cbp-displayType-bottomToTop .cbp-item {
-webkit-animation: fadeInBottomToTop .3s both ease-in;
animation: fadeInBottomToTop .3s both ease-in; }
@-webkit-keyframes fadeInBottomToTop {
0% {
opacity: 0;
-webkit-transform: translateY(50px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@keyframes fadeInBottomToTop {
0% {
opacity: 0;
transform: translateY(50px); }
100% {
opacity: 1;
transform: translateY(0); } }
.cbp-lightbox img {
display: block;
width: 100%;
height: auto;
border: 0; }
.cbp-popup-ie8bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: -1;
/* @editable properties */
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.cbp-popup-wrap {
height: 100%;
text-align: center;
position: fixed;
width: 100%;
left: 0;
top: 0;
display: none;
overflow-y: scroll;
overflow-x: hidden;
/* @editable properties */
z-index: 9990;
padding: 0 10px; }
.cbp-popup-lightbox {
/* @editable properties */
background: rgba(0, 0, 0, 0.8); }
.cbp-popup-singlePage {
/* @editable properties */
background: white;
padding: 0; }
.cbp-popup-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
/*margin-right: -.25em; // it breaks on mobile*/ }
.cbp-popup-content {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
max-width: 100%; }
.cbp-popup-singlePage .cbp-popup-content {
position: relative;
z-index: 1;
/* @editable properties */
margin-top: 145px;
max-width: 1024px;
vertical-align: top;
width: 94%; }
.cbp-popup-singlePage .cbp-popup-content-basic {
position: relative;
z-index: 1;
/* @editable properties */
margin-top: 104px;
vertical-align: top;
width: 100%;
display: inline-block;
text-align: left; }
.cbp-popup-lightbox-figure {
position: relative; }
.cbp-popup-lightbox-bottom {
left: 0;
position: absolute;
top: 100%;
width: 100%;
/* @editable properties */
margin-top: 3px; }
.cbp-popup-lightbox-title {
/* @editable properties */
padding-right: 70px;
font: 400 12px/18px 'Roboto', sans-serif;
color: #eee; }
.cbp-popup-lightbox-counter {
position: absolute;
top: 0;
right: 0;
/* @editable properties */
font: 400 12px/18px 'Roboto', sans-serif;
color: #eee; }
.cbp-popup-lightbox-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
/* @editable properties */
margin: 40px 0 40px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.cbp-popup-lightbox-img[data-action] {
cursor: pointer; }
.cbp-popup-lightbox-isIframe .cbp-popup-content {
/* @editable properties */
width: 75%; }
@media only screen and (max-width: 768px) {
.cbp-popup-lightbox-isIframe .cbp-popup-content {
/* @editable properties */
width: 95%; } }
.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
left: 0;
position: absolute;
top: 100%;
width: 100%;
/* @editable properties */
margin-top: 3px; }
.cbp-popup-lightbox-iframe {
position: relative;
height: 0;
/* @editable properties */
padding-bottom: 56.25%;
/* 16/9 ratio */
background: #000; }
.cbp-popup-lightbox-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* @editable properties */
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.cbp-popup-lightbox-iframe audio {
margin-top: 27%; }
/* NAVIGATION BUTTONS */
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9990;
/* @editable properties */
height: 104px;
background-color: #34425C; }
.cbp-popup-singlePage .cbp-popup-navigation {
position: relative;
width: 100%;
height: 100%; }
.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
position: fixed;
top: 0 !important; }
.cbp-popup-singlePage-counter {
/* @editable properties */
color: #bbc0df;
position: absolute;
margin: auto;
right: 40px;
top: 0;
bottom: 0;
font: 400 13px/30px 'Roboto', sans-serif;
height: 30px; }
@media only screen and (max-width: 768px) {
.cbp-popup-singlePage-counter {
right: 3%; } }
.cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
padding: 0;
border: medium none;
position: absolute;
cursor: pointer;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-close {
visibility: hidden; }
/* NAVOGATION BUTTONS */
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close {
visibility: visible; }
/* PREVIOUS BUTTON LIGHBOX */
.cbp-popup-lightbox .cbp-popup-prev {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll 0 0 transparent;
width: 44px;
height: 44px;
top: 0;
bottom: 0;
left: 20px;
margin: auto; }
.cbp-popup-lightbox .cbp-popup-prev:hover {
/* @editable properties */
background-position: 0 -46px; }
/* PREVIOUS BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-prev {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll 0 -92px transparent;
width: 44px;
height: 44px;
margin: auto;
top: 0;
right: 108px;
bottom: 0;
left: 0; }
.cbp-popup-singlePage .cbp-popup-prev:hover {
/* @editable properties */
background-position: 0 -138px; }
/* NEXT BUTTON LIGHTBOX */
.cbp-popup-lightbox .cbp-popup-next {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll -46px 0 transparent;
width: 44px;
height: 44px;
top: 0;
bottom: 0;
right: 20px;
margin: auto; }
.cbp-popup-lightbox .cbp-popup-next:hover {
/* @editable properties */
background-position: -46px -46px; }
/* NEXT BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-next {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll -46px -92px transparent;
width: 44px;
height: 44px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 108px; }
.cbp-popup-singlePage .cbp-popup-next:hover {
/* @editable properties */
background-position: -46px -138px; }
/* CLOSE BUTTON LIGTHBOX */
.cbp-popup-lightbox .cbp-popup-close {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
height: 40px;
width: 40px;
right: 20px;
top: 20px; }
.cbp-popup-lightbox .cbp-popup-close:hover {
/* @editable properties */
background-position: -92px -46px; }
/* CLOSE BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-close {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll -92px -92px transparent;
height: 44px;
width: 44px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.cbp-popup-singlePage .cbp-popup-ie8bg {
background-color: #fff; }
.cbp-popup-singlePage .cbp-popup-close:hover {
/* @editable properties */
background-position: -92px -138px; }
@media only screen and (max-width: 360px), (max-height: 600px) {
.cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.cbp-popup-lightbox .cbp-popup-close {
right: 10px;
top: 10px; }
.cbp-popup-lightbox .cbp-popup-next {
right: 10px; }
.cbp-popup-lightbox .cbp-popup-prev {
left: 10px; }
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
height: 84px; }
.cbp-popup-singlePage .cbp-popup-content {
margin-top: 120px; } }
.cbp-popup-loadingBox {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.cbp-popup-ready .cbp-popup-loadingBox {
visibility: hidden;
display: none; }
.cbp-popup-loading .cbp-popup-loadingBox {
visibility: visible;
display: block; }
.cbp-popup-singlePage {
left: 100%;
-webkit-transition: left .6s ease-in-out;
transition: left .6s ease-in-out; }
.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content {
opacity: 0; }
.cbp-popup-singlePage-open {
left: 0; }
.cbp-popup-singlePage.cbp-popup-singlePage-fade {
left: 0;
opacity: 0;
/* @editable properties */
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out; }
.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
opacity: 1; }
.cbp-popup-singlePage.cbp-popup-singlePage-right {
left: -100%;
/* @editable properties */
-webkit-transition: left .6s ease-in-out;
transition: left .6s ease-in-out; }
.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
left: 0; }
.cbp-l-project-title {
/* @editable properties */
color: #454444;
font: 600 42px/46px 'Roboto', sans-serif;
letter-spacing: 2px;
margin-bottom: 15px;
text-align: center;
text-transform: uppercase; }
.cbp-l-project-subtitle {
/* @editable properties */
color: #787878;
font: 400 14px/21px 'Roboto', sans-serif;
margin: 0 auto 50px;
max-width: 500px;
text-align: center; }
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
display: block;
margin: 0 auto;
max-width: 100%; }
.cbp-l-project-container {
overflow: hidden;
margin: 40px auto 0;
clear: both; }
.cbp-l-project-desc {
/* @editable properties */
float: left;
width: 64%; }
.cbp-l-project-social-wrapper, .cbp-l-inline-social-wrapper {
display: inline-block;
width: 100px;
height: 20px;
overflow: hidden; }
.cbp-l-inline-social-wrapper {
margin-top: 5px; }
.cbp-l-project-details {
/* @editable properties */
float: right;
width: 36%;
padding-left: 40px;
margin-bottom: 15px; }
@media only screen and (max-width: 768px) {
.cbp-l-project-title {
font-size: 30px;
line-height: 34px; }
.cbp-l-project-desc {
/* @editable properties */
width: 100%; }
.cbp-l-project-details {
/* @editable properties */
width: 100%;
margin-top: 20px;
padding-left: 0; } }
.cbp-l-project-desc-title {
/* @editable properties */
border-bottom: 1px solid #cdcdcd;
margin-bottom: 22px;
color: #444; }
.cbp-l-project-desc-title span, .cbp-l-project-details-title span {
/* @editable properties */
border-bottom: 1px solid #747474;
display: inline-block;
margin: 0 0 -1px 0;
font: 400 16px/36px 'Roboto', sans-serif;
padding: 0 5px 0 0; }
.cbp-l-project-desc-text {
/* @editable properties */
font: 400 13px/20px 'Roboto', sans-serif;
color: #555;
margin-bottom: 20px; }
.cbp-l-project-details-title {
/* @editable properties */
border-bottom: 1px solid #cdcdcd;
margin-bottom: 19px;
color: #444; }
.cbp-l-project-details-list {
/* @editable properties */
margin: 0;
padding: 0;
list-style: none; }
.cbp-l-project-details-list > li, .cbp-l-project-details-list > div {
/* @editable properties */
border-bottom: 1px dotted #DFDFDF;
padding: inherit;
color: #666;
font: 400 12px/30px 'Roboto', sans-serif; }
.cbp-l-project-details-list strong {
/* @editable properties */
display: inline-block;
color: #696969;
font-weight: 600;
min-width: 100px; }
.cbp-l-project-details-visit {
/* @editable properties */
color: #FFFFFF;
float: right;
clear: both;
text-decoration: none;
font: 400 11px/18px 'Roboto', sans-serif;
margin-top: 10px;
background-color: #53668A;
padding: 8px 19px; }
.cbp-l-project-details-visit:hover {
/* @editable properties */
opacity: 0.9;
color: #fff; }
.cbp-l-project-related {
/* @editable properties */ }
.cbp-l-project-related-wrap {
/* @editable properties */
font-size: 0;
margin: 0;
padding: 0; }
.cbp-l-project-related-item {
/* @editable properties */
margin-left: 5%;
max-width: 30%;
float: left; }
.cbp-l-project-related-item:first-child {
/* @editable properties */
margin-left: 0; }
.cbp-l-project-related-title {
/* @editable properties */
font: 700 14px/18px 'Roboto', sans-serif;
color: #474747;
margin-top: 20px; }
.cbp-l-project-related-link {
/* @editable properties */
text-decoration: none; }
.cbp-l-project-related-link:hover {
/* @editable properties */
opacity: 0.9; }
.cbp-l-member-img {
/* @editable properties */
float: left;
width: 40%;
margin-top: 20px; }
.cbp-l-member-img img {
/* @editable properties */
border: 1px solid #e2e2e2;
width: auto;
max-width: 100%;
height: auto;
display: inline-block;
border: 0; }
.cbp-l-member-info {
/* @editable properties */
margin-top: 20px;
padding-left: 25px;
float: left;
width: 60%; }
@media only screen and (max-width: 768px) {
.cbp-l-member-img {
width: 100%;
text-align: center; }
.cbp-l-member-info {
width: 100%;
padding-left: 0; } }
.cbp-l-member-name {
/* @editable properties */
font: 400 28px/28px 'Roboto', sans-serif;
color: #474747; }
.cbp-l-member-position {
/* @editable properties */
font: 400 13px/21px 'Roboto', sans-serif;
color: #888;
margin-top: 6px; }
.cbp-l-member-desc {
/* @editable properties */
font: 400 12px/18px 'Roboto', sans-serif;
margin-top: 25px;
color: #474747; }
/* SINGLE PAGE INLINE */
.cbp-popup-singlePageInline-open {
-webkit-transition: height .5s ease 0s !important;
transition: height .5s ease 0s !important; }
.cbp-popup-singlePageInline-open .cbp-item {
-webkit-transition: -webkit-transform .5s ease 0s !important;
transition: transform .5s ease 0s !important; }
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline::before {
display: none; }
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation {
-webkit-transition-delay: 0;
transition-delay: 0; }
.cbp-popup-singlePageInline {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
overflow: hidden;
/* CLOSE BUTTON singlePageInline */ }
.cbp-popup-singlePageInline:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2;
content: '';
/* @editable properties */
width: 30px;
height: 30px;
border: 1px solid rgba(79, 80, 79, 0.3);
border-right: 5px solid #000;
border-bottom: 5px solid #000;
border-radius: 50%;
border-left: 5px solid transparent;
border-top: 5px solid transparent;
animation: loading .5s infinite linear;
-webkit-animation: loading .5s infinite linear;
opacity: 0.6; }
.cbp-popup-singlePageInline .cbp-popup-content {
opacity: 0;
width: 100%;
z-index: 1;
min-height: 300px; }
.cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation {
-webkit-transition: opacity .4s ease-in .2s;
transition: opacity .4s ease-in .2s; }
.cbp-popup-singlePageInline .cbp-popup-navigation {
opacity: 0;
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 40px;
height: 40px; }
.cbp-popup-singlePageInline .cbp-popup-close {
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
height: 40px;
width: 40px;
right: 20px;
top: 30px; }
.cbp-popup-singlePageInline .cbp-popup-close:hover {
/* @editable properties */
opacity: 0.7; }
.cbp-popup-singlePageInline-ready {
z-index: 4; }
.cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation {
opacity: 1; }
.cbp-popup-singlePageInline-ready:before {
display: none; }
.cbp-singlePageInline-active {
opacity: 0.6 !important; }
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.cbp-l-inline {
margin: 20px 0;
overflow: hidden;
background: #FAFAFA;
padding: 30px; }
.cbp-l-inline-left {
float: left;
width: 44%; }
.cbp-l-project-img {
max-width: 100%; }
.cbp-l-inline-right {
float: right;
width: 56%;
padding-left: inherit; }
@media only screen and (max-width: 768px) {
.cbp-l-inline-left {
width: 100%;
text-align: center;
margin-top: 40px; }
.cbp-l-inline-right {
width: 100%;
padding-left: 0;
margin-top: 20px; } }
.cbp-l-inline-title {
font: 400 28px/30px 'Roboto', sans-serif;
color: #474747; }
.cbp-l-inline-subtitle {
font: 400 13px/21px 'Roboto', sans-serif;
color: #888;
margin-top: 7px; }
.cbp-l-inline-desc {
font: 400 13px/20px 'Roboto', sans-serif;
color: #474747;
margin-top: 25px; }
.cbp-l-inline-view-wrap {
text-align: right; }
.cbp-l-inline-view {
font: 400 13px/35px 'Roboto', sans-serif;
color: #9C9C9C;
margin-top: 40px;
display: inline-block;
padding: 0 20px;
border: 1px solid #ccc;
text-decoration: none; }
.cbp-l-inline-view:hover {
color: #757575; }
.cbp-l-inline-details {
margin-top: 15px;
font: 13px/22px 'Roboto', sans-serif; }
/* default state */
.cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText {
display: block; }
.cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading {
display: none; }
/* loading state */
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText {
display: block; }
.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading {
display: none; }
/* no more loading */
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading {
display: block; }
.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText {
display: none; }
.cbp-l-loadMore-bgbutton {
/* @editable properties */
text-align: center; }
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {
/* @editable properties */
border: 1px solid #DEDEDE;
color: #7E7B7B;
display: inline-block;
font: 400 13px/40px "Lato", sans-serif;
min-width: 80px;
text-decoration: none;
padding: 0 50px;
margin-top: 50px;
outline: 0;
box-shadow: none;
letter-spacing: 1px;
-webkit-transition: color .25s;
transition: color .25s; }
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading {
/* @editable properties */
color: #B0B0B0; }
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {
/* @editable properties */
cursor: default;
color: #B0B0B0; }
.cbp-l-loadMore-button {
/* @editable properties */
text-align: center; }
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
/* @editable properties */
border: 1px solid #DEDEDE;
color: #7E7B7B;
display: inline-block;
font: 400 12px/36px 'Roboto', sans-serif;
min-width: 80px;
text-decoration: none;
padding: 0 30px;
outline: 0;
margin-top: 40px;
box-shadow: none;
-webkit-transition: color .25s;
transition: color .25s; }
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading {
/* @editable properties */
color: #B0B0B0; }
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop {
/* @editable properties */
cursor: default;
color: #B0B0B0; }
.cbp-l-loadMore-text {
/* @editable properties */
text-align: center; }
.cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link {
/* @editable properties */
font: 400 15px 'Roboto', sans-serif;
color: #7E7B7B;
text-decoration: none;
cursor: pointer;
margin-top: 50px;
display: block; }
.cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop {
/* @editable properties */
color: #B0B0B0;
cursor: default; }
.cbp-mode-slider {
/* @editable properties */
-webkit-transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1);
transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1); }
.cbp-mode-slider .cbp-wrapper, .cbp-mode-slider .cbp-item {
/* @editable properties */
-webkit-transition: -webkit-transform .35s cubic-bezier(0.22, 0.6, 0.345, 1);
transition: transform .35s cubic-bezier(0.22, 0.6, 0.345, 1); }
.cbp-mode-slider .cbp-wrapper {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.cbp-mode-slider-dragStart * {
cursor: move !important;
cursor: -ms-grabbing !important;
cursor: -webkit-grabbing !important;
cursor: -moz-grabbing !important;
cursor: grabbing !important; }
.cbp-mode-slider-dragStart .cbp-wrapper {
/* @editable properties */
-webkit-transition: none;
transition: none; }
.cbp-nav-next, .cbp-nav-prev {
position: relative;
/* @editable properties */
background: #7c8b90;
cursor: pointer;
display: inline-block;
margin-left: 1px;
height: 22px;
width: 21px; }
.cbp-nav-next {
/* @editable properties */
border-radius: 0 2px 2px 0; }
.cbp-nav-prev {
/* @editable properties */
border-radius: 2px 0 0 2px; }
.cbp-nav-next:hover, .cbp-nav-prev:hover {
/* @editable properties */
opacity: 0.8; }
.cbp-nav-next:after, .cbp-nav-prev:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
/* @editable properties */
background: url("../images/cbp-sprite.png") no-repeat;
height: 10px;
width: 7px; }
.cbp-nav-next:after {
/* @editable properties */
background-position: -134px 0; }
.cbp-nav-prev:after {
/* @editable properties */
background-position: -134px -12px; }
.cbp-nav-stop {
/* @editable properties */
opacity: 0.5 !important;
cursor: default !important; }
.cbp-nav {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.cbp-nav-controls {
/* @editable properties */
position: absolute;
top: -51px;
right: 0;
z-index: 100; }
.cbp-nav-pagination {
/* @editable properties */
position: absolute;
bottom: -30px;
right: 0;
z-index: 100;
left: 0;
text-align: center; }
.cbp-nav-pagination-item {
/* @editable properties */
position: relative;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 4px;
display: inline-block;
cursor: pointer;
background: #c2c2c2;
-webkit-transition: background 0.5s;
transition: background 0.5s; }
.cbp-nav-pagination-active {
/* @editable properties */
background: #797979; }
.cbp-slider-wrap, .cbp-slider-item {
margin: 0;
padding: 0;
list-style-type: none; }
.cbp-slider .cbp-nav-controls {
/* @editable properties */
position: static; }
.cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev {
/* @editable properties */
background: transparent;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
z-index: 100;
width: 44px;
height: 44px; }
.cbp-slider .cbp-nav-next {
/* @editable properties */
right: 25px;
left: auto; }
.cbp-slider .cbp-nav-prev {
/* @editable properties */
left: 25px;
right: auto; }
.cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after {
background: url("../images/cbp-sprite.png") no-repeat;
width: 44px;
height: 44px; }
.cbp-slider .cbp-nav-next:after {
/* @editable properties */
background-position: -46px -92px; }
.cbp-slider .cbp-nav-next:hover:after {
/* @editable properties */
background-position: -46px -46px; }
.cbp-slider .cbp-nav-prev:after {
/* @editable properties */
background-position: 0 -92px; }
.cbp-slider .cbp-nav-prev:hover:after {
/* @editable properties */
background-position: 0 -46px; }
.cbp-slider .cbp-nav-pagination {
/* @editable properties */
text-align: right;
bottom: 20px;
right: 25px;
left: auto; }
.cbp-slider-edge .cbp-nav-controls {
/* @editable properties */
position: static; }
.cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev {
/* @editable properties */
background: transparent;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
z-index: 100;
width: 44px;
height: 44px; }
.cbp-slider-edge .cbp-nav-next {
/* @editable properties */
right: -14px;
left: auto; }
.cbp-slider-edge .cbp-nav-prev {
/* @editable properties */
left: -14px;
right: auto; }
.cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after {
background: url("../images/cbp-sprite.png") no-repeat;
width: 9px;
height: 16px; }
.cbp-slider-edge .cbp-nav-next:after {
/* @editable properties */
background-position: -134px -24px; }
.cbp-slider-edge .cbp-nav-prev:after {
/* @editable properties */
background-position: -134px -42px; }
.cbp-slider-edge .cbp-nav-pagination {
/* @editable properties */
bottom: -50px; }
.cbp-slider-edge .cbp-nav-pagination-item {
/* @editable properties */
border: 2px solid #0f0f0f;
opacity: 0.4;
background: transparent; }
.cbp-slider-edge .cbp-nav-pagination-active {
/* @editable properties */
background: #000; }
.cbp-l-grid-agency .cbp-caption:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-bottom: 10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: 0px;
left: 50%;
margin-left: -5px;
z-index: 1; }
.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
/* @editable properties */
-webkit-transform: scale(1.15);
transform: scale(1.15); }
.cbp-l-grid-agency-title {
/* @editable properties */
margin-top: 18px;
font: 700 17px/24px Lato, sans-serif;
color: #666;
text-align: center; }
.cbp-item:hover .cbp-l-grid-agency-title {
/* @editable properties */
color: #222; }
.cbp-l-grid-agency-desc {
/* @editable properties */
font: 400 12px/21px 'Roboto', sans-serif;
color: #aaa;
text-align: center; }
.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap {
background-color: rgba(0, 0, 0, 0.7); }
.cbp-l-grid-work .cbp-item {
padding: 3px; }
.cbp-l-grid-work .cbp-item-wrapper {
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
padding: 7px 7px 27px;
border-top: 1px solid #F4F4F4; }
.cbp-l-grid-work-title {
/* @editable properties */
margin-top: 17px;
font: 400 17px/25px "Roboto Condensed", sans-serif;
color: #607D8B;
text-align: center;
text-transform: uppercase;
display: block; }
.cbp-l-grid-work-title:hover {
/* @editable properties */
color: #365D67; }
.cbp-l-grid-work-desc {
/* @editable properties */
font: 400 11px/16px 'Roboto', sans-serif;
color: #888888;
text-align: center;
text-transform: uppercase; }
.cbp-l-grid-blog-title {
/* @editable properties */
font: 400 18px/30px 'Roboto', sans-serif;
color: #444;
display: block;
margin-top: 17px; }
.cbp-l-grid-blog-title:hover {
/* @editable properties */
color: #787878; }
.cbp-l-grid-blog-date {
/* @editable properties */
font: 400 12px/18px 'Roboto', sans-serif;
color: #787878;
display: inline-block; }
.cbp-l-grid-blog-comments {
/* @editable properties */
font: 400 12px/18px 'Roboto', sans-serif;
color: #3C6FBB;
display: inline-block; }
.cbp-l-grid-blog-comments:hover {
/* @editable properties */
opacity: .8; }
.cbp-l-grid-blog-desc {
/* @editable properties */
font: 400 13px/18px 'Roboto', sans-serif;
color: #9B9B9B;
margin-top: 9px; }
.cbp-l-grid-blog-split {
/* @editable properties */
margin: 0 4px;
font: 400 13px/16px 'Roboto', sans-serif;
color: #787878;
display: inline-block; }
.cbp-l-grid-clients {
height: 180px; }
.cbp-l-clients-title-block {
font: 400 32px/53px 'Roboto', sans-serif;
color: #666464;
text-align: center;
margin-bottom: 40px; }
.cbp-l-grid-faq .cbp-item {
width: 100%; }
.cbp-l-grid-projects-title {
/* @editable properties */
font-family: 'Roboto', sans-serif;
margin-top: 15px;
text-align: center;
}
.cbp-l-grid-projects-desc {
/* @editable properties */
font-family: 'Roboto', sans-serif;
margin-top: 5px;
text-align: center;
}
.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
/* @editable properties */
background-color: #59a3b6;
background-color: rgba(89, 163, 182, 0.95); }
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
/* @editable properties */
background-color: #545454; }
.cbp-l-grid-masonry-projects-title {
/* @editable properties */
font: 500 15px/22px 'Roboto', sans-serif;
color: #212121;
text-align: center;
display: block;
margin-top: 12px; }
.cbp-l-grid-masonry-projects-title:hover {
/* @editable properties */
color: #BF0731; }
.cbp-l-grid-masonry-projects-desc {
/* @editable properties */
font: 400 12px/18px 'Roboto', sans-serif;
color: #b2b2b2;
text-align: center; }
.cbp-l-grid-team-name {
/* @editable properties */
font: 400 17px/24px 'Roboto', sans-serif;
color: #212121;
display: block;
text-align: center;
margin-top: 18px; }
.cbp-l-grid-team-name:hover {
/* @editable properties */
color: #BF0731; }
.cbp-l-grid-team-position {
/* @editable properties */
font: italic 400 13px/21px 'Roboto', sans-serif;
color: #999;
text-align: center; }
.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
/* @editable properties */
background-color: #64C28E;
background-color: rgba(101, 199, 150, 0.9); }
.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
color: #FFFFFF;
font: 400 14px/21px "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block; }
.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after {
content: '';
display: block;
width: 40%;
height: 1px;
background-color: #fff;
margin: 8px auto 0; }
.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
/* @editable properties */
background-color: #59a3b6;
background-color: rgba(89, 163, 182, 0.97); }
.cbp-l-grid-mosaic .cbp-caption-activeWrap {
/* @editable properties */
background-color: #FFEA71;
background-color: rgba(255, 234, 113, 0.95); }
.cbp-l-grid-mosaic .cbp-l-caption-title {
color: #5A5A5A;
font: 500 18px/22px "Roboto", sans-serif;
text-transform: uppercase;
margin-bottom: 5px; }
.cbp-l-grid-mosaic .cbp-l-caption-desc {
color: #585858;
font: 400 13px/20px "Roboto", sans-serif; }
.cbp-l-slider-title-block {
border-bottom: 1px solid #cdcdcd;
margin-bottom: 22px; }
.cbp-l-slider-title-block div {
padding: 0 2px 6px 0;
display: inline-block;
border-bottom: 1px solid #a9a5a5;
color: #5e5e5e;
margin-bottom: -1px;
font: 15px/21px 'Roboto', sans-serif; }
.cbp-l-grid-slider-team-name {
float: left;
font: 20px/30px 'Roboto', sans-serif;
color: #494949;
margin-top: 16px; }
.cbp-l-grid-slider-team-position {
clear: both;
font: 14px/21px 'Roboto', sans-serif;
color: #A6A6A6; }
.cbp-l-grid-slider-team-desc {
font: 13px/20px 'Roboto', sans-serif;
color: #969696;
margin-top: 15px; }
.cbp-l-grid-slider-team-social {
float: right;
margin-top: 16px; }
.cbp-l-grid-slider-team-social a {
color: #737373;
line-height: 30px;
margin-left: 6px; }
.cbp-l-grid-slider-team-social a:hover {
opacity: 0.8; }
.cbp-l-slider-testimonials-wrap {
background: #f8f9f9;
padding: 80px 0 110px;
border-width: 1px 0;
border-style: solid;
border-color: #dce1e2; }
.cbp-l-grid-slider-testimonials-body {
color: #424242;
max-width: 800px;
margin: 0 auto;
font: 20px/32px sans-serif;
text-align: center;
padding: 0 20px; }
.cbp-l-grid-slider-testimonials-footer {
font: 12px/19px 'Roboto', sans-serif;
color: #777;
text-align: center;
margin-bottom: 10px;
margin-top: 30px; }
.cbp-l-grid-tabs {
height: 100px; }
.cbp-l-grid-tabs .cbp-item {
font: 14px/24px Lato, sans-serif;
max-width: 700px;
width: 100%;
margin: 0 auto;
right: 0;
text-align: center;
color: #5a5a5a; }
.cbp-l-testimonials-title-block {
position: relative;
text-align: center;
font: 26px/36px 'Roboto', sans-serif;
color: #E7E7E7;
margin-bottom: 60px; }
.cbp-l-testimonials-title-block :after {
content: '';
position: absolute;
margin: 0 auto;
width: 23px;
height: 2px;
bottom: -6px;
background-color: #C2C2C2;
left: 0;
right: 0; }
.cbp-l-testimonials-wrap {
background: #2D2D2D;
padding: 60px 0 110px; }
.cbp-l-grid-testimonials-body {
color: #e7e7e7;
max-width: 800px;
margin: 0 auto;
font: 20px/32px sans-serif;
text-align: center;
padding: 0 20px; }
.cbp-l-grid-testimonials-footer {
font: 12px/19px 'Roboto', sans-serif;
color: #C2C2C2;
text-align: center;
margin-bottom: 40px;
margin-top: 35px; }
.cbp-search {
position: relative;
width: 220px;
margin-bottom: 40px; }
.cbp-search .cbp-search-nothing {
display: none; }
.cbp-search-icon {
position: absolute;
width: 32px;
height: 100%;
top: 0;
right: 0;
text-align: center;
cursor: pointer;
pointer-events: none; }
.cbp-search-icon:after {
content: '\f002';
font-family: 'FontAwesome';
font-size: 14px;
color: #797979;
line-height: 36px;
pointer-events: none; }
.cbp-search-input {
height: 36px;
padding: 0 32px 0 12px;
margin: 0;
border-radius: 1px;
border: 1px solid #c6c3c4;
font: 400 12px 'Roboto', sans-serif;
width: 100%; }
.cbp-search-input[value] + .cbp-search-icon {
pointer-events: auto; }
.cbp-search-input[value] + .cbp-search-icon:after {
content: '\f00d'; }
.cbp-search-nothing {
position: absolute;
top: 0;
padding: 0 0 30px;
text-align: center;
width: 100%;
font-family: 'Roboto', sans-serif; }
.portfolio-filter-header{
background-color: #BF0731;
padding-top: 80px;
}
.portfolio-filter-header .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{
color: #212121;
border-bottom: 1px solid #212121;
}
.portfolio-filter-header .cbp-l-filters-alignCenter .cbp-filter-item:hover{
color: #212121;
}
.portfolio-filter-header .cbp-l-filters-alignCenter .cbp-filter-item{
color: #fff;
}
/* NAVIGATION BOOTS */
/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw {
position: static;
}
nav.bootsnav .container {
position: relative;
}
nav.bootsnav .megamenu-fw .dropdown-menu {
left: auto;
}
nav.bootsnav .megamenu-content {
padding: 15px;
width: 100% !important;
}
nav.bootsnav .megamenu-content .title{
margin: 20px 10px 15px 10px;
color: #4facfe;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #dddfe6;
padding-bottom: 15px;
}
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
left: 0;
right: 0;
}
/* Navbar
=================================*/
nav.navbar.bootsnav{
margin-bottom: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border: none;
z-index: 998;
background: #fff;
min-height: 40px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07);
border-bottom:1px solid rgba(255, 255, 255, 0.15);
}
nav.navbar.bootsnav.navbar-gradient{
background: rgba(79,172,254,1);
background: -moz-linear-gradient(45deg, rgba(79,172,254,1) 0%, rgba(0,242,254,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(252,103,103,1)), color-stop(100%, rgba(236,0,140,1)));
background: -webkit-linear-gradient(45deg, rgba(79,172,254,1) 0%, rgba(0,242,254,1) 100%);
background: -o-linear-gradient(45deg, rgba(79,172,254,1) 0%, rgba(0,242,254,1) 100%);
background: -ms-linear-gradient(45deg, rgba(79,172,254,1) 0%, rgba(0,242,254,1) 100%);
background: linear-gradient(45deg, rgba(79,172,254,1) 0%, rgba(0,242,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4facfe', endColorstr='#00f2fe', GradientType=1 );
}
nav.navbar.bootsnav.navbar-gradient-dark{
background: rgba(35,37,38,1);
background: -moz-linear-gradient(45deg, rgba(35,37,38,1) 0%, rgba(65,67,69,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(35,37,38,1)), color-stop(100%, rgba(65,67,69,1)));
background: -webkit-linear-gradient(45deg, rgba(35,37,38,1) 0%, rgba(65,67,69,1) 100%);
background: -o-linear-gradient(45deg, rgba(35,37,38,1) 0%, rgba(65,67,69,1) 100%);
background: -ms-linear-gradient(45deg, rgba(35,37,38,1) 0%, rgba(65,67,69,1) 100%);
background: linear-gradient(45deg, rgba(35,37,38,1) 0%, rgba(65,67,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232526', endColorstr='#414345', GradientType=1 );
}
nav.navbar.bootsnav.navbar-gradient ul.nav > li > a, nav.navbar.bootsnav.navbar-gradient .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-gradient .navbar-toggle{
color:#fff!important;
}
nav.navbar.bootsnav.no-border{
border-bottom: none;
}
nav.navbar.bootsnav.navbar-transparent.no-border .attr-nav{
border-left: none;
}
nav.navbar.bootsnav.dark {
background-color:#212121;
border-bottom: 0;
}
nav.navbar.bootsnav ul.nav > li > a{
color: #212121;
background-color: transparent;
outline: none;
margin-bottom: -2px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
nav.navbar.bootsnav ul.nav > li > a:hover{background: -webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
nav.navbar.bootsnav ul.nav > li > a.active{background-color:#fff;color:#fff;}
nav.navbar.bootsnav.dark ul.nav > li > a, nav.navbar.bootsnav.dark .attr-nav > ul > li > a{
color:#fff!important;
}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a{
background-color: transparent;
color:#fff;
}
nav.navbar.bootsnav .navbar-toggle{
background-color: transparent;
border: none;
padding: 0;
font-size: 24px;
position: relative;
top: 5px;
color:#212121;
}
nav.navbar.bootsnav.dark .navbar-toggle{
color:#fff;
}
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
top: 0;
left: 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
white-space:normal;
}
.nav-onepage.navbar.bootsnav .navbar-toggle {
background:transparent;
}
ul.menu-col{
padding: 0;
margin: 0 0 20px 0;
list-style: none;
}
ul.menu-col li a{
color: #6f6f6f;
}
ul.menu-col li a:hover,
ul.menu-col li a:focus{
text-decoration: none;
}
/* Navbar Full
=================================*/
nav.bootsnav.navbar-full{
padding-bottom: 10px;
padding-top: 10px;
}
nav.bootsnav.navbar-full .navbar-header{
display: block;
width: 100%;
}
nav.bootsnav.navbar-full .navbar-toggle{
display: inline-block;
margin-right: 0;
position: relative;
top: 0;
font-size: 30px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
nav.bootsnav.navbar-full .navbar-collapse{
position: fixed;
width: 100%;
height: 100% !important;
top: 0;
left: 0;
padding: 0;
display: none !important;
z-index: 9;
}
nav.bootsnav.navbar-full .navbar-collapse.in{
display: block !important;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full{
overflow: auto;
}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{
display: table-cell;
vertical-align: middle;
background-color: rgba(30, 192, 255, 0.9);
overflow: hidden;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav{
display: block;
width: 100%;
overflow: auto;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a{
background-color: transparent;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{
float: none;
display: block;
text-align: center;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{
display: table;
margin: auto;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
font-size: 24px;
padding: 10px 15px;
}
li.close-full-menu > a{
padding-top: 0px;
padding-bottom: 0px;
}
li.close-full-menu{
padding-top: 30px;
padding-bottom: 30px;
}
/* Atribute Navigation
=================================*/
.attr-nav {
float: right;
display: table;
border-left: 1px solid rgba(255, 255, 255, 0.15);
height: 60px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
padding-left: 10px;
z-index: 999;
}
.attr-nav-two {
margin-left: 20px;
margin-top: 0px;
height: 58px;
border-left: 1px solid rgba(255, 255, 255, 0.15);
float: right;
display: inline-block;
}
.attr-nav-two li {
list-style:none;
}
.attr-nav-two > ul > li > a.btn {
padding:0 30px;
height: 35px;
line-height: 34px;
margin-top: 10px;
margin-left: 20px;
}
.attr-nav > ul {
padding: 0;
margin: 0 0 -7px 0;
list-style: none;
display: table;
position: relative;
width: 100%;
height: 100%;
}
.attr-nav > ul > li {
display: table-cell;
vertical-align: middle;
}
.attr-nav > ul > li > a{
color: #212121;
display: block;
padding: 20px 10px;
position: relative;
}
.attr-nav > ul > li > a span.badge{
position: absolute;
top: 50%;
margin-top: -15px;
right: 5px;
font-size: 10px;
padding: 0;
width: 15px;
height: 15px;
padding-top: 2px;
background-color:#4facfe;
}
.attr-nav > ul > li > a.btn {
padding:0 30px;
height: 35px;
line-height: 34px;
margin-top: 10px;
margin-left: 20px;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
border: solid 1px #e0e0e0;
}
ul.cart-list{
padding: 0 !important;
width: 250px !important;
left: -220px!important;
top:97%;
}
ul.cart-list > li{
position: relative;
padding: 25px 20px 25px 20px !important;
}
ul.cart-list > li > a.photo{
padding: 0 !important;
margin-right: 15px;
float: left;
display: block;
width: 50px;
height: 50px;
left: 15px;
top: 15px;
}
ul.cart-list > li img{
width: 50px;
height: 50px;
border: solid 1px #efefef;
}
ul.cart-list > li > h6{
margin: 0;
}
ul.cart-list > li > h6 a{color:#757575;}
ul.cart-list > li > h6 a:hover, ul.cart-list > li > h6 a:focus{background-color: transparent!important;}
ul.cart-list > li > h6 > a.photo{
padding: 0 !important;
display: block;
}
ul.cart-list > li > p{
margin-bottom: 0;
color:#757575;
}
ul.cart-list > li.total {
padding-bottom: 0px !important;
float: left;
width: 100%;
margin-bottom: 20px;
padding-top: 5px !important;
z-index: 1;
}
ul.cart-list > li .price{
font-weight: bold;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a.btn {
color:#fff;
}
/* Top Search
=================================*/
.top-search{
background-color: #757575;
padding: 10px 0;
display: none;
}
.top-search input.form-control{
background-color: transparent;
border: none;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
color: #fff;
height: 40px;
padding: 0 15px;
}
.top-search .input-group-addon{
background-color: transparent;
border: none;
color: #fff;
padding-left: 0;
padding-right: 0;
}
.top-search .input-group-addon.close-search{
cursor: pointer;
}
/* Side Menu
=================================*/
body{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.side{
position: fixed;
overflow-y: auto;
top: 0;
right: -550px;
width: 550px;
padding: 50px 40px 25px 40px;
height: 100%;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1000;
}
.side.on{
right: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.side .close-side{
float: right;
color: #fff;
position: relative;
z-index: 2;
font-size: 25px;
}
.side a:hover.close-side {color:#A14A9C;}
.side .logo-side{
float: left;
position: relative;
z-index: 2;
width: 110px;
}
.side .widget{
position: relative;
z-index: 1;
float: left;
width: 100%;
margin-bottom:0;
}
.side ul.social-media{
position: absolute;
bottom: 5%;
}
.side ul.social-media li{display: inline-block;margin-right: 10px;font-size: 18px;}
.side ul.social-media li a{color: #fff;}
.side ul.social-media li a:hover, .side .widget ul.social-media li a:focus{color: #000;}
.side .widget .title{
color: #fff;
margin-bottom: 15px;
}
.side .widget ul.link{
padding: 0;
margin: 0;
list-style: none;
}
.side .widget ul.link li{
margin-bottom:10px;
font-size: 28px;
opacity: 0;
-webkit-transition: all 0.8s ease 500ms;
-o-transition: all 0.8s ease 500ms;
transition: all 0.8s ease 500ms;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
display: block;
}
.side ul.link li.link-item:first-child {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.side ul.link li.link-item:nth-child(2){
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.side ul.link li.link-item:nth-child(3) {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.side ul.link li.link-item:nth-child(4) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.side ul.link li.link-item:nth-child(5) {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.side ul.link li.link-item:nth-child(6) {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.side ul.link li.link-item:nth-child(7) {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s;
}
.side ul.link li.link-item:nth-child(8) {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}
.side ul.link li.link-item:nth-child(9) {
-webkit-transition-delay: .9s;
-o-transition-delay: .9s;
transition-delay: .9s;
}
.side.on ul.link li.link-item {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.side .widget ul.link li a{
color: #fff;
}
.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{
background: -webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: none;
}
/* Share
=================================*/
nav.navbar.bootsnav .share{
padding: 0 20px;
margin-bottom: 30px;
}
nav.navbar.bootsnav .share ul{
display: inline-block;
padding: 0;
margin: 0 0 -7px 0;
list-style: none;
}
nav.navbar.bootsnav .share ul > li{
float: left;
display: block;
margin-right: 5px;
}
nav.navbar.bootsnav .share ul > li > a{
display: table-cell;
vertical-align: middle;
}
/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed{
position: fixed;
display: block;
width: 100%;
height:65px;
}
nav.navbar.bootsnav.no-background{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
/* Navbar Sticky
=================================*/
.wrap-sticky{
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-sticky nav.navbar.bootsnav{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.wrap-sticky nav.navbar.bootsnav.sticked{
position: fixed;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
left: -280px;
}
/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width:1400px) {
body.wrap-nav-sidebar .wrapper .container{
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1024px) {
/* General Navbar
=================================*/
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
margin-top: -1px;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
right: -200px;
}
nav.navbar.bootsnav ul.nav > li > a{
padding: 20px 12px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 0;
width: 195px;
background: #fff;
left: -10px;
border: 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
background-color:#A14A9C;
color:#fff;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
padding: 10px 15px;
color: #757575;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
border-bottom: 1px solid #f3f1f1;
/*margin: 0 15px 5px 15px;*/
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
border-bottom: none;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
text-align: left;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
font-family: 'dport-icons';
float: right;
content: "\eaa3";
margin-top: 0;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
font-family: 'dport-icons';
float: right;
content: "\eaa3";
margin-top: 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
top: 1px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
padding: 0 15px !important;
margin-top: -2px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
/*padding: 25px 0 20px;*/
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
padding: 0 30px;
margin: 0 -0.5px;
border-left: solid 1px #dddfe6;
border-right:1px solid #dddfe6;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
border-left: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
border-right: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
display: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
text-align: left;
padding: 10px;
display: block;
width: 100%;
margin-bottom: 0;
border-bottom: none;
color: #757575;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover{
color: #212121;
}
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
display: block !important;
height: auto !important;
}
/* Navbar Transparent
=================================*/
nav.navbar.bootsnav.no-background{
background-color: transparent;
border: none;
}
nav.navbar.bootsnav.navbar-transparent .attr-nav {
height: 80px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
display: table;
position: relative;
}
nav.navbar.bootsnav.navbar-transparent.white, nav.navbar.bootsnav.navbar-transparent.dark{
background:transparent;
height:80px;
box-shadow: none;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
nav.navbar.bootsnav.navbar-transparent.dark{
border-bottom: solid 1px rgba(158, 158, 158, 0.2);
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
/*border-left: solid 1px #bbb;*/
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
border-left: solid 1px rgba(158, 158, 158, 0.2);
}
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
nav.navbar.bootsnav.no-background.white ul.nav > li > a,
nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a,
nav.navbar.bootsnav.no-background.dark ul.nav > li > a
{
color: #fff;
padding-top: 29px;
padding-bottom: 29px;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
color: #212121!important;
}
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a:hover,
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a:hover,
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a:hover,
nav.navbar.bootsnav.no-background.white ul.nav > li > a:hover,
nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a:hover,
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a:hover,
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a:hover,
nav.navbar.bootsnav.no-background.dark ul.nav > li > a:hover
{
background: -webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{
opacity: 0;
height: 0;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{
opacity: 1;
height: auto;
}
nav.navbar.bootsnav.navbar-fixed .logo-display{
opacity: 0;
height: 0;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
opacity: 1;
height: auto;
}
/* Atribute Navigation
=================================*/
.attr-nav > ul > li.dropdown ul.dropdown-menu{
margin-top: -1px;
margin-left: 0px;
width: 250px;
left: -250px;
}
/* Menu Center
=================================*/
nav.navbar.bootsnav.menu-center .container{
position: relative;
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
nav.navbar.bootsnav.menu-center .navbar-header,
nav.navbar.bootsnav.menu-center .attr-nav{
position: absolute;
}
nav.navbar.bootsnav.menu-center .attr-nav{
right: 15px;
}
/* Navbar Brand top
=================================*/
nav.bootsnav.navbar-brand-top .navbar-header{
display: block;
width: 100%;
text-align: center;
}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
margin-top: 2px;
}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
margin-top: 0;
}
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
display: inline-block;
float: none;
margin: 0;
}
nav.bootsnav.navbar-brand-top .navbar-collapse{
text-align: center;
}
nav.bootsnav.navbar-brand-top ul.nav{
display: inline-block;
float: none;
margin: 0 0 -5px 0;
}
/* Navbar Center
=================================*/
nav.bootsnav.brand-center .navbar-header{
display: block;
width: 100%;
position: absolute;
text-align: center;
top: 0;
left: 0;
}
nav.bootsnav.brand-center .navbar-brand{
display: inline-block;
float: none;
}
nav.bootsnav.brand-center .navbar-collapse{
text-align: center;
display: inline-block;
padding-left: 0;
padding-right: 0;
}
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
margin-top: 2px;
}
nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
margin-top: 0;
}
nav.bootsnav.brand-center .navbar-collapse .col-half{
width: 50%;
float: left;
display: block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left{
text-align: right;
padding-right: 100px;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right{
text-align: left;
padding-left: 100px;
}
nav.bootsnav.brand-center ul.nav{
float: none !important;
margin-bottom: -5px !important;
display: inline-block !important;
}
nav.bootsnav.brand-center ul.nav.navbar-right{
margin: 0;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
text-align: left;
padding-right: 100px;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
text-align: right;
padding-left: 100px;
}
/* Navbar Sidebar
=================================*/
body.wrap-nav-sidebar .wrapper{
padding-left: 260px;
overflow-x: hidden;
}
nav.bootsnav.navbar-sidebar{
position: fixed;
width: 260px;
overflow: hidden;
left: 0;
padding: 0 0 0 0 !important;
background: #fff;
border-right: solid 1px #f1f1f1;
}
nav.bootsnav.navbar-sidebar .scroller{
width: 280px;
overflow-y:auto;
overflow-x: hidden;
}
nav.bootsnav.navbar-sidebar .container-fluid,
nav.bootsnav.navbar-sidebar .container{
padding: 0 !important;
}
nav.bootsnav.navbar-sidebar .navbar-header{
float: none;
display: block;
width: 260px;
padding: 10px 20px;
margin: 10px 0 40px 0 !important;
}
nav.bootsnav.navbar-sidebar .navbar-collapse{
padding: 0 !important;
width: 260px;
}
nav.bootsnav.navbar-sidebar ul.nav{
float: none;
display: block;
width: 100%;
padding: 0 15px !important;
margin: 0 0 30px 0;
}
nav.bootsnav.navbar-sidebar ul.nav li{
float: none !important;
margin-bottom: 10px;
}
nav.bootsnav.navbar-sidebar ul.nav > li > a{
padding: 10px 15px;
text-align:left;
font-family: 'Roboto', sans-serif;
letter-spacing: 2px;
font-weight: 400;
}
nav.bootsnav.navbar-sidebar ul.nav > li > a:after{
content: '';
position: absolute;
top: 40px;
left: 15px;
background-color: #4facfe;
height: 1px;
width: 20px;
}
nav.bootsnav.navbar-sidebar ul.nav > li > a:hover{
color:#4facfe;
}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
float: right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
left: 100%;
top: 0;
position: relative !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
background-color: transparent;
border: none !important;
padding: 0;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
border: none !important;
}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
margin-bottom: 15px;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
padding-left: 0;
float: none;
margin-bottom: 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
padding: 5px 15px;
color: #6f6f6f;
border: none;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
padding-left: 15px;
margin-top: 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
font-family: 'dport-icons';
content: "\eaa3";
float: right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
content: "\f3d0";
}
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
padding: 0 !important;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
display: block;
float: none !important;
padding: 0;
margin: 0;
width: 100%;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
color: #6f6f6f;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
font-family: 'dport-icons';
content: "\f105";
float: right;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
content: "\f3d0";
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
border: none;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
padding: 0 0 0 15px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
padding: 3px 0 !important;
}
}
@media screen and (max-width: 1024px) {
.logo-display {
display: none;
}
}
@media (max-width: 1024px) {
/* Navbar Responsive
=================================*/
nav.navbar.bootsnav .navbar-brand {
display: inline-block;
float: none !important;
margin: 0 !important;
}
nav.navbar.bootsnav .navbar-header {
float: none;
display: block;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
nav.navbar.bootsnav .navbar-toggle {
display: inline-block;
float: right;
margin-right: 0px;
margin-top: 10px;
}
nav.navbar.bootsnav .navbar-collapse {
border: none;
margin-bottom: 0;
}
nav.navbar.bootsnav.no-full .navbar-collapse{
max-height: 350px;
overflow-y: auto !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
display: block !important;
}
nav.navbar.bootsnav .navbar-nav {
float: none !important;
padding-left: 30px;
padding-right: 30px;
margin: 0px -15px;
}
nav.navbar.bootsnav .navbar-nav > li {
float: none;
text-align:center;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{
font-family: "dport-icons";
content: "\eaa3";
float: right;
font-size: 16px;
margin-left: 10px;
}
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
content: "\eaa3";
}
nav.navbar.bootsnav .navbar-nav > li > a{
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
margin-bottom: 0px;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
border-bottom: solid 1px #2f2f2f;
}
nav.navbar.bootsnav .navbar-nav > li:first-child > a{
border-top: none;
color: #212121!important;
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
float: none !important;
position: relative;
display: block;
width: 100%;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
width: 100%;
position: relative !important;
background-color: transparent;
float: none;
border: none;
padding: 0 0 0 15px !important;
margin: 0 0 -1px 0 !important;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px;
-o-border-radius: 0px 0px 0px;
border-radius: 0px 0px 0px;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 10px 0;
color: #6f6f6f;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
background-color: transparent;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
float: none !important;
left: 0;
padding: 0 0 0 15px;
position: relative;
background: transparent;
width: 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
display: inline-block;
margin-top: -10px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
display: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
padding: 10px 15px 10px 0;
line-height: 24px;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
border-bottom: solid 1px #e0e0e0;
color: #6f6f6f;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
padding: 8px 0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{
font-family: "dport-icons";
content: "\eaa3";
float: right;
font-size: 16px;
margin-left: 10px;
position: relative;
right: -15px;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{
border-bottom: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
border-bottom: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{
content: "\f3d0";
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{
padding: 0 0 0 15px;
}
nav.bootsnav.brand-center .navbar-collapse{
display: block;
}
nav.bootsnav.brand-center ul.nav{
margin-bottom: 0px !important;
}
nav.bootsnav.brand-center .navbar-collapse .col-half{
width: 100%;
float: none;
display: block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left{
margin-bottom: 0;
}
nav.bootsnav .megamenu-content{
padding: 0;
}
nav.bootsnav .megamenu-content .col-menu{
padding-bottom: 0;
}
nav.bootsnav .megamenu-content .title{
cursor: pointer;
display: block;
padding: 10px 15px;
margin-bottom: 0;
font-weight: normal;
}
nav.bootsnav .megamenu-content .content{
display: none;
}
.attr-nav{
position: absolute;
right: 60px;
}
.attr-nav > ul{
padding: 0;
margin: 0 -15px -7px 0;
}
.attr-nav > ul > li > a{
/*padding: 16px 15px 15px;*/
}
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
display: none;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu{
margin-top: 2px;
margin-left: 55px;
width: 250px;
left: -250px;
border-top: solid 5px;
}
.top-search .container{
padding: 0 45px;
}
/* Navbar full Responsive
=================================*/
nav.bootsnav.navbar-full ul.nav{
margin-left: 0;
}
nav.bootsnav.navbar-full ul.nav > li > a{
border: none;
}
nav.bootsnav.navbar-full .navbar-brand {
float: left !important;
padding-left: 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
display: inline-block;
float: right;
margin-right: 0;
margin-top: 10px;
}
nav.bootsnav.navbar-full .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
/* Navbar Sidebar
=================================*/
nav.navbar.bootsnav.navbar-sidebar .share{
padding: 30px 15px;
margin-bottom: 0;
}
/* Tabs
=================================*/
nav.navbar.bootsnav .megamenu-content.tabbed{
padding-left: 0 !important;
}
nav.navbar.bootsnav .tabbed > li{
padding: 25px 0;
margin-left: -15px !important;
}
/* Mobile Navigation
=================================*/
body > .wrapper{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.side-right > .wrapper{
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
position: fixed;
overflow-y: auto !important;
overflow-x: hidden !important;
display: block;
background: #fff;
z-index: 99;
width: 280px;
height: 100% !important;
left: -280px;
top: 0;
padding: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{
left: 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav{
width: 293px;
padding-right: 0;
padding-left: 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
padding: 15px 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
width: 100%;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
display: block !important;
}
nav.navbar.bootsnav.navbar-fixed .logo-display{
display: none !important;
}
nav.navbar.bootsnav.navbar-mobile .tab-menu,
nav.navbar.bootsnav.navbar-mobile .tab-content{
width: 100%;
display: block;
}
}
@media (max-width: 767px) {
nav.navbar.bootsnav .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
nav.navbar.bootsnav .navbar-nav {
padding-left: 15px;
padding-right: 15px;
}
.attr-nav {
right: 20px;
width: 100px;
height: 67px;
}
.attr-nav > ul{
margin-right: -10px;
}
.attr-nav > ul > li > a{
/*padding: 16px 10px 15px;*/
padding-left: 0 !important;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu{
left: -275px;
}
.top-search .container{
padding: 0 15px;
}
nav.bootsnav.navbar-full .navbar-collapse{
left: 15px;
}
nav.bootsnav.navbar-full .navbar-header{
padding-right: 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
margin-right: -15px;
}
nav.bootsnav.navbar-full ul.nav > li > a{
font-size: 18px !important;
line-height: 24px !important;
padding: 5px 10px !important;
}
/* Navbar Sidebar
=================================*/
nav.navbar.bootsnav.navbar-sidebar .share{
padding: 30px 15px !important;
}
/* Navbar Sidebar
=================================*/
nav.navbar.bootsnav.navbar-sidebar .share{
padding: 30px 0 !important;
margin-bottom: 0;
}
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{
padding: 30px 15px !important;
margin-bottom: 0;
}
/* Mobile Navigation
=================================*/
body.side-right > .wrapper{
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
margin-left: 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav{
margin-left: -15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav{
border-top: solid 1px #fff;
}
li.close-full-menu{
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
@media (min-width: 480px) and (max-width: 640px) {
nav.bootsnav.navbar-full ul.nav{
padding-top: 30px;
padding-bottom: 30px;
}
}
.nav-scrollspy-onepage.fixed-menu li.active {position: relative;}
.nav-scrollspy-onepage.fixed-menu li.active a:after{
background-color: #4facfe;
content: '';
width: 100%;
height: 40px;
position: absolute;
top: 50%;
left: 0;
border-radius: 100px;
z-index: -1;
transform: translateY(-50%);
}
.red-nav.nav-scrollspy-onepage {
}
.red-nav.nav-scrollspy-onepage a:hover {
color:#d9534f!important;
}
.red-nav.nav-scrollspy-onepage .active a{
color:#d9534f!important;
}
.yellow-nav.nav-scrollspy-onepage {
}
.yellow-nav.nav-scrollspy-onepage a:hover {
color:#f0ad4e!important;
}
.yellow-nav.nav-scrollspy-onepage .active a{
color:#f0ad4e!important;
}
.green-nav.nav-scrollspy-onepage a:hover {
color:#8BC34A!important;
}
.green-nav.nav-scrollspy-onepage .active a{
color:#8BC34A!important;
}
/* Search Overlay */
.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform input[type=submit] {
position: absolute;
width: 100%;
height: 100%;
background-color: transparent;
border: 0;
right: 0;
top: 0;
}
#fullscreen-searchform:focus{
outline: none;
border: none;
}
.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform .fullscreen-search-icon {
font-size: 25px;
position: absolute;
right: 25px;
width: 25px;
top: 30px;
color: #fff;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.fullscreen-search-icon:hover,
.fullscreen-search-icon:focus{
border: none;
outline: none;
color: #fff !important;
}
#fullscreen-searchform {
position: relative;
vertical-align:middle;
}
.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform #fullscreen-search-input {
min-width: 350px;
width:100%;
background-color: transparent;
border: 1px solid #fff;
text-align: left;
font-size: 35px;
padding: 20px;
color: #fff;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform #fullscreen-search-input:focus{
border: 1px solid #4facfe;
outline: none;
}
.fullscreen-search-overlay.fullscreen-search-overlay-show {
visibility: visible;
opacity: 1;
}
.fullscreen-search-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(33, 33, 33, 0.99);
text-align: center;
-webkit-transition: all ease-in-out .25s;
-moz-transition: all ease-in-out .25s;
-ms-transition: all ease-in-out .25s;
-o-transition: all ease-in-out .25s;
transition: all ease-in-out .25s;
}
.animate-element,
.effect-bg-layer,
.fullscreen-search-overlay {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.fullscreen-search-overlay {
z-index: 9999;
}
.fullscreen-search-overlay .fullscreen-close:link,
.fullscreen-search-overlay .fullscreen-close:visited {
color: #fff;
}
.fullscreen-search-overlay .fullscreen-close {
position: absolute;
right: 50px;
top: 70px;
font-size: 26px;
-webkit-transition: transform ease-out .2s;
-moz-transition: transform ease-out .2s;
-ms-transition: transform ease-out .2s;
-o-transition: transform ease-out .2s;
transition: transform ease-out .2s;
transform: rotate(0deg);
z-index: 99;
}
.fullscreen-search-overlay.fullscreen-search-overlay-show #fullscreen-search-wrapper {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
ms-transform: scale(1);
}
.fullscreen-search-overlay #fullscreen-search-wrapper {
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 18px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
ms-transform: scale(0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.search-trigger {
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out
}
.fullscreen-close:hover{
color:#4facfe!important;
}
/* Side Menu
=================================*/
.side-menu-open {
overflow: hidden !important;
}
.side-menu-nav {
position: fixed;
z-index: 101;
top: 0;
overflow: hidden;
width: 22.25rem;
height: 100%;
color: #212121;
background-color: #fff;
padding: 20px;
}
.side-menu-brand {
font-size: 1.5rem;
font-weight: bold;
line-height: 3.75rem;
display: block;
padding-right: .75rem;
padding-left: .75rem;
text-decoration: none;
color: #212121;
margin-top: 0px;
}
.side-menu-wrap {
margin: 50px 0;
padding: 0;
list-style: none;
}
.side-menu-list-item {
font-size: 16px;
display: block;
padding: .75rem;
text-decoration: none;
color: #757575;
}
.side-menu-list-item:hover, .side-menu-list-item:focus {
color: #212121;
background-color: transparent;
}
/*! overlay */
.side-menu-overlay {
position: fixed;
z-index: 1;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}
.side-menu-open .side-menu-overlay {
display: block;
}
/*!------------------------------------*\
Top
\*!------------------------------------*/
.side-menu-top .side-menu-nav {
top: -100%;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.side-menu-top.side-menu-open .side-menu-nav {
top: 0;
}
.side-menu-top .side-menu-hamburger,
.side-menu-top.side-menu-open .side-menu-hamburger {
right: 0;
}
/*!------------------------------------*\
Left
\*!------------------------------------*/
.side-menu-left .side-menu-nav {
left: -22.25rem;
-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.side-menu-left.side-menu-open .side-menu-nav,
.side-menu-left .side-menu-hamburger,
.side-menu-left.side-menu-open .side-menu-navbar .side-menu-hamburger {
left: 0;
}
.side-menu-left.side-menu-open .side-menu-hamburger {
left: 22.25rem;
}
/*!------------------------------------*\
Right
\*!------------------------------------*/
.side-menu-right .side-menu-nav {
right: -22.25rem;
-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.side-menu-right .side-menu-hamburger {
margin-right: 25px;
margin-left: 0;
}
.side-menu-right.side-menu-open .side-menu-nav,
.side-menu-right .side-menu-hamburger,
.side-menu-right.side-menu-open .side-menu-navbar .side-menu-hamburger {
right: 0;
}
.side-menu-right.side-menu-open .side-menu-hamburger {
right: 22.25rem;
}
/*!------------------------------------*\
Hamburger
\*!------------------------------------*/
.side-menu-hamburger {
position: fixed;
z-index: 104;
top: 25px;
display: block;
box-sizing: content-box;
width: 2.6rem;
padding: 0;
padding-top: 18px;
padding-right: 1.75rem;
padding-bottom: 31px;
padding-left: 1.75rem;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border: 0;
outline: 0;
background-color: #fff;
margin-left: 25px;
box-shadow: 2px 2px 29px 5px rgba(31, 31, 31, 0.07);
}
.side-menu-hamburger:hover {
cursor: pointer;
background-color: #fff;
}
.side-menu-hamburger-icon {
position: relative;
display: block;
margin-top: 10px;
}
.side-menu-hamburger-icon,
.side-menu-hamburger-icon:before,
.side-menu-hamburger-icon:after {
width: 100%;
height: 2px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
background-color: #222;
}
.side-menu-hamburger-icon:before,
.side-menu-hamburger-icon:after {
position: absolute;
top: -8px;
left: 0;
content: ' ';
}
.side-menu-hamburger-icon:after {
top: 8px;
}
.side-menu-open .side-menu-hamburger-icon {
background-color: transparent;
}
.side-menu-open .side-menu-hamburger-icon:before,
.side-menu-open .side-menu-hamburger-icon:after {
top: 0;
}
.side-menu-open .side-menu-hamburger-icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side-menu-open .side-menu-hamburger-icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*!------------------------------------*\
accessibility
\*!------------------------------------*/
/*!
* Only display content to screen readers
* See: http://a11yproject.com/posts/how-to-hide-content
*/
.sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
/*!
* Use in conjunction with .sr-only to only display content when it's focused.
* Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
* Credit: HTML5 Boilerplate
*/
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
/*!------------------------------------*\
Sidebar
\*!------------------------------------*/
.side-menu-sidebar {
background-color: #fff;
}
.side-menu-sidebar .side-menu-contents {
background-color: #fff;
}
@media (min-width: 64em) {
.side-menu-sidebar .side-menu-hamburger {
display: none;
visibility: hidden;
}
.side-menu-sidebar .side-menu-nav {
display: block;
-webkit-transform: none;
transform: none;
position: fixed;
width: 12.5rem;
height: 100%;
}
/*! Left */
.side-menu-sidebar.side-menu-left .side-menu-nav {
left: 0;
border-right: 1px solid #ddd;
}
.side-menu-sidebar.side-menu-left .side-menu-contents {
margin-left: 12.5rem;
}
/*! Right */
.side-menu-sidebar.side-menu-right .side-menu-nav {
right: 0;
border-left: 1px solid #ddd;
}
.side-menu-sidebar.side-menu-right .side-menu-contents {
margin-right: 12.5rem;
}
/*! container */
.side-menu-sidebar .side-menu-container {
max-width: 48rem;
}
}
@media (min-width: 75em) {
.side-menu-sidebar .side-menu-nav {
width: 16.25rem;
}
.side-menu-sidebar.side-menu-left .side-menu-contents {
margin-left: 16.25rem;
}
.side-menu-sidebar.side-menu-right .side-menu-contents {
margin-right: 16.25rem;
}
/*! container */
.side-menu-sidebar .side-menu-container {
max-width: 60rem;
}
}
/*!------------------------------------*\
Navbar
\*!------------------------------------*/
.side-menu-navbarTopGutter {
padding-top: 3.75rem;
}
.side-menu-navbar .side-menu-navbar-header {
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.side-menu-navbar {
z-index: 102;
top: 0;
width: 100%;
}
/*! .side-menu-navbar modifier */
.side-menu-navbar--fixed {
position: fixed;
}
.side-menu-navbar-header {
position: relative;
z-index: 102;
box-sizing: border-box;
width: 100%;
height: 3.75rem;
padding: 0 .75rem;
text-align: center;
}
.side-menu-navbar .side-menu-brand {
line-height: 3.75rem;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
}
.side-menu-navbar .side-menu-brand:hover {
background-color: transparent;
}
.side-menu-navbar .side-menu-nav {
padding-top: 3.75rem;
}
.side-menu-navbar .side-menu-wrap {
padding-bottom: 7.5rem;
}
@media (min-width: 64em) {
.side-menu-navbar {
height: 3.75rem;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.side-menu-navbar .side-menu-navbar-header {
position: relative;
display: block;
float: left;
width: auto;
padding: 0;
border: 0;
}
.side-menu-navbar .side-menu-wrap--right {
float: right;
}
.side-menu-navbar .side-menu-wrap li {
float: left;
}
.side-menu-navbar .side-menu-list-item {
line-height: 3.75rem;
padding-top: 0;
padding-bottom: 0;
}
.side-menu-navbar .side-menu-hamburger {
display: none;
}
.side-menu-navbar .side-menu-nav {
position: relative;
left: 0;
overflow: visible;
width: auto;
height: 3.75rem;
padding-top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.side-menu-navbar .side-menu-wrap {
padding: 0;
}
/*! dropdown */
.side-menu-navbar .side-menu-dropdown-menu {
position: absolute;
width: 16.25rem;
border: 1px solid #ddd;
}
.side-menu-navbar .side-menu-dropdown-menu-item {
padding-left: .75rem;
}
}
/*!------------------------------------*\
Dropdown
\*!------------------------------------*/
.side-menu-dropdown-menu {
display: none;
box-sizing: border-box;
width: 100%;
margin: 20px 0;
padding: 0;
background-color: #fff;
}
.side-menu-dropdown-menu > li {
width: 100%;
list-style: none;
}
.side-menu-dropdown-menu-item {
line-height: 3.75rem;
display: block;
padding: 0;
padding-right: .75rem;
padding-left: 1.5rem;
text-decoration: none;
color: #757575;
}
.side-menu-dropdown-menu-item:hover {
color: #212121;
background-color: transparent;
}
/*! open */
.side-menu-dropdown.open > .side-menu-dropdown-menu {
display: block;
}
/*! drawer-caret */
.side-menu-dropdown .side-menu-caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 4px;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
/*! open */
.side-menu-dropdown.open .side-menu-caret {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/*!------------------------------------*\
Container
\*!------------------------------------*/
.side-menu-container {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 64em) {
.side-menu-container {
max-width: 60rem;
}
}
@media (min-width: 75em) {
.side-menu-container {
max-width: 70rem;
}
}
ul.side-bar-nav {
margin: 50px auto;
text-align: center;
list-style: none;
}
ul.side-bar-nav li {
padding: 10px 0;
}
ul.side-bar-nav li a {
text-decoration: none;
color: #212121;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
ul.side-bar-nav li a:hover {
cursor: pointer;
}
ul.side-bar-nav-list li {
padding: 3px 0;
}
ul.side-bar-nav-list li a {
color: #757575;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: capitalize;
letter-spacing: 0px;
}
ul.side-bar-nav-list li a:hover {
color: #212121;
}
ul.side-bar-nav-list {
list-style: none;
margin: 20px 0;
}
ul.side-bar-submenu {
list-style: none;
margin: 20px 0;
}
/* Custom Icons */
@font-face {
font-family: 'dport-icons';
src:url('../fonts/dport-icons.eot?u6wt8o');
src:url('../fonts/dport-icons.eot?u6wt8o#iefix') format('embedded-opentype'),
url('../fonts/dport-icons.woff') format('woff'),
url('../fonts/dport-icons.ttf') format('truetype'),
url('../fonts/dport-icons.svg?u6wt8o#dport-icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'dport-icons';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display:inline-block;
font-display: swap;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.ion-android-menu{
font-family: 'dport-icons';
}
.ion-android-close{
font-family: 'dport-icons';
}
.icon-globe, .icon-search, .icon-menu .icon-arrow, .icon-facebook, .icon-twitter, .icon-youtube, .icon-instagram {
font-family: 'dport-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display:inline-block;
font-display: swap;
}
.icon-globe:before {
content: "\e9c9";
}
.icon-search:before {
content: "\e986";
}
.icon-menu:before {
content: "\e9bd";
}
.icon-arrow:before {
content: "\ea32";
}
.icon-facebook:before {
content: "\ea91";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-youtube:before {
content: "\ea9d";
}
.icon-instagram:before {
content: "\e93a";
}
/* SLICK CSS */
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Transitons */
@-webkit-keyframes it-zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .6; }
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
}
@keyframes it-zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .6; }
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
}
a, a:hover, a *{-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;transition: .3s;}
/* Loader */
#loader-overlay {width: 100%;height: 100vh;background: #eeeeee;position: fixed;z-index: 999999;top: 0;left: 0;right: 0;}
.loader{display: inline-block;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.spinner{width:66px;height:66px;-webkit-animation:contanim 2s linear infinite;animation:contanim 2s linear infinite;}
svg{width:100%;height:100%;left:0;top:0;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
svg:nth-child(1) circle{stroke:#9357cc;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (1)) ease infinite;animation:strokeanim 3s calc(.2s * (1)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
svg:nth-child(2) circle{stroke:#1d2124;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (2)) ease infinite;animation:strokeanim 3s calc(.2s * (2)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
svg:nth-child(3) circle{stroke:#1d2124;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (3)) ease infinite;animation:strokeanim 3s calc(.2s * (3)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
svg:nth-child(4) circle{stroke:#9357cc;stroke-dasharray:1, 300;stroke-dashoffset:0;-webkit-animation:strokeanim 3s calc(.2s * (4)) ease infinite;animation:strokeanim 3s calc(.2s * (4)) ease infinite;-webkit-transform-origin:center center;transform-origin:center center;}
@-webkit-keyframes strokeanim{0%{stroke-dasharray:1, 300;stroke-dashoffset:0;}
50%{stroke-dasharray:120, 300;stroke-dashoffset:-58.548324585;}
100%{stroke-dasharray:120, 300;stroke-dashoffset:-175.6449737549;}
}
@keyframes strokeanim{0%{stroke-dasharray:1, 300;stroke-dashoffset:0;}
50%{stroke-dasharray:120, 300;stroke-dashoffset:-58.548324585;}
100%{stroke-dasharray:120, 300;stroke-dashoffset:-175.6449737549;}
}
@-webkit-keyframes contanim{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes contanim{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
/* Selection */
::selection {background-color: #1d2124;color: #fff;}
/* All */
* {margin: 0;padding: 0;min-height:0;min-width:0;}
*, :after, :before {box-sizing: border-box;}
html, body{position: relative;height: 100%;}
body {color: #888;background: #fafafa;font-size:14px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
iframe {border: 0;}
video {background-size: cover;display: table-cell;vertical-align: middle;width: 100%;}
.html5-video {background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: auto; z-index: -3; }
iframe, embed, object {max-width: 100%;}
.wrapper {position: relative;z-index: 20;overflow-x: hidden;}
/* Typography */
h1, h2, h3, h4, h5, h6 {color: #1d2124;margin: 20px 0 10px 0;font-style: normal;font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.2em;}
h1 { font-size: 56px;}
h2 { font-size: 36px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 12px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1d2124;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5:hover a, h6 a:hover { color: #9357cc;}
p a {}
p a:hover {color: #9357cc;}
p {letter-spacing: normal;line-height: 24px;color: #888;font-weight:400;font-family: 'Open Sans', sans-serif;}
p.intro{font-size:16px;line-height:1.5em;}
a {text-decoration: none;color:#1d2124;}
a:hover, a:focus, a:active {outline: none;text-decoration: none;color:#df06d4;}
ul {list-style: disc;}
li > ul, li > ol {padding: 0;margin-left: 15px;}
figure {margin-bottom: 6px;position: relative;}
img {height: auto;max-width: 100%;}
.mark, mark{background-color:#9357cc;color:#fff;}
pre {margin: 0 20px;padding: 10px;border: 1px solid #e2e2e2;background: #f1f1f1;border-radius:0;}
blockquote {border-left: 2px solid #9357cc;background: #fff;padding: 15px 40px;}
blockquote p {font-size: 18px;line-height: 30px;margin-bottom: 17px !important;font-weight: 300;}
.blockquote-reverse, blockquote.pull-right {border-right: 2px solid #9357cc;background:#fff;}
.outline-alert {background-color: transparent!important;}
strong { color: #414141; }
hr{border:0;height: 1px;width:100%;margin:20px auto;}
hr.left-line{margin:20px 0 20px 0;width:80px;}
hr.center_line{width:80px;}
.text-decoration-underline{text-decoration: underline;}
.text-decoration-none{text-decoration: none;}
.line-trough{text-decoration: line-through;}
.text-animation {
display: inline;
text-indent: 8px;
}
.text-animation span {
animation: topToBottom 12.5s linear infinite 0s;
-ms-animation: topToBottom 12.5s linear infinite 0s;
-webkit-animation: topToBottom 12.5s linear infinite 0s;
color: #00abe9;
opacity: 0;
overflow: hidden;
position: absolute;
}
.text-animation span:nth-child(2) {
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.text-animation span:nth-child(3) {
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.text-animation span:nth-child(4) {
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.text-animation span:nth-child(5) {
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}
/*topToBottom Animation*/
@-webkit-keyframes topToBottom {
0% {
opacity: 0;
}
5% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
10% {
opacity: 1;
-webkit-transform: translateY(0px);
}
25% {
opacity: 1;
-webkit-transform: translateY(0px);
}
30% {
opacity: 0;
-webkit-transform: translateY(50px);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.section-title{margin-bottom: 30px;}
.section-title h1{font-size: 50px;font-weight: 600;margin-top: 10px;}
.section-title h2{font-size: 25px;line-height: 0.9;margin: 0;}
/* Forms */
label {margin-bottom: 10px;font-weight: 500;color:#1d2124;font-family: 'Open Sans', sans-serif;font-size: 14px;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: none;box-shadow: none;outline: 0 none;}
.search-submit{position: absolute;right: 20px;top:14px;background: none;border:0;padding: 0;font-size:20px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;color:#e0e0e0;}
.search-submit:hover{color: #9357cc;}
.select-custom {width: 100%;overflow: hidden;background: url(../images/select-arrow.png) no-repeat 97% 50%;border: 1px solid #fff;margin-bottom: 20px;}
.select-custom select {width: 100%;border: none;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;
appearance: none;cursor: pointer;}
.md-input, .md-textarea, .md-select select {padding: 10px 20px;font-size: 14px;line-height: normal;border-radius: 0;}
input, textarea, select {border: 1px solid #1d1d1d;font-size: 14px;padding: 8px 15px;width: 100%;margin: 0 0 10px 0;max-width: 100%;resize: none;background-color: rgba(0,0,0,0.5);color:#fff;}
.has-error input, .has-error textarea, .has-error select{border-color: #888;}
.help-block{margin-top: 0;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #fe4f4f;font-size: 12px;}
.contact-form-style-01 input, .contact-form-style-01 textarea, .contact-form-style-01 select {color:#fff;}
.contact-form-style-02 .form-control{background-color: rgba(0,0,0,0.5);border-top:0;border-left:0;border-right:0;border-bottom:1px solid #fff;padding: 10px 0;}
.contact-form-style-02 .has-error input, .contact-form-style-02 .has-error textarea, .contact-form-style-02 .has-error select{border-color: #1d2124;}
.contact-form-style-02 .has-error .help-block, .contact-form-style-02 .has-error .control-label, .contact-form-style-02 .has-error .radio, .contact-form-style-02 .has-error .checkbox, .contact-form-style-02 .has-error .radio-inline, .contact-form-style-02 .has-error .checkbox-inline, .contact-form-style-02 .has-error.radio label, .contact-form-style-02 .has-error.checkbox label, .contact-form-style-02 .has-error.radio-inline label, .contact-form-style-02 .has-error.checkbox-inline label {
color: #fff;}
.contact-form-style-03 input, .contact-form-style-03 textarea, .contact-form-style-03 select {color:#1d2124;}
/* Sections */
section {padding-top:120px;padding-bottom:120px;position: relative;z-index: 10;background:#f5f5f5;overflow: hidden;}
section.lg-section{padding-top:150px;padding-bottom:150px;}
.section-heading {text-align: center;margin: auto;float: none;padding-bottom: 20px;}
/* Top Bar */
.top-bar{font-size: 12px;width: 100%;}
.dropdown-style-01 .dropdown-menu {margin-top: 12px;min-width: 130px;border-radius: 0;border: none;z-index: 444;right: 0;left: auto;}
.dropdown-style-01 .btn{color: #fff;font-size: 12px;padding: 0;margin: 0;background-color: transparent;font-weight: normal;text-transform: capitalize;border: 0;}
/* Navigations */
.navbar-nav {float: right;margin: 0;padding: 0px 10px;}
nav.navbar.bootsnav.navbar-transparent .logo {position: relative;z-index: 110;display: table;height: 80px;-webkit-transition: all .3s ease;transition: all .3s ease;}
nav.navbar.bootsnav.navbar-transparent.brand-center .logo, .brand-center .logo {text-align: center;margin: 0 auto;}
nav.navbar.bootsnav.navbar-transparent.brand-center .navbar-brand {padding: 20px 15px;}
.navbar-brand {padding: 11px 15px;}
.logo {position: relative;z-index: 110;display: table;height: 60px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.logo-huge {position: relative;z-index: 110;display: table;height: 60px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.logo-paragraph {position: relative;height: 17px;}
.logo img {max-height: 60px;-webkit-transition: all .5s ease;transition: all .5s ease;display: block;}
.logo-huge img {max-height: 60px;-webkit-transition: all .5s ease;transition: all .5s ease;display: block;}
.logo.z-index-1{z-index: 1;}
nav .logo > a {display: table-cell;vertical-align: middle;}
.navbar-scrollspy .logo img {text-align:center;margin: 0 auto;}
.menu-logo, .vcard-address{float: left;}
nav.bootsnav.navbar-sidebar ul.nav {margin: 0 0 30px 0;}
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a.nav-btn-default {padding-top: 10px;padding-bottom: 10px;margin-top: 15px;}
nav.navbar.bootsnav ul.nav > li > a.nav-btn-default {padding: 10px 15px;margin-top: 6.5px;color: #fff;}
.navbar-nav>li>.dropdown-menu {margin-top: 2px;}
.absolute-header {position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 99;padding: 10px 0;}
.menu-logo-outside {max-width: 180px;}
.menu-btn {position: fixed;right: 8%;z-index: 999;top: 2%;}
.menu-btn a{background-color: #fff;width: 60px;height: 60px;display: block;text-align: center;line-height: 57px;box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07);font-size: 26px;}
.btn-open:before {color: #333;content: "\f130";font-family: "dport-icons";-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.btn-open:hover:before {color: #9357cc;}
.btn-close:before {color: #333;content: "\f2d7";font-family: "dport-icons";-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.btn-close:hover:before {color: #9357cc;}
/* Menu Overlay */
body.overflow{overflow: hidden;}
.menu-overlay {position: fixed;top: 0;z-index: 998;display: none;overflow: hidden;width: 100%;height: 100%;background: #060606;left: 0;right: 0;}
.menu-overlay .menu-wrap {width: 100%;display: table;height: 100vh;}
ul.vcard-menu {margin: 0 auto;padding: 0;width: 100%;}
ul.vcard-menu li {padding: 10px 0;list-style: none;text-align: center;font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 50px;}
ul.vcard-menu li a {color: #fff;}
ul.vcard-menu li a:hover {color: #9357cc;}
.vcard-address{margin-top: 40px;margin-bottom: 40px;}
/* Sliders Text */
.hero-text{display: table-cell;vertical-align: middle;position: relative;width: 100%;z-index: 10;color: #fff;}
.hero-text h3, .hero-text h1{color:#9357cc;}
.hero-text h1 {font-size:72px;letter-spacing:5px;line-height: 1.25;}
.hero-text h1.letter-spacing-10{letter-spacing:10px;}
.hero-text h1.letter-spacing-0{letter-spacing:0px;}
.hero-text-wrap .hero-text h1.font-90px {font-size:90px;}
.hero-text h2 {font-size:62px;}
.hero-text h3 {font-size:49px;}
.hero-text h4 {font-size:30px;}
.hero-text h5 {font-size:19px;}
.hero-text h6 {font-size:14px;}
.hero-text-wrap.color-overlay-bg {background: rgba(191, 7, 49, 0.75);width: 100%;height: 101vh;position: absolute;z-index: 1;}
section.dark-block .hero-text-wrap, section.dark-block.title-hero-bg::before {background-color:transparent;}
.rev_slider a {-webkit-transition: all .3s ease-in !important;-o-transition: all .3s ease-in !important;transition: all .3s ease-in !important;}
.screens{width: 1000px!important;display: inline-block;}
/* Helper Classes */
::-webkit-input-placeholder{color:#1d2124!important;}
::-moz-placeholder{color:#1d2124!important;}
:-ms-input-placeholder{color:#1d2124!important;}
:-moz-placeholder{color:#1d2124!important;}
.style-02::-webkit-input-placeholder{color:#fff!important;}
.style-02::-moz-placeholder{color:#fff!important;}
.style-02:-ms-input-placeholder{color:#fff!important;}
.style-02:-moz-placeholder{color:#fff!important;}
input.search-bar-top::-webkit-input-placeholder { color: #fff!important; }
input.search-bar-top::-moz-placeholder { color: #fff!important; }
input.search-bar-top:-ms-input-placeholder { color: #fff!important; }
input.search-bar-top:-moz-placeholder { color: #fff!important; }
/* Positions */
.fixed{position:fixed!important;}
.relative{position:relative!important;}
.absolute{position:absolute!important;}
.static{position:static!important;}
/* Z-index */
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-0 {z-index:0;}
.z-index-minus2 {z-index:-2;}
/* Displays */
.display-none{display: none!important;}
.display-block{display: block!important;}
.display-inline-block{display: inline-block!important;}
.display-table{display: table;}
.display-table-cell{display: table-cell!important;}
.float-none{float:none;}
.centerize-col{float: none!important;margin-left: auto;margin-right: auto;}
.center-layout {display: table;table-layout: fixed;height: 100%;width: 100%;position: relative;}
.v-align-middle {display: table-cell;vertical-align: middle;}
/* Width Pixels */
.width-1px {width: 1px}
.width-2px {width: 2px}
.width-3px {width: 3px}
.width-4px {width: 4px}
.width-5px {width: 5px}
.width-6px {width: 6px}
.width-7px {width: 7px}
.width-8px {width: 8px}
.width-9px {width: 9px}
.width-10px {width: 10px}
.width-80px {width: 80px}
.width-90px {width: 90px}
.width-100px {width: 100px}
.width-150px {width: 150px}
.width-200px {width: 200px}
.width-250px {width: 250px}
.width-300px {width: 300px}
.width-350px {width: 350px}
.width-400px {width: 400px}
.width-450px {width: 450px}
.width-500px {width: 500px!important}
.width-550px {width: 550px}
.width-600px {width: 600px}
.width-650px {width: 650px!important}
.width-700px {width: 700px}
.width-800px {width: 800px}
/* Width Percentage */
.width-10-percent {width: 10% !important}
.width-20-percent {width: 20% !important}
.width-30-percent {width: 30% !important}
.width-40-percent {width: 40% !important}
.width-50-percent {width: 50% !important}
.width-60-percent {width: 60% !important}
.width-70-percent {width: 70% !important}
.width-80-percent {width: 80% !important}
.width-90-percent {width: 90% !important}
.width-100-percent {width: 100% !important}
.width-auto {width:auto !important}
.max-width-100 {max-width: 100%}
/* Minimum Width */
.min-width-100px {min-height: 100px}
.min-width-200px {min-height: 200px}
.min-width-300px {min-height: 300px}
.min-width-400px {min-height: 400px}
.min-width-500px {min-height: 500px}
.min-width-600px {min-height: 600px}
.min-width-700px {min-height: 700px}
/* View Width */
.view-width-100vh{width: 100vh;}
/* Height Pixels */
.height-1px {height: 1px!important}
.height-2px {height: 2px!important}
.height-3px {height: 3px!important}
.height-4px {height: 4px!important}
.height-5px {height: 5px!important}
.height-6px {height: 6px!important}
.height-7px {height: 7px!important}
.height-8px {height: 8px!important}
.height-9px {height: 9px!important}
.height-10px {height: 10px!important}
.height-80px {height: 80px}
.height-90px {height: 90px}
.height-100px {height: 100px}
.height-150px {height: 150px}
.height-200px {height: 200px}
.height-250px {height: 250px}
.height-300px {height: 300px}
.height-350px {height: 350px}
.height-400px {height: 400px}
.height-450px {height: 450px}
.height-500px {height: 500px!important;}
.height-550px {height: 550px}
.height-600px {height: 600px}
.height-650px {height: 650px!important;}
.height-700px {height: 700px}
.height-800px {height: 800px}
/* Height Percentage */
.height-10-percent {height: 10%}
.height-20-percent {height: 20%}
.height-30-percent {height: 30%}
.height-40-percent {height: 40%}
.height-50-percent {height: 50%}
.height-60-percent {height: 60%}
.height-70-percent {height: 70%}
.height-80-percent {height: 80%}
.height-90-percent {height: 90%}
.height-100-percent {height: 100% !important}
.height-auto {height:auto !important}
.max-height-100 {max-height: 100%}
/* Minimum Heights */
.min-height-100px {min-height: 100px}
.min-height-200px {min-height: 200px}
.min-height-300px {min-height: 300px!important;}
.min-height-400px {min-height: 400px}
.min-height-500px {min-height: 500px}
.min-height-600px {min-height: 600px}
.min-height-700px {min-height: 700px}
.min-height-800px {min-height: 800px}
.min-height-900px {min-height: 900px}
/* Hero Heights */
.xs-screen {height:300px;}
.sm-screen {height:400px;}
.md-screen {height:600px;}
.lg-screen {height:700px;}
.xl-screen {height:800px;}
.xxl-screen{height: 1000px;}
/* View Heights */
.view-height-100vh{height: 100vh!important;}
.view-height-50vh{height: 50vh!important;}
/* Backgrounds */
.bordered-bg {background-color: transparent;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.transparent-bg{background-color:transparent!important;}
.dark-bg{background-color:#1d2124;}
.black-bg{background-color:#000;}
.d-dark-bg{background-color:#0a0a0a;}
.white-bg{background-color: #fff!important;}
.default-bg{background: linear-gradient(225deg, rgba(161,74,156,1) 0%, rgba(96,201,221,1) 100%);}
.secondary-bg{background-color: #ec77ab;}
.dark-grey-bg{background-color: #e0e0e0;}
.grey-bg{background-color:#f5f5f5!important;}
.bordered-bg.white-bg{background-color: #fff;}
.pattern-bg-dark{background-image: url(../images/background/pattern-bg-dark.jpg);background-repeat: repeat;}
.pattern-bg-light{background-image: url(../images/light-pattern.png);background-repeat: repeat;}
.pattern-bg-colored{background-image: url(../images/colored-pattern.png);background-repeat: repeat;}
.light-br-r{border-right:1px solid #eeeeee;}
.fixed-bg{background-attachment: fixed!important;}
.overlay-bg {background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;z-index: -1;top:0;left:0;}
.front-overlay-bg {background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;z-index: 99;top:0;left:0;}
.color-overlay-bg {background: rgba(191, 7, 49, 0.75);width: 100%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;right: 0;}
.front-color-overlay-bg{background: rgba(191, 7, 49, 0.75);width: 100%;height: 100%;position: absolute;z-index: 99;top: 0;left: 0;right: 0;}
.secondary-color-overlay-bg {background: rgba(67, 13, 60, 0.75);width: 100%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;right: 0;}
.parallax-overlay {background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;z-index: -1;top:0;left:0;}
.parallax-overlay-white {background: rgba(255, 255, 255, 0.6);width: 100%;height: 100%;position: absolute;z-index: -1;top:0;left:0;}
.parallax-bg {background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-repeat:no-repeat;background-position: 50% 50%;}
/* Horizontal Line */
.line-horizontal{width: 100%;height: 1px;}
/* Box Shadows */
.box-shadow {box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);}
.box-shadow-hover{}
.box-shadow-hover:hover{box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);}
/* Fonts */
.montserrat-font{font-family: 'Montserrat', sans-serif;}
.open-font{font-family: 'Open Sans', sans-serif;}
.raleway-font{font-family: 'Raleway', sans-serif;}
.icaros-font{font-family: 'Times New Roman', sans-serif;}
.font-100 {font-weight:100;}
.font-200 {font-weight:200;}
.font-300 {font-weight:300;}
.font-400 {font-weight:400!important;}
.font-500 {font-weight:500!important;}
.font-600 {font-weight:600!important;}
.font-700 {font-weight:700!important;}
.font-900 {font-weight:900!important;}
.font-12px {font-size: 12px;}
.font-14px {font-size: 14px;}
.font-16px {font-size: 16px!important;}
.font-18px {font-size: 18px;}
.font-20px {font-size: 20px!important;}
.font-26px {font-size: 26px;}
.font-30px {font-size: 30px;}
.font-35px {font-size: 35px;}
.font-40px {font-size: 40px;}
.font-50px {font-size: 50px;}
.font-60px {font-size: 60px!important;}
.font-70px {font-size: 70px;}
.font-80px {font-size: 80px;}
.font-90px {font-size: 90px;}
.font-100px {font-size: 100px;}
.font-120px {font-size: 120px;}
.font-130px {font-size: 130px;}
.font-italic {font-style: italic;}
.font-bold {font-weight:bold;}
/* Fonts Colors */
.default-color {color: #9357cc!important;}
.secondary-color {color: #ec77ab!important;}
.white-color {color: #fff;}
.white-color p, .white-color h1, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color i{color: #fff!important;}
.white-smoke {color: #f9f9f9!important;}
.white-smoke p, .white-smoke h1, .white-smoke h2, .white-smoke h3, .white-smoke h4, .white-smoke h5, .white-smoke h6 {color: #f9f9f9!important;}
.dark-color {color: #1d2124!important;}
.dark-color p, .dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6 {color: #1d2124!important;}
.grey-color {color: #aaa !important;}
.grey-color p, .grey-color h1, .grey-color h2, .grey-color h3, .grey-color h4, .grey-color h5, .grey-color h6 {color: #aaa!important;}
.red-color{color:#ca4976;}
.purple-color{color:#642B73;}
.green-color{color:#2cc99d;}
.yellow-color{color:#f6d365;}
.orange-color{color:#f79d00;}
.gradient-color{background: -webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* Line Heights */
.line-height-15 {line-height: 15px;}
.line-height-20 {line-height: 20px;}
.line-height-22 {line-height: 22px;}
.line-height-24 {line-height: 24px;}
.line-height-25 {line-height: 25px;}
.line-height-26 {line-height: 26px;}
.line-height-30 {line-height: 30px;}
.line-height-35 {line-height: 35px;}
.line-height-40 {line-height: 40px;}
.line-height-45 {line-height: 45px;}
.line-height-50 {line-height: 50px;}
.line-height-60 {line-height: 60px;}
.line-height-70 {line-height: 70px;}
.line-height-80 {line-height: 80px;}
.line-height-90 {line-height: 90px;}
.line-height-100 {line-height: 100px;}
.line-height-110 {line-height: 110px;}
.line-height-120 {line-height: 120px;}
/* Letter Spacings */
.letter-spacing-0 {letter-spacing: 0px;}
.letter-spacing-1 {letter-spacing: 1px;}
.letter-spacing-2 {letter-spacing: 2px;}
.letter-spacing-3 {letter-spacing: 3px;}
.letter-spacing-4 {letter-spacing: 4px;}
.letter-spacing-5 {letter-spacing: 5px;}
.letter-spacing-6 {letter-spacing: 6px;}
.letter-spacing-7 {letter-spacing: 7px;}
.letter-spacing-8 {letter-spacing: 8px;}
.letter-spacing-9 {letter-spacing: 9px;}
.letter-spacing-10 {letter-spacing: 10px;}
/* Margins */
.margin-left-auto{margin-left: auto;}
.margin-right-auto{margin-right: auto;}
.remove-margin {margin: 0!important;}
.all-margin-10{margin:10px;}
.all-margin-20{margin:20px;}
.all-margin-30{margin:30px;}
.all-margin-40{margin:40px;}
.all-margin-50{margin:50px;}
.all-margin-60{margin:60px;}
.all-margin-70{margin:70px;}
.all-margin-80{margin:80px;}
.all-margin-90{margin:90px;}
.all-margin-100{margin:100px;}
.all-margin-110{margin:110px;}
.all-margin-120{margin:120px;}
.mt-minus-10 {margin-top: -10px;}
.mt-minus-20 {margin-top: -20px;}
.mt-minus-30 {margin-top: -30px;}
.mt-minus-40 {margin-top: -40px;}
.mt-minus-50 {margin-top: -50px;}
.mt-minus-60 {margin-top: -60px;}
.mt-minus-70 {margin-top: -70px;}
.mt-minus-80 {margin-top: -80px;}
.mt-minus-90 {margin-top: -90px;}
.mt-minus-100 {margin-top: -100px;}
.mt-minus-110 {margin-top: -110px;}
.mt-minus-120 {margin-top: -120px;}
.mt-0 {margin-top: 0px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px!important;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-110 {margin-top: 110px;}
.mt-120 {margin-top: 120px;}
.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mr-0 {margin-right: 0px!important;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-50 {margin-right: 50px;}
.mr-60 {margin-right: 60px;}
.mr-70 {margin-right: 70px;}
.mr-80 {margin-right: 80px;}
.mr-90{margin-right: 90px;}
.mr-100{margin-right: 100px;}
.mr-110{margin-right: 110px;}
.mr-120{margin-right: 120px;}
.ml-0 {margin-left: 0px!important;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90{margin-left: 90px;}
.ml-100{margin-left: 100px;}
.ml-110{margin-left: 110px;}
.ml-120{margin-left: 120px;}
/* Paddings */
.remove-padding {padding: 0!important;}
.all-padding-10{padding: 10px;}
.all-padding-20{padding: 20px;}
.all-padding-30{padding: 30px;}
.all-padding-40{padding: 40px;}
.all-padding-50{padding: 50px;}
.all-padding-60{padding: 60px;}
.all-padding-70{padding: 70px;}
.all-padding-80{padding: 80px;}
.all-padding-90{padding: 90px;}
.all-padding-100{padding: 100px;}
.all-padding-110{padding: 110px;}
.all-padding-120{padding: 120px;}
.pt-0{padding-top:0;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}
.pt-110{padding-top:110px;}
.pt-120{padding-top:120px;}
.pb-0 {padding-bottom: 0;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}
.pb-100 {padding-bottom: 100px;}
.pb-110 {padding-bottom: 110px;}
.pb-120 {padding-bottom: 120px;}
.pr-0 {padding-right: 0;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.pr-40 {padding-right: 40px;}
.pr-50 {padding-right: 50px;}
.pr-60 {padding-right: 60px;}
.pr-70 {padding-right: 70px;}
.pr-80 {padding-right: 80px;}
.pr-90 {padding-right: 90px;}
.pr-100 {padding-right: 100px;}
.pr-110 {padding-right: 110px;}
.pr-120 {padding-right: 120px;}
.pl-0 {padding-left: 0;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pl-40 {padding-left: 40px;}
.pl-50 {padding-left: 50px;}
.pl-60 {padding-left: 60px;}
.pl-70 {padding-left: 70px;}
.pl-80 {padding-left: 80px;}
.pl-90 {padding-left: 90px;}
.pl-100 {padding-left: 100px;}
.pl-110 {padding-left: 110px;}
.pl-120 {padding-left: 120px;}
/* Position Spaces */
.top-0{top: 0;}
.top-10{top: 10px;}
.top-20{top: 20px!important;}
.top-30{top: 30px;}
.top-40{top: 40px;}
.top-50{top: 50px;}
.top-60{top: 60px;}
.top-70{top: 70px;}
.top-80{top: 80px;}
.top-90{top: 90px;}
.top-100{top: 100px;}
.top-110{top: 110px;}
.top-120{top: 120px;}
.bottom-0{bottom: 0;}
.bottom-10{bottom: 10px;}
.bottom-20{bottom: 20px;}
.bottom-30{bottom: 30px;}
.bottom-40{bottom: 40px;}
.bottom-50{bottom: 50px;}
.bottom-60{bottom: 60px;}
.bottom-70{bottom: 70px;}
.bottom-80{bottom: 80px;}
.bottom-90{bottom: 90px;}
.bottom-100{bottom: 100px;}
.bottom-110{bottom: 110px;}
.bottom-120{bottom: 120px;}
.right-0{right: 0;}
.right-10{right: 10px;}
.right-20{right: 20px;}
.right-30{right: 30px;}
.right-40{right: 40px;}
.right-50{right: 50px;}
.right-60{right: 60px;}
.right-70{right: 70px;}
.right-80{right: 80px;}
.right-90{right: 90px;}
.right-100{right: 100px;}
.right-110{right: 110px;}
.right-120{right: 120px;}
.left-0{left: 0;}
.left-10{left: 10px;}
.left-20{left: 20px;}
.left-30{left: 30px;}
.left-40{left: 40px;}
.left-50{left: 50px;}
.left-60{left: 60px;}
.left-70{left: 70px;}
.left-80{left: 80px;}
.left-90{left: 90px;}
.left-100{left: 100px;}
.left-110{left: 110px;}
.left-120{left: 120px;}
.top-minus-10{top:-10px;}
.top-minus-20{top:-20px;}
.top-minus-30{top:-30px;}
.top-minus-40{top:-40px;}
.top-minus-50{top:-50px;}
.top-minus-60{top:-60px;}
.top-minus-70{top:-70px;}
.top-minus-80{top:-80px;}
.top-minus-90{top:-90px;}
.top-minus-100{top:-100px;}
.top-minus-110{top:-110px;}
.bottom-minus-10{bottom:-10px;}
.bottom-minus-20{bottom:-20px;}
.bottom-minus-30{bottom:-30px;}
.bottom-minus-40{bottom:-40px;}
.bottom-minus-50{bottom:-50px;}
.bottom-minus-60{bottom:-60px;}
.bottom-minus-70{bottom:-70px;}
.bottom-minus-80{bottom:-80px;}
.bottom-minus-90{bottom:-90px;}
.bottom-minus-100{bottom:-100px;}
.bottom-minus-110{bottom:-110px;}
.right-minus-10{right:-10px;}
.right-minus-20{right:-20px;}
.right-minus-30{right:-30px;}
.right-minus-40{right:-40px;}
.right-minus-50{right:-50px;}
.right-minus-60{right:-60px;}
.right-minus-70{right:-70px;}
.right-minus-80{right:-80px;}
.right-minus-90{right:-90px;}
.right-minus-100{right:-100px;}
.right-minus-110{right:-110px;}
.left-minus-10{left:-10px;}
.left-minus-20{left:-20px;}
.left-minus-30{left:-30px;}
.left-minus-40{left:-40px;}
.left-minus-50{left:-50px;}
.left-minus-60{left:-60px;}
.left-minus-70{left:-70px;}
.left-minus-80{left:-80px;}
.left-minus-90{left:-90px;}
.left-minus-100{left:-100px;}
.left-minus-110{left:-110px;}
/* Lines */
.line-verticle-sm{width: 1px;height: 8px;}
/* Borders */
.bordered {border:1px solid #e0e0e0;}
.border-right{border-right:1px solid #e0e0e0;}
.border-left{border-left:1px solid #e0e0e0;}
.border-bottom{border-bottom:1px solid #e0e0e0;}
.border-radius-0{border-radius: 0!important;}
.border-radius-10{border-radius:10px!important;}
.border-radius-25 {border-radius:25px!important;}
.border-radius-50 {border-radius:50px!important;}
.border-radius-100 {border-radius:100px!important;}
.border-white-10{border:10px solid #fff;}
.border-white-15{border:15px solid #fff;}
.border-white-20{border:20px solid #fff;}
/* dropcap */
.first-letter {float: left; font-size: 50px; margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600}
.first-letter-big {float: left; font-size: 110px; line-height: 110px; margin: 0 20px 0 0; padding:0 8px; text-align: center; font-weight: 600; position: relative;}
.first-letter-big:before {position: absolute; border-bottom: 1px solid; content: ""; display: block; width: 100%; top: 55%; left: 0}
.first-letter-block {font-size: 35px;height: 55px;line-height: 25px;padding: 15px 0;width: 55px;font-weight: 700;margin-top: 5px;}
.first-letter-block-round { border-radius:6px; border:1px solid;}
.first-letter-round {border-radius: 50%; font-size:35px; padding: 15px; width: 65px; height: 65px; line-height: 32px;}
/* Images */
.img-responsive, .full-width{width:100%;}
/* Buttons */
.btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu {-webkit-box-shadow: none;box-shadow: none;}
button{transition-duration: 0.3s;transition-timing-function: ease-in-out;}
button:focus {outline: none !important;}
.btn {font-family: 'Montserrat', sans-serif;font-size: 11px;font-weight: 700;text-transform: uppercase;line-height: 1;
letter-spacing: 1px;padding: 8px 10px 7px 10px;border-color: transparent;transition-duration: 0.3s;transition-timing-function: ease-in-out;}
.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn.active {border-color: transparent;}
.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color: #fff;background-color: #9357cc;
border-color: #9357cc;outline: 0;}
.btn.btn-animated {transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);
box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05);}
.btn.btn-animated:hover, .btn.btn-animated:focus, .btn.btn-animated.focus {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.08), 0px 30px 25px 0px rgba(0, 0, 0, 0.05);}
.btn + .btn {margin-left: 10px;}
.btn i {margin-left: 5px;vertical-align: middle;position: relative;top: -1px;}
.btn:focus, .btn:focus:active {outline: none;}
.btn-circle {border-radius:100px;}
.btn-rounded {border-radius:10px;}
.btn-square {border-radius:0px;}
.btn:active, .btn.active {outline: 0;background-image: none;-webkit-box-shadow: none;box-shadow: none;}
.btn-mobilize .btn {margin: 0 10px;}
.btn.btn-xl {padding: 16px 44px;font-size: 14px;}
.btn.btn-lg {padding: 13px 40px;font-size: 12px;}
.btn.btn-md{padding: 12px 30px;font-size: 11px;}
.btn.btn-sm {padding: 11px 20px;font-size: 9px;}
.btn.btn-xs {padding: 8px 12px;font-size: 8px;}
.btn.btn-fullwidth {width:100%;min-width:300px;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: 1;}
.btn-primary{color: #fff;background-color: #9357cc;border:2px solid #9357cc;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{color: #fff;border:2px solid #ec77ab;background-color: #ec77ab;}
.btn-primary-outline{color: #fff;border:2px solid transparent;background-color: #9357cc;}
.btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline:focus{color: #fff;border:2px solid #fff;background-color: transparent;}
.btn-outline-color {color: #9357cc;border:2px solid #9357cc;background-color: transparent;}
.btn-outline-color:hover, .btn-outline-color:active, .btn-outline-color:focus {color: #fff;border: 2px solid #9357cc;background-color: #9357cc;}
.btn-outline {color: #1d2124;border:2px solid #e0e0e0;background-color: transparent;}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {color: #1d2124;border: 2px solid #1d2124;background-color: transparent;}
.btn-light {color: #1d2124;border-color: #fff;background-color: #fff;}
.btn-light:hover, .btn-light:active, .btn-light:focus {color: #fff;border-color: #1d2124;background-color: #1d2124;}
.btn-light-outline {color: #fff;border-color: #fff;background-color: transparent;text-shadow: 0 0 4px black;}
.btn-light-outline:hover, .btn-light-outline:active, .btn-light-outline:focus {color: #1d2124;border-color: #fff;background-color: #fff;text-shadow:none;}
.btn-dark {color: #fff;border-color: #1d2124;background-color: #1d2124;}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {color: #fff;border-color: #000;background-color: #000;}
.btn-dark-outline {color: #1d2124;border-color: #1d2124;background-color: transparent;}
.btn-dark-outline:hover, .btn-dark-outline:active, .btn-dark-outline:focus {color: #fff;border-color: #1d2124;background-color: #1d2124;}
.btn-animate {text-align: center;position: relative;overflow: hidden;transition: all 0.2s;}
.btn-animate span {display: inline-block;position: relative;padding: 0 8.5px 0 8.5px;transition: padding 0.2s;}
.btn-animate i {position: absolute;top: 50%;right: 0px;opacity: 0;margin-top: -6px;transition: opacity 0.2s, right 0.2s;}
.btn-animate:hover span {padding: 0 17px 0 0;}
.btn-animate:hover i {transition: opacity 0.2s, right 0.2s;opacity: 1;top: 50%;right: 0px;}
/* Icons */
.tr-icon {display: inline-block;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon {margin-left:6px;}
.feature-box, .feature-box-right {float:left;}
.feature-box p {margin-bottom: 0;}
.feature-box i {margin-bottom:20px;display: inline-block;color:#9357cc;}
.feature-box:hover i {color:#1d2124;}
.dark.feature-box:hover i {color:#fff;}
.box-icon {margin-top:25px;margin-bottom:25px;position:relative;background-color:#fff;padding:40px 30px;-webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);-moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.box-icon:hover {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);}
.box-icon h6 {font-size:13px;}
.box-icon i {margin-bottom:25px;}
.white-bg-icon {background-color: #fff;border-color: #fff;}
.white-bg-icon:hover {background-color: #9357cc;border-color: #9357cc;color:#fff!important;}
.border-bg-default-color {border:2px solid #1d2124;}
.border-bg-default-color:hover {background-color: #9357cc;border-color: #9357cc;color: #fff;}
.default-bg-icon{background-color: #9357cc;display: inline-block!important;line-height: 100px!important;cursor: pointer;width: 85px;height: 85px;border-radius: 50%;text-align: center;position: relative;text-decoration: none;z-index: 1;}
.default-bg-icon:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);border-radius: 50%; -webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;background-color: #ec77ab;}
.default-bg-icon:hover:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index: -1;}
.feature-box .pull-left{width:15%;}
.feature-box .pull-right{width:80%;}
.feature-box-right .pull-left{width:80%;}
.feature-box-right .pull-right{width:15%;}
.feature-box-big .pull-left{width:20%;}
.feature-box-big .pull-right{width:80%;}
.feature-box-rounded{background-color:#fff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding:30px;-webkit-box-shadow:-1px 0px 43px 0px rgba(0,0,0,0.14);-moz-box-shadow:-1px 0px 43px 0px rgba(0,0,0,0.14);box-shadow:-1px 0px 43px 0px rgba(0,0,0,0.14);}
.feature-box-default-bg{background-color: transparent;padding: 50px 30px;position: relative;z-index: 2;overflow: hidden;border-bottom:1px solid #9357cc;border-top: solid 1px #eee;
border-right: solid 1px #eee;border-left: solid 1px #eee;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.feature-box-default-bg:hover:after{visibility: visible;opacity: 1;}
.feature-box-default-bg:hover.feature-box i, .feature-box-default-bg:hover.feature-box p, .feature-box-default-bg:hover.feature-box h4{color:#fff;}
.feature-box-default-bg:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: -1;background: #9357cc;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.dark-box.feature-box-default-bg{border-bottom:1px solid #9357cc;border-top: solid 1px #333;border-right: solid 1px #333;border-left: solid 1px #333;}
.dark-box.feature-box-default-bg h4, .dark-box.feature-box-default-bg p{color: #fff;}
/* Portfolio */
.portfolio .folio-overlay {background-color: rgba(0,0,0,0.8);position: absolute;width: 100%;height: 100%;opacity: 0;visibility:hidden;transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-duration: .2s;
-ms-transition-duration: .2s;-moz-transition-duration: .2s;-webkit-transition-duration: .2s;-o-transition-duration: .2s;}
.portfolio:hover .folio-overlay{opacity: 1;visibility:visible;}
.portfolio .default-overlay.folio-overlay {background-color: rgba(209, 17, 65,0.9);}
.portfolio:hover .default-overlay.folio-overlay{opacity: 1;visibility:visible;}
.portfolio-wrap {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -75px;}
.portfolio-description .portfolio-title,
.portfolio-description .links {position: relative;left: 0;color: #fff;width: 100%;opacity: 0;visibility: hidden;}
.portfolio-description .portfolio-title {top: 0;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;font-size: 20px;letter-spacing: 3px;font-weight: 500;font-family: 'Open Sans', sans-serif;text-transform: uppercase;margin-bottom: 0;}
.portfolio:hover .portfolio-description .portfolio-title {top: 30px;opacity: 1;visibility: visible;}
.portfolio-description .links {top: 0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;font-size: 13px;font-weight: 300;}
.portfolio:hover .portfolio-description .links {top: 25px;opacity: 1;visibility: visible;}
.portfolio-description .btn {background-color: transparent;;border-color: #fff;padding: 12px 22px;border-radius: 20px;}
.portfolio-description .btn:hover {background-color: #fff;;border-color: #fff;color: #ff2a40;}
.portfolio-container .btn.view-more {margin-top: 40px;}
.hover-type-2 .portfolio-wrap {margin-top: -110px;}
.hover-type-2 .portfolio-details{top:35px;}
.portfolio-details {position: relative;left: 0;top: 50px;width: 100%;}
.portfolio-details li {display: inline-block;position: relative;bottom: -40px;opacity: 0;visibility: hidden;transform: translateZ(0);margin-right: 15px;}
.portfolio-details li:last-child {margin-right:0;}
.portfolio:hover .portfolio-details li {bottom: 0;opacity: 1;visibility: visible;}
.portfolio:hover .portfolio-details li:nth-child(1) {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.portfolio:hover .portfolio-details li:nth-child(2){-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.portfolio-details li a {display: block;color: #f1f1f1;border: 2px solid #fff;border-radius: 100px;width: 50px;height: 50px;line-height: 48px;}
.portfolio-details li a:hover{display: block;color:#9357cc;border: 2px solid #fff;background-color: #fff;}
.portfolio-type-2 a{color: #fff;font-size: 40px;}
.row.no-gutters{margin-right: 0;margin-left: 0;}
.no-bottom-padding{padding-bottom: 0;}
.no-gutters > [class^="col-"], .no-gutters > [class*="col-"], .row.no-gutters > [class^="col-"], .row.no-gutters > [class*="col-"]{padding-right: 0;padding-left: 0;}
/* Portfolio Style 02 */
.portfolio-item {float: left;position: relative;overflow: hidden;}
.portfolio-item .portfolio-detail > a {display: block;position: relative;overflow: hidden;}
.portfolio-item img {-webkit-transition: all 1s ease;transition: all 1s ease;}
.portfolio-item:hover img {-webkit-transform: scale(1.2) translateY(-20px);transform: scale(1.2) translateY(-20px);}
.portfolio-item:hover .portfolio-info {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.portfolio-item:hover .portfolio-info h3, .portfolio-item:hover .portfolio-info p {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.portfolio-item:hover .portfolio-info h3:after {width: 60px;opacity: 1;}
.portfolio-item:hover .portfolio-info-alt h3 > a {color: #00c3da;}
.portfolio-info {position: absolute;top: auto;right: 0px;bottom: 0px;left: 0px;padding: 25px;-webkit-transition: all .3s ease;transition: all .3s ease;opacity: 0;text-align: center;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translateY(30px);transform: translateY(30px);}
.portfolio-info .v-center {vertical-align: bottom;}
.portfolio-info h3 {font-size: 20px;font-weight: 700;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: .3s;
transition-delay: .3s;opacity: 0;}
.portfolio-info p {font-size: 14px;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-transition-delay: .6s;transition-delay: .6s;opacity: 0;}
.portfolio-info-alt {padding: 20px 0;}
.portfolio-info-alt h3 {font-size: 16px;font-weight: 600;letter-spacing: -0.05em;margin-top: 0;}
.portfolio-info-alt h3 > a {-webkit-transition: all .3s ease;transition: all .3s ease;color: #1f1f1f;}
.portfolio-info-alt p {color: #787878;font-size: 14px;margin-bottom: 5px;}
.project-info > ul {list-style: none;margin: 0;padding: 0;}
.project-info > ul > li {display: block;margin-bottom: 15px;color: #1f1f1f;font-size: 14px;}
.project-info > ul > li > strong {display: block;color: #929292;text-transform: uppercase;letter-spacing: 0.05em;font-size: 11px;font-weight: 500;padding-bottom: 6px;}
.project-info > ul > li > a {color: #1f1f1f;}
.project-info > ul > li > a:hover {color: #9357cc;}
/* Portfolio Single Project 01 */
.portfolio-meta > li {margin: 25px 0;list-style: none;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.portfolio-meta > li:last-child{border-bottom: 0;}
.portfolio-meta > li span {display: inline-block;width: 130px;letter-spacing: 1px;color: #1d2124;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.portfolio-meta > li a {margin-right: 10px;color: #a7a7a7;}
.portfolio-meta > li a:hover {color: #9357cc;}
/* Portfolio Single Project 02 */
.portfolio-meta-style-02 .portfolio-meta > li {margin: 0px 0 10px 0;list-style: none;padding-bottom: 0px;border-bottom:0;}
.portfolio-meta-style-02 .portfolio-meta > li span {display: inline-block;width: 130px;letter-spacing: 1px;color: #fff;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.portfolio-meta-style-02 .portfolio-meta > li a {margin-right: 10px;color: #a7a7a7;}
.portfolio-meta-style-02 .portfolio-meta > li a:hover {color: #9357cc;}
/* Portfolio Single Project 03 */
.portfolio-meta-style-03 .portfolio-meta > li {margin:0px 0 25px 0;list-style: none;border-bottom: 1px solid #dedede;padding-bottom: 15px;}
.portfolio-meta-style-03 .portfolio-meta > li:last-child{border-bottom: 0;}
.portfolio-meta-style-03 .portfolio-meta > li span {display: inline-block;width: 130px;letter-spacing: 1px;color: #1d2124;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.portfolio-meta-style-03 .portfolio-meta > li a {margin-right: 10px;color: #a7a7a7;}
.portfolio-meta-style-03 .portfolio-meta > li a:hover {color: #9357cc;}
/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000;opacity:0.9;filter:alpha(opacity=90);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:'Montserrat', sans-serif;}
.mfp-close:hover, .mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}
/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){/** * Remove all paddings around the image on small screen */
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.mfp-fade.mfp-bg.mfp-ready{opacity:0.92;}
.mfp-bottom-bar{display:none;}
.mfp-fade.mfp-bg.mfp-removing{opacity:0;}
.mfp-arrow-right::after,.mfp-arrow-left::after{font-family:'FontAwesome';border:none;color:#fff;font-size:65px;-webkit-transition:.5s;transition:.5s;}
.mfp-arrow-right::after{content:"\f105";}
.mfp-arrow-left::after{content:"\f104";}
.mfp-arrow-right::before ,.mfp-arrow-left::before{border:none;}
.mfp-arrow{height:60px;}
.mfp-arrow::before,.mfp-arrow::after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{margin-top:15px;top:-1px;}
img.mfp-img{padding:40px 0px 0;}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;transform:scale(0.95);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{transform:scale(1);opacity:1;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:scale(0.95);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all 0.2s ease-in-out;transform:scale(0.8);}
.mfp-zoom-in.mfp-bg{opacity:0;transition:all 0.3s ease-out;}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(0.8);opacity:0;}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;}
/*====== Newspaper effect ======*/
.mfp-newspaper{/* start state */
/* animate in */
/* animate out */
}
.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.5s;transform:scale(0) rotate(500deg);}
.mfp-newspaper.mfp-bg{opacity:0;transition:all 0.5s;}
.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1) rotate(0deg);}
.mfp-newspaper.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-newspaper.mfp-removing .mfp-with-anim{transform:scale(0) rotate(500deg);opacity:0;}
.mfp-newspaper.mfp-removing.mfp-bg{opacity:0;}
/*====== Move-horizontal effect ======*/
.mfp-move-horizontal{/* start state */
/* animate in */
/* animate out */
}
.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all 0.3s;transform:translateX(-50px);}
.mfp-move-horizontal.mfp-bg{opacity:0;transition:all 0.3s;}
.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform:translateX(0);}
.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform:translateX(50px);opacity:0;}
.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0;}
/*====== Move-from-top effect ======*/
.mfp-move-from-top{/* start state */
/* animate in */
/* animate out */
}
.mfp-move-from-top .mfp-content{vertical-align:top;}
.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all 0.2s;transform:translateY(-100px);}
.mfp-move-from-top.mfp-bg{opacity:0;transition:all 0.2s;}
.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;transform:translateY(0);}
.mfp-move-from-top.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-move-from-top.mfp-removing .mfp-with-anim{transform:translateY(-50px);opacity:0;}
.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0;}
/*====== 3d unfold ======*/
.mfp-3d-unfold{/* start state */
/* animate in */
/* animate out */
}
.mfp-3d-unfold .mfp-content{perspective:2000px;}
.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all 0.3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg);}
.mfp-3d-unfold.mfp-bg{opacity:0;transition:all 0.5s;}
.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0deg);}
.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0;}
.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0;}
/*====== Zoom-out effect ======*/
.mfp-zoom-out{/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all 0.3s ease-in-out;transform:scale(1.3);}
.mfp-zoom-out.mfp-bg{opacity:0;transition:all 0.3s ease-out;}
.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1);}
.mfp-zoom-out.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0;}
.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0;}
.project-image {}
.project-info{list-style:none;padding-top:50px;text-align:left;}
.project-info li{font-family:'Montserrat', sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:15px 0;color:#1d2124;}
.project-info li span{font-family:'Montserrat', sans-serif;color:#6d747c;font-size:13px;text-transform:uppercase;font-weight:300;letter-spacing:1px;}
.project-title{padding-top:20px;font-family:'Montserrat', sans-serif;text-transform:uppercase;text-align:left;font-size:20px;font-weight:400;letter-spacing:2px;color:#1d2124;margin-bottom:20px;}
.project-details{text-align:left;font-size:16px;font-weight:300;line-height:1.8;padding-bottom:50px;}
.project-details p{color:#1d2124;font-size:16px;font-weight:300;margin-top:35px;}
.portfolio-slider{margin-bottom:30px;}
.portfolio-slider .slick-dots{position:absolute;bottom:25px;}
.portfolio-right .project-detail-box{margin-top:10px;}
.portfolio-right .project-detail-box.mt-50{margin-top:50px;}
.portfolio-right .project-detail-box li strong{min-width:110px;display:inline-block;}
.portfolio-right .project-detail-box li strong.display-block{display:block;}
.portfolio-right .project-detail-box li{line-height:30px;list-style:none;}
.portfolio-right .project-detail-box li a{color:#888;}
.portfolio-right .project-detail-box li a:hover{color:#9357cc;}
.project-type-list{margin-top:30px;}
.project-type-list li{padding:10px 0;border-bottom:1px solid #E8E8E8;font-weight:300;font-size:14px;list-style:none;}
.project-type-list li i{margin-right:10px;}
.portfolio-right .project-type-list li, .portfolio-right .project-detail-box li{text-transform:uppercase;}
.portfolio-nav a{overflow:hidden;color:inherit;cursor:default;display:block;}
.portfolio-nav a.disabled{opacity:.6;pointer-events:none;}
.portfolio-nav a.disabled > span{cursor:default;}
.portfolio-nav a.disabled > span:hover{color:inherit;}
.portfolio-nav a.disabled:hover{opacity:.4;}
.portfolio-nav a.prev i{margin-right:10px;}
.portfolio-nav a.showall{text-align:center;}
.portfolio-nav a.showall span{padding:36px 0;}
.portfolio-nav a.showall span i{font-size:24px;display:block;}
.portfolio-nav a.showall:hover span i{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
@media only screen and (max-width:767px){.portfolio-nav a.showall span i{font-size:30px;}
}
.portfolio-nav a.next{text-align:right;}
.portfolio-nav a.next i{margin-left:10px;}
.portfolio-nav a > span{display:inline-block;padding:40px 0;font-size:12px;cursor:pointer;text-transform:uppercase;font-family:'Montserrat', sans-serif;font-weight:500;letter-spacing:1px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.portfolio-nav a > span:hover{color:#9357cc;}
.portfolio-nav a > span i{font-size:14px;}
.portfolio-nav a > span i:before{vertical-align:middle;}
@media only screen and (max-width:767px){.portfolio-nav a > span{font-size:0;}
.portfolio-nav a > span i{font-size:30px;}
}
/* Teams */
/* Team Style 01 */
.member {margin: 40px 0;padding: 0 10px;}
.team-slider .member {margin: 20px 0 30px 0;padding: 0 10px;}
.team-fullwidth .member {margin: 0;padding: 0;}
.p0.member {margin: 0;padding: 0;}
.team-member-container {position: relative;overflow: hidden;}
.team-member-img img {width: 100%;}
.team-member-container .member-caption {width: 100%;position: absolute;z-index: 2;height: 100%;opacity: 0;visibility:hidden;top: 0;background-color: rgba(191, 7, 49, 0.8);}
.team-member-container:hover .member-caption {opacity: 1;visibility:visible;}
.member-description {width: 100%;height: 100%;}
.member-description-wrap {position: absolute;top: 0%;left: 0;width: 100%;margin-top: 0px;padding: 25px;height: 100%;}
.member-description .member-title, .member-description .member-subtitle {position: relative;left: 0;color: #fff;width: 100%;opacity: 0;visibility: hidden;}
.member-description .member-title{top: 0;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;margin-top: -35px;}
.member-description .member-subtitle {top: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.team-member-container:hover .member-description .member-title {opacity: 1;visibility: visible;top: 30px;}
.team-member-container:hover .member-description .member-subtitle {opacity: 1;visibility: visible;top: 25px;}
.member-icons, .product-btn-group {position: absolute;left: 0;bottom: 0px;width: 100%;padding: 25px;margin-bottom: 0;}
.member-icons li, .product-btn-group li {display: inline-block;position: relative;bottom: -40px;opacity: 0;visibility: hidden;transform: translateZ(0);margin-right: 5px;}
.member-icons li a, .product-btn-group li a {display: block;color: #fff;}
.member-icons li a:hover, .product-btn-group li a:hover {color: #fff;}
.team-member-container:hover .member-icons li{opacity: 1;visibility: visible;bottom: 0;}
.team-member-container:hover .member-icons li:nth-child(1){-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.team-member-container:hover .member-icons li:nth-child(2){-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.team-member-container:hover .member-icons li:nth-child(3){-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.o-team-wrap .o-team-img{overflow: hidden;}
.o-team-wrap .o-team-img img{-webkit-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);}
.o-team-wrap:hover .o-team-img img{-webkit-transform: translateX(5%) skewX(2deg);-ms-transform: translateX(5%) skewX(2deg);transform: translateX(5%) skewX(2deg);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.o-tean-content{-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #1d2124;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;
-ms-flex-direction: column;flex-direction: column;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;left: 0;opacity: 0;position: absolute;top: 0;-webkit-transition: opacity .25s ease;
-o-transition: opacity .25s ease;transition: opacity .25s ease;z-index: -1;width: 100%;}
.o-team-wrap:hover .o-tean-content{opacity: 1;z-index: 1;-webkit-transition: opacity .25s ease;-o-transition: opacity .25s ease;transition: opacity .25s ease;}
.o-tean-content .o-tean-content-inner{-webkit-transform: translate3d(-40px,0,0) skewX(-15deg);transform: translate3d(-40px,0,0) skewX(-15deg);-webkit-transition: -webkit-transform 0s .3s;transition: -webkit-transform 0s .3s;
-o-transition: transform 0s .3s;transition: transform 0s .3s;transition: transform 0s .3s,-webkit-transform 0s .3s;}
.o-tean-content:hover .o-tean-content-inner{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: -webkit-transform .4s cubic-bezier(.165,.84,.44,1);transition: -webkit-transform .4s cubic-bezier(.165,.84,.44,1);
-o-transition: transform .4s cubic-bezier(.165,.84,.44,1);transition: transform .4s cubic-bezier(.165,.84,.44,1);transition: transform .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .4s cubic-bezier(.165,.84,.44,1);}
.o-tean-content .o-tean-content-inner h4{margin: 0 0 8px;font-size: 24px;}
.o-tean-content .o-tean-content-inner p{margin: 0;font-size: 18px;}
.o-tean-content .o-tean-content-inner .o-team-social-icons{margin: 10px 0 0 0;}
.o-tean-content .o-tean-content-inner .o-team-social-icons .o-team-social-icon {font-size: 25px;margin-right: 14px;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: opacity .25s ease;-o-transition: opacity .25s ease;transition: opacity .25s ease;color:#fff;}
.o-tean-content .o-tean-content-inner .o-team-social-icons .o-team-social-icon:hover{color: #9357cc}
/* Team Style 02 */
.team-member{border: 10px solid #fff;}
.team-thumb {position: relative;overflow: hidden;}
.team-thumb:after {content: '';position: absolute;background: transparent;width: 100%;height: 100%;left: 0;top: 0;visibility: hidden;opacity: 0;}
.team-thumb:hover:after {opacity: 1;visibility: visible;background-color: rgba(0, 0, 0, 0.2);z-index: 0;}
.team-thumb img {width: 100%;}
.member-info {position: absolute;left: 0;bottom: -20%;width: 100%;color: #fff;padding: 16px 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.2s ease-out .2s;-moz-transition: all 0.2s ease-out .2s;-o-transition: all 0.2s ease-out .2s;transition: all 0.2s ease-out .2s;}
.team-thumb:hover .member-info{bottom: 0;opacity: 1;visibility: visible;z-index: 1;}
.member-info h3 {color: #fff;font-size: 22px;line-height: 25px;margin-bottom: 0;}
.member-info .title{display: block;font-size: 14px;line-height: 25px;font-weight: 300;}
.member-info .social-link {margin-top: 25px;}
.member-info .social-link li a {display: block;width: 35px;height: 35px;font-size: 18px;line-height: 35px;background: #fff;color: #9357cc;text-align: center;border-radius: 50%;}
.member-info .social-link li a:hover {background: #1d2124;color: #fff;}
.member-info.gradient-bg-two .social-link li a{color: #ec77ab;}
.member-info.gradient-bg-three .social-link li a{color: #ca4976;}
.member-info.gradient-bg-four .social-link li a{color: #CE9FFC;}
.member-info.gradient-bg-seven .social-link li a{color: #f6d365;}
.member-info.gradient-bg-eight .social-link li a{color: #C6426E;}
.member-info.gradient-bg-nine .social-link li a{color: #00f38c;}
.member-info.gradient-bg-ten .social-link li a{color: #decba4;}
/* Blogs */
.blog-slider .post {margin: 20px 0;padding: 0 10px;}
.post .post-img, .service-style-01 .service-box .service-img {overflow: hidden;position: relative;z-index: 10;}
.post-info {background-color: #fff;transition: all 0.2s ease;}
.post .post-img img, .service-box .service-img img {-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 0;-webkit-backface-visibility: hidden;}
.post:hover .post-img img, .service-box:hover .service-img img {-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.post-info h3 {font-size: 15px;margin-top: 0;margin-bottom: 0px;}
.post-info h6 {color: #9357cc;font-size: 10px;margin-top: 5px;text-transform: uppercase;}
.post-info a {color:#1d2124;}
.post-info a:hover {color:#9357cc;}
.post-info p {margin-top: 20px;color: #bdbdbd;font-size:12px;}
.post-info .extras-wrap {padding: 0px 14px 0px 0px;display: inline-block;font-size: 14px;color: #9e9e9e;}
.post-info .extras-wrap i {position: relative;top: 1px;padding: 0px 5px 0px 0px;}
a.readmore {letter-spacing: 2px;color: #1d2124;font-size: 12px;text-transform: uppercase;font-weight: 700;}
a:hover.readmore {color: #9357cc;}
a.readmore > span {display: inline-block;vertical-align: middle;}
.post-info hr {border-top: 1px solid #e0e0e0;width: 100%;height: 1px;}
/* Blog Style 01 */
.blog-style-01 .post{-webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);-moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.blog-style-01 .post:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);}
.blog-style-01 .post:hover .post-img img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.widget{margin-bottom: 30px;}
.blog-masonry-item {margin-bottom: 25px;}
.widget-title{position: relative;text-transform: uppercase;margin-bottom: 45px;font-family: 'Raleway', sans-serif;}
.aside-title{margin-bottom: 25px;border-bottom: 1px solid #eee;padding-bottom: 10px;font-family: 'Raleway', sans-serif;font-weight: 600;}
.search-form input{background-color: #fff;color: #000;}
.blog-list{}
.single-blog-list{margin: 0;padding: 0;}
.single-blog-list li{list-style: none;line-height: 1.7em;margin-bottom: 60px;margin-top: 30px;}
.post-meta {margin: 20px 0 10px 80px;border: solid 1px #333;border-left: none;font-size: 11px;background: #333;}
.post-meta a{color:#fff !important;}
.post-meta span {display:inline-block!important;width:24%;padding:10px 0 10px 0;text-align:center;border-left:solid 1px #505050;}
.post-meta span i {float: none;color: #9357cc;margin-right: 5px;}
.blog-list .overlay-area{display: block;z-index:1000;position:relative;width:100%;margin-top:-55px;}
.blog-list .post-text{padding-left:80px;}
.blog-list .post-text h3{margin-top: 0;font-family: 'Raleway', sans-serif;font-size: 18px;letter-spacing: .5px;font-weight: 600;}
.single-blog-list span{font-weight:400;display:block;color:#fff;text-transform:uppercase;}
.single-blog-list .post-wrap{padding-left: 0px;}
.single-blog-list .post-text{padding-left: 0;}
.single-blog-list .post-text h3{font-size: 24px;}
.single-blog-list .date-box {text-align:center;position:absolute;}
.single-blog-list .date-box .day, .single-blog-list .date-box .month {font-size: 26px;color:#fff;padding-top:18px;width:60px;height:60px;}
.single-blog-list .date-box .day{line-height: 20px;}
.single-blog-list .date-box .month {font-size:14px;background:#333;}
.blog-list .dark.post-text h3 a{color:#fff;}
.blog-list .dark.post-text h3 a:hover{color:#9357cc;}
.blog-list .post-text p{font-size: 13px;margin-bottom: 3px;line-height: 22px;}
a.btn-text{text-decoration:none;display:inline-block;color:#111 !important;font-weight:600;padding:0;}
a.btn-text:after{font-family: 'dport-icons';content: "\eab8";padding-left:5px;color: #d60ce8;}
.dark a.btn-text{color:#fff !important;}
.blog-list .overlay-area .date-post{padding:15px;padding-top:20px;display:inline-block;border-radius:60px;width:80px;height:80px;}
.blog-list .overlay-area .day{font-size:32px;}
.blog-list .overlay-area .month{letter-spacing:3px;}
.blog-list span{font-weight:400;display:block;color:#fff;text-transform:uppercase;}
.blog-list .date-box {text-align:center;position:absolute;}
.blog-list .date-box .day, .blog-list .date-box .month {font-size: 26px;color:#fff;padding-top:18px;width:60px;height:60px;}
.blog-list .date-box .day{line-height: 20px;}
.blog-list .date-box .month {font-size:14px;background:#333;}
.dark .blog-list .date-box .month {background:#000;}
.blog-slide{padding:0;margin:0;}
.blog-list .post-wrap {padding-left: 0px;}
.blog-list .post-img img{width: 100%;margin-bottom: 20px;}
/* 10.6 Widget Recent Post */
.post-item{overflow: hidden;margin-bottom: 20px;}
.post-item:last-child{margin-bottom: 0;}
.post-item h4{margin:0;}
.post-item .post-thumb{float: left;}
.post-item .post-thumb img{width: 75px;height: 75px;}
.post-item .post-body{margin-left: 100px;}
.post-item .post-time{font-size: 12px;line-height: 1.2;margin-top: 7px;color:#999;}
.post-item .subtitle{line-height: 1.2;}
/* 10.5 Widget Search */
.search-form{position: relative;}
.search-field{border-color: #e9e9e9!important;background:#fff;}
.search-field:focus {border-color: #9357cc!important;}
/* Widget Categories */
.widget_categories ul li:first-child, .widget_archive ul li:first-child{margin-top: 0;}
.widget_categories ul li, .widget_archive ul li{margin-top: 20px;line-height: 25px;list-style: none;position: relative;}
.widget_archive ul li span{position: absolute;top: 0;right: 0;}
.widget_categories ul li a, .widget_archive ul li a{color: #888;font-weight:100;}
.widget_categories ul li a:hover, .widget_archive ul li a:hover{color:#9357cc;text-decoration: none;}
/* Widget Tags */
.post-tags a {display: inline-block;padding: 5px 11px;margin: 0 5px 15px 0;border: 1px solid #e0e0e0;font-size: 10px;color: #888;text-transform: uppercase;letter-spacing: 0.2px;}
.post-tags a:hover{background: #9357cc;border: 1px solid #9357cc;color:#fff;text-decoration: none;}
/* pagination */
.pagination {border-radius: 0; padding: 0; margin: 0}
.pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0; }
.pagination li { display: inline; }
.pagination a { float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff }
.pagination a:hover {background-color: #f195f7; color: #fff }
.pagination .active a {background-color: #eaeaea;}
.pagination .active a { color: #999999; cursor: default; }
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; }
.pagination li:first-child a { border-left-width: 1px; }
.pagination-centered { text-align: center; }
.pagination-right {text-align: right;}
.label a{color: #ffffff;}
.blog-standard{margin-top:20px;}
.blog-standard blockquote{margin:40px 0;background-color:#fff;padding:30px;position:relative;border-left-color:#9357cc;font-size:inherit;line-height:1.7;color:#888;}
.post-controls{margin-top:30px;overflow:hidden;}
.post-share li{display:inline-block;padding-right:10px;margin:0;}
.post-controls .post-share{float:left;}
.post-controls .comments-info{float:right;}
.post-controls .post-share li a{color:#1d2124;}
.post-controls .post-share li a:hover{color:#9357cc;}
/* 10.3 Comments */
.comments-info a{color:#1d2124;}
.comments-info a:hover{color:#9357cc;text-decoration:none;}
.comment-respond{margin-top:70px;margin-bottom:80px;}
.comment-reply-title{font-size:16px;margin-bottom:20px;text-transform:uppercase;}
.recent-post-title{font-size:16px;margin-bottom:20px;text-transform:uppercase;}
.comment-box{margin-bottom:80px;}
.post-comment{margin:30px 0;}
li.post-comment{list-style:none;}
.comment-content{padding:20px;background-color:#fff;border:1px solid #f1f1f1;}
.post-comment .avatar{margin-right:22px;float:left;}
.post-comment .avatar img{width:74px;height:74px;border-radius:100px;}
.post-comment .post-body{overflow:hidden;}
.post-comment .comment-header{line-height:1;font-size:13px;padding-right:46px;margin-top:3px;margin-bottom:10px;}
.post-comment .author a{font-family: 'Raleway', sans-serif;font-size:16px;font-weight:800;color:#1d2124;}
.post-comment .comment-header .time-ago a{font-size:12px;color:#888;margin-left:6px;}
.post-comment .reply a{font-size:10px;color:#888;margin-right:6px;float:right;background-color:#ececec;padding:5px 10px;}
.post-comment .reply-comment{padding-left:90px;}
.post-comment .reply-comment .avatar img{width:50px;height:50px;border-radius:100px;}
.comment-form .form-control{height:55px;border:1px solid #eee;}
.comment-form textarea.form-control{height:auto;}
/* Footer */
.footer{font-size:16px;}
.footer-main{padding:60px 0 60px;background-color: #f5f5f5;position: relative;}
.footer .widget-title{position:relative;line-height:1.4;text-transform:uppercase;margin-bottom:20px;color:#1d2124;font-family:'Montserrat', sans-serif;margin-top:11px;font-size:14px;}
.footer .widget-text p{color:#9e9e9e;font-size:14px;}
.footer .widget-links{font-family:'Open Sans', sans-serif;}
.footer .widget-links li{margin-bottom:10px;list-style:none;color:#9e9e9e;font-size:14px;}
.footer .widget-links li i{color:#9e9e9e;padding-right:10px;}
.footer .widget-links a{color:#9e9e9e;}
.footer .widget-links a:hover{color:#9357cc;text-decoration:none;}
.footer-copyright{padding:35px 0;background-color:#1d2124;}
.copy-right{margin-top:33px;color:#fff;font-size:13px;}
.copy-right .icon{color:#9357cc;margin-right:5px;}
.footer-copyright ul.social-media{float:right;display:block;margin-bottom:0;margin-top:28px;}
.footer-copyright ul.social-media li{display:inline-block;margin-right:20px;}
.footer-copyright ul.social-media li:last-child{margin-right:0;}
.footer-copyright ul.social-media li a{font-size:20px;display:inline-block;color:#fff;}
.footer-copyright ul.social-media li a:hover{color:#9357cc;}
.popular-tags a{display:inline-block;padding:5px 11px;margin:0 5px 15px 0;border:1px solid #9e9e9e;color:#9e9e9e;background:transparent;font-size:14px;}
.popular-tags a:hover{background:#9357cc;border:1px solid #9357cc;color:#fff;text-decoration:none;}
/* Google Maps */
.map-section{position:relative;min-height:500px;}
.map-parallax{position:fixed;width:100%;height:45%;z-index:-3;}
#myMap, #map-style-2, #map-style-3{min-height:500px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;}
#myMap.wide, #map-style-2.wide, #map-style-3.wide{height:500px;width:100%;position:relative!important;}
#mapcontent p{margin:0;font-size:16px;}
/* Go Top */
#return-to-top{position:fixed;bottom:20px;right:20px;background:rgba(0, 0, 0, 0.7);width:35px;height:35px;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:100px;display:none;z-index:99;}
#return-to-top i{color:#fff;margin:0;position:relative;font-size:15px;text-align:center;display:block;line-height:36px;}
#return-to-top:hover{background:rgba(0, 0, 0, 0.9);}
/* Sliders */
.default-slider, .home-fullslide{position:relative;height:768px;overflow:hidden;}
.default-slider .container{padding-top:60px;}
.default-slider.slick-dotted.slick-slider, .blog-grid-slider.slick-dotted.slick-slider{margin-bottom:0;}
.home-slider{height:100vh;padding:0;}
.home-slider .default-slider, .home-slider .slick-list, .home-slider .slide-img, .home-slider .hero-text-wrap{height:100vh;width:100%;}
.default-slider .slide{position:relative;height:768px;}
.default-slider .slick-dots, .service-slider-2 .slick-dots{bottom:40px;}
.default-slider .slick-dots li button, .portfolio-slider .slick-dots li button{font-size:0;width:40px;height:3px;padding:0px;cursor:pointer;border:0;outline:none;background:rgba(195, 195, 195, 0.5);}
section.dark-block .default-slider .slick-dots li button{background:rgba(33, 33, 33, 0.5);}
.slide-img, .parallax-img{position:absolute;top:0;left:0;width:100%;height:100%;}
.full-screen-bg{height:100vh;min-height:100vh;}
.hero-text-wrap{display:table;table-layout:fixed;height:100%;width:100%;position:relative;z-index:200;background-color:rgba(0, 0, 0, 0.45);}
.light-slider .hero-text-wrap{background-color:rgba(0, 0, 0, 0);}
.shape-bg{position:relative;}
.shape-bg:after{position:absolute;top:0;left:0;content:'';background:url(../images/slide-shape.png) no-repeat;width:590px;height:590px;z-index:-1;transform:translate(-5%, -18%);-webkit-transform:translate(-5%, -18%);-moz-transform:translate(-5%, -18%);-o-transform:translate(-5%, -18%);}
.inline-btn p{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:0.1em;margin:0 10px;font-family:'Montserrat', sans-serif;font-weight:500;vertical-align:middle;}
.inline-btn i{font-size:20px;}
.video-box{position:relative;overflow:hidden;border-radius:10px;}
.video-box_overlay{position:absolute;left:0;top:0;width:100%;height:100%;}
.play-button{width:100px;height:100px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:100px;-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;line-height:100px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.play-button:hover{-webkit-transform:translateX(-50%) translateY(-50%)scale(1.1);transform:translateX(-50%) translateY(-50%)scale(1.1);}
.play-button:before{content:'';border:1px solid;border-color:#fff;width:100px;height:100px;border-radius:50%;position:absolute;left:0;top:0;opacity:1;-webkit-animation:1s it-zoom linear infinite;animation:1s it-zoom linear infinite;}
.play-button:after{content:'';border:1px solid;border-color:#fff;width:100px;height:100px;border-radius:50%;position:absolute;left:0;top:0;opacity:1;-webkit-animation:1s it-zoom linear infinite;animation:1s it-zoom linear infinite;}
.play-button:before{-webkit-animation-delay:.5s;animation-delay:.5s;}
.play-button i{line-height:inherit;display:block;text-align:center;color:#1d2124;font-size:60px;}
.dark.play-button{background-color:#1d2124;}
.dark.play-button:before{border-color:#1d2124;}
.dark.play-button:after{border-color:#1d2124;}
.dark.play-button i{color:#fff;}
.hero-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
.hero-video video{position:absolute;max-width:none;}
.bg-flex.bg-flex-left{left:0;}
.bg-flex.bg-flex-right{right:0;}
.bg-flex{padding:0;position:absolute!important;top:0px;height:100%;overflow:hidden;z-index:100;}
.bg-flex-holder{position:absolute;top:0;width:100%;height:100%;}
.bg-flex-cover{background-size:cover;background-position:center center;background-repeat:no-repeat;}
.bg-flex-right{position:absolute;padding:0;right:0;top:0;bottom:0;overflow:hidden;}
.col-about-right{padding-left:60px;}
.col-about-left{padding-right:60px;}
.row-flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.row-flex:before{content:none;}
.row-flex > [class*="col-"]{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
@media only screen and (max-width:767px){.row-flex > [class*="col-"]:not([class*="col-xs"]){width:100%;}
}
.row-flex > [class*="col-"] .col-inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:-15px;margin-right:-15px;}
.col-inner.spacer{padding:100px 50px;}
.col-inner.spacer-md{padding:90px 50px;}
.col-inner.spacer-sm{padding:80px 50px;}
.col-inner.spacer-xs{padding:60px 50px;}
.row-flex.flex-center > [class*="col-"]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
@media only screen and (min-width:768px){.row-flex.full-width-flex > [class*="col-"]{padding-left:6.5%;padding-right:6.5%;}
}
.row-flex.padding-row > [class*="col-"]{padding:7.5% 6.5%;}
.row-flex.flex-horizontal > [class*="col-"]:last-child{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.row-flex.flex-spacing .column-inner{margin-left:0;margin-right:0;}
.social-networks{padding:0;list-style:none;}
.social-networks > li{display:inline-block;margin-right:12px;}
.social-networks > li > a{display:block;width:50px;height:50px;line-height:47px;text-align:center;font-size:16px;border:1px solid #e8e8e8;color:#1d2124;border-radius:100%;}
.social-networks > li > a:hover{color:#fff;}
.social-networks > li.social-icon-fb > a:hover{background-color:#3b5998;border-color:#3b5998;}
.social-networks > li.social-icon-tw > a:hover{background-color:#55acee;border-color:#55acee;}
.social-networks > li.social-icon-lk > a:hover{background-color:#0077b5;border-color:#0077b5;}
.social-networks > li.social-icon-be > a:hover{background-color:#053eff;border-color:#053eff;}
.social-networks > li.social-icon-de > a:hover{background-color:#ea4c89;border-color:#ea4c89;}
.social-networks > li.social-icon-sk > a:hover{background-color:#00aff0;border-color:#00aff0;}
.social-networks > li > a i{font-size:20px;}
/* Arrows */
.slick-prev, .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;
color: transparent;border: none;outline: none;background: transparent;z-index:10;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #fff;outline: none;background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
.testimonial .slick-prev:before, .testimonial .slick-next:before{font-family:"dport-icons";font-size: 35px;line-height: 1;opacity: 0.5;color: #1d2124;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.testimonial .slick-prev:hover:before, .testimonial .slick-prev:focus:before, .testimonial .slick-next:hover:before, .testimonial .slick-next:focus:before{opacity: 1;}
.slick-prev{left:25px;}
.testimonial .slick-prev:before{content:'\ea44';}
.slick-next{right:25px;}
.testimonial .slick-next:before{content:'\ea42';}
/* Simple Slider */
.simple-content-slider{width: 100%; height: 100%; position: absolute; right: 0; left: 0;}
.simple-content-slider-text{display: table; height: 100%; width: 100%;}
.simple-content-text-inner{display: table-cell; vertical-align: middle;}
/* Template Social Icons */
.member-socialicons{overflow: hidden;list-style: none;text-align:center;line-height: 20px;}
.member-socialicons li{float: left;padding: 0 10px;line-height: inherit;list-style-type: none;}
.member-socialicons li a{color: #fff;display:block;}
.member-socialicons li a:hover {color: #ff4552;}
.member-socialicons li a i{display:block;font-size:13px;text-align:center;}
ul.social-default, ul.social-default-no-border{display:block;}
ul.social-default li, ul.social-default-no-border li {display:inline-block;margin-right: 12px;}
ul.social-default li:last-child, ul.social-default-no-border li:last-child {margin-right:0;}
ul.social-default li a{font-size: 16px;display: block;border: solid 1px;text-align: center;width: 40px;height: 40px;line-height: 40px;border-radius: 100px;}
ul.social-default li a.fb{border-color:#3C599F;color:#3C599F;}
ul.social-default li a:hover.fb, ul.social-default li a:focus.fb{border-color:#3C599F;color:#fff;background-color: #3c599f;}
ul.social-default li a.tw{border-color:#00aced;color:#00aced;}
ul.social-default li a:hover.tw, ul.social-default li a:focus.tw{border-color:#00aced;color:#fff;background-color: #00aced;}
ul.social-default li a.dr{border-color:#ea4c89;color:#ea4c89;}
ul.social-default li a:hover.dr, ul.social-default li a:focus.dr{border-color:#ea4c89;color:#fff;background-color: #ea4c89;}
ul.social-default li a.be{border-color:#1769FF;color:#1769FF;}
ul.social-default li a:hover.be, ul.social-default li a:focus.be{border-color:#1769FF;color:#fff;background-color: #1769FF;}
ul.social-default li a.ev{border-color:#528036;color:#528036;}
ul.social-default li a:hover.ev, ul.social-default li a:focus.ev{border-color:#528036;color:#fff;background-color: #528036;}
ul.social-default-no-border{margin-left:auto;margin-right:auto;text-align: center;}
ul.social-default-no-border li a{font-size:16px;display:inline-block;color:#1d2124;}
ul.social-default-no-border.big li a{font-size: 26px;color:#fff;}
ul.social-default-no-border li a:hover.facebook, ul.social-default-no-border li a:focus.facebook{color:#3C599F;}
ul.social-default-no-border li a:hover.twitter, ul.social-default-no-border li a:focus.twitter{color:#00aced;}
ul.social-default-no-border li a:hover.behance, ul.social-default-no-border li a:focus.behance{color:#1769FF;}
ul.social-default-no-border li a:hover.dribble, ul.social-default-no-border li a:focus.dribble{color:#ea4c89;}
ul.social-default-no-border li a:hover.google-plus, ul.social-default-no-border li a:focus.google-plus{color:#dd4b39;}
ul.social-default-no-border li a:hover.linkedin, ul.social-default-no-border li a:focus.linkedin{color:#007bb6;}
ul.social-default-no-border li a:hover.youtube, ul.social-default-no-border li a:focus.youtube{color:#bb0000;}
ul.social-default-no-border li a:hover.instagram, ul.social-default-no-border li a:focus.instagram{color:#517fa4;}
ul.social-default-no-border li a:hover.pinterest, ul.social-default-no-border li a:focus.pinterest{color:#cb2027;}
ul.social-default-no-border li a:hover.flicker, ul.social-default-no-border li a:focus.flicker{color:#ff0084;}
ul.social-default-no-border li a:hover.tumblr, ul.social-default-no-border li a:focus.tumblr{color:#32506d;}
ul.social-default-no-border li a:hover.github, ul.social-default-no-border li a:focus.github{color:#171516;}
.xs-icon, .sm-icon, .md-icon, .lg-icon, .xl-icon {list-style: none; padding: 0;}
.xs-icon li, .sm-icon li, .md-icon li, .lg-icon li, .xl-icon li {display: inline-block;}
footer .xs-icon li:first-child, footer .sm-icon li:first-child, footer .md-icon li:first-child, footer .lg-icon li:first-child, footer .xl-icon li:first-child {margin-left: 0;}
footer .xs-icon li:last-child, footer .sm-icon li:last-child, footer .md-icon li:last-child, footer .lg-icon li:last-child, footer .xl-icon li:last-child {margin-right: 0;}
.xs-icon li {margin: 0 2px}
.sm-icon li {margin: 0 5px}
.md-icon li {margin: 0 8px}
.lg-icon li {margin: 0 10px}
.xl-icon li {margin: 0 12px}
.xs-icon a {font-size: 14px; width:30px!important; height:30px!important;line-height:29px!important;}
.sm-icon a {font-size: 16px; width: 40px!important; height:40px!important;line-height: 38px!important;}
.md-icon a {font-size: 20px; width: 50px; height:50px;line-height: 48px;}
.lg-icon a {font-size: 24px; width: 60px!important; height: 60px!important;line-height: 61px!important;}
.xl-icon a {font-size: 30px; width: 70px!important; height: 70px!important;line-height: 68px!important;}
.md-icon.left-icon li {margin-right: 10px;margin-left: 0;}
/* Elememts Social Icons */
/* Social Icons Style 01 */
.social-icons-style-01 a, .social-icons-style-07 a {text-align: center; display:inline-block; transition: all 400ms; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; color: #fff}
.social-icons-style-01 a:hover {border-radius: 100%;}
.social-icons-style-01 a.fb, .social-icons-style-02 a.fb:hover, .social-icons-style-03 a.fb span, .social-icons-style-06 .icon.facebook:before, .social-icons-style-09 a.facebook, .social-icons-style-10 a.fb span, .social-icons-style-11 .facebook .back{background-color: #3b5998;}
.social-icons-style-01 a.tw, .social-icons-style-02 a.tw:hover, .social-icons-style-03 a.tw span, .social-icons-style-06 .icon.twitter:before, .social-icons-style-09 a.twitter, .social-icons-style-10 a.tw span, .social-icons-style-11 .twitter .back{background-color: #00aced;}
.social-icons-style-01 a.be, .social-icons-style-02 a.be:hover, .social-icons-style-03 a.be span, .social-icons-style-06 .icon.behance:before, .social-icons-style-09 a.behance, .social-icons-style-10 a.be span, .social-icons-style-11 .behance .back{background-color: #1769FF;}
.social-icons-style-01 a.in, .social-icons-style-02 a.in:hover, .social-icons-style-03 a.in span, .social-icons-style-06 .icon.linkedin:before, .social-icons-style-09 a.linkedin, .social-icons-style-10 a.in span, .social-icons-style-11 .linkedin .back{background-color: #007bb6;}
.social-icons-style-01 a.yt, .social-icons-style-02 a.yt:hover, .social-icons-style-03 a.yt span, .social-icons-style-06 .icon.youtube:before, .social-icons-style-09 a.youtube, .social-icons-style-10 a.yt span, .social-icons-style-11 .youtube .back{background-color: #bb0000;}
.social-icons-style-01 a.ins, .social-icons-style-02 a.ins:hover, .social-icons-style-03 a.ins span, .social-icons-style-06 .icon.instagram:before, .social-icons-style-09 a.instagram, .social-icons-style-10 a.ins span, .social-icons-style-11 .instagram .back{background-color: #fe1f49;}
.social-icons-style-01 a.tb, .social-icons-style-02 a.tb:hover, .social-icons-style-03 a.tb span, .social-icons-style-06 .icon.tumblr:before, .social-icons-style-09 a.tumblr, .social-icons-style-10 a.tb span, .social-icons-style-11 .tumblr .back{background-color: #32506d;}
.social-icons-style-01 a.fk, .social-icons-style-02 a.fk:hover, .social-icons-style-03 a.fk span, .social-icons-style-06 .icon.flicker:before, .social-icons-style-09 a.flickr, .social-icons-style-10 a.fk span, .social-icons-style-11 .flickr .back{background-color: #ff0084;}
.social-icons-style-01 a.rss, .social-icons-style-02 a.rss:hover, .social-icons-style-03 a.rss span, .social-icons-style-06 .icon.rss:before, .social-icons-style-09 a.rss, .social-icons-style-10 a.rss span, .social-icons-style-11 .rss .back{background-color: #f2890a;}
.social-icons-style-01 a.pin, .social-icons-style-02 a.pin:hover, .social-icons-style-03 a.pin span, .social-icons-style-06 .icon.pinterest:before, .social-icons-style-09 a.pinterest, .social-icons-style-10 a.pin span, .social-icons-style-11 .pinterest .back{background-color: #cb2027;}
.social-icons-style-01 a.git, .social-icons-style-02 a.git:hover, .social-icons-style-03 a.git span, .social-icons-style-06 .icon.github:before, .social-icons-style-09 a.github, .social-icons-style-10 a.git span, .social-icons-style-11 .github .back{background-color: #171516;}
.social-icons-style-01 a.gplus, .social-icons-style-02 a.gplus:hover, .social-icons-style-03 a.gplus span, .social-icons-style-06 .icon.google-plus:before, .social-icons-style-09 a.google-plus, .social-icons-style-10 a.gplus span, .social-icons-style-11 .google-plus .back{background-color: #dd4b39;}
.social-icons-style-01 a.dr, .social-icons-style-02 a.dr:hover, .social-icons-style-03 a.dr span, .social-icons-style-06 .icon.dribble:before, .social-icons-style-09 a.dribble, .social-icons-style-10 a.dr span, .social-icons-style-11 .dribble .back{background-color: #ea4c89;}
/* Social Icons Style 02 */
.social-icons-style-02 a {text-align: center; display:inline-block; color: #fff}
.social-icons-style-02 a:hover {color: #fff; border-radius: 100%;}
/* Social Icons Style 03 */
.social-icons-style-03 {position: relative;}
.social-icons-style-03 a {text-align: center; display:inline-block; border-radius: 100%; position: relative; text-align: center}
.social-icons-style-03 a:hover {color: #fff;}
.social-icons-style-03 a i {position: relative; z-index: 1;}
.social-icons-style-03 a span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0;}
.social-icons-style-03 a:hover span{width:100%; height:100%; border-radius: 100%; top: 0; left: 0;}
/* Social Icons Style 04 */
.social-icons-style-04 a:hover.facebook{color:#3C599F;}
.social-icons-style-04 a:hover.twitter{color:#00aced;}
.social-icons-style-04 a:hover.behance{color:#1769FF;}
.social-icons-style-04 a:hover.dribble{color:#ea4c89;}
.social-icons-style-04 a:hover.google-plus{color:#dd4b39;}
.social-icons-style-04 a:hover.linkedin{color:#007bb6;}
.social-icons-style-04 a:hover.youtube{color:#bb0000;}
.social-icons-style-04 a:hover.instagram{color:#517fa4;}
.social-icons-style-04 a:hover.pinterest{color:#cb2027;}
.social-icons-style-04 a:hover.flicker{color:#ff0084;}
.social-icons-style-04 a:hover.tumblr{color:#32506d;}
.social-icons-style-04 a:hover.github{color:#171516;}
.social-icons-style-04 a:hover.rss{color:#f2890a;}
/* Social Icons Style 05 */
.social-icons-style-05 a.facebook, .social-icons-style-06 .icon.facebook , .social-icons-style-12 a.facebook{color:#3C599F;}
.social-icons-style-05 a.twitter, .social-icons-style-06 .icon.twitter , .social-icons-style-12 a.twitter{color:#00aced;}
.social-icons-style-05 a.behance, .social-icons-style-06 .icon.behance , .social-icons-style-12 a.behance{color:#1769FF;}
.social-icons-style-05 a.dribble, .social-icons-style-06 .icon.dribble , .social-icons-style-12 a.dribble{color:#ea4c89;}
.social-icons-style-05 a.google-plus, .social-icons-style-06 .icon.google-plus , .social-icons-style-12 a.google-plus{color:#dd4b39;}
.social-icons-style-05 a.linkedin, .social-icons-style-06 .icon.linkedin , .social-icons-style-12 a.linkedin{color:#007bb6;}
.social-icons-style-05 a.youtube, .social-icons-style-06 .icon.youtube , .social-icons-style-12 a.youtube{color:#bb0000;}
.social-icons-style-05 a.instagram, .social-icons-style-06 .icon.instagram , .social-icons-style-12 a.instagram{color:#517fa4;}
.social-icons-style-05 a.pinterest, .social-icons-style-06 .icon.pinterest , .social-icons-style-12 a.pinterest{color:#cb2027;}
.social-icons-style-05 a.flicker, .social-icons-style-06 .icon.flicker , .social-icons-style-12 a.flicker{color:#ff0084;}
.social-icons-style-05 a.tumblr, .social-icons-style-06 .icon.tumblr , .social-icons-style-12 a.tumblr{color:#32506d;}
.social-icons-style-05 a.github, .social-icons-style-06 .icon.github , .social-icons-style-12 a.github{color:#171516;}
.social-icons-style-05 a.rss, .social-icons-style-06 .icon.rss , .social-icons-style-12 a.rss{color:#f2890a;}
.social-icons-style-05 a:hover{color:#fff;}
/* Social Icons Style 06 */
.social-icons-style-06 .icon {display: inline-block;background-color: #fff;width: 50px;height: 50px;line-height: 50px;margin: 0;text-align: center;position: relative;overflow: hidden;border-radius: 28%;box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);opacity: 0.99;}
.social-icons-style-06 .icon, .social-icons-style-06 .icon:before, .social-icons-style-06 .icon {transition: all 0.35s;transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);}
.social-icons-style-06 .icon:before {content: '';width: 120%;height: 120%;position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.social-icons-style-06 .icon:before {top: 90%;left: -110%;}
.social-icons-style-06 .icon {vertical-align: middle;}
.social-icons-style-06 .icon {-webkit-transform: scale(0.8);transform: scale(0.8);}
.social-icons-style-06 .icon:focus:before, .social-icons-style-06 .icon:hover:before {top: -10%;left: -10%;}
.social-icons-style-06 .icon:focus , .social-icons-style-06 .icon:hover {color: #fff;-webkit-transform: scale(1);transform: scale(1);position: relative;}
/* Social Icons Style 07 */
.social-icons-style-07 a:hover{color:#9357cc;}
/* Social Icons Style 08 */
.social-icons-style-08 a {text-align: center; display:inline-block;border: 1px solid rgba(0,0,0,0.1);color: #232323; background-color: transparent; border-radius: 100%;}
.social-icons-style-08 a:hover {background-color: transparent;}
.social-icons-style-08 a.facebook:hover {border-color: #3b5998;color: #3b5998;}
.social-icons-style-08 a.twitter:hover {border-color: #00aced; color: #00aced}
.social-icons-style-08 a.google-plus:hover {border-color: #dc4a38; color: #dc4a38}
.social-icons-style-08 a.dribble:hover {border-color: #ea4c89; color: #ea4c89}
.social-icons-style-08 a.youtube:hover {border-color: #bb0000; color: #bb0000}
.social-icons-style-08 a.linkedin:hover {border-color: #0077b5; color: #0077b5}
.social-icons-style-08 a.instagram:hover {border-color: #FE1F49; color: #FE1F49}
.social-icons-style-08 a.pinterest:hover {border-color: #CB2027; color: #CB2027}
.social-icons-style-08 a.flickr:hover {border-color: #ff0084; color: #ff0084}
.social-icons-style-08 a.rss:hover {border-color: #f2890a; color: #f2890a}
.social-icons-style-08 a.behance:hover {border-color: #1769ff; color: #1769ff}
.social-icons-style-08 a.tumblr:hover {border-color: #32506d; color: #32506d}
/* Social Icons Style 09 */
.social-icons-style-09 a {text-align: center; display:inline-block;-webkit-transition: -webkit-transform 1s, backgrond 0.4s;-moz-transition: -moz-transform 1s, background 0.4s;-o-transition: -o-transform 1s, background 0.4s;transition: transform 1s, background 0.4s; border-radius: 100%; color: #fff}
.social-icons-style-09 a:hover{-webkit-transform: translateY(-10px)rotateZ(360deg);-moz-transform: translateY(-10px)rotateZ(360deg);-ms-transform: translateY(-10px)rotateZ(360deg);-o-transform: translateY(-10px)rotateZ(360deg);transform: translateY(-10px)rotateZ(360deg);}
/* Social Icons Style 10 */
.social-icons-style-10 a {text-align: center; display:inline-block; border-radius: 100%; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); color: #232323; text-align: center; z-index: 1;}
.social-icons-style-10 a:hover {color: #fff;}
.social-icons-style-10 a span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0;z-index: -1;}
.social-icons-style-10 a:hover span{width:100%; height:100%; border-radius: 100%; top: 0; left: 0;}
/* Social Icons Style 11 */
.social-icons-style-11 a {background: #fff;color: #1d2124;float: left;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;display: inline-block;;position: relative;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.social-icons-style-11 .front, .social-icons-style-11 .back {width: 50px;height: 50px;position: absolute;top: 0;left: 0;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-backface-visibility: visible;-moz-backface-visibility: visible;
-ms-backface-visibility: visible;-o-backface-visibility: visible;backface-visibility: visible;}
.social-icons-style-11 .back {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.social-icons-style-11 a:hover .back {-webkit-backface-visibility: visible;-moz-backface-visibility: visible;-ms-backface-visibility: visible;-o-backface-visibility: visible;backface-visibility: visible;}
.social-icons-style-11 a:hover {color: #fff;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);transform: rotateY(-180deg);}
/* Social Icons Style 12 */
.social-icons-style-12 a {color: #fff;background-color:#fff;border-radius: 5px;text-align: center;text-decoration: none;position: relative;display: inline-block;width: 50px;height: 50px;-o-transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-font-smoothing: antialiased;}
.social-icons-style-12 a span {color: #1d2124;position: absolute;bottom: 0;left: -25px;right: -25px;z-index: -1;font-size: 14px;border-radius: 2px;background: #fff;visibility: hidden;opacity: 0;-o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.social-icons-style-12 a:hover span {bottom: 60px;visibility: visible;opacity: 1;}
.social-icons-style-12 a span:before {content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
/* Breadcrumb */
.breadcrumb {background: transparent; border-radius: 0; padding: 0}
.breadcrumb ul { list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li {display: inline-block;}
.breadcrumb ul li a{color:#fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.breadcrumb ul li a:hover, .breadcrumb ul li a:focus{color:#9357cc;}
.breadcrumb ul > li:after {content: "\eab8";font-family:"dport-icons" ;padding: 0 11px 0 14px;display: inline-block;vertical-align: middle;font-size: 10px;color:#fff;}
.breadcrumb ul > li:last-child:after {border-right: 0; content: ""; padding: 0}
/* List Styles */
/* list Style 01 */
.list-style-none li {list-style: none;}
.list-style-01 li {padding: 5px 0}
/* list Style 02 */
.list-style-02 {list-style: none; margin: 0; padding: 0;}
.list-style-02 li {position: relative;margin: 0 0 15px 0;}
.list-style-02 li.not-available{color: #ccc;}
.list-style-02 li.not-available:before{color: #fe4f4f;content:"\efb8";font-family: dport-icons;margin-right: 10px;}
.list-style-02 li:before {content:"\efad";font-family: dport-icons;margin-right: 10px;color:#9357cc;}
/* list Style 03 */
.list-style-03 { list-style: none; margin: 0; padding: 0;}
.list-style-03 li { position: relative; padding: 0 0 0 22px; margin: 0 0 9px 0;}
.list-style-03 li:before { content: ""; width: 10px; height: 1px; background-color: #1d2124; position: absolute; top: 11px; left: 0; }
/* list Style 04 */
.list-style-04 { list-style: none; margin: 0; padding: 0;}
.list-style-04 li { padding: 0; margin: 0 0 10px 0;}
.list-style-04 li i{margin-right: 10px;}
/* Our Process */
/* Our Process Style 01 */
.our-process-style-01 .count-wrap {position: relative;width: 80px;height: 80px;margin: 0 auto 30px;}
.our-process-style-01 .count-wrap:before {width: 80px;height: 80px;opacity: .2;z-index: 1;}
.our-process-style-01 .count-wrap:after {width: 65px;height: 65px;opacity: .5;z-index: 2;}
.our-process-style-01 .count-wrap:after, .our-process-style-01 .count-wrap:before {position: absolute;top: 50%;left: 50%;content: '';-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 100px;}
.our-process-style-01 .count, .our-process-style-01 .count-wrap:after, .our-process-style-01 .count-wrap:before{background-color: #9357cc;}
.our-process-style-01 .count {position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;border-radius: 100px;text-align: center;line-height: 50px;color: #fff;font-size: 24px;font-weight: 600;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 3;}
.our-process-style-01 .line:after, .our-process-style-01 .line:before {content: "";display: block;width: 50%;height: 1px;background: #eee;position: absolute;top: 40px;text-align: center;}
.our-process-style-01 .line:after{right:0}
.our-process-style-01 .line:before{left:0}
.our-process-style-01 .line:first-child:before{display: none;}
.our-process-style-01 .line:last-child:after{display: none;}
/* Our Process Style 02 */
.our-process-style-02 .icon-wrap {position: relative;width: 100px;height: 100px;margin: 0 auto 30px;border-radius: 100px;}
.our-process-style-02 .icon {position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;text-align: center;line-height: 65px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 3;margin-left: 0;}
.our-process-style-02 .line:after{content: "";display: block;width: 100%;height: 1px;background: #fff;position: absolute;top: 55px;text-align: center;left:50%;}
.our-process-style-02 .line:last-child:after{display: none;}
/* Custom Styles */
.left-img {bottom: -85px;position: absolute;left: -70px;width: 54%;}
.left-img img {max-width: none;}
.client-logo {margin: 0px 15px;}
.client-logo img {margin: auto;opacity: 0.7;filter: alpha(opacity=70);}
.client-logo img:hover {opacity: 1.0;filter: alpha(opacity=100);}
section.big-block .client-logo {padding:10%;}
.client-sm-logos img{margin:0 auto;width:150px;}
.client-logo-height img {-webkit-filter: grayscale(1);filter: grayscale(1);}
.client-logo-height:hover img {filter: grayscale(0);-webkit-filter: grayscale(0);}
.client-logo-height{height:190px;}
.client-logo-height:hover{box-shadow: 0 0 4px rgba(0,0,0,.1);}
.default-slider .slide:focus, .testimonial-item:focus, .quote-item:focus, .client-logo:focus, .zoom-text:focus, .portfolio-slider .item:focus, .blog-grid-slider .item:focus, .member:focus, .blog-slider .post:focus, #product-slide .small-thumb:focus, #product-slider .big-thumb:focus, .model-slider .item-model:focus {outline: none;}
.cover-bg{position: relative !important;background-size: cover !important;overflow: hidden !important;background-position: center !important;background-repeat: no-repeat !important;}
.title-hero-bg {background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-repeat:no-repeat;background-position:center center;position: relative;min-height: 764px;}
.title-hero-bg::before {content: "";background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.title-hero-bg-2 {background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-repeat:no-repeat;background-position-x: center;background-position-y: center;position: relative;min-height: 400px;}
.title-hero-bg-2::before {content: "";background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.page-title{position:absolute;top:50%;width:100%;left:0;z-index:15;-webkit-transform:translate(0%, 50%);-moz-transform:translate(0%, 50%);-ms-transform:translate(0%, 50%);-o-transform:translate(0%, 50%);transform:translate(0%, 50%);}
.page-title h1{font-size:50px;line-height:60px;margin:0;}
.grid-box [class^=col-]{padding-top:15px;padding-bottom:15px;background-color:rgba(255, 255, 255,.05);border:1px solid rgba(0,0,0,.09);margin-top:5px;margin-bottom:5px;}
/* Countdowns */
.countdown {margin-bottom: 0;}
.countdown li {display: inline-block;text-align: center;margin-right:50px;}
.countdown li:last-child {margin-right:0;}
/* Custom Images */
.img-center{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.responsive-screen {margin-top: 50px;}
/* Demos */
.product{margin:0 0 30px 0;}
.product-wrap{position:relative;overflow:hidden;border-radius: 7px;border: 9px solid #212121;}
.product-img img{width:100%;}
.product-wrap .product-caption{width:100%;position:absolute;z-index:2;height:100%;opacity:0;top:0;background-color:rgba(0,0,0,0.6);-webkit-transition:opacity 0.4s;transition:opacity 0.4s;}
.product-wrap:hover .product-caption{opacity:1;}
.product-description{width:100%;height:100%;}
.product-description-wrap{position:absolute;top:50%;left:0;width:100%;margin-top:-50px;}
.product-description .product-title, .product-description .product-subtitle{position:relative;left:0;color:#fff;width:100%;opacity:0;visibility:hidden;}
.product-description .product-title{top:0;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.product-description .product-title a i{color:#fff;}
.product-description .product-subtitle{top:0;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.product-wrap:hover .product-description .product-title{opacity:1;visibility:visible;top:30px;}
.product-wrap:hover .product-description .product-subtitle{opacity:1;visibility:visible;top:25px;}
.product .product-detail{margin-top:30px;}
.demo-box {margin-bottom:25px;text-align:center;}
.demo-box a{position:relative;box-shadow:0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05);transition:0.35s cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(0px);}
.demo-box a:hover{box-shadow:0px 0px 114px 0px rgba(0, 0, 0, 0.08), 0px 30px 25px 0px rgba(0, 0, 0, 0.05);transform:translateY(-10px);}
.demo-box img{box-shadow:0 10px 30px 0 rgba(31,35,37,.1);transition:all .35s cubic-bezier(0.4,0,.2,1);}
.single-img{display:inline-block;vertical-align:top;max-width:100%;}
.demo-box h3{text-transform:uppercase;font-size:16px;text-align:center;letter-spacing:0.15em;color:#fff;}
.filter-white.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{color:#9357cc;border-bottom: 1px solid #9357cc;}
.filter-white.cbp-l-filters-alignCenter .cbp-filter-item{color:#fff;margin: 0 10px;}
.filter-white.cbp-l-filters-alignCenter .cbp-filter-item:hover {color: #888;}
.portfolio-layout-slider .item-img{margin: 0 15px;}
.portfolio-layout-slider .item-img img{box-shadow: 0 10px 30px 0 rgba(31,35,37,.1);}