body {
width: 100%;
overflow-x: hidden;
}
.page-wrapper {
margin: 0;
display: block;
overflow: visible;
height: 100%;
width: 100%;
clear: both;
zoom: 1
}
.navbar {
padding: 0rem 1rem;
}
.nav-link {
padding: 1.2rem 1rem;
font-size: 1.03rem;

}
.bg-faded {
background-color: #FFF;
-webkit-box-shadow: 1px 3px 8px 0 rgba(133, 133, 133, 0.1);
box-shadow: 1px 3px 8px 0 rgba(133, 133, 133, 0.1);
border-bottom: 1px solid rgba(155, 155, 155, 0.35)
}
.inverse {
color: #FFF !important
}
.inverse .btn-outline-secondary,
.inverse li,
.inverse a {
color: #FFF !important
}
.inverse-bg {}
.navbar-inverse,
.bg-inverse {
color: #FFF !important
}
a:link,
a:visited {
color: #262320
}
a:link,
a:hover,
.btn-link,
button {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-decoration: none !important;

}
/*
.h1,
.h2,
.h3,
.h4,
.h5 {
font-family: 'Anton', sans-serif;
}
*/
b {
font-weight: bold
}
.isotope-item {
padding-bottom: 30px
}
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning {
color: #FFF !important
}
.list-inline {
list-style: none;
}
.list-inline>li {
display: inline-block;
}
.portfolio-filter,
.logo {
/*font-family: 'Anton', sans-serif;*/
}
.navbar-inverse .navbar-nav .nav-link {
/*   color: rgba(255, 255, 255, 1); */
}
.portfolio-filter .btn-link {
color: inherit !important;
font-size: 1.5rem
}
.isotope .container-fluid {
padding: 0 3%;
}
.day,
.month,
.year {
display: block;
width: 100%;
text-transform: uppercase;
text-align: center;
line-height: 35px
}
.day {
font-size: 3rem
}
.categories li a {
width: 100%;
padding: 15px 15px;
display: block;
background: rgb(22, 25, 24);
background: -moz-linear-gradient(top, rgba(22, 25, 24, 1) 0%, rgba(15, 15, 15, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22, 25, 24, 1)), color-stop(100%, rgba(15, 15, 15, 1)));
background: -webkit-linear-gradient(top, rgba(22, 25, 24, 1) 0%, rgba(15, 15, 15, 1) 100%);
background: -o-linear-gradient(top, rgba(22, 25, 24, 1) 0%, rgba(15, 15, 15, 1) 100%);
background: -ms-linear-gradient(top, rgba(22, 25, 24, 1) 0%, rgba(15, 15, 15, 1) 100%);
background: linear-gradient(to bottom, rgba(22, 25, 24, 1) 0%, rgba(15, 15, 15, 1) 100%);
}
.categories li:nth-child(even) {
background-color: #f7f7f9;
}
.categories {
-webkit-columns: 300px;
-moz-columns: 300px;
columns: 300px;
-webkit-column-gap: 0rem;
-moz-column-gap: 0rem;
column-gap: 0rem;
}
.categories li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.social-links li a {
float: left;
padding: 0px 18px;
font-size: 65px;
}
.categories .list-group-item:hover {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dropdown-item:hover {
background-color: #CCC
}
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.overlay {
position: absolute;
bottom: -1px;
left: 0;
right: 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100,ffffff+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff', GradientType=0);
/* IE6-9 */
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.open .overlay {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100,ffffff+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff', GradientType=0);
/* IE6-9 */
width: 100%;
height: 100%;
transition: .5s ease;
}
.overlay .icon {
font-size: 3rem;
opacity: 0.2;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.overlay:hover .icon {
opacity: 1
}
.img-wrapper {
min-height: 150px
}
.img-wrapper:hover .overlay {
height: 100%;
bottom: 0px
}
.text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.ekko-lightbox-nav-overlay a {
z-index: 100;
float: left;
text-align: center;
width: 49%;
height: 100%;
padding: 24px;
font-size: 85px;
color: #fff;
text-shadow: 2px 2px 4px #000;
opacity: 0;
filter: dropshadow(color=#000000, offx=2, offy=2);
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.ekko-lightbox-nav-overlay a:empty {
width: 49%;
}
.ekko-lightbox-nav-overlay .fa-angle-left {
text-align: left
}
.ekko-lightbox-nav-overlay .fa-angle-right {
text-align: right
}
.ekko-lightbox {
z-index: 99999999;
}
.ekko-lightbox img {
width: 100%
}
.modal-backdrop {
z-index: 9999999;
background-color: #FFF;
}
.seamlist {
-webkit-columns: 300px;
-moz-columns: 300px;
columns: 300px;
-webkit-column-gap: 0rem;
-moz-column-gap: 0rem;
column-gap: 0rem;
}
.seamlist li {
padding: 0px 0px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
border-radius: 0
}
.seamlist li a,
.seamlist li {
width: 100%;
padding: 15px 15px;
display: block;
;
}
.navbar .seamlist li {
width: 100%;
padding: 0 0 !important;
display: block;
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
margin-top: -120px;
}
.mega-dropdown-menu>li>ul {
padding: 0;
margin: 0;
}
.mega-dropdown-menu>li>ul>li {
list-style: none;
}
.mega-dropdown-menu>li>ul>li>a {
display: block;
clear: both;
font-weight: normal;
line-height: 1.428571429;
white-space: normal;
}
.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
text-decoration: none;
color: #FFF;
background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
color: #428bca;
font-size: 18px;
font-weight: bold;
}
#tab-1 {
display: block;
}
.tab-content {
display: none
}
.content-block {
padding: 0 0;
position: relative;
}
.content-block-sm {
padding: 2.5% 0
}
.content-block-md {
padding: 4% 0
}
.content-block-lg {
padding: 6% 0
}
/*
@media (min-width: 176px) {
.page-wrapper {
padding-top: 3.9%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.navbar-toggleable-md .navbar-nav .nav-link {
font-size: 13px;
}
}
@media (min-width: 1200px) {
.page-wrapper {
padding-top: 2.0%;
}
}
*/
body {
background: #111111 !important;
}
a:hover {
text-decoration: none;
}
.navbar-toggleable-md .navbar-nav .nav-link {

font-weight: 100;
line-height: 51px;
display: block;
padding: 0rem 0.7rem !important
}
.card-title {
font-size: 1.3rem;
}
.bg-dark-1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#282828+0,3f3f3f+100&0+0,0.3+100 */
background: -moz-linear-gradient(top,  rgba(40,40,40,0) 0%, rgba(63,63,63,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(40,40,40,0) 0%,rgba(63,63,63,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(40,40,40,0) 0%,rgba(63,63,63,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00282828', endColorstr='#4d3f3f3f',GradientType=0 ); /* IE6-9 */
}
.card {
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.card h6 {
font-size: 12px;
margin: 0;
}
b {
color: #0275d8;
}
.meta {
padding: 5px 20px
}

.blog a, .blog a:link {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.0em;
}
.blog h2 {
color: #333;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.30em;
margin: 0;
font-weight: 500;
letter-spacing: -1px;
}
.meta {
padding: 25px 10px
}
.card-title {
font-family: 'Roboto Condensed', sans-serif;
}
.blog .card-label {
font-size: 0.9em;
font-weight: 100;
color: #EE4848;
display: inline;
}
.card-footer .date,  .card-footer .comments,  .card-footer .divider {
font-size: 1em;
color: #999;
font-weight: 100;
}
.blog .card-footer  {
padding: 0;
border:none;
background-color: transparent;
}
.card[data-background="image"] {
background-position: center center;
background-size: cover;
text-align: center;
}
.card {
border-radius: 12px;
box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
background-color: #FFFFFF;
color: #333333;
margin-bottom: 20px;
position: relative;
z-index: 1;
border: 0 none;
-webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
-moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
-o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
-ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
/*    border: 1px solid rgba(0,0,0,.125); */
border-radius: 0px 20px 0px 20px;
overflow: hidden;
}
.card .card-body {
padding:10%;
z-index: 99;
min-height: 300px;
position: relative;
}
.card[data-background="image"]:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(025, 025, 029, 0.76);
}
.card[data-background="image"] .card-title, .card[data-background="image"] .card-category, .card[data-background="image"] .card-text, .card[data-background="image"] .card-body, .card[data-background="image"] .card-footer, .card[data-background="image"] .stats, .card[data-background="image"] small, .card[data-background="image"] [class*="text-"], .card[data-background="image"] ul li b, .card[data-background="image"] a:not(.btn), .card[data-background="color"] .card-title, .card[data-background="color"] .card-category, .card[data-background="color"] .card-text, .card[data-background="color"] .card-body, .card[data-background="color"] .card-footer, .card[data-background="color"] .stats, .card[data-background="color"] small, .card[data-background="color"] [class*="text-"], .card[data-background="color"] ul li b, .card[data-background="color"] a:not(.btn), .card[data-color] .card-title, .card[data-color] .card-category, .card[data-color] .card-text, .card[data-color] .card-body, .card[data-color] .card-footer, .card[data-color] .stats, .card[data-color] small, .card[data-color] [class*="text-"], .card[data-color] ul li b, .card[data-color] a:not(.btn) {
color: #FFFFFF !important;
}
.btn-outline-neutral {
border-color: #FFFFFF;
color: #FFFFFF;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-neutral {
background-color: #FFFFFF !important;
color: #000 !important;
}
.btn-round {
border-radius: 16px 0px 16px 0;
}
.btn {
box-sizing: border-box;
border-width: 1.5px;
}
.btn[class*="btn-outline-"] {
background-image: none;
background-color: transparent;
}
.btn {
box-sizing: border-box;
border-width: 2px;
font-size: 12px;
font-weight: 600;
padding: 0.5rem 18px;
line-height: 1.75;
cursor: pointer;
text-transform: uppercase;
/*background-color: #66615B;

color: #111111;*/
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
}
.btn-outline-neutral {
border-color: #FFFFFF;
color: #FFFFFF;
opacity: 1;
filter: alpha(opacity=100);
}
.list-group-item {
border-right: 0 !important;
border-left: 0 !important;
border-bottom:0 !important;
}
.bg-primary {
}
.mega-dropdown-menu {
position: absolute;
z-index: 999999
}
.seamlist {
-webkit-columns: 300px;
-moz-columns: 300px;
columns: 300px;
-webkit-column-gap: 0rem;
-moz-column-gap: 0rem;
column-gap: 0rem;
}
.seamlist li {
padding: 0px 0px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
border-radius: 0;
}
.mega-dropdown-menu {
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
}
.mega-dropdown {
position: static;
}
/*
.navbar .seamlist li {
width: 100%;
padding: 0 0 !important;
display: block;
}
*/
/*
.dropdown-menu {
position: absolute;
z-index: 999999999999999999999999 !important;
top: 100%;
left: 0;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #292b2c;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
}
*/
.about-section .h2 {
text-transform: uppercase;
font-weight: 100;
position: absolute;
left: 0;
right: 0;
bottom: 10%;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 120px;
height: 200px;
font-size: 2rem;
z-index: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #FFF;
}
.desc {
border-radius: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 28%;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.shop .about-section .img-wrapper {
border: none;
}
/*
.about-section .img-wrapper {
border: 1px solid rgba(255, 255, 255, 0.2);
}
*/
.nav-link {
color: #000;
}
/*
.nav-item {
border-right: 1.5px solid rgba(255, 255, 255, 0.09);
transform: skew(-15deg) !important;
}*/
.navbar-toggleable-md .navbar-nav .nav-item:last-child  {
border-right: none
}
.nav-item a {
/*transform: skew(15deg);*/
}
.social, .nav-list {
padding: 0;
}
.nav-title, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5  {
font-family: 'Roboto', sans-serif;
}
.nav-title {
font-family: 'Roboto', sans-serif; letter-spacing: 5px;
border-right: 3px solid rgba(999, 999, 999, 2.14);
}
.nav-title, .nav-list {
text-transform: uppercase;
}
.social li  {
display: inline;
padding: .6rem .5rem;
text-transform: uppercase;
font-size: .8rem;
font-family: 'Oswald', sans-serif
}
.nav-list {
border-right: 1px solid rgba(999, 999, 999, 0.14);
height: 80%
}
.nav-list li  {
display: block;
padding: .4rem .0rem;
font-size: .8rem
}
.grey {
background-color: #CCC; min-height: 4px
}
.navbar  {
padding: 0
}
@media screen and (min-width: 991px){
.navbar .nav-item {
padding: 0.5rem .1rem 0.1rem;
margin: 0 .25rem;
/*border-right: 1px solid rgba(000, 000, 000, 0.14);*/
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
}
.nav-link {
font-size: 0.9rem;
font-family: 'Roboto', sans-serif;
}
h1 {
font-family: 'Roboto', sans-serif;
}
.contact-list li {
font-size: 18px;
padding: 17px 20px;
margin-top: 14px;
border: 1px solid #dfd7ca;
margin-bottom: 5px;
border-radius: 6px;
}
.form-control {
min-height: 60px;
}
.learn-more {
top: -5px;
position: relative;
}
.portfolio-filter li a  {
/*font-weight: 900 !important*/
}
.navbar .nav-link, footer  li a, a, .h1, .h2, .h3, .h4, .h5, .dropdown-menu a, .btn {
/*
text-transform: capitalize
*/
}
.navbar .nav-link {
/*
border-right:  1px solid rgba(255, 255, 255, 0.14);
*/
color: #FFF
}
.logo {
font-family: 'Play', sans-serif !important;
text-transform: uppercase
}
.bg-inverse .icon, .bg-inverse .phone   {
color: #FFF
}
.nav-link, .dropdown-menu li a {
text-transform: uppercase !important;
padding: 0rem 0.7rem;
}
body {
background-color: #262320
}
footer .sitemap li   {
border-right: 1px solid rgba(255, 255, 255, 0.14);
text-align: center
}
footer .sitemap li:last-child  {
border-right: none
}
footer .sitemap li a {
padding-right: 1.5rem;
padding-left: 1.5rem;
display: block;
}
footer .network li {
margin-right: 15px;
}
.btn-danger {
background-color:  #eb1d25 !important;
}
footer, .bg-inverse {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292b2c+0,1e1e1e+100 */
background: rgb(41,43,44); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,43,44,1) 0%, rgba(30,30,30,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(41,43,44,1) 0%,rgba(30,30,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(41,43,44,1) 0%,rgba(30,30,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b2c', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}
.open:hover .overlay {
bottom: -1px
}
.owl-theme .owl-controls {
margin-top: -50px;
margin-bottom: 20px;
text-align: center;
z-index: 9999;
position: relative
}
.card {
-webkit-box-shadow: 1px 3px 8px 0 rgba(133, 133, 133, 0.1);
box-shadow: 1px 3px 8px 0 rgba(133, 133, 133, 0.1);
}
.nav-link {
padding: 1.3rem 0rem 1rem 2rem;
}
.fa-chevron-left, .fa-chevron-right {
visibility: hidden
}
.social-links li a {
float: left;
padding: 0px 18px;
font-size: 35px;
}
.page-wrapper .btn {
/*  border-radius: 52px 52px 52px 52px;
padding: 0.5rem 1rem;
line-height: 30px*/
}
.inverse .list-group-item {
background-color: transparent;
border: 1px solid rgba(999,999,999,0.1);
}
.bdr {
border-top: 1px solid rgba(999,999,999,0.3);
border-bottom: 1px solid rgba(999,999,999,0.3);
font-weight: 100;
padding: 18px 20px;
margin-bottom: 35px;
/*  max-width: 550px; */
letter-spacing: 8px;
text-transform: uppercase
}
.social-links li a {
float: left;
color: #FFF;
padding: 0px 0px;
font-size: 24px;
line-height: 55px;
width: 55px;
height: 55px;
border-radius: 100%;
margin-right: 6px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.service-list li i {
display: block;
font-size: 40px;
border: 2px solid #333;
max-width: 100px;
text-align: center;
border-radius: 100%;
height: 100px;
line-height: 90px;
margin-bottom: 70px;
margin: auto;
}
.service-list li:nth-child(1) {
border-left: 1px solid rgba(999, 999, 999, 0.1);
}
.service-list li:nth-child(4) {
border-left: 1px solid rgba(999, 999, 999, 0.1);
}
.service-list li:nth-child(7) {
border-left: 1px solid rgba(999, 999, 999, 0.1);
}
.service-list li {
font-size: 16px;
border-right: 1px solid rgba(999, 999, 999, 0.1);
border-top: 1px solid rgba(999, 999, 999, 0.1);
text-align: center;
padding: 50px;
text-transform: uppercase;
}
.bg-img {
height: 100%; width: 100%; position: absolute; opacity: 1;
/*  border-bottom: 1px solid rgba(255, 255, 255, 0.9); */
}
.day {
font-size: 2rem;
}
.portfolio-filter .btn-link {
font-size: 1.2rem;
}
.hvr-underline-from-right:before {
background: #eb1d25;
}
.modal-backdrop {
z-index: 9999;
background-color: #FFF;
}
.modal {
z-index: 99999;
}
.service-list .title {
margin-top: 20px;
font-family: 'Roboto', sans-serif !important;
font-weight: 100;
}
.service-list .btn {
margin-top: 20px;
}
.h0 {
margin-bottom: 2.5rem;
text-transform: uppercase;
text-align: center;
opacity: 0.7
}
.h0::after {
width: 11%;
height: 1px;
display: block;
top: 25px;
position: relative;
background-color: #262320;
content: '';
margin: 0 auto;
}
.inverse .h0::after {
width: 11%;
height: 1px;
display: block;
top: 25px;
position: relative;
background-color: #FFF;
content: '';
margin: 0 auto;
}
.faded {
opacity: 0.4;
font-weight: 100
}
.portfolio-filter a {
font-size: 2rem;
text-transform: uppercase !important;
margin-left: 10px;
margin-right: 10px;
font-weight: 100
}
.fa-star {
color: red
}
.about-section .h4 {
text-transform: uppercase;
font-weight: 900 !important;
position: absolute;
left: 0;
right: 0;
bottom: 20%;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
height: 200px;
font-size: 2rem;
z-index: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.about-section:hover .h4 {
bottom: 50%;
opacity: 0
color: #FFF !important;
}
.about-section:hover .desc {
opacity: 1;
bottom: 45%;
color: #FFF !important;
}
.desc {
border-radius:100%;
position: absolute;
left: 0;
right: 0;
bottom: 28%;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cover {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0.;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1f1f1f+68&0+0,0.85+63 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(29,29,29,0.85) 63%, rgba(31,31,31,0.85) 68%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(29,29,29,0.85) 63%,rgba(31,31,31,0.85) 68%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(29,29,29,0.85) 63%,rgba(31,31,31,0.85) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d91f1f1f',GradientType=0 ); /* IE6-9 */
}
section:hover .main-cover {
opacity: 0.4;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
section .main-cover {;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0.3
}
.section2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2c2f+0,262525+100 */
background: rgb(43,44,47); /* Old browsers */
background: -moz-linear-gradient(top, rgba(43,44,47,1) 0%, rgba(38,37,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(43,44,47,1) 0%,rgba(38,37,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(43,44,47,1) 0%,rgba(38,37,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2c2f', endColorstr='#262525',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: relative
}
.about-section:hover .h2 {
bottom: 30%;
opacity: 0
color: #FFF !important;
}
.cover {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0.8;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1f1f1f+68&0+0,0.85+63 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(29,29,29,0.85) 63%, rgba(31,31,31,0.85) 68%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(29,29,29,0.85) 63%,rgba(31,31,31,0.85) 68%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(29,29,29,0.85) 63%,rgba(31,31,31,0.85) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d91f1f1f',GradientType=0 ); /* IE6-9 */
}
.social-icons li {
border-radius: 50px;
margin-left: 15px;
text-align: center;
float: left;
line-height: 35px;
font-size: 30px;
color: inherit !important;
}
.carousel-cell img {
width: 100%;
}
.carousel-cell {
opacity: 0.3;
}
.main2 .carousel-cell {
opacity: 0.3;
padding: 30px;
}
.carousel-cell {
overflow: hidden;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.carousel-cell img {
width: 100%;

}
.carousel-cell {

overflow: hidden;
width: 50%;
}
.overlay {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
background-color: #2e2825 !important;
/* IE6-9 */
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
opacity: 0.9
}
.open .overlay {
background-color: #2e2825 !important;
/* IE6-9 */
width: 100%;
height: 100%;
transition: .5s ease;
}
.carousel-cell:hover .overlay {
min-height: 120px;
height: 30%;
bottom: 0px
}
.text {
white-space: nowrap;
color: #FFF !important;
font-size: 20px;
position: absolute;
overflow: hidden;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.text a {
color:inherit !important;
}
.carousel-cell .text div:first-child {
font-size: 3rem

}
.carousel-cell .text div:last-child {
font-size: 2rem

}
.is-selected {
opacity: 1 !important;
}
.carousel-cell {
opacity: 0.3;

}
.flickity-button:disabled {
opacity: 0
}
.flickity-button-icon {
fill: currentColor;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-button {
position: absolute;
background: hsla(0,0%,100%,.75);
border: none;
color: #333;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.is-selected {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
width: 72px;
height: 10px;
background: #FFF !important;
}
.flickity-page-dots .dot {
display: inline-block;
width: 7px;
height: 3px;
transform: skewX(30deg);
margin: 0 8px;
border: 2px solid #FFF;
background: #FFF !important;
border-radius: 0;
opacity: .25;
cursor: pointer;
}