.accordion .card {
border: 0;
border-radius: 5px;
box-shadow: -webkit-box-shadow:0 0 13px 18px rgba(0,0,0,0.02);
-moz-box-shadow: 0 0 13px 18px rgba(0,0,0,0.02);
box-shadow: 0 0 13px 18px rgba(0,0,0,0.02);
margin-bottom: 20px
}

.accordion .card:last-child {
margin-bottom: 0
}

.accordion .card-header {
background: 0;
border: 0
}

.accordion .card-header a {
font-weight: 500;
font-size: 15px;
color: #222021;
text-transform: capitalize
}

.accordion .card.active a, .accordion .card a:hover {
color: #68bec9
}

.accordion .card-header {
padding: 30px 80px 30px 30px;
position: relative
}

.accordion .card-body {
padding-left: 30px;
padding-top: 10px
}

.accordion .card-header a span:after, .accordion .card-header a span:before, .accordion .card-header a span {
content: '';
position: absolute;
left: 20px;
top: 50%;
width: 36px;
height: 36px;
background: #68bec9;
border-radius: 50%
}

.accordion .card-header a span:before, .accordion .card-header a span:after {
width: 10px;
height: 1px;
background: #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}

.accordion .card-header a span:before {
-webkit-transform: translate(-50%) rotate(90deg);
transform: translate(-50%) rotate(90deg)
}

.accordion .card-header a span {
left: inherit;
right: 30px
}

.accordion .card-header a[aria-expanded="true"] span:before {
-webkit-transform: translate(-50%) rotate(0);
transform: translate(-50%) rotate(0)
}

.dark-bg .accordion .card {
background: rgba(0,0,0,0.2)
}

.dark-bg .accordion .card-header a {
color: rgba(255,255,255,0.8)
}

.dark-bg .accordion .card.active a, .dark-bg .accordion .card a:hover {
color: #68bec9
}

.dark-bg .accordion .card-body {
color: rgba(255,255,255,0.6)
}

.accordion.style-2 .card {
box-shadow: none
}

.accordion.style-2 .card-header {
margin: 0 30px;
padding: 20px 0
}

.accordion.style-2 .card-header h6 {
position: relative;
padding-left: 40px
}

.accordion.style-2 .card.active .card-header {
border-bottom: 1px dashed #ddd
}

.accordion.style-2 .card-header a small {
font-size: 20px;
position: absolute;
left: 0;
top: 0;
margin-right: 10px;
font-style: italic;
font-weight: 700
}

.accordion.style-2 .card-body {
padding: 30px
}

.social-icons ul {
padding: 0;
margin: 0;
line-height: 0
}

.text-center.social-icons ul {
display: inline-block
}

.social-icons li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 8px 0 0
}

.social-icons li a {
display: inline-block;
height: 42px;
width: 42px;
line-height: 42px;
font-size: 18px;
text-align: center;
margin: 0;
border-radius: 4px;
border: 0;
background: transparent;
color: #222021;
overflow: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.social-icons li:hover i {
animation: .3s ease 0 normal forwards 1 running toTopFromBottom
}

.text-white .social-icons li a {
color: #fff
}

.social-icons.social-colored a, .social-icons li span, .social-icons.social-hover a:hover {
color: #fff;
border: 0
}

.social-icons.social-colored .social-rss a, .social-icons.social-hover .social-rss a:hover {
background-color: #faa33d
}

.social-icons.social-colored .social-facebook a, .social-icons.social-hover .social-facebook a:hover {
background-color: #5d82d1
}

.social-icons.social-colored .social-twitter a, .social-icons.social-hover .social-twitter a:hover {
background-color: #40bff5
}

.social-icons.social-colored .social-vimeo a, .social-icons.social-hover .social-vimeo a:hover {
background-color: #35c6ea
}

.social-icons.social-colored .social-myspace a, .social-icons.social-hover .social-myspace a:hover {
background-color: #008dde
}

.social-icons.social-colored .social-youtube a, .social-icons.social-hover .social-youtube a:hover {
background-color: #ef4e41
}

.social-icons.social-colored .social-instagram a, .social-icons.social-hover .social-instagram a:hover {
background-color: #548bb6
}

.social-icons.social-colored .social-gplus a, .social-icons.social-hover .social-gplus a:hover {
background-color: #db5442
}

.social-icons.social-colored .social-stumbleupon a, .social-icons.social-hover .social-stumbleupon a:hover {
background-color: #ff5c30
}

.social-icons.social-colored .social-lastfm a, .social-icons.social-hover .social-lastfm a:hover {
background-color: #f34320
}

.social-icons.social-colored .social-pinterest a, .social-icons.social-hover .social-pinterest a:hover {
background-color: #e13138
}

.social-icons.social-colored .social-google a, .social-icons.social-hover .social-google a:hover {
background-color: #eb5e4c
}

.social-icons.social-colored .social-evernote a, .social-icons.social-hover .social-evernote a:hover {
background-color: #9acf4f
}

.social-icons.social-colored .social-dribbble a, .social-icons.social-hover .social-dribbble a:hover {
background-color: #f7659c
}

.social-icons.social-colored .social-skype a, .social-icons.social-hover .social-skype a:hover {
background-color: #13c1f3
}

.social-icons.social-colored .social-forrst a, .social-icons.social-hover .social-forrst a:hover {
background-color: #45ad76
}

.social-icons.social-colored .social-linkedin a, .social-icons.social-hover .social-linkedin a:hover {
background-color: #238cc8
}

.social-icons.social-colored .social-wordpress a, .social-icons.social-hover .social-wordpress a:hover {
background-color: #2592c3
}

.social-icons.social-colored .social-grooveshark a, .social-icons.social-hover .social-grooveshark a:hover {
background-color: #ffb21d
}

.social-icons.social-colored .social-delicious a, .social-icons.social-hover .social-delicious a:hover {
background-color: #377bda
}

.social-icons.social-colored .social-behance a, .social-icons.social-hover .social-behance a:hover {
background-color: #1879fd
}

.social-icons.social-colored .social-dropbox a, .social-icons.social-hover .social-dropbox a:hover {
background-color: #17a3eb
}

.social-icons.social-colored .social-soundcloud a, .social-icons.social-hover .social-soundcloud a:hover {
background-color: #ff7e30
}

.social-icons.social-colored .social-deviantart a, .social-icons.social-hover .social-deviantart a:hover {
background-color: #6a8a7b
}

.social-icons.social-colored .social-yahoo a, .social-icons.social-hover .social-yahoo a:hover {
background-color: #ab47ac
}

.social-icons.social-colored .social-flickr a, .social-icons.social-hover .social-flickr a:hover {
background-color: #ff48a3
}

.social-icons.social-colored .social-digg a, .social-icons.social-hover .social-digg a:hover {
background-color: #75788d
}

.social-icons.social-colored .social-blogger a, .social-icons.social-hover .social-blogger a:hover {
background-color: #ff9233
}

.social-icons.social-colored .social-tumblr a, .social-icons.social-hover .social-tumblr a:hover {
background-color: #426d9b
}

.social-icons.social-colored .social-quora a, .social-icons.social-hover .social-quora a:hover {
background-color: #ea3d23
}

.social-icons.social-colored .social-github a, .social-icons.social-hover .social-github a:hover {
background-color: #3f91cb
}

.social-icons.social-colored .social-amazon a, .social-icons.social-hover .social-amazon a:hover {
background-color: #ff8e2e
}

.social-icons.social-colored .social-xing a, .social-icons.social-hover .social-xing a:hover {
background-color: #1a8e8c
}

.social-icons.social-colored .social-wikipedia a, .social-icons.social-hover .social-wikipedia a:hover {
background-color: #b3b5b8
}

.social-icons.social-colored .social-android a, .social-icons.social-hover .social-android a:hover {
background-color: #a4c639
}

.social-icons.social-colored .social-apple a, .social-icons.social-hover .social-apple a:hover {
background-color: #999
}

.social-icons.social-border li a {
border: 1px solid #ddd;
background: transparent
}

.social-icons.social-border li.flag a {
border: 0;
background: transparent
}

.social-icons.circle li a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}

@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%)
}

50% {
opacity: 0;
-webkit-transform: translateY(100%)
}

51% {
opacity: 1
}
}

@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%)
}

50% {
opacity: 0;
-moz-transform: translateY(100%)
}

51% {
opacity: 1
}
}

@keyframes toTopFromBottom {
49% {
transform: translateY(-100%)
}

50% {
opacity: 0;
transform: translateY(100%)
}

51% {
opacity: 1
}
}

.alert {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}

.alert.outline {
background: 0
}

.alert.outline.alert-success {
border-color: #2ecc71;
color: #2ecc71
}

.alert.outline.alert-info {
border-color: #79d4f3;
color: #79d4f3
}

.alert.outline.alert-warning {
border-color: #f1c40f;
color: #f1c40f
}

.alert.outline.alert-danger {
border-color: #f7a093;
color: #f7a093
}

.alert.outline .close {
opacity: .7;
text-shadow: none
}

.alert.outline.alert-success .close {
color: #649d01
}

.alert.outline.alert-info .close {
color: #79d4f3
}

.alert.outline.alert-warning .close {
color: #f1c40f
}

.alert.outline.alert-danger .close {
color: #f7a093
}

.alerts-and-callouts {
font-size: 14px
}

.alerts-and-callouts .bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px
}

.alerts-and-callouts .bs-callout h4 {
margin-top: 0;
margin-bottom: 5px
}

.alerts-and-callouts .bs-callout p:last-child {
margin-bottom: 0
}

.alerts-and-callouts .bs-callout code {
border-radius: 3px
}

.alerts-and-callouts .bs-callout + .bs-callout {
margin-top: -5px
}

.alerts-and-callouts .bs-callout-default {
border-left-color: #777
}

.alerts-and-callouts .bs-callout-default h4 {
color: #777
}

.alerts-and-callouts .bs-callout-primary {
border-left-color: #428bca
}

.alerts-and-callouts .bs-callout-primary h4 {
color: #428bca
}

.alerts-and-callouts .bs-callout-success {
border-left-color: #649d01
}

.alerts-and-callouts .bs-callout-success h4 {
color: #5cb85c
}

.alerts-and-callouts .bs-callout-danger {
border-left-color: #f7a093
}

.alerts-and-callouts .bs-callout-danger h4 {
color: #f7a093
}

.alerts-and-callouts .bs-callout-warning {
border-left-color: #f1c40f
}

.alerts-and-callouts .bs-callout-warning h4 {
color: #f1c40f
}

.alerts-and-callouts .bs-callout-info {
border-left-color: #5bc0de
}

.alerts-and-callouts .bs-callout-info h4 {
color: #5bc0de
}

.columns .grey-bg {
padding: 15px;
border-radius: 3px
}

.columns .grey-bg h5 {
margin-bottom: 0
}

.data-table .table thead {
background: #68bec9;
color: #fff;
text-align: center
}

.data-table .table thead tr th {
border: medium none;
font-weight: normal;
text-align: center;
padding: 12px
}

.data-table .table tbody tr td {
color: #7e8890;
font-size: 14px;
padding: 12px 0;
text-align: center
}

.data-table .table-bordered tbody tr td {
border-color: #ccc
}

.data-table .table-2 .table thead {
background: transparent;
color: #68bec9;
font-weight: 600;
text-align: center
}

.data-table .table-2 .table thead tr th {
border: 1px solid #68bec9
}

.data-table .table-3 .table thead {
background: #ddd;
color: #222021;
font-weight: 600;
text-align: center
}

.data-table .table-3 .table thead tr th {
border: 0
}

.team-member {
overflow: hidden;
position: relative
}

.team-images {
position: relative;
overflow: hidden
}

.team-member .team-description {
width: 100%;
padding: 20px;
background: #fff
}

.team-member .team-description span, .team-member.style-2 .team-title span {
color: #222021
}

.team-member .team-description h5, .team-member .team-description .title, .team-member.style-2 .team-title h5 {
margin: 10px 0;
font-weight: 400;
color: #000;
font-size: 14px;
line-height: 22px
}

.team-member .team-social-icon {
left: 0;
position: absolute;
bottom: -10%;
width: 100%;
opacity: 0;
z-index: 9
}

.team-member .team-social-icon ul {
display: inline-block;
border-radius: 30px;
padding: 0 10px
}

.team-member .team-social-icon ul li {
float: left;
margin: 0;
cursor: pointer;
height: 50px;
width: 50px;
display: inline-block;
background: #0c1220;
position: relative;
text-align: center
}

.team-member .team-social-icon ul li a {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
border-right: 1px solid rgba(255,255,255,0.3);
width: 100%;
display: inline-block;
text-align: center
}

.team-member .team-social-icon ul li:last-child a {
border-right: 0
}

.team-member .team-social-icon ul li a:hover {
color: #68bec9
}

.team-member:hover .team-social-icon {
opacity: 1;
bottom: 10%;
-webkit-transition: all .5s ease-out 0;
-moz-transition: all .5s ease-out 0;
-ms-transition: all .5s ease-out 0;
-o-transition: all .5s ease-out 0;
transition: all .5s ease-out 0
}

.team-member img {
width: 100%
}

.team-member:hover .team-images img {
transform: scale(1.1);
-webkit-transition: all .5s ease-out 0;
-moz-transition: all .5s ease-out 0;
-ms-transition: all .5s ease-out 0;
-o-transition: all .5s ease-out 0;
transition: all .5s ease-out 0
}

.team-member:hover .team-description {
background: #68bec9;
color: #fff
}

.team-member:hover h5 a, .team-member.style-2:hover .team-title h5, .team-member:hover .team-description span, .team-member.style-2:hover .team-title span {
color: #fff !important
}

.team-member .team-description h5, .team-member.style-2 .team-title h5 {
font-size: 12px;
font-weight: 400
}

.team-member p {
margin-bottom: 0;
font-size: 14px
}

.team-member.style-2 {
overflow: hidden;
position: relative
}

.team-member.style-2 .team-social-icon, .team-member.style-3 .team-social-icon, .team-member.style-4 .team-social-icon {
position: relative;
bottom: inherit;
margin-top: 20px;
opacity: 1
}

.team-member.style-2 .team-social-icon ul li, .team-member.style-3 .team-social-icon ul li {
background: 0
}

.team-member.style-2 .team-social-icon ul li a:hover, .team-member.style-3 .team-social-icon ul li a:hover {
color: #222021
}

.team-member.style-2 .team-title {
background: #fff;
bottom: 0;
padding: 15px 15px 5px;
position: absolute;
right: 0;
width: 100%
}

.team-member.style-2 .team-description {
position: absolute;
text-align: center;
bottom: -100%;
width: 100%
}

.team-member.style-2:hover .team-description {
bottom: 0
}

.team-member.style-3 .team-images {
display: table-cell;
vertical-align: middle;
width: 30%;
padding: 10px
}

.team-member.style-3 .team-description {
display: table-cell;
vertical-align: middle;
background: 0
}

.team-member.style-3 .team-description .desc {
font-size: 15px;
line-height: 26px
}

.team-member.style-3:hover .team-description {
background: none !important
}

.team-member.style-3:hover .team-description span {
color: #222021 !important
}

.team-member.style-3:hover .team-description h5, .team-member.style-3:hover .team-description h5 {
color: #68bec9 !important
}

.team-member.style-3:hover .team-description {
color: #666
}

.team-member.style-3 .team-social-icon ul {
padding: 0
}

.team-member.style-3 .team-social-icon ul li {
padding: 0;
background: #fff;
margin-right: 10px;
border-radius: 50%;
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.05);
box-shadow: 0 0 13px 3px rgba(0,0,0,0.05);
height: 40px;
width: 40px
}

.team-member.style-3 .team-social-icon ul li:hover {
background: #68bec9
}

.team-member.style-3 .team-social-icon ul li a {
color: #666;
border-right: 0
}

.team-member.style-3 .team-social-icon ul li:hover a {
color: #fff
}

.team-member.style-4 {
position: relative
}

.team-member.style-4 .team-description {
top: 50%;
background: none !important;
left: 0;
position: absolute;
right: 0;
transform: translateY(-50%) scale(0);
z-index: 99;
padding: 50px
}

.team-member.style-4:before {
background: #68bec9;
content: "";
transform: translateY(110%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 90%;
width: 90%;
margin: 5%;
z-index: 9
}

.team-member.style-4:hover .team-description {
top: 50%;
transform: translateY(-50%) scale(1)
}

.team-member.style-4:hover:before {
transform: translateY(0)
}

.tab .nav-tabs {
border: 0
}

.tab .nav-tabs .nav-link {
color: #222021;
font-size: 14px;
border-radius: 5px;
position: relative;
display: inline-block;
border: 0;
margin: 0;
margin-right: 5px;
background: #fff;
padding: 15px 30px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}

.tab .nav-tabs .nav-link.active, .tab .nav-tabs .nav-link:hover, .tab .nav-tabs.active > a:focus, .tab .nav-tabs > a:hover {
background: #68bec9;
color: #fff;
border: 0
}

.tab .tab-content {
padding: 30px 0
}

.tab .nav-tabs li a i {
margin-right: 10px
}

.grey-bg .tab .tab-content {
background: #fff
}

.tab.style-2 .nav-tabs {
display: block;
margin-bottom: 30px
}

.tab.style-2 .tab-content, .tab.style-3 .tab-content {
padding: 30px
}

.tab.style-2 .nav-tabs .nav-link {
background: #fff;
color: #68bec9;
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.05);
box-shadow: 0 0 13px 3px rgba(0,0,0,0.05)
}

.tab.style-2 .nav-tabs .nav-link.active, .tab.style-2 .nav-tabs .nav-link.active:hover, .tab.style-2 .nav-tabs .nav-link.active:focus, .tab.style-2 .nav-tabs .nav-link:hover {
background: #68bec9;
color: #fff
}

.tab.style-2 .nav-tabs a::after {
border: 10px solid #68bec9;
bottom: -10px;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
opacity: 0;
-webkit-transition: all .4s ease-in-out 0;
-moz-transition: all .4s ease-in-out 0;
-ms-transition: all .4s ease-in-out 0;
-o-transition: all .4s ease-in-out 0;
transition: all .4s ease-in-out 0
}

.tab.style-2 .nav-tabs .nav-link:hover:after, .tab.style-2 .nav-tabs .nav-link.active::after {
opacity: 1
}

.tab.style-3 .nav-tabs a i {
font-size: 40px;
line-height: 40px;
color: #68bec9;
display: block;
margin-bottom: 10px
}

.tab.style-3 .nav-tabs .nav-link {
padding: 15px 80px;
text-transform: uppercase;
border-radius: 0;
box-shadow: none;
background: #efefef
}

.dark-bg .tab.style-3 .nav-tabs .nav-link {
background: rgba(255,255,255,0.1);
color: #fff
}

.tab.style-3 .nav-tabs .nav-link.active, .tab.style-3 .nav-tabs .nav-link:hover, .tab.style-3 .nav-tabs.active > a:focus, .tab.style-3 .nav-tabs > a:hover {
background: #68bec9
}

.theme-bg .tab.style-3 .nav-tabs .nav-link.active, .theme-bg .tab.style-3 .nav-tabs .nav-link:hover, .theme-bg .tab.style-3 .nav-tabs.active > a:focus, .theme-bg .tab.style-3 .nav-tabs > a:hover {
background: rgba(255,255,255,0.2)
}

.tab.style-3 .nav-tabs {
display: inline-block;
border-bottom: 1px dashed #68bec9;
width: 100%
}

.tab.style-3 .nav-tabs .nav-link.active i, .tab.style-3 .nav-tabs .nav-link:hover i, .tab.style-3 .nav-tabs.active > a:focus i, .tab.style-3 .nav-tabs > a:hover i {
color: #fff
}

.counter {
position: relative
}

.counter i {
font-size: 40px;
line-height: 40px;
color: #68bec9;
display: inline-block
}

.counter .count-number {
display: block;
font-size: 46px;
font-weight: 900;
margin: 20px 0 0;
line-height: 40px;
position: relative;
color: #222021
}

.counter label {
font-weight: 600;
color: #222021;
font-size: 15px;
position: relative;
margin: 10px 0;
margin-bottom: 0;
padding-top: 15px
}

.counter label:before {
position: absolute;
content: "";
background: #68bec9;
width: 30px;
height: 2px;
top: 0;
left: 50%;
transform: translateX(-50%)
}

.theme-bg .counter label:before {
background: #fff
}

.counter.style-2 {
padding: 15px 0
}

.dark-bg .counter, .dark-bg .counter label, .theme-bg .counter, .theme-bg .counter label, .counter.style-2 span {
color: #fff
}

.counter.style-2::before {
border-right: 1px dashed rgba(255,255,255,0.2);
content: "";
height: 100%;
position: absolute;
right: -15px;
top: 0;
width: 1px;
z-index: 9
}

[class*='col-']:last-child .counter.style-2::before {
border-right: medium none
}

.counter.style-3 {
padding-left: 80px
}

.counter.style-3 i {
position: absolute;
left: 0;
top: 40%;
padding: 10px 25px 10px 0
}

.counter.style-3 i:after {
position: absolute;
content: "";
border-right: 1px dashed #68bec9;
height: 100%;
width: 1px;
top: 0;
right: 5px
}

.counter.style-3 span {
margin: 0
}

.theme-bg .counter i {
color: #fff !important
}

.theme-bg .counter.style-3 i:after {
border-right: 1px dashed rgba(255,255,255,0.5)
}

.counter.style-3 label {
padding-top: 0
}

.counter.style-3 label:before {
display: none
}

.counter.style-4 {
background: #fff;
padding: 50px 20px
}

.counter.style-5 {
padding: 50px 0
}

.counter.style-5::before {
border-right: 1px dashed rgba(255,255,255,0.2);
content: "";
height: 95%;
position: absolute;
right: -15px;
top: 0;
width: 1px;
z-index: 9
}

.counter.style-5::after {
border-bottom: 1px dashed rgba(255,255,255,0.2);
content: "";
height: 100%;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 9
}

.col-sm-6:nth-child(2n+2) .counter.style-5::before {
border-right: 0
}

.col-sm-6:nth-child(3) .counter.style-5::before {
top: inherit;
bottom: 0
}

.col-sm-6:nth-child(n+3) .counter.style-5::after {
border-bottom: 0
}

.dark-bg .count-number, .theme-bg .count-number {
color: #fff
}

.post {
position: relative;
border-radius: 2px;
overflow: hidden
}

.post-meta {
margin: 15px 0 0
}

.post-meta ul li:first-child {
background: #68bec9;
color: #fff
}

.post-meta ul li {
background: #efefef;
color: #222021;
border-radius: 30px;
font-weight: 600;
font-size: 12px;
display: inline-block;
margin: 0 10px 0 0;
list-style-type: none;
position: relative;
padding: 4px 14px;
text-transform: uppercase
}

.post-meta ul li:last-child {
margin-right: 0
}

.post .post-desc {
padding: 10px 20px;
border-top: 1px solid #efefef;
background: #fff;
width: 100%;
display: inline-block;
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);
box-shadow: 0 0 13px 3px rgba(0,0,0,0.1)
}

.post .post-desc h5 a {
text-transform: capitalize;
font-weight: 500;
color: #68bec9
}

.post .post-desc h5 a:hover {
color: #222021
}

.post .post-desc p {
margin-top: 15px
}

.post-image {
overflow: hidden
}

.post-image img {
width: 100%
}

.post-btn {
text-transform: uppercase
}

.post .post-btn:hover {
color: #222021
}

.post:hover {
transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
-moz-transform: translateY(5px)
}

.post.style-2 .post-meta {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}

.masonry .post {
border-radius: 0;
transform: inherit
}

.post.style-4 .post-desc h5 a {
font-size: 20px
}

.post.style-4 .post-desc h5 a, .post.style-4 .post-desc p, .post.style-4 .post-btn:hover {
color: #fff
}

.post.style-4:hover h5 a {
color: #68bec9
}

.post.style-4 h5 a:hover {
color: rgba(255,255,255,0.7)
}

.post.style-4 .post-desc {
background: rgba(0,0,0,0.5);
border: 0;
box-shadow: none;
top: 0;
left: 0;
position: absolute;
right: 0;
z-index: 99;
width: 100%;
height: 100%
}

.post.style-4:hover .post-desc.post.style-4:hover .post-desc, .post.style-4.active .post-desc {
bottom: 50%;
transform: translateY(50%)
}

.post.style-4:before {
content: "";
background: rgba(0,0,0,0.7);
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
transform: translateY(100%);
transition: transform 500ms ease 0,box-shadow 500ms ease 0;
z-index: 9
}

.post.style-4:hover:before, .post.style-4.active:before {
transform: translateY(0)
}

.blog-classic {
margin-bottom: 30px
}

.video-post {
padding-top: 50%;
position: relative;
width: 100%
}

.video-post iframe, .video-post object, .video-post embed {
pointer-events: auto;
border: medium none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}

.left-side .post {
box-shadow: none;
margin-top: -50px;
padding: 0 30px 30px
}

.media-holder .media.inner {
margin: 40px 0 40px 80px
}

.media-holder .media {
position: relative
}

.media-body h6 {
color: #68bec9;
text-transform: uppercase
}

.comment-date {
left: 0;
position: absolute;
bottom: -10px;
color: #68bec9
}

.reply {
position: absolute;
right: 0;
top: 0
}

.reply a {
color: #252525;
font-weight: 500;
border: 1px dashed #efefef;
padding: 5px
}

.reply a:hover {
color: #68bec9;
border-color: #68bec9
}

.media-body p {
border-top: 1px dashed #efefef;
margin: 15px 0 0;
padding-top: 15px
}

.page-item:first-child .page-link {
border-radius: 5px
}

.pagination > li {
margin: 0 6px
}

.pagination > li > a, .pagination > li > span {
border-radius: 5px;
color: #68bec9;
border-color: #efefef
}

.pagination > li.active .page-link, .page-link:hover, .page-link:focus {
box-shadow: none;
background: #68bec9;
color: #fff;
border-color: #68bec9
}

.widget-title {
position: relative;
margin: 0 0 25px 0
}

.widget-searchbox {
position: relative;
width: 100%
}

.form-inline .form-control {
display: inline-block;
vertical-align: middle;
width: 100%
}

.widget-searchbox .search-btn {
background: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: medium none;
color: #68bec9;
font-size: 14px;
height: 48px;
line-height: 48px;
margin-top: -24px;
outline: medium none;
overflow: hidden;
position: absolute;
right: 1px;
top: 50%;
width: 48px;
cursor: pointer
}

.widget-searchbox .search-btn:hover {
background: #68bec9;
color: #fff
}

.widget .recent-post {
margin-bottom: 20px
}

.widget .recent-post-thumb {
display: table-cell;
vertical-align: middle;
height: auto;
width: 75px
}

.widget .recent-post-desk {
display: table-cell;
vertical-align: middle;
padding-left: 15px
}

.widget .recent-post-desk a {
display: block;
margin-bottom: 5px;
color: #222021
}

.widget .recent-post-desk a:hover {
color: #68bec9
}

.widget .recent-post-desk span {
color: #666;
font-style: italic;
font-size: 12px
}

.widget .widget-categories li {
display: block;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #ebebeb
}

.widget .widget-categories li a, .widget .widget-categories li span {
font-size: 15px;
color: #000;
line-height: 32px;
display: block;
font-weight: 500
}

.widget .widget-categories li a:before, .widget .widget-categories li span:before {
font-family: "Font Awesome 5 Free";
content: "\f35a";
padding-right: 10px
}

.widget .widget-categories li span {
color: #68bec9
}

.widget .widget-categories li a:hover {
color: #68bec9
}

.widget .widget-tags li {
display: inline-block;
margin: 5px 5px 15px 0
}

.widget .widget-tags li a {
border: 1px solid #eceff8;
padding: 5px 10px;
text-align: center;
border-radius: 5px;
font-weight: 500
}

.widget .widget-tags li a:hover {
background: #68bec9;
color: #fff
}

.ht-progress-bar {
margin: 15px 0
}

.ht-progress-bar h4 {
color: #222021;
font-weight: 500;
font-size: 14px
}

.ht-progress-bar .progress {
height: 12px;
border-radius: 0;
background: #eceff8;
overflow: visible;
border-radius: 5px;
padding: 4px
}

.ht-progress-bar .progress .progress-bar {
background: #222021;
position: relative;
overflow: visible;
border-radius: 5px
}

.ht-progress-bar .progress-parcent {
position: absolute;
right: 0;
top: -42px;
color: #222021;
font-size: 16px
}

.ht-progress-bar.style-2 .progress .progress-bar {
background: #68bec9;
background: -moz-linear-gradient(left,#68bec9 0,#2989d8 50%,#207cca 50%,#7db9e8 100%);
background: -webkit-linear-gradient(left,#68bec9 0,#2989d8 50%,#207cca 50%,#7db9e8 100%);
background: linear-gradient(to right,#68bec9 0,#2989d8 50%,#207cca 50%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68bec9',endColorstr='#7db9e8',GradientType=1)
}

.theme-bg .ht-progress-bar .progress {
background: rgba(255,255,255,0.2)
}

.theme-bg .ht-progress-bar .progress .progress-bar {
background: #fff
}

.theme-bg .ht-progress-bar h4, .theme-bg .ht-progress-bar .progress-parcent, .dark-bg .ht-progress-bar h4, .dark-bg .ht-progress-bar .progress-parcent {
color: #fff
}

.ht-progress-bar.style-3 .progress-bar .progress-parcent {
background: #68bec9;
border-radius: 5px;
color: #fff;
display: inline-block;
padding: 0 8px;
position: absolute;
right: -5px;
text-align: center;
top: -35px
}

.ht-progress-bar.style-3 .progress-bar .progress-parcent::before {
background: #68bec9;
bottom: -2px;
content: "";
display: block;
height: 5px;
left: 50%;
margin-left: -2px;
position: absolute;
transform: rotate(45deg);
width: 5px
}

.testimonial {
padding: 10px;
position: relative;
margin-bottom: 50px
}

.testimonial-content {
padding: 30px;
border-radius: 10px;
position: relative;
background: #fff;
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);
box-shadow: 0 0 13px 3px rgba(0,0,0,0.1)
}

.testimonial .testimonial-content p {
font-size: 16px;
line-height: 30px;
font-style: italic
}

.testimonial .testimonial-content p, .testimonial .testimonial-avatar label {
margin-bottom: 0
}

.testimonial-avatar {
margin-top: 30px
}

.testimonial .testimonial-img {
display: inline-block;
margin-right: 15px
}

.testimonial .testimonial-avatar img {
border-radius: 50%;
width: 100px;
height: 100px;
padding: 5px;
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);
box-shadow: 0 0 13px 3px rgba(0,0,0,0.1)
}

.testimonial .testimonial-caption {
display: inline-block;
vertical-align: middle
}

.testimonial h6 {
color: #68bec9;
text-transform: uppercase
}

.testimonial .testimonial-content:after, .testimonial .testimonial-content:before {
top: 100%;
left: 50px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}

.testimonial .testimonial-content:after {
border-top-color: #fff;
border-width: 17px;
margin-left: -17px
}

.testimonial .testimonial-content:before {
border-width: 20px;
margin-left: -20px
}

.testimonial.style-2 .testimonial-avatar {
border-radius: 50%;
left: 10px;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%)
}

.testimonial.style-2 .testimonial-content {
margin-left: 45px;
padding-left: 80px
}

.testimonial.style-2 .testimonial-content:after, .testimonial.style-2 .testimonial-content:before, .testimonial.style-3 .testimonial-content:after, .testimonial.style-3 .testimonial-content:before {
display: none
}

.testimonial.style-2 .testimonial-caption {
margin-top: 20px
}

.testimonial.style-2 .testimonial-content {
position: relative
}

.testimonial.style-2 .testimonial-content:before {
content: "\e67f";
font-family: 'themify';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 50px;
position: absolute;
top: inherit;
left: inherit;
bottom: 30px;
line-height: 50px;
right: 60px;
display: block;
color: #68bec9;
opacity: .1
}

.testimonial.style-2:hover .testimonial-content:before {
opacity: 1
}

.testimonial.style-3 {
background: 0;
text-align: center;
margin-bottom: 0;
padding: 0
}

.testimonial.style-3 .testimonial-content {
background: 0;
color: #222021;
box-shadow: none;
padding: 0;
margin: 0 auto;
font-size: 18px;
text-transform: capitalize;
line-height: 34px
}

.testimonial.style-3:hover {
background: 0
}

.testimonial.style-3 .testimonial-content span {
font-size: 40px;
line-height: 40px;
color: #68bec9;
margin-bottom: 50px
}

.theme-bg .testimonial.style-3 .testimonial-content span {
color: #fff
}

.theme-bg .testimonial.style-3 h6 {
color: #222021
}

.theme-bg .testimonial.style-3 .testimonial-content {
color: rgba(255,255,255,0.9)
}

.testimonial.style-3 .testimonial-img {
display: block;
margin: 30px 0 20px
}

.testimonial.style-3 .testimonial-caption label {
color: #222021
}

.dark-bg .testimonial.style-3 .testimonial-content {
color: #fff
}

.dark-bg .testimonial.style-3 .testimonial-caption label, .theme-bg .testimonial.style-3 .testimonial-caption label {
color: #fff
}

.featured-item {
padding: 40px 30px
}

.featured-item .featured-icon {
margin-bottom: 20px;
line-height: 0
}

.featured-item .featured-icon i {
font-size: 45px;
line-height: 45px;
color: #68bec9
}

.featured-desc p {
margin-bottom: 0
}

.featured-title h5 {
margin-bottom: 15px;
font-weight: 700;
font-size: 20px
}

.dark-bg .featured-title h5, .theme-bg .featured-title h5 {
color: #fff
}

.featured-item.style-2 {
padding: 0 0 0 70px;
position: relative;
background: 0
}

.featured-item.style-2 .featured-icon {
left: 0;
position: absolute;
top: 0;
display: inline-block;
margin: 0
}

.featured-item.style-2:hover {
box-shadow: none;
transform: inherit
}

.grey-bg .featured-item.style-2 {
padding: 30px 30px 30px 90px;
background: #fff
}

.theme-bg .featured-item.style-2, .white-bg .featured-item.style-2 {
padding: 50px 30px 50px 90px
}

.grey-bg .featured-item.style-2 .featured-icon, .theme-bg .featured-item.style-2 .featured-icon, .white-bg .featured-item.style-2 .featured-icon {
left: 25px;
top: 50px
}

.featured-item.style-3 {
background: #fff;
position: relative;
padding: 50px 30px
}

.featured-item.style-3 .featured-icon {
margin-bottom: 35px;
border: 1px solid #68bec9;
border-bottom: 0;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
padding: 7px;
display: inline-block
}

.featured-item.style-3 .featured-icon i {
display: inline-block;
width: 70px;
height: 50px;
line-height: 70px;
background: #fff;
font-size: 36px;
border-radius: 0;
margin-top: 10px
}

.featured-item.style-4 {
position: relative;
padding: 70px 30px
}

.featured-item.style-4 h5, .featured-item.style-4 p {
color: #fff
}

.featured-item.style-4 .featured-icon {
padding: 0;
margin-bottom: 15px
}

.featured-item.style-4 > i, .featured-item.style-6 > i {
position: absolute;
right: -100%;
bottom: -30px;
font-size: 130px;
line-height: 130px;
color: rgba(255,255,255,0.05)
}

.featured-item.style-4:hover > i, .featured-item.style-6:hover > i {
right: -15px
}

.featured-item.style-4 .featured-icon i::after {
display: none
}

.featured-item.style-5 .featured-title {
margin-bottom: 15px
}

.featured-item.style-5 .featured-icon {
display: inline-block;
margin: 0;
vertical-align: middle;
margin-right: 10px;
color: #68bec9
}

.featured-item.style-5 .featured-title h5 {
display: inline-block;
margin-bottom: 0
}

.featured-item.style-6 {
background: #68bec9;
padding-top: 60px;
padding-bottom: 80px;
z-index: 10
}

.featured-item.style-6:hover {
background: #68bec9
}

.featured-item.style-6 .featured-icon {
text-align: left;
font-style: normal;
font-size: 40px;
color: #fff;
margin-bottom: 40px
}

.featured-item.style-6:hover h5, .featured-item.style-6 h5 a:hover, .featured-item.style-6:hover p, .featured-item.style-6:hover .featured-icon i {
color: #fff
}

.featured-item.style-6:hover h5 a, .featured-item.style-6 h5:hover a {
text-decoration: underline !important
}

.featured-item.style-6-theme {
background-color: #68bec9
}

.featured-item.style-6-1 i, .featured-item.style-6-1 h5, .featured-item.style-6-1 p, .featured-item.style-6-2 i, .featured-item.style-6-2 h5, .featured-item.style-6-2 p {
color: #fff
}

.featured-item.style-6-1 {
background-color: #68bec9
}

.featured-item.style-6-2 {
background-color: #000
}

.featured-item.style-6-3 {
background-color: #fff
}

.featured-item.style-6-4 {
background-color: #fff
}

.featured-item.style-7 {
background: #fff;
padding: 40px 30px !important
}

.featured-item.style-7:hover, .featured-item.style-7-1 {
background: #68bec9
}

.featured-item.style-7 .featured-title h5 {
position: relative;
margin: 30px 0
}

.featured-item.style-7 .featured-title h5 span {
color: #c12a2a26;
font-size: 80px;
font-weight: 700;
left: 0;
position: absolute;
top: -15px
}

.featured-item.style-7:hover .featured-title h5, .featured-item.style-7:hover p, .featured-item.style-7-1 .featured-title h5, .featured-item.style-7-1 p {
color: #fff
}

.featured-item.style-7:hover .featured-title h5 span, .featured-item.style-7-1 .featured-title h5 span {
color: rgba(255,255,255,0.2);
transform: translateY(-100%)
}

.featured-item.style-7:hover a {
color: #fff;
text-decoration: underline
}

.dark-bg .featured-item.style-7 {
background: rgba(255,255,255,0.01)
}

.dark-bg .featured-item.style-7 .featured-title h5 span {
color: rgba(255,255,255,0.04)
}

.dark-bg .featured-item.style-7:hover .featured-title h5 span {
color: rgba(255,255,255,0.2)
}

.dark-bg .featured-item.style-7.text-right .featured-title h5 span {
right: 0;
left: inherit
}

.featured-item.style-8 {
background: #fff
}

.featured-item.style-8 .featured-icon i {
font-size: 65px;
line-height: 65px
}

.featured-item.style-8:hover .featured-icon i {
animation: .3s ease 0 normal forwards 1 running toTopFromBottom
}

.featured-item.style-8:hover .featured-icon i {
animation-duration: 4s;
animation-iteration-count: infinite;
animation-name: shake-chunk;
animation-timing-function: ease-in-out
}

.featured-item.text-left, .featured-item.style-5 {
padding: 0
}

.featured-item.text-right, .featured-item.style-5 {
padding: 0
}

.small-icon {
font-size: 20px !important;
line-height: 24px !important
}

.medium-icon {
font-size: 30px !important;
line-height: 30px !important
}

.slick-slide .featured-item {
margin: 0 15px
}

.featured-item.style-3:hover .featured-icon, .featured-item.style-8:hover .featured-icon {
transform: inherit
}

.side-navbar .featured-item.style-3 {
padding: 40px 20px
}

.side-navbar .featured-item.style-3 h5 {
font-size: 16px
}

.featured-item.style-9 {
padding: 0;
position: relative;
background: 0
}

.featured-item.style-9:hover {
box-shadow: none;
transform: inherit
}

.featured-item.style-9 .featured-title i {
font-size: 25px;
margin-right: 10px;
color: #68bec9
}

.featured-item.style-9 .featured-title a:hover {
color: #68bec9 !important
}

.featured-item.style-9 .featured-title span {
font-size: 16px;
margin-bottom: 0
}

.featured-item.style-9 .featured-desc {
font-size: 15px
}

.btn {
padding: 12px 40px;
background: transparent;
border-radius: 0;
border: 2px solid transparent;
position: relative;
overflow: hidden;
z-index: 9;
text-transform: uppercase;
text-decoration: none !important
}

.btn.btn-sm {
padding: 10px 40px
}

.btn.btn-lg {
padding: 15px 40px
}

.btn:hover {
color: #68bec9
}

.btn:focus, .btn.focus {
color: #68bec9;
box-shadow: none
}

.btn:focus:hover {
color: #fff
}

.btn.btn-theme {
background: #68bec9 !important;
color: #fff !important;
border-width: 1px
}

.btn.btn-theme:hover {
background: #fff !important;
color: #68bec9 !important;
border: 1px solid #68bec9
}

.btn.btn-border {
border: 2px solid #68bec9
}

.btn.btn-radius {
border-radius: 5px
}

.btn.btn-circle {
border-radius: 30px
}

.btn.btn-iconic i {
margin-left: 10px;
font-size: 15px
}

.btn.btn-iconic span, .btn.btn-iconic i {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}

.btn.btn-iconic i {
position: absolute;
display: block;
top: 50%;
right: 0;
-webkit-transform: translate(40px,-50%);
-ms-transform: translate(40px,-50%);
transform: translate(40px,-50%);
ms-transform: translate(40px,-50%);
opacity: 0
}

.btn.btn-iconic span {
width: 100%;
height: 100%;
display: block;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
ms-transform: translate(0,0);
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
ms-backface-visibility: hidden
}

.btn:hover.btn-iconic span {
-webkit-transform: translate(-20px,0);
-ms-transform: translate(-20px,0);
transform: translate(-20px,0);
ms-transform: translate(-20px,0)
}

.btn:hover.btn-iconic i {
opacity: 1
}

.btn.btn-theme:before {
background: #fff !important;
color: #68bec9 !important
}

.btn:hover:before {
width: 110%;
height: 400%;
z-index: -1
}

.btn.btn-block:hover:before {
height: 600%
}

.btn.btn-white {
background: #fff
}

.btn.btn-white.btn-border {
border-color: #fff;
background: 0;
color: #fff
}

.btn.btn-white:hover {
color: #fff
}

.btn.btn-white.btn-border:hover {
color: #68bec9
}

.btn.btn-white.btn-custom:hover {
color: #68bec9;
background-color: #fff
}

.btn.btn-white:before {
background: #222021
}

.btn.btn-white.btn-border:before {
background: #fff
}

.btn + .btn {
margin-left: 10px
}

.btn-secondary {
background: #a8a8a8;
border: 2px solid #5d5d5d !important
}

.price-table {
padding: 30px 0;
border: 1px solid transparent;
border-radius: 5px;
overflow: hidden;
background: #fff;
text-align: center;
box-shadow: -webkit-box-shadow:0 0 13px 18px rgba(0,0,0,0.02);
-moz-box-shadow: 0 0 13px 18px rgba(0,0,0,0.02);
box-shadow: 0 0 13px 18px rgba(0,0,0,0.02)
}

.price-table.active {
padding: 60px 0
}

.price-header {
padding-bottom: 30px;
border-bottom: 1px dashed #efefef
}

.price-title {
text-transform: capitalize;
font-weight: 700;
margin-bottom: 0;
color: #68bec9
}

.price-value {
color: #fff;
display: inline-block;
width: 100%;
padding: 25px 0 15px
}

.price-value h2 {
font-size: 54px;
line-height: 54px;
font-weight: 700;
color: #222021
}

.price-value h2 span {
font-size: 12px;
padding: 0 2px;
font-style: italic
}

.price-value h2 span.price-dollar {
font-size: 24px;
font-style: normal
}

.price-list {
padding: 0 30px
}

.price-list ul li {
padding: 15px 0;
border-bottom: 1px dashed rgba(0,0,0,0.05)
}

.dark-bg .price-list ul li {
color: rgba(255,255,255,0.8)
}

.price-list ul li:last-child {
border-bottom: 0
}

.price-table:hover {
border: 1px solid #68bec9
}

.price-table.style-2 .price-title {
color: #222021
}

.price-table.style-2 .price-value h2 {
color: #fff
}

.price-table.style-2.active .price-value h2 {
color: #68bec9
}

.price-table.style-2:hover, .price-table.style-3:hover {
border-color: transparent
}

.price-table.style-3 .price-value {
padding: 50px 0
}

.price-table.style-3 .price-value h2 {
color: #fff
}

.client-logo.style-3 {
border-collapse: collapse;
display: table;
table-layout: fixed;
width: 100%
}

.client-logo.style-3 .client-row {
display: table-row;
border-collapse: collapse;
margin: 0
}

.client-logo.style-3 .client-row .client-item {
border: 1px solid #ddd;
display: table-cell;
padding: 60px;
text-align: center;
vertical-align: middle;
float: none
}

.dark-bg .client-logo.style-3 .client-row .client-item {
border-color: rgba(255,255,255,0.1)
}

.section-title h2 {
font-weight: 900
}

.section-title h5 {
margin-bottom: 7px
}

h2.title {
color: #222021
}

h2.title span {
font-weight: 700;
color: #68bec9
}

h2.title small {
font-weight: 700;
margin-right: 5px;
vertical-align: baseline;
font-style: italic;
color: #68bec9
}

.dark-bg h2.title {
color: #fff
}

.dark-bg h2 .sub-title {
color: #fff
}

.theme-bg h2 small, .theme-bg .title-2 span, .theme-bg h2.title span {
color: #fff !important
}

.dark-bg h2 small {
color: #68bec9
}

.title-2 {
position: relative;
color: #222021;
margin-bottom: 15px;
display: inline-block
}

.title-2:before {
position: absolute;
content: "";
bottom: 4px;
left: 0;
width: 70px;
height: 15px;
background: #68bec9;
z-index: -1
}

.text-center .title-2:before {
left: 50%
}

.text-right .title-2:before {
left: inherit;
right: 0;
transform: inherit
}

.text-right .title-2 {
right: inherit;
left: 0
}

.title-2 span {
color: #68bec9
}

.theme-bg .title-2:before, .dark-bg .title-2:before {
background-color: rgba(255,255,255,0.2)
}

.dark-bg h2.title-2 {
color: #fff
}

.theme-bg h2.title-2 span {
color: #222021
}

.gallery li {
margin-bottom: 30px
}

.gallery li:last-child {
margin-bottom: 0
}

.gallery-item, .gallery-item-2 {
overflow: hidden;
position: relative;
text-align: center
}

.gallery-item:hover img, .gallery-item-2:hover img {
transform: translate3d(0,0,0)
}

.gallery-hover::before, .gallery-hover::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity .50s,-webkit-transform .50s;
transition: opacity .50s,transform .50s;
z-index: 99
}

.gallery-hover::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1)
}

.gallery-hover::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0)
}

.gallery-item:hover .gallery-hover::before, .gallery-item:hover .gallery-hover::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}

a.popup {
z-index: 9;
width: 40px;
height: 40px;
line-height: 40px;
background: #68bec9;
display: inline-block;
margin: 0 5px;
color: #fff;
font-size: 24px;
border-radius: 50%;
opacity: 0;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
-webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s;
-o-transition: -o-transform .3s;
transition: transform .3s
}

a.popup:hover {
color: rgba(255,255,255,0.8)
}

.gallery-item:hover a.popup, .portfolio-item:hover a.popup {
opacity: 1;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-ms-transform: rotateZ(0);
-o-transform: rotateZ(0);
transform: rotateZ(0)
}

.gallery-title {
position: absolute;
top: 50%;
width: 100%;
padding: 15px;
left: 0;
z-index: 999
}

.gallery-item a:before, .gallery-item-2 a:before {
opacity: 0;
content: '';
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
background: rgba(0,0,0,0.5);
-webkit-transition: all .7s cubic-bezier(.68,.11,.13,.98);
-moz-transition: all .7s cubic-bezier(.68,.11,.13,.98);
transition: all .7s cubic-bezier(.68,.11,.13,.98);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.gallery-item a:hover:before, .portfolio-item:hover:before, .gallery-item-2 a:hover:before {
opacity: 1
}

.gallery.style-2 .gallery-hover::before, .portfolio-item::after {
z-index: 9;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.3);
content: '';
-webkit-transition: -webkit-transform .6s;
transition: transform .6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
border: 0
}

.gallery.style-2 .gallery-hover::after {
display: none
}

.gallery.style-2 .gallery-item:hover .gallery-hover::before, .portfolio-item:hover::after {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0)
}

.gallery.no-gutters li {
margin-bottom: 0
}

.masonry .masonry-brick {
float: left;
position: relative;
margin-bottom: 30px;
padding: 0 15px
}

.gallery.no-gutters .masonry-brick {
padding: 0;
margin-bottom: 0
}

.portfolio-filter {
overflow: hidden;
display: inline-block;
margin: 0 auto 50px;
text-align: center
}

.portfolio-filter button {
position: relative;
cursor: pointer;
padding: 10px 30px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
background: transparent;
color: #222021;
border: 0;
float: left;
text-transform: uppercase
}

.portfolio-filter button:focus {
outline: 0;
outline-style: none;
outline-offset: 0
}

.portfolio-filter button.is-checked, .portfolio-filter button:hover {
background: #68bec9;
color: #fff
}

.portfolio-filter button + button {
margin-left: 10px
}

.isotope .grid-item img {
width: 100%
}

.theme-bg .portfolio-filter button {
color: #fff
}

.theme-bg .portfolio-filter button.is-checked, .theme-bg .portfolio-filter button:hover {
background: #fff;
color: #68bec9
}

.grid .grid-item {
padding: 15px
}

.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick {
width: 50%
}

.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick {
width: 33.333333%
}

.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick {
width: 25%
}

.grid.no-gutters .grid-item {
padding: 0
}

.masonry.no-gutters .masonry-brick {
padding: 0;
margin: 0
}

.portfolio-item {
overflow: hidden;
position: relative
}

.portfolio-item img {
transform: translate3d(0,0,0)
}

.portfolio-item .portfolio-slider img {
transform: inherit
}

.portfolio-item:hover img {
transform: translate3d(-5px,0,0);
width: calc(100%+10px)
}

.portfolio-hover {
background: rgba(0,0,0,0.80);
bottom: 0;
display: table;
padding: 15px;
top: auto;
transform: translate3d(0,100%,0);
transition: transform .35s ease 0;
left: 0;
position: absolute;
width: 100%;
backface-visibility: hidden;
z-index: 99
}

.portfolio-hover h4, .portfolio-hover a {
color: #fff;
line-height: 22px;
font-size: 16px;
font-weight: normal;
display: table-cell;
vertical-align: middle;
width: auto;
margin: 0
}

.portfolio-hover a:hover {
color: #dfdfdf
}

.portfolio-item:hover .portfolio-hover {
transform: translate3d(0,0,0)
}

.portfolio-title {
display: table-cell;
text-align: right;
vertical-align: middle;
width: auto
}

.portfolio-item a.popup {
z-index: 9;
text-align: center
}

.portfolio-meta li span, .portfolio-details .social-icons span {
color: #000;
display: inline-block;
vertical-align: middle;
font-size: 12px;
text-transform: uppercase;
width: 110px
}

.portfolio-details .social-icons ul {
display: inline-block;
vertical-align: middle
}