@charset "utf-8";
  html {
overflow-x: hidden !important;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 13px;
height: 100%;
text-align: center;
background: #2D2D32;
color: #000;
font-family: 'Titillium Web', sans-serif;
}
@-o-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
} .loader-wrap {
position: fixed;
width: 100%;
height: 100%;
z-index: 200;
background: #2A2A2E;
top: 0;
overflow: hidden;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
}
.pin {
position: absolute;
top: 50%;
left: 30%;
margin-left: 50px;
width: 200px;
height: 40px;
text-transform: uppercase;
letter-spacing: 10px;
font-size: 12px;
font-weight: 400;
margin-top: -20px;
color: rgba(255, 255, 255, 0.31);
font-family: 'Poppins', sans-serif;
text-align: left;
}
.pin:after {
content: "Solonick : ";
position: absolute;
left: -100%;
color: rgba(255, 255, 255, 0.51);
}
.pin:before {
content: "Loading";
position: absolute;
overflow: hidden;
max-width: 0;
text-align: left;
animation: pinanim 2.2s ease-out infinite;
}
@keyframes pinanim {
0% {
max-width: 0;
}
100% {
max-width: 100%;
}
}
@keyframes pinanim {
0% {
max-width: 0;
}
100% {
max-width: 100%;
}
} p {
font-size: 11px;
line-height: 24px;
padding-bottom: 10px;
font-weight: 500;
color: #878C9F;
font-family: 'Poppins', sans-serif;
}
blockquote {
float: left;
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 15px solid #eee;
position: relative;
}
blockquote:before {
font-family: Font Awesome\ 5 Pro;
content: "\f10e";
position: absolute;
color: #ccc;
bottom: 3px;
font-size: 43px;
right: 6px;
opacity: 0.4
}
blockquote p {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
}
.bold-title {
margin: 15px 0;
font-size: 24px;
text-align: left;
font-weight: 600;
} #main {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
}
.fl-wrap {
float: left;
width: 100%;
position: relative;
}
.hero-section {
padding: 250px 0 450px;
}
.content {
float: left;
width: 100%;
position: relative;
padding-left: 80px;
z-index: 5;
}
.content.full-height {
z-index: 6;
}
.container {
max-width: 1224px;
width: 92%;
margin: 0 auto;
position: relative;
z-index: 5;
}
#wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
.single-page-wrap {
padding-top: 80px;
}
.single-page-decor {
position: fixed;
top: 0;
left: 80px;
right: 0;
height: 80px;
z-index: 14;
background: #2D2D32;
-webkit-transform: translate3d(0, 0, 0);
}
.single-page-fixed-row {
position: fixed;
top: 0;
left: 80px;
right: 0;
height: 80px;
z-index: 14;
-webkit-transform: translate3d(0, 0, 0);
}
.single-page-fixed-row-link {
float: left;
margin-left: 50px;
text-align: left;
top: 32px;
}
.single-page-fixed-row-link i {
padding-right: 20px;
}
.single-page-fixed-row-link span {
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: #8B8B8B;
position: relative;
}
.single-page-fixed-row-link span:before {
content: '';
position: absolute;
left: 70%;
right: -80px;
top: -12px;
bottom: -12px;
background: rgba(255, 255, 255, 0.081);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.single-page-fixed-row-link:hover span:before {
left: 20%;
}
.respimg {
width: 100%;
height: auto;
}
.bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-attachment: scroll;
background-position: center;
background-repeat: repeat;
background-origin: content-box;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.4;
z-index: 3;
} .main-header {
position: fixed;
top: 0;
left: 0;
width: 80px;
height: 100%;
z-index: 100;
-webkit-transform: translate3d(0, 0, 0);
}
.main-header:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2C2D32;
opacity: 0.6;
}
.logo-holder {
float: left;
width: 80px;
height: 80px;
line-height: 80px;
}
.logo-holder img {
width: 30px;
height: auto;
}
.nav-button {
width: 28px;
height: 50px;
display: inline-block;
cursor: pointer;
position: relative;
margin-top: 30px;
}
.nav-button span {
width: 100%;
float: left;
margin-bottom: 6px;
height: 2px;
background: #fff;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav-button .ncs {
width: 70%;
}
.nav-button .nbs,
.nav-button.cmenu:hover .nbs {
width: 0;
}
.nav-button:hover .ncs,
.nav-button:hover .nbs {
width: 100%;
}
.nav-button.cmenu .nos {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-bottom: 0;
top: 8.5px;
}
.nav-button.cmenu .ncs {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 0;
top: 6px;
width: 100%;
}
.nav-button:hover .menu-button-text {
color: #fff;
}
.menu-button-text {
position: absolute;
left: 0;
width: 100%;
bottom: -1px;
color: rgba(255, 255, 255, 0.41);
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
}
.nav-button.cmenu .menu-button-text {
margin-top: 16px;
}
.header-social {
position: absolute;
bottom: 130px;
width: 100%;
left: 0;
}
.header-social:before {
content: '';
position: absolute;
top: -70px;
width: 1px;
height: 50px;
left: 50%;
background: rgba(255, 255, 255, 0.08);
}
.header-social li {
float: left;
width: 100%;
margin-bottom: 16px;
}
.header-social li a {
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
color: rgba(255, 255, 255, 0.41);
font-size: 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.header-social li a:hover {
border-radius: 100%;
color: #fff;
}
.contact-btn {
position: fixed;
top: 0;
right: 0;
font-size: 18px;
color: #fff;
width: 80px;
text-align: center;
z-index: 52;
cursor: pointer;
height: 80px;
line-height: 80px;
-webkit-transform: translate3d(0, 0, 0);
} .header-logo {
float: left;
position: absolute;
top: 110px;
left: 170px;
}
.header-logo:before {
content: '';
position: absolute;
right: -100px;
left: 90px;
top: -10px;
bottom: -13px;
background: rgba(255, 255, 255, 0.031);
z-index: -1;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.header-logo:hover:before {
left: calc(100% + 100px);
}
.header-logo img {
height: 18px;
width: auto;
}
.nav-holder {
position: fixed;
top: 0;
left: -1064px;
bottom: 0;
z-index: 99;
width: 600px;
background: #252425;
overflow: auto;
padding: 35px 30px 35px 160px;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
}
.nav-holder:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 60%;
height: 100px;
background: rgba(255, 255, 255, 0.031);
z-index: -1;
}
.nav-title {
position: absolute;
bottom: 0;
left: 120px;
z-index: 2;
right: 0;
}
.nav-title span {
float: left;
position: relative;
opacity: 0.2;
top: 150px;
min-height: 200px;
text-transform: uppercase;
font-weight: bold;
font-size: 94px;
color: #fff;
letter-spacing: 4px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.nav-inner-wrap {
float: left;
width: 350px;
position: relative;
z-index: 10;
top: 180px;
}
.nav-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 98;
width: 100%;
background: rgba(37, 36, 37, 0.71);
cursor: none;
display: none;
-webkit-transform: translate3d(0, 0, 0);
}
.nav-overlay .tooltip {
width: 150px;
height: 50px;
line-height: 50px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
z-index: 100;
font-size: 10px;
display: none;
}
.nav-overlay:hover .tooltip {
display: block;
position: fixed;
overflow: hidden;
}
nav.nav-inner {
float: left;
overflow: hidden;
width: 100%;
position: relative;
background: #252425;
z-index: 20;
}
.sliding-menu ul {
margin: 0;
float: left;
width: 100%;
overflow: hidden;
}
.sliding-menu li {
margin: 0;
position: relative;
float: left;
width: 100%;
}
.sliding-menu a {
float: left;
width: 100%;
padding: 0 10px;
height: 40px;
line-height: 40px;
position: relative;
font-weight: 600;
font-size: 12px;
text-align: left;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
}
.sliding-menu a:after {
content: '';
position: absolute;
top: 0;
left: -10px;
width: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
height: 100%;
background: rgba(255, 255, 255, 0.071);
}
.sliding-menu a:hover:after {
width: 100%;
}
.sliding-menu a i {
float: left;
width: 35px;
color: #74829C;
position: relative;
top: 3px;
}
.sliding-menu a.back:before {
font-family: Font Awesome\ 5 Pro;
content: '\f104';
color: #fff;
}
.submen-dec:before {
font-family: Font Awesome\ 5 Pro;
content: '\f105';
position: absolute;
right: 25px;
width: 10px;
height: 10px;
top: 14px;
z-index: 20;
}
.subcribe-form {
margin-top: 28px;
}
.subcribe-form input.enteremail {
float: left;
width: 65%;
border: none;
background: rgba(255, 255, 255, 0.11);
padding: 15px 20px;
position: relative;
z-index: 1;
color: #fff;
}
.subcribe-form input.enteremail::-webkit-input-placeholder {
color: #fff;
font-weight: 400;
font-size: 12px;
}
.subcribe-form .subscribe-button {
position: absolute;
top: 0;
right: 0;
width: 35%;
z-index: 2;
padding: 15px 0;
color: #fff;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border: none;
cursor: pointer;
}
.subcribe-form .subscribe-button i {
padding-right: 10px;
}
.subscribe-message {
margin-top: 10px;
text-align: left;
color: #fff;
float:left;
width:100%;
}
.nav-footer {
margin-top: 40px;
padding-top: 30px;
border-top: 1px dotted rgba(255, 255, 255, 0.09);
}
.scroll-nav-wrap {
position: absolute;
bottom: 0;
height: 80px;
left: 80px;
right: 0;
background: #2D2D32;
z-index: 5;
width: 100%;
}
.scroll-nav {
float: left;
padding: 23px 40px 0;
height: 100%;
border-right: 1px solid rgba(255, 255, 255, 0.11);
background: #2A2A2E;
}
.scroll-nav li {
float: left;
margin-right: 10px;
}
.scroll-nav li a {
float: left;
padding: 13px 35px;
color: #8B8B8B;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.scroll-nav li a:after,
.scroll-nav li a:before,
.fsp-filter .gallery-filters a:before,
.fsp-filter .gallery-filters a:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 2px;
margin-top: -1px;
}
.scroll-nav li a:before,
.fsp-filter .gallery-filters a:before {
background: rgba(255, 255, 255, 0.091);
z-index: 1;
}
.scroll-nav li a:after,
.fsp-filter .gallery-filters a:after {
width: 0;
z-index: 2;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.scroll-nav a.act-scrlink:after,
.fsp-filter .gallery-filters a.gallery-filter-active:after {
width: 15px;
}
.full-height {
height: 100%;
} .main-footer {
position: fixed;
background: #2A2A2E;
z-index: 2;
left: 80px;
bottom: 0;
right: 0;
z-index: 2;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.height-emulator {
z-index: 1;
}
.footer-inner {
z-index: 3;
padding: 110px 0 70px;
}
.partcile-dec {
position: absolute;
top: 0;
left: -20%;
width: 140%;
height: 100%;
z-index: -1;
}
.subfooter {
background: #2D2D32;
height: 80px;
z-index: 3;
padding: 0 90px;
}
.policy-box {
color: rgba(255, 255, 255, 0.71);
float: left;
padding-top: 36px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 10px;
letter-spacing: 2px;
}
.to-top {
position: absolute;
top: -45px;
right: 0;
width: 40px;
height: 90px;
color: #fff;
overflow: hidden;
font-size: 24px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: #2A2A2E;
}
.to-top-letter {
position: relative;
float: left;
width: 100%;
height: 30px;
left: -40px;
line-height: 10px;
font-size: 11px;
color: #292929;
text-transform: uppercase;
font-weight: 700;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.to-top-letter:first-child {
padding-top: 22px;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.to-top-letter:nth-child(2) {
padding-top: 10px;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.to-top-letter:nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.to-top i {
position: absolute;
width: 100%;
height: 100%;
left: 0;
z-index: 2;
top: 0;
line-height: 90px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.to-top:hover i {
left: -40px;
}
.to-top:hover .to-top-letter {
left: 0;
}
.footer-socilal {
margin-top: 30px;
}
.footer-socilal li,
.order-wrap li {
float: left;
position: relative;
margin-right: 20px;
}
.footer-socilal li a,
.order-wrap li a {
float: left;
width: 36px;
height: 36px;
line-height: 36px;
color: rgba(255, 255, 255, 0.41);
font-size: 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.footer-socilal li a:hover,
.order-wrap li a:hover {
border-radius: 100%;
color: #fff;
}
.footer-box p {
text-align: left;
color: rgba(255, 255, 255, 0.71);
font-weight: 400;
}
.footer-header {
text-align: left;
color: #fff;
font-size: 12px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.11);
}
.footer-header span {
padding-right: 10px;
}
.footer-contacts {
margin-top: 20px;
padding-top: 20px;
border-top: 1px dotted rgba(255, 255, 255, 0.11);
}
.footer-contacts li {
float: left;
width: 100%;
padding: 8px 0;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
font-weight: 600;
}
.footer-contacts li a {
float: left;
text-align: left;
color: #fff;
}
.footer-contacts li span {
float: left;
text-align: left;
color: #999;
padding-right: 12px;
}
.footer-contacts li:hover span {
color: #fff;
}
.footer-contacts li i {
float: left;
padding-right: 12px;
position: relative;
top: 2px;
}
.footer-title span {
position: absolute;
left: -120px;
opacity: 0.2;
margin-top: 66%;
text-transform: uppercase;
font-weight: 900;
font-size: 64px;
letter-spacing: 6px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #fff;
}
.footer-title span:before {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
width: 100px;
height: 1px;
background: #fff;
margin-left: -50px;
}
#twitts-container img,
p.interact,
#twitts-container div.user , .tweet_join {
display: none;
}
#twitts-container {
text-align: left;
}
#twitts-container a  {
color: #fff;
}
#twitts-container .tweet_text {
font-size: 13px;
color: rgba(255, 255, 255, 0.71);
float: left;
padding: 10px 18px;
background: rgba(255, 255, 255, 0.031);
border-radius: 4px;
overflow: hidden;
font-weight: 400;
width: 100%;
margin: 10px 0;
box-shadow: 0px 0px 28px 1px rgba(51, 51, 51, 0.41);
}
#twitts-container ul li:hover p.tweet{
background: rgba(255, 255, 255, 0.071);
}
#twitts-container ul li {
float: left;
width: 100%;
margin-bottom: 15px;
position: relative;
padding-left: 12px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.151);
}
#twitts-container ul li:before {
font-family: Font Awesome\ 5 Pro;
content: '\f142';
position: absolute;
top: 45%;
left: 0;
height: 20px;
margin-top: -20px;
z-index: 1;
font-size: 16px;
font-weight: 300;
}
#twitts-container .timePosted a {
color: rgba(255, 255, 255, 0.51);
position: relative;
float: left;
margin-bottom: 10px;
padding-left: 24px;
font-weight: 500;
font-size: 11px;
}
#twitts-container .timePosted a:hover {
color: #fff;
}
#twitts-container .timePosted a:before {
font-family: Font Awesome\ 5 Pro;
content: "\f017";
position: absolute;
top: 0;
left: 0;
font-weight: 300;
opacity: 1;
font-size: 14px;
}
#twitts-container .timePosted a:after {
top: -10px;
left: 22px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#twitts-container .timePosted a:after {
border-color: transparent;
border-top-color: rgba(255, 255, 255, 0.041);
border-width: 7px;
margin-left: 7px;
}
.follow-twiit-button {
position: absolute;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.91);
line-height: 36px;
border-radius: 100%;
z-index: 20;
bottom: 40px;
right: -15px;
font-size: 12px;
box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1);
}
.follow-twiit-button span {
position: absolute;
right: 0;
background: #fff;
line-height: 0;
padding: 16px 0;
min-width: 150px;
border-radius: 6px;
color: #fff;
visibility: hidden;
opacity: 0;
top: -30px;
box-shadow: 0px 6px 15px -2px rgba(56, 137, 253, 0.81);
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.follow-twiit-button:hover span {
opacity: 1;
top: -40px;
visibility: visible;
} .btn {
padding: 15px 30px;
position: relative;
margin-top: 10px;
font-size: 10px;
font-weight: 600;
letter-spacing: 4px;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
text-transform: uppercase;
border-radius: 4px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.36);
}
.trsp-btn {
border: 1px solid rgba(255, 255, 255, 0.09);
color: #fff;
}
.trsp-btn:before,
.flat-btn:before {
background: rgba(255, 255, 255, 0.29);
}
.flat-btn {
border: 1px solid #000;
color: #fff;
background: #292929;
}
.float-btn {
float: left;
}
.color-btn {
color: #fff;
border-color: transparent
}
.btn.color-btn:before {
background: #fff;
}
.btn:before {
content: '';
position: absolute;
top: 50%;
left: 20px;
height: 1px;
width: 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.btn:hover:before {
width: 30px;
}
.btn:hover {
padding-left: 60px;
}
.mar-top {
margin-top: 50px;
}
.mar-top-sm {
margin-top: 20px;
}
.mar-bottom {
margin-bottom: 50px;
} .impulse-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
-webkit-perspective: 1000;
}
.impulse-wrap .section-entry {
-webkit-transform: translateZ(40px);
transform: translateZ(40px);
}
.mm-parallax {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform-style: preserve-3d;
}
.hero-wrap {
float: left;
width: 100%;
height: 100%;
padding-bottom: 80px;
overflow: hidden;
position: relative;
z-index: 4;
background: #2A2A2E;
}
.slideshow-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.fs-carousel-wrap {
background: #2A2A2E;
}
.fs-carousel-item {
float: left;
position: relative;
margin: 0 3px;
overflow: hidden;
}
.fs-carousel-title {
top: 36%;
padding: 0 50px;
z-index: 10;
}
.fs-carousel-title h3 {
text-align: left;
color: #fff;
font-size: 34px;
font-weight: 600;
float: left;
width: 100%;
}
.fs-carousel-title .btn {
margin-top: 30px;
}
.fs-carousel-title h3 a {
color: #fff;
}
.fs-carousel-titlecat {
margin-bottom: 30px;
background: rgba(0, 0, 0, 0.41);
float: left;
padding: 15px 30px;
}
.fs-carousel-titlecat a {
float: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
font-weight: 600;
margin-right: 18px;
}
.fs-carousel-titlecat a:hover {
color: rgba(255, 255, 255, 0.71);
}
.fs-carousel-link {
float: left;
color: #fff;
position: relative;
margin-top: 20px;
letter-spacing: 2px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
}
.fs-carousel-link:after {
font-family: Font Awesome\ 5 Pro;
content: '\f324';
position: absolute;
bottom: -15px;
right: -40px;
font-weight: 300;
color: rgba(255, 255, 255, 0.71);
font-size: 12px;
}
.fs-carousel-link:before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
height: 1px;
width: 100%;
border-bottom: 1px dotted rgba(255, 255, 255, 0.41);
}
.fs-carousel-link:hover:after {
right: -50px;
}
.fs-carousel-item .bg,
.fs-carousel-link:after {
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.bg.hov-rot {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.fs-carousel-wrap {
padding-left: 80px;
}
.carousle-item-number {
position: absolute;
bottom: -30px;
font-size: 79px;
color: rgba(255, 255, 255, 0.41);
left: 20px;
z-index: 3;
font-weight: bold;
font-family: 'Poppins', sans-serif;
}
.half-bg {
float: right;
width: 65%;
position: relative;
height: 100%;
overflow: hidden;
z-index: 2;
}
.impulse-wrap .half-bg {
overflow: hidden;
position: absolute;
right: 0;
top: 10%;
height: 80%;
width: 65%;
}
.half-slider-wrap {
z-index: 10;
}
.half-slider-img-wrap {
position: absolute;
top: 0;
right: 0;
width: 65%;
height: 100%;
z-index: 1;
}
.half-slider-img-item {
float: left;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.half-bg-dec {
position: absolute;
top: 10%;
left: 5.5%;
width: 20%;
height: 80%;
padding-left: 80px;
}
.half-bg-dec.single-half-bg-dec {
left: inherit;
right: 5.5%;
width: 35%;
height: 90%;
top: 9%;
}
.half-bg-dec-item {
float: left;
width: 33.3%;
height: 25%;
position: relative;
}
.half-bg-dec-item:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, 0.31);
box-sizing: border-box;
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
z-index: 3;
}
.half-bg-dec-item.half-bg-dec-vis:before {
background: #fff;
}
.hero-inner {
overflow: hidden;
}
.half-hero-wrap {
position: absolute;
left: 25%;
z-index: 10;
top: 29%;
}
.half-hero-wrap h1:before {
content: '';
position: absolute;
top: -30px;
left: 0;
width: 50px;
height: 4px;
border: 1px solid rgba(255, 255, 255, 0.21);
}
.half-hero-wrap h1 {
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 50px;
text-align: left;
font-weight: 600;
line-height: 70px;
padding-bottom: 30px;
position: relative;
}
.half-hero-wrap h4 {
padding: 15px 30px;
background: rgba(0, 0, 0, 0.21);
text-align: left;
font-size: 11px;
float: left;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.71);
letter-spacing: 6px;
font-weight: 600;
}
.hero-line-dec {
position: absolute;
bottom: 50px;
left: 35%;
width: 60px;
height: 1px;
background: rgba(255, 255, 255, 0.41);
z-index: 26;
margin-left: -30px;
}
.hero-line-dec.imp-her-line {
bottom: 130px;
}
.pattern-bg {
position: absolute;
bottom: 0;
width: 50%;
height: 30%;
z-index: 3;
right: 0;
background: url(//ram-agency.com/wp-content/themes/solonick/includes/images/pattern.png) repeat;
opacity: 0.2;
}
.hero-decor-let {
position: absolute;
color: #fff;
font-size: 10px;
right: 53px;
letter-spacing:10px;
top: 43%;
z-index: 20;
font-weight: 500;
text-transform:uppercase;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
white-space:nowrap;
}
.hero-decor-let div{
position:absolute;
top:0;
left:0;
}
.hero-decor-let span {
color: rgba(255, 255, 255, 0.51);
}
.hero-decor-numb {
position: absolute;
z-index: 20;
left: 40%;
top: 40px;
padding-left: 80px;
cursor: pointer;
overflow: hidden;
}
.hero-decor-numb:before {
content: '';
position: absolute;
top: 50%;
left: 20px;
width: 20px;
height: 1px;
}
.hero-decor-numb-tooltip {
position: absolute;
left: 80px;
top: -40px;
opacity: 0;
visibility: hidden;
}
.hero-decor-numb span {
float: left;
margin-right: 60px;
position: relative;
top: 0;
}
.hero-decor-numb span,
.hero-decor-numb-tooltip {
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
color: rgba(255, 255, 255, 0.51);
letter-spacing: 10px;
font-size: 10px;
text-transform: uppercase;
}
.hero-decor-numb:hover span {
top: 50px;
opacity: 0;
visibility: hidden;
}
.hero-decor-numb:hover .hero-decor-numb-tooltip {
top: 0;
opacity: 1;
visibility: visible;
}
.scroll-down-wrap {
float: left;
height: 100%;
position: relative;
margin-left: 50px;
padding-right: 50px;
padding-top: 28px;
border-right: 1px solid rgba(255, 255, 255, 0.11);
}
.scroll-down-wrap span {
float: left;
margin-left: 20px;
position: relative;
top: 8px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: #8B8B8B;
}
.mousey {
float: left;
width: 20px;
height: 30px;
border-radius: 6px;
padding: 0 6px;
border: 2px solid rgba(255, 255, 255, 0.41);
box-sizing: border-box;
}
.scroller {
position: relative;
left: 50%;
top: 6px;
margin-left: -1.5px;
width: 3px;
height: 6px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(.15, .41, .69, .94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(10px);
opacity: 0;
}
}
.sp-cont {
position: absolute;
z-index: 50;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
cursor: pointer;
margin-top: -20px;
}
.sp-arr {
font-size: 15px;
border: 1px solid rgba(255, 255, 255, 0.21);
background: rgba(255, 255, 255, 0.071);
border-radius: 4px;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.sp-arr:hover {
border-radius: 100%;
background: rgba(255, 255, 255, 0.21);
}
.sp-cont-prev {
left: 50px;
}
.sp-cont-next {
right: 50px;
}
.fet_pr-carousel .slick-dots {
position: absolute;
z-index: 10;
width: 50%;
bottom: -66px;
right: 0;
padding-left: 20px;
}
.fet_pr-carousel .slick-dots li {
float: left;
position: relative;
margin-right: 10px;
}
.slick-dots li button {
position: relative;
width: 14px;
height: 14px;
text-indent: -9999px;
line-height: 14px;
border: none;
cursor: pointer;
position: relative;
background: none;
border-radius: 100%;
border: 1px solid transparent;
}
.slick-dots li.slick-active button {
border-color: rgba(255, 255, 255, 0.41);
}
.slick-dots li button:before {
content: '';
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
right: 4px;
border-radius: 100%;
background: #eee;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.slick-dots li.slick-active button:before {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
transform: scale(1.5);
}
.hero-start-link {
position: absolute;
z-index: 9;
right: 60%;
bottom: -130px;
margin-right: 100px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.41);
letter-spacing: 4px;
font-size: 10px;
font-weight: 500;
}
.hero-start-link i,
.hero-start-button i {
padding-left: 20px;
font-size: 14px;
}
.hero-start-link span {
position: relative;
}
.hero-start-link span:before {
content: "Let's Start";
position: absolute;
overflow: hidden;
max-width: 0;
white-space: nowrap;
font-weight: 500;
text-align: left;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hero-start-link:hover span:before {
max-width: 100%;
}
.hero-start-button-wrap {
position: absolute;
bottom: 0;
z-index: 9;
left: 0;
width: 100%;
}
.hero-start-button {
float: left;
padding: 15px 45px;
background: #2A2A2E;
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: #8B8B8B;
position: relative;
}
.hero-start-button:before {
content: '';
position: absolute;
left: 40%;
right: 35px;
top: 10px;
bottom: 10px;
background: rgba(255, 255, 255, 0.081);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.hero-start-button:hover:before {
left: 67%;
}
.promo-link {
position: absolute;
bottom: 40px;
left: 50px;
padding: 16px 55px 16px 70px;
color: #fff;
letter-spacing: 2px;
border-radius: 2px;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
z-index: 10;
}
.promo-link i {
position: absolute;
left: 10px;
top: 50%;
height: 34px;
width: 34px;
line-height: 34px;
color: #fff;
font-size: 10px;
border-radius: 100%;
margin-top: -17px;
background: #2D2D32;
padding-left: 6px
}
.promo-link:hover i {
background: #878C9F;
color: #fff;
}
.single-media-container img {
border-radius: 6px;
}
.single-slider img {
width: 100%;
height: auto;
position: relative;
}
.single-slider .slick-dots,
.fullscreen-slider .slick-dots {
bottom: 50px;
position: relative;
display: inline-block;
padding: 0;
margin: 0;
}
.single-slider .slick-dots:before,
.fullscreen-slider .slick-dots:before {
content: '';
position: absolute;
left: -30px;
right: -30px;
bottom: -8px;
top: -8px;
border-radius: 25px;
background: rgba(0, 0, 0, 0.4);
}
.single-slider .slick-dots li,
.fullscreen-slider .slick-dots li {
display: inline-block;
margin: 0 7px;
}
.single-slider-wrap .sp-cont {
position: absolute;
z-index: 10;
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
background: #2D2D32;
border-radius: 4px;
line-height: 40px;
color: #fff;
}
.single-slider-wrap .sp-cont.sp-cont-prev {
left: 30px;
}
.single-slider-wrap .sp-cont.sp-cont-next {
right: 30px;
}
.fullscreen-slider-wrap .sp-cont {
position: absolute;
z-index: 10;
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
line-height: 40px;
right: 30px;
left: inherit;
}
.fullscreen-slider-wrap .sp-cont.sp-cont-next {
margin-top: -80px;
}
.fullscreenslider-counter {
position: absolute;
z-index: 20;
width: 60px;
height: 40px;
top: 50%;
margin-top: -50px;
line-height: 40px;
right: 30px;
color: rgba(255, 255, 255, 0.51);
letter-spacing: 2px;
font-size: 10px;
} section {
position: relative;
float: left;
width: 100%;
padding: 110px 0;
background: #fff;
overflow: hidden;
}
section.no-hidden {
overflow: inherit;
}
section.parallax-section {
padding: 120px 0;
}
.small-padding {
padding: 70px 0;
}
.dark-bg {
background: #2A2A2E;
}
.dark-bg2 {
background: #2D2D32;
}
.gray-bg {
background: #FAFAFA;
}
section.parallax-section .bg {
height: 120%;
top: 0;
}
section.parallax-section.parallax-sec-half-right,
section.parallax-section.parallax-sec-half-left {
padding: 120px 0 170px;
}
section.parallax-section.parallax-sec-half-right:before,
section.parallax-section.parallax-sec-half-left:before {
content: '';
position: absolute;
bottom: 0;
height: 80px;
background: #fff;
z-index: 4;
width: 60%;
}
section.parallax-section.parallax-sec-half-right:after {
content: '';
position: absolute;
bottom: 150px;
right: 60%;
height: 1px;
background: rgba(255, 255, 255, 0.31);
z-index: 14;
width: 70px;
margin-right: -35px;
}
section.parallax-section.sing-dark-bg:before {
background: #2A2A2E;
}
section.parallax-section.parallax-sec-half-right:before {
right: 0;
}
section.parallax-section.parallax-sec-half-left:before {
left: 0;
}
section.parallax-section.parallax-sec-half-right .bg,
section.parallax-section.parallax-sec-half-right .overlay {
left: inherit;
right: 0;
width: 60%;
}
section.parallax-section.parallax-sec-half-left .bg,
section.parallax-section.parallax-sec-half-left .overlay {
left: 0;
width: 60%;
}
.sec-half .pattern-bg {
height: 40%;
}
.fw-parallax .section-title h2 {
color: #fff;
}
.horizonral-subtitle {
position: absolute;
left: -290px;
top: 20%;
}
.horizonral-subtitle span {
position: absolute;
left: 0;
text-transform: uppercase;
font-weight: 900;
font-size: 84px;
letter-spacing: 6px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
color: rgba(255, 255, 255, 0.11);
top: 0;
white-space: nowrap;
}
section.parallax-section.parallax-sec-half-left .horizonral-subtitle {
left: inherit;
right: 70px;
}
section.parallax-section.parallax-sec-half-left .horizonral-subtitle span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.section-title {
padding: 20px 0 20px 50px;
margin-bottom: 50px;
text-align: left;
}
.section-title h2 {
font-size: 40px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 800;
color: rgb(50, 58, 69);
position: relative;
padding-bottom: 30px;
}
section.parallax-section.parallax-sec-half-left .section-title {
text-align: right;
}
section.parallax-section.parallax-sec-half-left .section-title p {
float: right;
}
section.parallax-section .section-title {
padding-left: 0;
}
section.dark-bg .section-title h2 {
color: #fff;
padding-bottom: 50px;
}
section.parallax-section .section-title h2:before {
content: '';
position: absolute;
left: 0;
top: -50px;
left: 0;
width: 50px;
height: 6px;
background: rgba(255, 255, 255, 0.071);
border: 1px solid rgba(255, 255, 255, 0.11);
}
section.parallax-section .section-title h2:after {
content: '';
position: absolute;
bottom: 30px;
left: 0;
width: 50px;
height: 1px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.21);
}
section.parallax-section.parallax-sec-half-left .section-title h2:before,
section.parallax-section.parallax-sec-half-left .section-title h2:after {
left: inherit;
right: 0;
}
section.parallax-section .section-title p {
color: rgba(255, 255, 255, 0.71);
max-width: 550px;
}
section .section-title p {
max-width: 550px;
}
section.parallax-section .section-title:before {
display: none;
}
.section-title h3 {
position: relative;
padding-bottom: 30px;
text-align: left;
font-weight: 600;
font-size: 14px;
position: relative;
color: #999;
}
.section-title h3:before {
content: '';
position: absolute;
bottom: 12px;
left: 0;
width: 50px;
height: 1px;
border-bottom: 1px dotted #666;
}
.section-subtitle {
position: absolute;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 900;
top: 50px;
left: 40px;
color: #ccc;
right: 0;
opacity: 0.15;
text-align: left;
}
.section-subtitle.right-pos {
right: 80px;
text-align: right;
}
.section-title:before {
content: '';
position: absolute;
top: 0;
left: -2px;
width: 4px;
height: 100%;
}
.pr-title {
padding: 0 20px 0 30px;
}
.pr-title:before {
content: '';
position: absolute;
top: -10px;
left: -2px;
bottom: -10px;
width: 4px;
}
.pr-title h3 {
float: left;
font-size: 24px;
text-align: left;
font-weight: 700;
font-family: 'Poppins', sans-serif;
position: relative;
}
.pr-title span {
float: left;
width: 100%;
padding-top: 10px;
color: #999;
font-size: 11px;
line-height: 24px;
padding-bottom: 10px;
font-weight: 500;
color: #878C9F;
font-family: 'Poppins', sans-serif;
text-align:left;
}
.sec-lines {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 1;
}
.line-item {
float: left;
width: 20%;
height: 100%;
box-sizing: border-box;
border-right: 1px solid rgba(153, 153, 153, 0.1);
height: 100%;
position: relative;
}
.line-item:first-child:before {
content: '';
position: absolute;
top: 0;
right: -2px;
width: 4px;
height: 30px;
animation: scroll3 8s ease-out infinite;
}
.line-item:last-child:before {
content: '';
position: absolute;
bottom: 0;
right: -2px;
width: 4px;
height: 30px;
animation: scroll2 6s ease-out infinite;
}
.sec-lines .container {
width:100%;
}
@keyframes scroll3 {
0% {
opacity: 1;
top: 0
}
50% {
top: 50%
}
100% {
top: 100%;
opacity: 0.5;
}
}
@keyframes scroll2 {
0% {
opacity: 1;
bottom: 0
}
50% {
bottom: 50%
}
100% {
bottom: 100%;
opacity: 0.5;
}
}
.line-item:first-child {
border-left: 1px solid rgba(153, 153, 153, 0.09);
} .collage-image {
padding: 0 0 0 20px;
}
.collage-image img {
position: relative;
z-index: 2;
}
.collage-image-title {
position: absolute;
top: 80px;
left: -20px;
font-size: 12px;
text-transform: uppercase;
z-index: 3;
color: rgba(255, 255, 255, 0.71);
font-weight: 500;
background: #2D2D32;
padding: 15px 85px 15px 55px;
letter-spacing: 15px;
}
.collage-image:before {
content: '';
position: absolute;
top: 50px;
left: -50px;
right: 0;
bottom: 50px;
z-index: 1;
}
.main-about {
padding-left: 30px;
}
.main-about h2 {
text-align: left;
font-weight: 700;
font-size: 34px;
color: #292929;
font-family: 'Poppins', sans-serif;
padding-bottom: 30px;
position: relative;
}
.main-about h2 span {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
}
.main-about h2:before {
content: '';
position: absolute;
bottom: 15px;
left: 0;
width: 50px;
height: 2px;
}
.main-about h2 a {
color: #999;
}
.main-about p,
.main-about h5 {
text-align: left;
}
.main-about h5 {
text-align: left;
font-weight: 600;
font-size: 16px;
position: relative;
color: #999;
line-height:16px;
position: relative;
padding-bottom: 16px;
}
.main-about .features-box-container {
margin: 10px 0 10px;
}
.main-about .pr-list ul {
margin-top: 0 !important;
}
.main-about .pr-list {
margin-top: 20px;
margin-bottom: 20px;
}
.about-wrap {
padding: 25px 30px;
background: #FCFCFC;
border: 1px solid #eee;
}
.about-wrap p {
text-align: left;
}
.about-wrap h3 {
text-align: left;
font-size: 24px;
font-weight: 700;
padding-bottom: 15px;
}
.about-wrap h5 {
text-align: left;
padding-bottom: 20px;
color: #666;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 600;
}
.pr-tags {
padding: 22px 20px;
border: 1px solid #eee;
background: #f9f9f9;
}
.pr-tags span,
.pr-tags ul,
.pr-tags ul li {
float: left;
}
.pr-tags span {
font-family: 'Montserrat', sans-serif;
text-align: left;
padding-right: 20px;
font-weight: 800;
position: relative;
top: 6px;
border-right: 1px solid #ccc;
}
.pr-tags ul {
padding-left: 20px;
}
.pr-tags ul li {
margin-right: 10px;
padding-top: 3px;
}
.pr-tags ul li a {
color: #666;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-size: 10px;
font-weight: 500;
}
.pr-tags ul li a:hover {
color: #000;
} .features-box-container {
margin-top: 80px;
}
.no-margin {
margin-top: 0;
}
.features-box {
padding: 15px 20px 15px 100px;
position: relative;
}
.features-box a {
float: left;
width: 100%;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 800;
font-size: 11px;
position: relative;
text-align: left;
color: #666;
}
.features-box .time-line-icon {
position: absolute;
left: 40px;
top: 20px;
}
.time-line-icon {
position: relative;
}
.time-line-icon i {
font-size: 34px;
}
.time-line-icon i:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 46px;
margin: -23px 0 0 -50px;
opacity: 0.2;
background: url(//ram-agency.com/wp-content/themes/solonick/includes/images/clouds.png) no-repeat center;
z-index: -1;
}
.features-box h3 {
text-align: left;
font-weight: 600;
font-size: 18px;
padding-bottom: 18px;
position: relative;
color: #999;
}
.features-box h3:before {
content: '';
position: absolute;
bottom: 4px;
left: 0;
width: 30px;
height: 2px;
}
.features-box p {
text-align: left;
}
.features-box ul li {
float: left;
width: 100%;
text-align: left;
margin-top: 20px;
}
.features-box ul li a {
color: #666;
} .skill-container {
margin-bottom: 50px;
}
.piechart-holder,
.custom-skillbar-holder {
float: left;
width: 100%;
position: relative;
}
.piechart-holder h4 {
font-size: 12px;
padding: 12px 35px;
border: 1px solid #eee;
display: inline-block;
background: #fff;
min-width: 150px;
font-weight: 600;
color: #666;
}
.chart {
position: relative;
display: inline-block;
width: 150px;
height: 150px;
border-radius: 100%;
margin-bottom: 18px;
text-align: center;
background: #fff;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.piechart {
position: relative;
padding-bottom: 14px;
float: left;
width: 33.3%;
}
.percent {
display: inline-block;
font-size: 12px;
line-height: 152px;
z-index: 2;
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #666;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: 12px;
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
}
.skill-bar-percent {
float: right;
font-size: 12px;
margin-top: 13px;
padding-bottom: 6px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #666;
margin-right: 5%;
}
.skillbar-box {
float: left;
width: 100%;
position: relative;
margin-bottom: 50px;
}
.skillbar-bg {
position: relative;
display: block;
float: left;
width: 95%;
height: 10px;
overflow: hidden;
background: #292929;
border-radius: 2px;
}
.fw-skills .skillbar-bg {
width: 100%;
}
.fw-skills .skill-bar-percent {
margin-right: 0;
}
.custom-skillbar-title span {
float: left;
font-size: 13px;
margin-top: 12px;
padding-bottom: 6px;
font-weight: 600;
min-width:100px;
text-align:left;
}
.custom-skillbar {
height: 10px;
width: 0px;
}
.bg-parallax-module {
position: absolute;
width: 150px;
height: 70px;
background: #ccc;
opacity: 0.15;
z-index: 1;
-webkit-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
} .facts-holder {
z-index: 10;
}
.inline-facts-wrap {
float: left;
padding: 0 20px;
position: relative;
margin-right: 80px;
text-align: left;
}
.inline-facts-wrap .num {
font-size: 44px;
font-weight: 700;
color: #fff;
}
.inline-facts-wrap h6 {
position: relative;
margin-top: 6px;
color: rgba(255, 255, 255, 0.51);
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
padding: 12px 30px;
background: rgba(51, 51, 51, 0.31);
}
.inline-facts-wrap h6:before {
content: '';
position: absolute;
top: 50%;
left: -40px;
width: 20px;
height: 2px;
margin-top: -1px;
} .fsp-filter {
position: fixed;
left: 80px;
top: 0;
height: 80px;
z-index: 15;
-webkit-transform: translate3d(0, 0, 0);
}
.fsp-filter .filter-title {
float: left;
height: 100%;
position: relative;
margin-left: 50px;
padding-right: 50px;
padding-top: 28px;
border-right: 1px solid rgba(255, 255, 255, 0.11);
}
.fsp-filter .filter-title span {
float: left;
margin-left: 20px;
position: relative;
top: 8px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: #8B8B8B;
}
.fsp-filter .filter-title i {
float: left;
color: #8B8B8B;
position: relative;
top: 8px;
}
.fsp-filter .gallery-filters {
float: left;
margin-left: 40px;
position: relative;
top: 22px;
}
.fsp-filter .gallery-filters a {
float: left;
padding: 13px 35px;
color: #8B8B8B;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.gallery-items {
float: left;
width: 100%;
position: relative;
}
.grid-item-holder {
float: left;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.spad .gallery-item {
padding: 6px;
}
.min-pad .gallery-item {
padding: 2px;
}
.hid-port-info .grid-item-holder {
overflow: hidden;
}
.grid-big-pad .gallery-item {
padding: 12px;
}
.gallery-item,
.grid-sizer {
width: 33.3%;
position: relative;
float: left;
overflow: hidden;
}
.gallery-item-second,
.grid-sizer-second {
width: 66.6%;
}
.four-column .gallery-item {
width: 25%;
}
.four-column .gallery-item.gallery-item-second {
width: 50%;
}
.gallery-item img,
.grid-sizer img {
width: 100%;
height: auto;
position: relative;
z-index: 1;
background: #292929;
-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
-webkit-transform: translateZ(0);
transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}
.gallery-item:hover img {
opacity: 0.7;
}
.fsp-filter .folio-counter {
float: left;
position: relative;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
color: #8B8B8B;
height: 80px;
line-height: 80px;
padding-top: 3px;
border-left: 1px solid rgba(255, 255, 255, 0.11);
padding-left: 30px;
font-family: 'Poppins', sans-serif;
}
.fsp-filter .folio-counter div {
float: left;
margin-right: 20px;
position: relative;
width: 20px;
}
.fsp-filter .folio-counter div:first-child:before {
content: '';
position: absolute;
top: 50%;
right: -13px;
width: 10px;
height: 1px;
background: rgba(255, 255, 255, 0.31);
}
.fsp-filter .all-album:before {
display: none;
}
.box-item {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.box-item img {
width: 100%;
height: auto;
position: relative;
}
.vertical-gallery .box-item {
margin-bottom: 10px;
}
.box-item.hd-box {
position: absolute;
width: 100%;
height: 100%;
left: -100%;
top: 0;
padding: 20px;
z-index: 10;
}
.hd-box-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 20px 10px;
background: #35353A;
}
.vis-box-det .box-item.hd-box {
left: 0;
padding: 0;
height: 100%;
float: left;
position: relative;
}
.vis-box-det .hd-box-wrap {
position: relative;
float: left;
}
.hd-box-wrap:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100px;
height: 50px;
z-index: 1;
background: rgba(255, 255, 255, 0.061);
}
.hd-box-wrap h2,
.album-cover-title h3 {
text-align: left;
position: relative;
color: #fff;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
font-family: 'Poppins', sans-serif;
letter-spacing: 2px;
padding-left: 35px;
}
.hd-box-wrap h2:before,
.album-cover-title h3:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 1px;
background: #fff;
z-index: 2;
}
.hd-box-wrap h2,
.hd-box-wrap h2:before,
.inline-filter .gallery-filters a:before,
.inline-transparent-filter a:before,
.album-cover-title h3:before,
.album-cover-title h3 {
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.hd-box-wrap h2:hover,
.album-cover-title h3:hover {
padding-left: 55px;
}
.hd-box-wrap h2:hover:before,
.album-cover-title h3:hover:before {
width: 30px;
}
.hd-box-wrap h2 a {
color: rgba(255, 255, 255, 0.51);
}
.hd-box-wrap p {
text-align: left;
width: 100%;
font-size: 10px;
color: #fff;
float: left;
margin-top: 10px;
padding-left: 35px;
}
.hd-box-wrap p a {
padding-right: 6px;
}
.white-det .hd-box-wrap {
background: #f9f9f9;
}
.white-det .hd-box-wrap h2 a {
color: #292929;
font-weight: 600;
font-size: 12px;
}
.white-det .hd-box-wrap h2:before {
height: 2px;
margin-top: -1px;
}
.white-det .hd-box-wrap p a {
color: #888;
}
.white-det .hd-box-wrap:before {
background: rgba(153, 153, 153, 0.061);
}
.three-ver-columns .hd-box-wrap p {
font-size: 11px;
}
.hd-box-wrap p a {
color: rgba(255, 255, 255, 0.71);
}
.album-cover-title {
position: absolute;
z-index: 5;
bottom: -100px;
left: 0;
width: 100%;
padding: 30px 60px 30px 40px;
background: #35353A;
}
.grid-item-holder:hover .album-cover-title {
bottom: 0;
}
.album-cover-title h3 a {
color: rgba(255, 255, 255, 0.51);
}
.album-cover-title h3:after {
content: '';
position: absolute;
top: -8px;
bottom: -8px;
left: 50px;
right: 30px;
z-index: -1;
background: rgba(255, 255, 255, 0.051);
}
.album-cover-datils {
position: absolute;
right: -60px;
width: 60px;
z-index: 6;
background: #35353A;
top: 0;
height: 100%;
padding-top: 30px;
}
.album-cover-datils ul {
position: relative;
float: left;
width: 100%;
}
.album-cover-datils ul:before {
content: '';
position: absolute;
width: 40px;
height: 1px;
left: 50%;
margin-left: -20px;
background: rgba(255, 255, 255, 0.11);
bottom: -10px;
}
.grid-item-holder:hover .album-cover-datils {
right: 0;
}
.album-cover-datils li {
float: left;
width: 100%;
margin-bottom: 15px;
position: relative;
text-align: center;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.album-cover-datils li:hover i {
color: #888;
}
.album-cover-datils li span {
visibility: hidden;
opacity: 0;
position: absolute;
left: -120px;
width: 130px;
height: 32px;
line-height: 32px;
top: 50%;
margin-top: -10px;
color: rgba(255, 255, 255, 0.61);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
background: #2A2A2E;
}
.album-cover-datils li:hover span {
opacity: 1;
visibility: visible;
margin-top: -16px;
}
.album-preview {
width: 60px;
height: 60px;
position: absolute;
line-height: 60px;
color: #fff;
z-index: 10;
top: 0;
left: -60px;
cursor: pointer;
}
.grid-item-holder:hover .album-preview {
left: 0;
}
.album-preview:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
z-index: 1;
border-radius: 100%;
background: rgba(255, 255, 255, 0.21)
}
.album-preview:hover {
color: #666;
}
@keyframes pulse {
50% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 0 5px rgba(255, 255, 255, .2), 0 0 0 10px rgba(238, 238, 238, 0.3);
}
}
.album-preview:hover:before {
animation: pulse 1.1s infinite ease-in-out;
}
.preview-sound {
display: none;
}
.album-cover-datils,
.album-cover-datils li span,
.album-cover-title,
.album-preview {
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.inline-filter .filter-button,
.inline-filter .gallery-filters,
.inline-filter .gallery-filters a {
float: left;
}
.inline-filter .gallery-filters a {
padding: 15px 20px 15px;
position: relative;
color: #666;
}
.inline-filter .filter-button,
.inline-filter .gallery-filters a {
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
font-family: 'Poppins', sans-serif;
}
.inline-filter .gallery-filters a:before {
content: '';
position: absolute;
bottom: -2px;
height: 2px;
width: 0;
left: 20px;
}
.inline-filter .gallery-filters a:hover {
color: #000;
}
.inline-filter .gallery-filters a.gallery-filter-active:before {
width: 30px;
}
.inline-filter .filter-button {
color: #fff;
background: #35353A;
padding: 15px 30px;
margin-right: 20px;
}
.inline-filter .filter-button i {
margin-right: 12px;
}
.filter-mob-button {
display: none;
}
.inline-filter .folio-counter {
float: left;
position: relative;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
color: #666;
margin-left: 30px;
font-family: 'Poppins', sans-serif;
padding: 15px 30px;
}
.inline-filter .folio-counter div {
float: left;
margin-right: 20px;
position: relative;
width: 12px;
}
.all-album:before {
content: "/";
position: absolute;
left: -12px;
top: 1px;
color: #ccc;
font-weight: 200;
}
.inline-filter .folio-counter:before {
content: '';
position: absolute;
top: 50%;
left: -20px;
height: 2px;
width: 20px;
margin-top: -1px;
}
.paralax-sec-separator {
height: 1px;
}
.paralax-sec-separator:before,
.paralax-sec-separator:after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 20%;
margin-left: -10%;
height: 100%;
border-top: 1px solid #eee;
}
.dark-bg .paralax-sec-separator:before,
.dark-bg .paralax-sec-separator:after {
border-color: rgba(153, 153, 153, 0.1);
}
.paralax-sec-separator:after {
left: 0;
margin-left: 0;
}
.parallax-item {
margin: 70px 0;
padding: 20px 0;
}
.parallax-item img {
width: 100%;
height: auto;
position: relative;
z-index: 4;
transform: translateZ(0);
}
.parallax-item-number {
position: absolute;
bottom: 32px;
z-index: -1;
font-size: 74px;
font-weight: bold;
line-height: 0;
color: #D5D5D5;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
}
.dark-bg .parallax-item-number {
color: #414145;
}
.rg-num {
right: 0;
}
.lf-num {
left: 0;
}
.parallax-text {
position: absolute;
bottom: 40%;
z-index: 10;
}
.parallax-text.right-pos {
right: 50%;
margin-right: -200px;
}
.parallax-text.left-pos {
margin-left: -200px;
left: 50%;
}
.parallax-text h3 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
position: relative;
text-align: left;
}
.parallax-text.right-pos h3 {
text-align: right;
float: right;
}
.parallax-text.left-pos h3 {
text-align: left;
float: left;
}
.parallax-text h3:before {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
width: 60px;
height: 2px;
background: #292929;
}
.parallax-text.left-pos h3:before {
left: -80px;
}
.parallax-text.right-pos h3:before {
right: -80px;
}
.parallax-text h3:after {
content: '';
position: absolute;
top: -5px;
bottom: -10px;
left: 100px;
right: -100px;
background: #fff;
opacity: 0.3;
z-index: 1;
}
.dark-bg .parallax-text h3:after {
background: #292929;
opacity: 0.5;
}
.parallax-text.left-pos h3:after {
left: 100px;
right: -100px;
}
.parallax-text.right-pos h3:after {
left: -100px;
right: 100px;
}
.parallax-text h3 a {
position: relative;
z-index: 10;
color: rgba(51, 51, 51, 0.81);
}
.dark-bg .parallax-text h3 a {
color: #fff;
}
.parallax-text h4 {
text-align: left;
color: #fff;
text-transform: uppercase;
float: left;
width: 100%;
margin: 20px 0;
font-size: 10px;
letter-spacing: 2px;
position: relative;
}
.parallax-text h4 span {
position: relative;
float: left;
padding: 15px 30px;
}
.parallax-text h4 span:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #35353A;
z-index: -1;
}
.parallax-text.left-pos h4 span {
float: left;
}
.parallax-text.right-pos h4 span {
float: right;
}
.parallax-text.right-pos .btn {
float: right;
}
.album-thumbnails {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.album-thumbnails div {
position: absolute;
width: 18%;
left: 0;
top: 0;
opacity: 0.7;
}
.album-thumbnails div video {
width: 100%;
height: auto;
}
.parallax-header {
margin-bottom: 20px;
background: #35353A;
padding: 15px 20px;
float: left;
position: relative;
z-index: 20;
}
.right-parallax-header {
float: right;
}
.parallax-header span,
.parallax-header a {
float: left;
margin-right: 20px;
text-transform: uppercase;
color: #fff;
font-size: 10px;
letter-spacing: 2px;
}
.content-nav {
float: left;
position: relative;
width: 100%;
padding: 0 30px;
margin-top: 100px;
background: #2D2D32;
}
.content-nav.blog-nav {
margin-top: 50px;
}
.content-nav li {
width: 33.3%;
float: left;
border-left: 1px solid rgba(255, 255, 255, 0.21);
padding: 15px 0;
overflow: hidden;
}
.content-nav li:first-child {
border: none;
}
.content-nav li:first-child:before,
.content-nav li:last-child:before {
content: '';
position: absolute;
top: 25%;
left: 20px;
width: 20%;
height: 50%;
z-index: 1;
background: rgba(255, 255, 255, 0.11);
}
.content-nav li:last-child:before {
left: inherit;
right: 20px;
}
.content-nav li:hover:before {
width: 50px;
}
.content-nav li a.ln,
.content-nav li a.rn {
color: #fff;
padding-top: 6px;
font-size: 14px;
position: relative;
z-index: 2;
width: 100%;
}
.content-nav li a.ln i,
.content-nav li a.rn i,
.customNavigation a i,
.content-nav li a span.tooltip,
.content-nav li:before,
.single-page-fixed-row-link i,
.sarr-contr,
.hidden-info-pagination i {
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.content-nav li a.ln:hover i,
.content-nav li a.rn:hover i,
.customNavigation a:hover i,
.single-page-fixed-row-link:hover i,
.sarr-contr:hover,
.hidden-info-pagination:hover i {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
.content-nav li a.ln {
float: left;
text-align: left;
}
.content-nav li a.rn {
float: right;
text-align: right;
}
.content-nav li a.ln span.tooltip,
.content-nav li a.rn span.tooltip {
position: absolute;
top: -10px;
font-size: 10px;
text-transform: uppercase;
min-width: 150px;
letter-spacing: 2px;
visibility: hidden;
font-weight: 500;
opacity: 0;
color: #fff;
margin-top: 0;
z-index: 20;
}
.content-nav li a.ln span.tooltip {
left: 50px;
margin-left: 20px;
text-align: left;
}
.content-nav li a.rn span.tooltip {
right: 50px;
margin-right: 20px;
text-align: right;
}
.content-nav li a:hover span.tooltip {
top: 50%;
opacity: 1;
visibility: visible;
margin-top: -4px;
}
.cur-page {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
padding-top: 16px;
float: left;
width: 100%;
}
.cur-page span {
color: rgba(255, 255, 255, 0.71);
position: relative;
top: -6px;
}
.single-project-title {
margin: 40px 0;
padding: 0 50px 0 120px;
}
.single-project-title-style-2 {
position: absolute;
bottom: -60px;
margin: 0;
padding: 0;
z-index: 10;
width: 100%;
}
.single-project-title-style-2:before {
content: '';
position: absolute;
top: -15px;
left: 50%;
width: 50px;
margin-left: -25px;
height: 1px;
background: #ccc;
}
.single-project-title h2 {
float: left;
text-align: left;
font-size: 44px;
font-weight: bold;
height: 54px;
line-height: 54px;
font-family: 'Poppins', sans-serif;
position: relative;
color: rgba(255, 255, 255, 0.21);
}
.single-project-title-style-2 h2 {
float: none;
display: inline-block;
color: #999;
text-align: center;
font-size: 12px;
font-weight: 600;
height: auto;
text-transform:uppercase;
letter-spacing:2px;
font-family: 'Titillium Web', sans-serif;
line-height: inherit;
}
.single-project-title-style-2 h2:before {
display: none;
}
.single-project-title h2:before {
content: '';
position: absolute;
left: -70px;
height: 3px;
width: 40px;
top: 50%;
margin-top: -1.5px;
border: 1px solid rgba(255, 255, 255, 0.11);
}
.show-case-slider-wrap {
position: relative;
z-index: 6;
float: left;
width: 100%;
height: 500px;
padding: 50px 0;
margin-bottom: 70px
}
.show-case-slider-wrap-style2 {
margin-bottom: 0;
padding: 0;
}
.show-case-wrapper {
overflow: hidden;
}
.show-case-item img {
width: auto;
height: 100% !important;
position: relative;
z-index: 1;
}
.show-case-item {
position: relative;
padding: 0 20px;
float: left;
width:auto;
height: 420px !important;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.show-case-slider-wrap-style2 .show-case-item {
padding: 0;
height: 500px !important;
}
.show-case-slider-wrap .slick-dots {
position: absolute;
bottom: -80px;
right: 40%;
margin-right: 60px;
z-index: 50;
}
.show-case-slider-wrap-style2 .slick-dots {
bottom: 50px;
right: inherit;
margin-right: 0;
position: relative;
display: inline-block;
}
.show-case-slider-wrap .slick-dots li {
float: left;
margin-right: 10px;
}
.show-case-slider-wrap-style2 .slick-dots:before {
content: '';
position: absolute;
left: -30px;
right: -30px;
bottom: -10px;
top: -10px;
border-radius: 25px;
background: rgba(0, 0, 0, 0.4)
}
.show-case-slider-wrap-style2 .slick-dots li {
float: none;
display: inline-block;
margin: 0 5px;
position: relative;
z-index: 2;
}
.sarr-contr {
position: absolute;
top: 0;
left: 110px;
z-index: 100;
}
.sarr-contr.sp-cont-next {
margin-left: 50px;
}
.show-case-slider-wrap-style2 .sarr-contr {
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
background: rgba(0, 0, 0, 0.6);
border-radius: 4px;
color: #fff;
font-size: 12px;
}
.show-case-slider-wrap-style2 .sarr-contr:hover {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.show-case-slider-wrap-style2 .sarr-contr.sp-cont-next {
margin-left: 0;
left: inherit;
right: 50px;
}
.show-case-slider-wrap-style2 .sarr-contr.sp-cont-prev {
margin-left: 0;
left: 50px;
}
.sinsec-dec:before {
content: '';
position: absolute;
right: 0;
width: 40%;
height: 90%;
bottom: 0;
z-index: 2;
background: rgba(255, 255, 255, 0.04);
}
.sinsec-dec.sinsec-dec2:before {
height: 70%;
}
.details-wrap h4,
.details-wrap p,
.details-wrap h3 {
text-align: left;
}
.details-wrap h3 {
margin-bottom: 30px;
font-size: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 800;
color: rgb(50, 58, 69);
position: relative;
}
.details-wrap h3:before {
content: '';
position: absolute;
left: -50px;
width: 30px;
height: 2px;
top: 50%;
margin-top: -1px;
}
.details-wrap h4 {
font-size: 18px;
color: #666;
margin: 22px 0;
font-weight: 600;
}
.pr-list {
margin-top: 50px;
}
.pr-list.mu-det {
padding: 15px 20px;
background: #f9f9f9;
border: 1px solid #eee;
}
.pr-list.mu-det ul {
margin-top: 10px;
}
.pr-list li {
float: left;
text-align: left;
width: 100%;
margin-bottom: 12px;
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
color: #999;
font-family: 'Poppins', sans-serif;
}
.pr-list li span {
float: left;
font-weight: 500px;
color: #999;
min-width: 120px;
}
.pr-list-det {
padding: 35px 35px;
border: 1px solid #eee;
background: #f9f9f9;
text-align: left;
}
.pr-list-det h5 {
padding-bottom: 15px;
font-size: 15px;
font-weight: 700;
}
.pr-list-det p {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
text-align: left;
}
.show-info {
position: absolute;
bottom: 0px;
right: 0;
width: 80%;
z-index: 15;
}
.show-info span {
text-transform: uppercase;
font-size: 10px;
color: #fff;
cursor: pointer;
letter-spacing: 2px;
float: right;
font-weight: 600;
background: #2D2D32;
padding: 10px 40px;
}
.tooltip-info {
height: auto;
line-height: 20px;
padding: 15px 30px;
font-size: 11px;
color: #fff;
text-align: center;
text-indent: 0px;
position: absolute;
background: #35353A;
bottom: 0;
opacity: 0;
right: 0;
margin-bottom: 32px;
visibility: hidden;
pointer-events: none;
text-align: left;
z-index: 16;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.tooltip-info:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 40%;
height: 70%;
background: rgba(255, 255, 255, 0.021);
}
.tooltip-info p {
font-size: 12px;
color: #888;
font-family: 'Poppins', sans-serif;
}
.tooltip-info h5 {
font-size: 16px;
margin-top: 12px;
padding: 5px 0;
position: relative;
font-weight: 500;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #8B8B8B;
font-family: 'Poppins', sans-serif;
}
.show-info:hover .tooltip-info {
visibility: visible;
opacity: 1;
bottom: 0;
}
.fet_pr-carousel {
z-index: 2;
}
.fet_pr-carousel .slick-item {
opacity: 0.3;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
padding: 0 20px;
}
.fet_pr-carousel .slick-item.slick-current {
opacity: 1;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
}
.fet_pr-carousel-title {
position: absolute;
left: 100px;
width: 50%;
z-index: 11;
top: 30%;
}
.fet_pr-carousel-title-item {
max-width: 500px;
margin: 0 auto;
}
.fet_pr-carousel-title-item h3 {
font-size: 40px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 800;
color: rgba(255, 255, 255, 0.71);
position: relative;
text-align: left;
padding-bottom: 20px;
}
.fet_pr-carousel-title-item p {
color: #fff;
text-align: left;
}
.fet_pr-carousel-box-media {
overflow: hidden;
z-index: 2;
}
.fet_pr-carousel-box-text {
background: #35353A;
padding: 26px 30px;
transform-style: preserve-3d;
z-index: 1;
-webkit-transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);
-moz-transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);
transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);
}
.fet_pr-carousel .slick-item.slick-current .fet_pr-carousel-box-text {
-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
-moz-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
transform: perspective(1200px) rotateX(0deg) translateZ(0px);
transition-delay: 0.3s;
}
.fet_pr-carousel-box-media-zoom {
position: absolute;
top: 0;
right: -70px;
width: 70px;
height: 60px;
line-height: 60px;
color: #fff;
background: #35353A;
z-index: 5;
}
.fullscreen-slider-item .fet_pr-carousel-box-media-zoom {
width: 80px;
height: 80px;
line-height: 80px;
right: -80px;
}
.fullscreen-slider-item {
overflow: hidden;
}
.fet_pr-carousel-box-media-zoom:hover{
color: #fff;
}
.fet_pr-carousel .slick-item.slick-current .fet_pr-carousel-box-media-zoom {
transition-delay: 0.3s;
right: 0;
}
.gallery-item:hover .fet_pr-carousel-box-media-zoom,
.show-case-wrapper:hover .fet_pr-carousel-box-media-zoom,
.fullscreen-slider-item:hover .fet_pr-carousel-box-media-zoom,
.box-item:hover .fet_pr-carousel-box-media-zoom {
right: 0;
}
.gallery-item .fet_pr-carousel-box-media-zoom {
z-index: 100;
}
.fet_pr-carousel-box-text h3 {
text-align: left;
position: relative;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
font-family: 'Poppins', sans-serif;
letter-spacing: 4px;
padding-left: 35px;
}
.fet_pr-carousel-box-media-zoom,
.fet_pr-carousel-box-text,
.fet_pr-carousel .slick-item {
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.fet_pr-carousel-box-text h3:before,
.fet_pr-carousel-box-text h3,
.gallery-item .fet_pr-carousel-box-media-zoom {
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.fet_pr-carousel-box-text h3:hover {
padding-left: 60px;
}
.fet_pr-carousel-box-text h3:hover:before {
width: 35px;
}
.fet_pr-carousel-box-text h3:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 1px;
}
.fet_pr-carousel-box-text:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100px;
height: 50px;
z-index: -1;
background: rgba(255, 255, 255, 0.031);
}
.fet_pr-carousel-box-text h3 a {
color: rgba(255, 255, 255, 0.71);
}
.fet_pr-carousel-cat {
margin-top: 10px;
padding-left: 35px;
color: #fff;
}
.fet_pr-carousel-cat a {
float: left;
margin-right: 10px;
color: rgba(255, 255, 255, 0.31);
}
.fet_pr-carousel-counter {
position: absolute;
right: 50%;
z-index: 50;
bottom: 46px;
color: #fff;
margin-right: 80px;
font-size: 10px;
color: rgba(255, 255, 255, 0.71);
font-weight: 500;
font-family: 'Poppins', sans-serif;
letter-spacing: 4px;
}
.fet_pr-carousel-counter.show-case-slider-counter {
right: inherit;
left: 110px;
bottom: -30px;
}
.fet_pr-carousel-counter:before {
content: '';
position: absolute;
top: 50%;
right: -50px;
width: 30px;
height: 1px;
}
.half-slider-wrap .slick-dots,
.fs-carousel-wrap .slick-dots {
width: 20px;
bottom: 50%;
right: 50px;
z-index: 20;
position: absolute;
}
.half-slider-wrap .slick-dots:before,
.fs-carousel-wrap .slick-dots:before {
content: '';
position: absolute;
left: -8px;
right: -8px;
bottom: -30px;
top: -30px;
border-radius: 25px;
background: rgba(0, 0, 0, 0.4);
}
.half-slider-wrap .sarr-contr,
.fs-carousel-wrap .sarr-contr {
top: inherit;
left: inherit;
right: 50px;
bottom: 30px;
}
.half-slider-wrap .sarr-contr.sp-cont-prev,
.fs-carousel-wrap .sarr-contr.sp-cont-prev {
margin-right: 70px;
}
.slider-nav-counter,
.fs-carousel-wrap .slider-nav-counter {
position: absolute;
right: 89px;
bottom: 43px;
z-index: 30;
color: rgba(255, 255, 255, 0.51);
letter-spacing: 2px;
font-size: 10px;
text-transform: uppercase;
}
.half-slider-item,
.fs-carousel-item {
cursor: move;
} .accordion {
float: left;
width: 100%;
position: relative;
}
.accordion a.toggle {
border: 1px solid #eee;
padding: 18px 50px 18px 30px;
float: left;
width: 100%;
position: relative;
background: #f9f9f9;
border-radius: 4px;
box-sizing: border-box;
text-align: left;
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 4px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-bottom: 15px;
}
.accordion a.toggle span {
position: absolute;
right: -1px;
top: -1px;
bottom: -1px;
width: 60px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.accordion a.toggle span:before,
.accordion a.toggle span:after {
content: '';
position: absolute;
background: #fff;
top: 50%;
left: 50%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.accordion a.toggle span:before {
width: 10px;
height: 2px;
margin-top: -1px;
margin-left: -5px;
}
.accordion a.toggle span:after {
width: 2px;
height: 10px;
margin-top: -5px;
margin-left: -1px;
}
.accordion a.toggle.act-accordion {
color: #fff;
background: #35353A;
border-color: transparent;
}
.accordion a.toggle.act-accordion span:after {
height: 0;
}
.accordion-inner {
display: none;
float: left;
width: 100%;
position: relative;
padding: 15px 30px;
background: #fff;
margin: 0 0 15px;
text-align: left;
border: 1px solid #eee;
}
.accordion-inner.visible {
display: block;
} .media-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.hero-content .media-container {
height: 110%;
}
.video-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.mob-bg {
display: none;
}
.video-holder {
position: absolute;
width: 100%;
height: 100% !important;
display: block;
overflow: hidden !important;
top: 0;
left: 0;
padding: 0 !important;
}
.video-holder iframe {
position: absolute;
top: -75px;
left: 50%;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.background-youtube {
position: absolute;
top: -25% !important;
}
.video-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 0;
z-index: -1;
}
.video-container video {
width: 100%;
}
.resp-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.resp-video iframe,
.resp-video object,
.resp-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blog-media video {
width: 100%;
height: auto;
}
.blog-media img {
width:100%;
height:auto;
}
.video-box {
overflow: hidden;
border-radius: 10px;
-webkit-transform: translate3d(0, 0, 0);
box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2);
}
.video-box-btn {
position: absolute;
width: 70px;
height: 70px;
line-height: 70px;
margin: -35px 0 0 -35px;
background: #fff;
color: #fff;
z-index: 20;
left: 50%;
top: 50%;
box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
border-radius: 100%;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.video-box-btn i {
transform: scale(1.4);
}
.video-box-btn:hover {
transform: scale(1.1);
}
.video-promo-text {
padding-left: 50px;
margin-top: 50px;
}
.video-promo-text h3 {
float: left;
width: 100%;
text-align: left;
position: relative;
font-size: 32px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 800;
color: rgba(255, 255, 255, 0.71);
padding-bottom: 40px;
margin-bottom: 30px;
}
.video-promo-text h3:before {
content: '';
position: absolute;
bottom: 20px;
left: 0;
width: 50px;
height: 2px;
}
.video-promo-text p {
text-align: left;
color: #fff;
} .features-box-container.single-serv {
margin-top: 0;
}
.features-box-container.single-serv .features-box {
margin-bottom: 30px;
}
.process-wrap {
margin-top:30px;
}
.process-wrap li {
float: left;
width: 33.3%;
position: relative;
padding: 15px 30px 35px 0;
}
.process-wrap li .process-details,
.serv-wrap .process-details {
text-align: left;
float: left;
width: 100%;
padding: 35px 40px 30px 40px;
background: #f9f9f9;
border: 1px solid #eee;
position: relative;
}
.process-wrap li .process-details a,
.serv-wrap .process-details ul li {
float: left;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 800;
font-size: 11px;
position: relative;
}
.serv-wrap .process-details ul li {
margin-top: 10px;
margin-right: 10px;
}
.process-wrap li h4,
.serv-wrap h4 {
float: left;
text-align: left;
font-weight: 600;
font-size: 18px;
position: relative;
color: #666;
margin-bottom: 36px;
padding-left: 80px;
}
.process-wrap li .process-details h6,
.serv-wrap .process-details h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #999;
text-align: left;
padding-bottom: 20px;
}
.process-wrap li h4:before,
.serv-wrap h4:before {
content: '';
position: absolute;
left: 50%;
right: -50px;
bottom: -4px;
top: -2px;
background: #ccc;
opacity: 0.2;
z-index: -1;
}
.process-wrap li .time-line-icon,
.serv-wrap .time-line-icon {
position: absolute;
top: 10px;
left: 5px;
}
.process-wrap li:before,
.serv-wrap:before {
content: '';
position: absolute;
bottom: 10px;
left: 110px;
right: 20%;
border-bottom: 1px dotted #ccc;
}
.process-wrap li:after,
.serv-wrap:after {
font-family: Font Awesome\ 5 Pro;
content: '\f101';
position: absolute;
bottom: 2px;
right: 40px;
color: #999;
font-size: 16px;
}
.process-wrap li:last-child:after {
color: #666;
content: '\f00c';
}
.process-numder {
position: absolute;
bottom: -20px;
left: 20px;
z-index: 11;
color: #f2f2f2;
font-size: 60px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
}
.srv-link-text {
margin-top:10px;
}
.srv-link-text h4 {
float: left;
text-align: left;
font-weight: 600;
font-size: 18px;
color: #666;
position: relative;
top: 15px;
margin-right: 100px;
}
.serv-wrap {
padding: 15px 30px 35px 0;
}
.serv-wrap .process-details .serv-img {
position: absolute;
top: -35px;
right: 30px;
width: 80px;
height: 80px;
border-radius: 100%;
z-index: 10;
}
.serv-wrap .process-details .serv-img img {
width: 80px;
height: 80px;
position: relative;
z-index: 2;
border-radius: 100%;
}
.serv-zoom {
position: absolute;
width: 50px;
height: 50px;
border-radius: 100%;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 10;
text-align: center;
line-height: 50px;
background: rgba(51, 51, 51, 0.41);
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
opacity: 0;
visibility: hidden;
}
.serv-wrap .process-details .serv-img:hover .serv-zoom {
visibility: visible;
opacity: 1;
}
.serv-wrap .serv-img:before {
content: '';
position: absolute;
top: -8px;
left: -8px;
bottom: -8px;
right: -8px;
z-index: 1;
border-radius: 100%;
background: #fff;
border: 1px solid #eee;
}
.serv-carousel .slick-list {
padding: 0 !important;
}
.serv-carousel-item {
float: left;
width: 100%;
margin: 0;
}
.hidden-info-wrap-bg {
position: absolute;
top: 0;
left: 0;
width: 30%;
}
.hidden-info-wrap {
float: right;
width: 70%;
bottom: 0;
background: #2A2A2E;
z-index: 20;
padding: 70px 0;
min-height: 100vh;
}
.hidden-info-title {
margin-bottom: 70px;
color: #fff;
text-align: left;
font-size: 14px;
letter-spacing: 4px;
color: #888;
text-transform: uppercase;
padding-left: 150px;
}
.hidden-works-item {
padding: 25px 150px;
position: relative;
}
.serv-works-item {
padding: 40px 150px;
}
.hidden-works-item:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.03);
opacity: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.hidden-works-item:hover:before,
.hidden-works-item.act-index:before,
.hidden-works-item.act-index .serv-icon {
opacity: 1;
}
.hidden-works-item-media {
float: left;
width: 20%;
position: relative;
}
.hidden-works-item-media span,
.serv-number {
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
left: -90px;
top: 50%;
margin-top: -25px;
color: rgba(255, 255, 255, 0.41);
font-size: 18px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
.hidden-works-item-media-img {
overflow: hidden;
}
.hidden-works-item-media-img a {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
line-height: 50px;
background: rgba(51, 51, 51, 0.81);
border-radius: 100%;
z-index: 5;
margin: -25px 0 0 -25px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: scale(0);
transform: scale(0);
visibility: hidden;
}
.hidden-works-item:hover .hidden-works-item-media-img a {
-webkit-transform: scale(1.0);
transform: scale(1.0);
visibility: visible;
}
.hidden-works-item-media img {
width: 100%;
height: auto;
}
.hidden-works-item:after {
content: '';
position: absolute;
bottom: 0;
right: 100px;
left: calc(20% + 190px);
height: 1px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.11);
}
.hidden-works-item-text {
float: left;
width: 80%;
position: relative;
padding-left: 100px;
}
.serv-works-item .hidden-works-item-text {
padding-left: 0;
width: 100%;
}
.hidden-works-item-text h3 {
text-align: left;
font-size: 24px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding-top: 20px;
margin-bottom: 12px;
color: #fff;
position: relative;
}
.serv-works-item .hidden-works-item-text h3 {
padding-top: 0;
}
.serv-works-item .hidden-works-item-text h3:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 2px;
}
.serv-works-item .hidden-works-item-text h3 {
padding-bottom: 12px;
margin-bottom: 22px;
}
.serv-icon {
position: absolute;
right: 10%;
bottom: 0px;
font-size: 98px;
color: rgba(255, 255, 255, 0.11);
z-index: 1;
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
opacity: 0;
}
.hidden-works-item-text p {
float: left;
max-width: 500px;
color: #888;
text-align: left;
margin-top: 20px;
}
.hidden-works-item-text h3 a {
color: #fff;
}
.hidden-works-item-text ul li {
float: left;
margin-right: 20px;
}
.hidden-works-item-text ul li a {
color: #888;
font-size: 10px;
letter-spacing: 2px;
text-align: left;
text-transform: uppercase;
}
.serv-price {
margin: 20px 0;
color: #fff;
text-align: left;
float: left;
padding: 10px 50px;
border: 1px solid rgba(255, 255, 255, 0.21);
}
.hidden-works-item-dec {
position: absolute;
right: 100px;
width: 50px;
height: 50px;
line-height: 50px;
top: 50%;
margin-top: -25px;
opacity: 1;
color: rgba(255, 255, 255, 0.41);
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
}
.hidden-info-pagination {
float: left;
margin-top: 70px;
padding-left: 150px;
position: relative;
}
.hidden-info-pagination span {
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: #8B8B8B;
position: relative;
}
.hidden-info-pagination:hover span:before {
left: 20%;
}
.hidden-info-pagination i {
margin-left: 30px;
}
.hidden-info-pagination span:before {
content: '';
position: absolute;
left: 70%;
right: -80px;
top: -12px;
bottom: -12px;
background: rgba(255, 255, 255, 0.081);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.bg-ser {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.bg-ser .bg {
opacity: 0;
will-change: opacity, transform;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1200ms linear;
transition: all 1200ms linear;
}
.bg-ser .bg.active {
opacity: 1;
left: 0;
-webkit-transform: scale(1.05);
transform: scale(1.05);
} .price-item {
float: left;
width: 33.3%;
position: relative;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
z-index: 1;
}
.price-item:hover,
.best-price {
box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.07);
z-index: 2;
}
.best-price {
top: -30px;
transform: scale(1.05);
}
.price-item:hover {
z-index: 3;
}
.price-head {
float: left;
width: 100%;
padding: 22px 20px;
position: relative;
background: #35353A;
}
.price-head h3 {
color: #fff;
position: relative;
z-index: 2;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
border: 1px dotted rgba(255, 255, 255, 0.21);
display: inline-table;
padding: 10px 50px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.071);
overflow: hidden;
}
.price-num {
padding: 30px 15px 20px;
}
.price-num span.curen {
position: relative;
top: -32px;
padding-right: 7px;
font-weight: 400;
font-size: 17px;
}
.price-num-desc {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #bcbcbc;
display: block;
margin-top: 6px;
}
.price-num-item {
font-size: 65px;
position: relative;
font-weight: 600;
}
.price-desc {
padding: 20px 0 50px;
}
.price-desc ul li {
float: left;
width: 100%;
padding: 18px 0;
color: #666;
font-weight: 500;
font-size: 14px;
border-bottom: 1px solid #eee;
}
.price-desc ul li:nth-child(2n+1) {
background: #fbfbfb;
}
.price-desc ul li:first-child {
border-top: 1px solid #eee;
}
.price-link {
display: inline-table;
padding: 15px 20px;
color: #fff;
border-radius: 4px;
margin-top: 30px;
font-weight: 500;
}
.price-content {
background: #fff;
border: 1px solid #eee;
}
.recomm-price {
margin-top: 40px;
font-weight: 600;
color: #ccc;
}
.recomm-price i {
width: 40px;
height: 40px;
line-height: 40px;
color: #5ECFB1;
font-size: 16px;
border-radius: 100%;
border: 2px solid #ccc;
margin-bottom: 10px;
}
.pricing-wrap {
margin: 110px 0 0;
} .team-box {
float: left;
width: 33.3%;
position: relative;
padding: 10px 20px;
background:#fff;
margin-bottom: 20px;
}
.team-photo {
overflow: hidden;
position: relative;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.team-photo .overlay {
opacity: 0;
z-index: 2;
background: #000;
-webkit-transition: all 500ms ease-out;
transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
}
.team-box .team-photo a {
position: absolute;
top: -50%;
left: 0;
width: 100%;
height: 22px;
line-height: 22px;
color: #fff;
text-align: center;
letter-spacing: 10px;
text-transform: uppercase;
font-size: 10px;
margin-top: -11px;
z-index: 15;
visibility: hidden;
opacity: 0;
}
.hero-text .start-button-wrap a,
.team-photo a {
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
}
.team-box:hover .team-photo .overlay {
opacity: 0.5;
}
.team-box:hover .team-photo a {
top: 50%;
opacity: 1;
visibility: visible;
}
.section-team .team-photo {
margin-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.team-info {
float: left;
width: 100%;
text-align: left;
padding: 25px 30px;
border: 1px solid #eee;
border-top: none;
}
.section-team .team-info {
border: 1px solid #eee;
padding: 25px 30px;
background: #fff;
border-top: none;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.team-info h3,
.team-info h4 {
float: left;
width: 100%;
padding-bottom: 10px;
font-weight: 600;
font-size: 16px;
}
.team-info h4 {
font-size: 10px;
color: #666;
font-family: 'Poppins', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.team-social {
float: left;
width: 100%;
border-top: 1px solid #eee;
padding-top: 20px;
margin-top: 10px;
}
.team-single-social {
padding-top: 30px;
border-top: 1px solid #eee;
}
.team-social li,
.team-single-social li {
float: left;
margin-right: 14px;
}
.team-single-social li a {
color:#666;
}
.team-single-social span {
float: left;
margin-right: 30px;
position: relative;
top: 13px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}
.team-single-social li a {
background: #fff;
border: 1px solid #eee;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 4px;
float: left;
}
.team-social li a:hover {
color: #999;
} .custom-inner-holder {
float: left;
margin-top: 40px;
width: 100%;
padding-bottom:80px;
border-bottom:1px solid #eee;
margin-bottom:20px !important;
}
.custom-inner {
float: left;
width: 100%;
position: relative;
margin-bottom: 50px;
}
.custom-inner:last-child {
margin-bottom: 0;
}
.custom-inner-header h3 {
float: left;
padding-bottom: 12px;
font-weight: 600;
font-size: 14px;
text-align: left;
font-family: 'Poppins', sans-serif;
}
.custom-inner-header {
float: left;
width: 100%;
position: relative;
padding: 30px 10px 30px 80px;
border: 1px solid #eee;
background: #f9f9f9;
}
.ci-num {
float: left;
margin-top: 70px;
position: relative;
width: 100%;
margin-left: -40px;
}
.ci-num span {
position: absolute;
left: 0;
opacity: 0.2;
text-transform: uppercase;
font-weight: 900;
font-size: 44px;
letter-spacing: 6px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #666;
font-family: 'Poppins', sans-serif;
}
.custom-inner-header:after {
font-family: Font Awesome\ 5 Pro;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
color: #666;
bottom: 10px;
font-size: 70px;
right: 10px;
opacity: 0.08;
}
.custom-inner-header.educ:after {
content: "\f19d";
}
.custom-inner-header.workres:after {
content: "\f0b1";
}
.custom-inner-header:before {
content: '';
position: absolute;
top: 50%;
left: -26px;
width: 10px;
height: 4px;
margin-top: -2px;
}
.custom-inner-header span {
font-size: 13px;
text-transform: uppercase;
width: 100%;
color: #666;
text-align: left;
float: left;
font-weight: 600;
}
.custom-inner-header i:not(.opt-custom-shadow) {
width: 40px;
height: 40px;
line-height: 40px;
position: absolute;
border-radius: 4px;
top: 50%;
left: 15px;
color: #fff;
font-size: 12px;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.2)));
margin-top: -20px;
}
.custom-inner-content {
padding: 35px 30px 45px;
background: #f9f9f9;
border: 1px solid #eee;
}
.cus-inner-head-link {
position: absolute;
right: 0;
bottom: 0;
color: #fff;
padding: 14px 40px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
font-size: 10px;
border-top-left-radius:6px;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.36);
}
.cus-inner-head-link:hover {
color:#666;
}
.custom-inner h4 {
float: left;
width: 100%;
padding-bottom: 20px;
font-weight: 600;
font-size: 14px;
text-align: left;
font-family: 'Poppins', sans-serif;
}
.custom-inner p {
text-align: left;
}
.custom-inner ul {
float: left;
width: 100%;
padding: 10px 0 10px 13px;
list-style: decimal;
}
.custom-inner ul li {
float: left;
width: 100%;
padding: 5px 0 5px 10px;
text-align: left;
font-weight: 800;
color: #666;
}
.custom-inner .content-nav ul {
position: relative;
left: 0;
padding: 0;
list-style: none;
}
.custom-inner .content-nav ul li {
float: left;
width: 50%;
padding: 0;
}
.custom-inner .btn {
margin-top: 20px;
} .client-list li {
float: left;
width: 20%;
position: relative;
overflow: hidden;
padding: 2px;
margin: 0;
}
.client-list li a {
float: left;
width: 100%;
padding: 40px 50px;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.client-list-white {
float: left;
width: 100%;
}
.client-list-white li a {
backgrou nd: #f9f9f9;
}
.client-list-white li a:hover {
background: #fff;
}
.client-list li img {
width: 100%;
height: auto;
}
.text-carousel .text-carousel-item {
padding: 30px 65px;
background: #fff;
border: 1px solid #eee;
border-radius: 4px;
margin: 0 10px;
float: left;
width: 100%;
position: relative;
margin-top: 70px;
}
.text-carousel .text-carousel-item:before,
.text-carousel .text-carousel-item:after,
.pr-list-det:before,
.pr-list-det:after {
font-family: Font Awesome\ 5 Pro;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
color: #ccc;
opacity: 0.4;
font-size: 34px;
}
.text-carousel-item:before,
.pr-list-det:before {
content: "\f10e";
top: 20px;
left: 15px;
}
.text-carousel-item:after,
.pr-list-det:after {
content: "\f10e";
bottom: 20px;
right: 15px;
}
.text-carousel .slick-item {
padding: 0 20px;
}
.text-carousel .slick-center .text-carousel-item {
background: #f9f9f9;
}
.text-carousel .slick-dots,
.serv-carousel .slick-dots {
margin-top: 40px;
}
.text-carousel .slick-dots li,
.serv-carousel .slick-dots li {
display: inline-block;
margin: 0 8px;
}
.text-carousel .slick-dots li button:before,
.serv-carousel .slick-dots li button:before {
background: #ccc;
}
.text-carousel .slick-dots li.slick-active button,
.serv-carousel .slick-dots li.slick-active button {
border-color: #ccc;
}
.text-carousel-controls {
top: 40px;
}
.text-carousel-controls .container {
width:100%;
}
.text-carousel-controls .sp-cont,
.serv-carousel-wrap .sp-cont {
float: left;
margin-right: 40px;
position: relative;
left: 0;
right: 0;
font-size: 16px;
height: 30px;
width: 70px;
border: 1px solid #eee;
line-height: 30px;
border-radius: 2px;
margin-bottom: 40px;
background:#f9f9f9;
}
.text-carousel-controls .sp-cont:hover,
.serv-carousel-wrap .sp-cont:hover{
background:#fff;
}
.slider-carousel-wrap {
z-index: 10;
}
.text-carousel-wrap {
margin: 0 0 50px 0;
padding: 0 50px;
}
.text-carousel-item p {
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
text-align: left;
}
.text-carousel-item a.testim-link {
float: left;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 800;
font-size: 11px;
position: relative;
}
.text-carousel-item a.testim-link:before,
.features-box a:before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px dotted #ccc;
}
.listing-rating {
float: left;
width: 100%;
margin-bottom: 12px;
}
.listing-rating i {
float: left;
margin-right: 10px;
font-size: 11px;
}
.popup-avatar {
position: absolute;
right: 70px;
z-index: 10;
width: 80px;
height: 80px;
z-index: 20;
border-radius: 100%;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
opacity: 0;
top: -120px;
visibility: hidden;
}
.text-carousel .slick-center .popup-avatar,
.pr-list-det .popup-avatar {
opacity: 1;
top: -40px;
visibility: visible;
}
.popup-avatar:before {
content: '';
position: absolute;
border-radius: 100%;
left: -8px;
bottom: -8px;
right: -8px;
top: -8px;
border: 1px solid #eee;
z-index: 1;
background: #fff;
}
.popup-avatar img {
width: 80px;
height: 80px;
border-radius: 100%;
position: relative;
z-index: 2;
}
.review-owner {
margin: 0 0 15px 0;
float: left;
margin-top: 20px;
text-transform: uppercase;
font-weight: 800;
font-size: 11px;
text-align: left;
color: #666;
font-family: 'Poppins', sans-serif;
}
.review-owner span {
color: #999;
} .order-wrap h3 {
float: left;
padding-left: 90px;
position: relative;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #8B8B8B;
top: 2px;
}
.order-wrap h3:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 50px;
height: 2px;
margin-top: -1px;
}
.order-wrap:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 43.2%;
background: rgba(255, 255, 255, 0.041)
}
.order-wrap h3:after {
content: "";
position: absolute;
top: -15px;
left: -70px;
bottom: -15px;
width: 270px;
background: rgba(255, 255, 255, 0.041)
} .cs-wrap {
overflow: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #2A2A2E;
-webkit-transform: translate3d(0, 0, 0);
}
.cs-wrap .hero-wrap {
background: none;
overflow: hidden;
}
.cs-wrap .half-hero-wrap {
top: 23%;
}
.countdown {
top: -20px;
}
.countdown-item {
float: left;
margin-right: 80px;
position: relative;
position: relative;
text-align: left;
}
.countdown-item span {
color: #fff;
font-size: 54px;
font-weight: 700;
}
.countdown-item p {
position: relative;
padding-top: 7px;
color: rgba(255, 255, 255, 0.51);
font-size: 10px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.cs-wrap .subcribe-form {
width: 350px;
float: left;
position: relative;
} .show-share {
position: absolute;
left: 0;
bottom: 0;
width: 80px;
height: 80px;
z-index: 100;
color: #fff;
font-size: 22px;
line-height: 80px;
background: #3C3C3C;
cursor: pointer;
}
.contact-btn i,
.show-share i {
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.4)));
}
.show-share.clshbt i:before {
content: "\f00d"
}
.show-share span,
.contact-btn span {
position: absolute;
height: 50px;
line-height: 50px;
left: 0;
top: -50px;
padding: 0 30px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
min-width: 150px;
background: #2D2D32;
margin-top: -20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.contact-btn span {
left: inherit;
right: 0;
top: 80px;
margin-top: 10px;
}
.show-share:hover span,
.contact-btn:hover span {
margin-top: 0;
opacity: 1;
visibility: visible;
}
.share-wrapper {
position: fixed;
top: 0;
left: 80px;
right: 0;
height: 100%;
z-index: 100;
display: none;
-webkit-transform: translate3d(0, 0, 0);
}
.share-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
z-index: 1;
opacity: 1;
background: #252425;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.share-wrapper:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
z-index: 1;
opacity: 0.4;
background: #252425;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.share-wrapper.invis-share:after {
width: 20%;
}
.share-wrapper.invis-share:before {
width: 80%
}
.soa {
margin-top: -50px;
opacity: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.soavis {
margin-top: 0;
opacity: 1;
}
.share-title {
position: absolute;
top: 70%;
left: 100px;
z-index: 2;
}
.share-title span {
float: left;
position: relative;
opacity: 0.2;
min-height: 300px;
text-transform: uppercase;
font-weight: 900;
font-size: 124px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
color: #fff;
}
.share-inner {
position: absolute;
top: 0;
left: 0;
padding-left: 350px;
width: 100%;
height: 100%;
z-index: 3;
}
.share-inner:before {
content: '';
position: absolute;
bottom: 0;
right: 20%;
width: 50%;
height: 18%;
background: rgba(255, 255, 255, 0.05)
}
.close-share {
position: absolute;
right: 20%;
top: 80px;
margin-right: -50px;
z-index: 10;
cursor: pointer;
padding: 10px 90px;
border: 1px solid rgba(255, 255, 255, 0.21);
}
.close-share i {
font-size: 26px;
color: #fff;
}
.close-share span {
color: rgba(255, 255, 255, 0.91);
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 4px;
position: relative;
float: left;
padding-right: 30px;
top: 6px;
}
.share-container {
margin-top: 50px;
z-index: 100;
float: left;
width: 200px;
position: relative;
top: 30%;
}
.share-container .share-icon {
float: left;
width: 100%;
margin-bottom: 60px;
position: relative;
text-align: left;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.share-icon:after {
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
color: rgba(255, 255, 255, 0.91);
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 4px;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.share-container .share-icon:hover:after {
color: rgba(255, 255, 255, 0.41);
text-decoration: underline;
}
.share-icon-digg:after {
content: "digg";
}
.share-icon-email:after {
content: "email";
}
.share-icon-flickr:after {
content: "flickr";
}
.share-icon-foursquare:after {
content: "foursquare";
}
.share-icon-rss:after {
content: "rss";
}
.share-icon-facebook:after {
content: "facebook";
}
.share-icon-twitter:after {
content: "twitter";
}
.share-icon-tumblr:after {
content: "tumblr";
}
.share-icon-linkedin:after {
content: "linkedin";
}
.share-icon-vimeo:after {
content: "vimeo";
}
.share-icon-instagram:after {
content: "instagram";
}
.share-icon-pinterest:after {
content: "pinterest";
}
.share-icon-googleplus:after {
content: "googleplus";
}
.share-icon-in1:after {
content: "in1";
}
.share-icon-stumbleupon:after {
content: "stumbleupon";
} .map-container {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.fw-map-container #singleMap {
width: 100%;
position: relative;
height: 400px;
float: left;
}
.fw-map-container.ful-height-map,
.fw-map-container.ful-height-map #singleMap {
height: 100%;
}
.big-single-map.fw-map-container #singleMap {
height: 500px;
}
.box-widget #singleMap {
margin-bottom: 10px;
}
.fw-map-container {
z-index: 8;
}
.custom-form {
float: left;
width: 100%;
position: relative;
}
.custom-form .selectbox {
color: #292929;
border-radius: 4px;
margin-bottom: 20px;
z-index: 100;
border: 1px solid #eee;
background: #fff;
color: #888DA0;
font-weight: 600;
font-size: 12px;
position: relative;
}
.custom-form .sel-dec .selectbox .select:before {
font-family: Font Awesome\ 5 Pro;
content: '\f142';
position: absolute;
top: 50px;
left: 10px;
height: 20px;
line-height: 20px;
margin-top: -10px;
z-index: 22;
font-size: 16px;
font-weight: 300;
color: #ccc;
}
.custom-form .selectbox .trigger .arrow {
border-top: 5px solid #666;
right: 20px;
}
.custom-form textarea,
.custom-form input[type="text"],
.custom-form input[type=email],
.custom-form input[type=password] {
float: left;
border: none;
border: 1px solid #eee;
background: #fff;
width: 100%;
padding: 15px 20px 15px 55px;
color: #666;
font-size: 12px;
-webkit-appearance: none;
}
.custom-form input::-webkit-input-placeholder,
.custom-form textarea::-webkit-input-placeholder {
color: #888DA0;
font-weight: 600;
font-size: 12px;
position: relative;
}
.custom-form input:-moz-placeholder,
.custom-form textarea:-moz-placeholder {
color: #888DA0;
font-weight: 600;
font-size: 13px
}
.custom-form textarea {
height: 200px;
resize: none;
padding: 25px 20px;
-webkit-appearance: none;
}
.custom-form input {
margin-bottom: 20px;
}
.custom-form label {
float: left;
position: relative;
width: 100%;
text-align: left;
font-weight: 500;
color: #666;
}
.custom-form label i {
padding-right: 12px;
font-size: 16px;
position: absolute;
top: 16px;
left: 20px;
text-align: center;
}
.custom-form button {
padding: 20px 35px;
outline: none;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
#message {
text-align:left;
float:left;
width:100%;
padding-bottom:20px;
color:#000;
}
#message h1 {
font-size:16px;
padding-bottom:10px;
}
#message p strong {
font-weight:800px;
color:#000;
}
.verify-text {
margin: 30px 0 30px;
text-align: left;
color: #666;
font-size: 13px;
float: left;
font-weight: 600;
}
.custom-form .verify-wrap .selectbox {
float: left;
width: inherit;
margin: 10px 0 0 20px;
line-height: 10px;
top: 6px;
}
.custom-form .verify-wrap .selectbox .text {
top: 0px;
}
.verify-wrap {
float: left;
}
.verify-wrap label {
width: inherit;
position: relative;
top: 11px;
margin-right: 30px;
}
.no-padding {
padding: 0;
} .blog-filters span {
float: left;
margin-right: 35px;
position: relative;
top: 18px;
text-transform: uppercase;
font-size: 10px;
color: #8B8B8B;
font-weight: 600;
letter-spacing: 2px;
}
.blog-btn-filter {
float: left;
margin-right: 15px;
position: relative;
top: 6px;
}
.blog-btn-filter ul {
display: none;
position: absolute;
top: 50px;
padding: 15px 20px;
background: #292929;
}
.blog-btn-filter ul li {
float: left;
min-width: 150px;
width: 100%;
padding: 10px 0;
text-align: left;
}
.blog-btn-filter ul li a {
color: #fff;
}
.blog-btn {
float: left;
padding: 10px 30px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 4px;
position: relative;
cursor: pointer;
text-transform: uppercase;
font-size: 10px;
color: #fff;
letter-spacing: 2px;
}
.blog-btn i {
float: right;
margin-left: 25px;
position: relative;
top: 2px;
font-size: 12px;
color: #999;
}
.cat-list {
float: left;
width: 100%;
list-style: none;
margin: 2px 0 6px;
}
.cat-list li {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
margin-right: 18px;
position: relative;
}
.cat-list li:before {
content: '/';
position: absolute;
right: -12px;
top: -1pxpx;
color: #000;
}
.cat-list li:last-child:before {
display: none;
}
.cat-list li a {
color: #999;
}
.blog-filters {
float: left;
margin-left: 50px;
top: 18px;
position: relative;
}
.blog-search {
float: left;
margin-left: 50px;
width: 350px;
}
.searh-inner input {
background: rgba(255, 255, 255, 0.091);
font-size: 12px;
height: 45px;
padding: 0 20px;
width: 70%!important;
color: rgba(255, 255, 255, 0.691);
border: none;
}
.searh-inner input:-moz-placeholder,
.searh-inner input::-webkit-input-placeholder {
color: #fff;
font-weight: 600;
font-size: 12px
}
.search-submit {
width: 30%;
height: 45px;
float: right;
background: none;
color: #fff;
font-weight: bold;
border: none;
font-size: 10px;
cursor: pointer;
}
.fwpost-container {
padding-left: 30px;
}
.post p {
text-align: left;
}
.fw-post {
margin-bottom: 30px;
padding-bottom: 30px;
}
.masonry-post {
padding-right: 30px;
padding-bottom: 40px;
}
.fw-post h2,
.masonry-post h2 {
float: left;
width: 100%;
text-align: left;
font-weight: bold;
font-size: 30px;
margin-bottom: 40px;
position: relative;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}
.masonry-post h2 {
font-size: 20px;
margin-bottom: 20px;
}
.fw-post.single-post h2 {
font-size: 40px;
}
.fw-post h2:before {
content: '';
position: absolute;
bottom: -15px;
left: 0;
width: 50px;
height: 2px;
z-index: 1;
}
.blog-text {
padding: 25px 30px;
border: 1px solid #eee;
background: #fff;
}
.blog-text h3 {
text-align: left;
color: #666;
float: left;
width: 100%;
font-weight: 800;
font-size: 16px;
padding-bottom: 15px;
}
.blog-text h3 a {
color: #666;
}
.masonry-post .blog-text {
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.post-counter {
float: right;
position: relative;
top: 20px;
padding: 10px 15px;
background: #f9f9f9;
border: 1px solid #eee;
}
.post-counter.single-post-counter {
float: left;
top: 10px;
margin-bottom: 20px;
}
.post-counter li {
float: left;
margin-right: 15px;
}
.post-counter li i,
.post-counter li span {
float: left;
}
.post-counter li span {
margin-left: 6px;
font-style: italic;
font-size: 11px;
}
.widget-wrap {
margin-bottom: 40px;
padding: 25px 30px;
background: #f9f9f9;
border: 1px solid #eee;
}
.widget-title span {
text-align: left;
font-size: 27px;
text-transform: uppercase;
float: left;
font-weight: bold;
position: absolute;
top: 4px;
right: 20px;
color: #ccc;
opacity: 0.7;
}
.widget-title {
text-align: left;
font-size: 15px;
padding: 15px 20px;
background: #fff;
border: 1px solid #eee;
font-weight: bold;
margin-bottom: 20px;
float: left;
width: 100%;
color: #666;
position: relative;
}
.about-widget img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.about-widget h5 {
float: left;
margin-bottom: 20px;
font-weight: 800;
font-size: 16px;
text-align: left;
color: #666;
position: relative;
padding-left: 40px;
}
.about-widget h5 a {
position: relative;
z-index: 2;
color: #666;
}
.about-widget h5:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 2px;
margin-top: -1px;
}
.about-widget h5:before {
content: '';
position: absolute;
top: -2px;
left: 40%;
right: -30px;
bottom: -2px;
background: #ccc;
z-index: 1;
opacity: 0.3;
}
.about-widget p {
text-align: left;
}
.about-widget-social {
margin-top: 20px;
}
.about-widget-social span {
float: left;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 800;
font-size: 11px;
position: relative;
margin-right: 12px;
}
.about-widget-social span:before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px dotted #ccc;
}
.about-widget-social li {
float: left!important;
margin-right: 5px!important;
width:auto!important;
}
.about-widget-social li a {
float: left!important;
margin-left: 8px!important;
font-family: Georgia, "Times New Roman", Times, serif!important;
font-style: italic!important;
color: #999!important;
font-weight:normal!important;
font-size: 12px!important;
position: relative!important;
top: 2px!important;
}
.about-widget-social li a:hover {
color: #666!important;
}
.widget-posts li {
padding: 15px 10px;
border-right: 1px solid #eee;
margin-bottom: 8px;
background: #f9f9f9;
}
.widget-posts-img {
float: left;
width: 30%;
}
.widget-comments-img img {
border-radius: 100%;
}
.widget-posts-descr {
float: left;
width: 70%;
padding-left: 20px;
text-align: left;
}
.widget-posts-descr a {
float: left;
text-transform: uppercase;
font-weight: 800;
font-size: 10px;
text-align: left;
color: #666;
font-family: 'Poppins', sans-serif;
}
.widget-posts-date {
float: left;
width: 100%;
margin-top: 10px;
color: #999;
font-size: 12px;
}
.widget-wrap .tagcloud li {
float: left;
margin-bottom: 4px;
}
.widget-wrap .tagcloud li a {
float: left;
text-align: center;
padding: 15px 30px;
margin-right: 2px;
color: #fff;
background: #35353A;
font-weight: 800;
}
.widget-wrap .tagcloud li a:hover {
color: #ccc;
}
.jr-insta-thumb {
float: left;
width: 100%;
}
.jr-insta-thumb a {
float: left;
width: 33.3%;
padding: 5px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.jr-insta-thumb a img {
width: 100%;
height: auto;
}
.jr-insta-thumb a:hover {
opacity: 0.6;
}
.cat-item li {
float: left;
width: 100%;
padding-bottom: 8px;
margin-bottom: 15px;
text-align: left;
position: relative;
}
.cat-item li:before {
content: '';
position: absolute;
bottom: 6px;
width: 100px;
height: 1px;
background: #eee;
left: 50%;
margin-left: -25px;
}
.cat-item li a {
float: left;
font-size: 12px;
color: #292929;
font-weight: 800;
}
.cat-item li span {
float: right;
}
.cat-item a,
.tagcloud li a {
font-size: 10px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.post-author {
margin-bottom: 40px;
margin-top: 10px;
float: left;
background: #f9f9f9;
border: 1px solid #eee;
padding: 30px 35px;
}
.author-img {
float: left;
width: 15%;
}
.author-content {
float: left;
width: 85%;
padding-left: 10px;
}
.author-img img {
border-radius: 100%;
float: left;
width: 80px;
height: 80px;
}
.author-content h5 {
text-align: left;
color: #666;
float: left;
width: 100%;
font-weight: 800;
font-size: 16px;
padding-bottom: 15px;
}
.author-content p {
margin-bottom: 8px;
float: left;
width: 100%;
text-align: left;
}
#comments {
text-align: left;
padding-top: 10px;
float: left;
width: 100%;
margin-top: 30px;
}
#comments.single-post-comm {
margin-top: 0;
padding-top: 0;
}
#comments-title,
#reply-title {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin-bottom: 5px;
padding-left: 20px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
color: #666;
}
.comment {
float: left;
padding-left: 20px;
}
.comment-body {
position: relative;
margin-left: 80px;
padding-top: 30px;
}
.comment-author {
position: absolute;
top: 30px;
left: -76px;
}
.comment-author img {
border-radius: 100%;
}
.comment .children {
margin-left: 70px;
}
.fn {
display: block;
margin-bottom: 10px;
}
.comment-meta,
.comment-meta a {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 12px;
letter-spacing: 1px;
color: #494949;
padding-bottom: 10px;
}
#respond {
margin-top: 40px;
}
#reply-title {
padding-bottom: 30px;
margin-bottom: 5px;
}
.add-comment {
margin-top: 40px;
padding-left: 20px;
margin-bottom: 50px;
}
.add-comment button {
margin-top: 30px;
border: none;
outline: none;
-webkit-appearance: none;
cursor: pointer;
}
.no-fixbar {
position: relative !important
}
.blog-media {
margin-bottom: 20px;
}
.blog-media.nomar-bottom {
margin-bottom: 0;
}
.post-container .content-nav,
.team-nav {
margin-top: 30px;
} .error-wrap {
padding: 40px 0;
}
.error-wrap h2 {
font-size: 134px;
color: #fff;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
letter-spacing: 10px;
}
.error-wrap p {
color: rgba(255, 255, 255, 0.91);
font-size: 12px;
}
.error-wrap form {
margin: 30px auto 20px;
max-width: 550px;
overflow: hidden;
border-radius: 6px;
position: relative;
box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2);
}
.error-wrap form input {
float: left;
width: 100%;
border: none;
background: #fff;
height: 50px;
padding: 0 100px 0 20px;
z-index: 1;
}
.error-wrap form .search-submit {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 50px;
line-height: 50px;
z-index: 2;
color: #fff;
border: none;
cursor: pointer;
}
.error-wrap form .search-submit:hover {
background: #292929;
}
.error-wrap a.btn {
display: inline-table;
margin-top: 10px;
}
.scroll-nav-wrap-btn {
display: none;
}
@media only screen and (max-width: 1220px) {
.filter-title {
display: none;
}
}
@media only screen and (max-width: 1064px) {
.main-header {
width: 100%;
height: 80px;
}
.main-header:before {
opacity: 1;
}
.content {
padding-left: 0;
}
.hero-wrap {
padding-top: 80px;
padding-bottom: 0;
}
.scroll-nav-wrap .scroll-down-wrap, .header-social, .height-emulator,  .footer-title, .nav-title, .single-page-decor, .single-page-fixed-row, .album-thumbnails  , .contact-btn , .single-page-fixed-row.blog-single-page-fixed-row  .scroll-down-wrap , .ci-num , .bg-parallax-module{
display: none;
}
.custom-inner img   , .parallax-text{
transform: translateY(0px) !important;
}
.single-page-fixed-row.blog-single-page-fixed-row {
display:block;
position:relative;
float:left;
width:100%;
left:0;
height:auto;
background:#fff;
}
.blog-filters {
margin-left:0;
padding:30px;
margin-top:40px;
background: #2D2D32;
}
.blog-search {
margin-left:0;
margin-top:40px;
z-index:1;
position:relative;
}
.blog-btn-filter {
z-index:2;
}
.scroll-nav-wrap {
left: 0;
}
.half-slider-wrap .sarr-contr {
bottom: 120px;
}
.slider-nav-counter {
bottom: 133px;
}
.scroll-nav {
padding: 23px 20px 0;
}
.scroll-nav li {
margin-right: 0;
}
.logo-holder {
float: left;
width: 80px;
height: 80px;
line-height: 80px;
}
.logo-holder img {
width: 30px;
height: auto;
}
.nav-button {
float: right;
margin-right: 140px;
margin-top: 24px;
}
.show-share {
left: calc(100% - 80px);
}
.menu-button-text {
bottom: 10px;
}
.inline-facts-wrap {
margin-right: 0;
width: 50%;
}
.collage-image,
.footer-box {
margin-bottom: 50px;
}
.process-wrap li {
width: 50%;
}
.piechart {
width: 50% !important;
}
.piechart-holder h4,
.hidden-info-wrap {
float: left;
width: 100%;
}
.skillbar-bg {
width: 100%;
}
.skill-bar-percent {
margin-right: 0;
}
.main-footer {
position: relative;
float: left;
width: 100%;
left: 0;
overflow: hidden;
}
.footer-inner {
padding: 50px 0 20px;
}
.share-wrapper {
left: 0;
}
.nav-overlay,
.share-wrapper,
.nav-holder {
top: 80px;
}
.main-about,
.video-promo-text,
.custom-inner-holder,
.fs-carousel-wrap {
padding-left: 0;
}
.hero-decor-numb {
left: 20%;
}
.half-bg-dec {
left: 0;
width: 30%;
padding-left: 20px;
}
.half-hero-wrap {
left: 0;
padding: 0 100px;
top:20%;
}
.half-hero-wrap h1 {
font-size: 30px;
line-height: 50px;
}
.client-list li a {
padding: 15px 30px;
}
.fet_pr-carousel-title {
position: relative;
float: left;
width: 100%;
margin-bottom: 50px;
left: 0;
}
.fet_pr-carousel-title-item {
max-width: 92%;
}
.order-wrap .btn {
float: left;
margin-top: 50px;
}
.pr-title {
margin-bottom: 40px;
}
.order-wrap h3 {
width: 100%;
text-align: left;
}
.hidden-info-wrap-bg {
display: none;
}
.filter-title {
display: none;
}
.fsp-filter {
position: relative;
float: left;
left: 0;
width: 100%;
background: #35353A;
height: auto;
padding: 15px 0;
}
.gallery-item {
width: 33.3% !important;
}
.subfooter {
padding: 0;
}
.parallax-text {
position: relative;
bottom: 0;
right: 0 !important;
left: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: left;
width: 100%;
text-align: left;
margin-top:30px;
}
.parallax-text h3,
.parallax-text h4,
.parallax-text h4 span {
float: left !important;
text-align: left !important;
}
.parallax-text .btn,
.right-parallax-header {
float: left !important;
}
.pr-list-det {
margin-top: 70px;
}
.buy-album {
margin-bottom: 50px;
}
.mob-bg {
display:block;
}
.order-wrap li {
margin-top:50px;
}
.share-container {
top:20%;
}
.text-carousel-wrap {
padding: 0;
}
.skill-wrap {
margin:20px 0 !important;
}
.parallax-text {
padding:0 10px;
}
.parallax-item {
margin: 20px 0;
}
.lf-num {
left:inherit;
right:0;
}	
}
@media only screen and (max-width: 768px) {
section.parallax-section.parallax-sec-half-left .bg,
section.parallax-section.parallax-sec-half-left .overlay,
section.parallax-section.parallax-sec-half-right .bg,
section.parallax-section.parallax-sec-half-right .overlay,
section.parallax-section.parallax-sec-half-right:before,
section.parallax-section.parallax-sec-half-left:before {
width: 70%;
}
.piechart,
.process-wrap li,
.half-bg,
.share-wrapper:before {
width: 100% !important;
}
.nav-holder {
padding: 15px 30px 15px 20px;
}
.header-logo {
left: 30px;
}
.half-slider-img-wrap,
.nav-holder,
.hidden-works-item-media,
.hidden-works-item-text {
width: 100%;
}
.hidden-works-item-text {
padding-left: 0;
}
.hidden-works-item {
padding: 25px 50px;
}
.hidden-info-pagination {
padding-left: 50px;
}
.half-bg-dec,
.share-wrapper:after,
.share-title,
.filter-button,
.scroll-nav-wrap {
display: none;
}
.share-container {
top: 150px;
}
.close-share {
padding: 10px 30px;
right: 50px;
margin-right: 0;
}
.share-container .share-icon {
margin-bottom: 40px;
}
.client-list li {
width: 33.3%;
}
.hero-decor-numb {
left: 80px;
}
.nav-inner-wrap {
width: 92%;
margin-left: 4%;
}
.impulse-wrap .half-bg {
height: 100%;
}
.share-inner {
padding: 0 50px;
}
.hero-start-link {
position: absolute;
z-index: 9;
right: 20%;
bottom: -140px;
margin-right: 0;
text-transform: uppercase;
color: #999;
}
section.parallax-section.parallax-sec-half-right:after {
right: 80%;
}
section.parallax-section.parallax-sec-half-left:after {
left: 80%;
}
.price-item {
width: 100%;
margin-bottom: 20px;
}
.best-price {
top: 0;
transform: scale(1.0);
}
.serv-works-item {
padding: 40px 50px;
}
.hidden-info-title {
padding-left: 50px;
}
.gallery-item {
width: 50% !important;
}
.team-box {
width: 50%;
}
.show-case-slider-wrap .slick-dots {
right: 20px;
}
.fet_pr-carousel-counter.show-case-slider-counter {
left: 20px;
}
.single-project-title {
padding: 0 20px;
}
.single-project-title h2 , .fet_pr-carousel-title-item h3 {
font-size: 30px;
}
.sarr-contr {
left: 20px;
}
.content-nav li {
width: 100%;
border-left: none;
}
.section-title h2 {
font-size: 34px;
}
.main-about h2 {
font-size: 24px;
}
.single-project-title-style-2 h2 {
font-size: 15px !important;
}
.hero-wrap {
padding-bottom: 0;
}
.half-slider-wrap .sarr-contr {
bottom: 30px;
}
.slider-nav-counter {
bottom: 42px;
}
.srv-link-text h4 {
margin-right:0;
width:100%;
margin-bottom:30px;
}
.collage-image {
padding-left:0;
}
.mu-det  {
margin-top:0 !important;
}
section {
padding:70px 0;
}
.fet_pr-carousel-counter {
bottom:25px;
}
.fet_pr-carousel .slick-dots  {
bottom:-48px;
}
}
@media only screen and (max-width: 564px) {
.half-hero-wrap {
top: 25%;
}
.half-hero-wrap h1 {
font-size: 26px;
line-height: 40px;
}
.half-hero-wrap h4,
.hero-decor-let,
.hero-decor-numb,
.show-info,
.album-list-title,
.time  , .blog-filters span{
display: none;
}
.half-hero-wrap .btn {
margin-top: 20px !important;
}
.client-list li {
width: 50%;
}
.client-list li a {
padding: 15px 20px;
}
.half-hero-wrap {
left: 0;
padding: 0 100px 0 20px;
}
.gallery-item {
width: 100% !important;
}
.team-box , .blog-search , .blog-btn-filter , .blog-btn  , 	.soon-wrap .countdown-item   , .verify-text{
width: 100%;
}
.verify-text {
float:left;
margin-bottom:15px;
}
.hidden-works-item {
padding: 25px 20px;
}
.hidden-info-pagination {
padding-left: 20px;
}
.show-case-slider-wrap {
height: 300px;
}
.show-case-item {
height: 220px !important;
}
.show-case-slider-wrap-style2 .show-case-item {
height: 300px !important;
}
.single-project-title h2 {
font-size: 26px;
}
.playlist-wrap ol li {
padding: 20px 0 20px 40px;
}
.playlist-wrap ol li:before {
width: 40px;
}
.playlist-wrap ol li a.audio-link {
padding-right: 30px;
}
.playlist-wrap ol li a.downbuy-link {
right: 20px;
}
.srv-link-text h4 {
margin-bottom: 30px;
}
.gallery-filters a {
width: 100%;
text-align: left;
}
.inline-facts-wrap {
width: 100%;
}
.soon-wrap .half-hero-wrap  {
padding: 0 50px 30px 40px;
margin-bottom:70px;
top:17%;
}
.soon-wrap .countdown-item {
margin-right:0;
}
.cs-wrap .subcribe-form {
width:300px;
}
.blog-btn-filter  {
margin-bottom:10px;
}
.blog-search  {
margin-top:30px;
}
.tag-filter {
z-index:5;
}
.error-wrap h2 {
font-size:89px;
}
.process-wrap {
margin-top:0;
}
.process-wrap li {
padding: 15px 0 35px 0;
margin-bottom:50px;
}
.process-wrap li:last-child {
margin-bottom:0;
}
.process-numder {
left:0;
bottom:-40px;
font-size:50px;
}
.process-wrap li:before {
bottom:0px;
left:80px;
}
.process-wrap li:after{
right:0;
bottom:-6px;
}
.text-carousel .text-carousel-item {
padding:30px 20px;
}
.text-carousel .slick-item {
padding: 0;
}
.text-carousel-controls{
padding-left:8px;
}
.section-title {
padding-left:30px;
}
.section-title h2 {
font-size: 26px;
}
.custom-form button {
margin-top:30px;
}
.custom-form .verify-wrap .selectbox  , .pr-title{
margin:0;
}
.fw-map-container {
margin-bottom:20px !important;
}
.team-box  {
padding:10px 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
background-attachment: scroll !important;
-webkit-background-size: cover;
background-position: center;
}
}