/*
Plugin Name : BE Page Builder
Version : 4.0
*/
/*
* Owl Carousel 2.4 - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-theme .owl-controls {
text-align:center;
-webkit-tap-highlight-color:transparent;
}
/*.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
*/
.owl-theme .owl-dots .owl-dot {
display:inline-block;
zoom:1;
*display:inline;
}
.owl-theme .owl-dots .owl-dot span {
width:7px;
height:7px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background:#869791;
}
/* BE Custom Styling */
.owl-dots {
margin-top: 15px;
}
/**********************************************************************
HERO SECTION
**********************************************************************/
.header-hero-section {
overflow: hidden;
width: 100%;
/*height: 100vh;*/
}
.hero-section-wrap *:last-child {
margin-bottom: 0px !important;
}
.hero-section-wrap {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
height: 0px;
height: 100vh;
transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-moz-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
-o-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
.hero-section-inner-wrap {
display: table;
width: 100%;
height: 100%;
}
.hero-section-inner {
display: table-cell;
vertical-align: middle;
}
.header-hero-custom-section .be-row {
height: 100% !important;
}
.hero-section-wrap .special-heading .separator:last-child {
margin-bottom: 30px !important;
}
/***********************************
COULMN BLOCK
***********************************/
.column-block .section-overlay{
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.animate-hide.section-overlay{
opacity: 0 ;
}
/**************************************SHORTCODES**************************************/
/*********************************************************************
ANIMATED NUMBERS
*********************************************************************/
.animate-number,.animate-number-caption {
display: block;
margin-bottom: 10px;
}
.animate-number-wrap {
text-align: center;
}
.animate-number {
line-height: 1.2 !important;
}
/*********************************************************************
ANIMATED CHARTS
*********************************************************************/
.chart-wrap {
text-align: center;
}
.chart {
text-align: center;
position: relative;
width: 110px;
height: 110px;
line-height: 110px;
margin: 0 auto 20px;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
/*********************************************************************
CLIENT CAROUSEL
*********************************************************************/
/*.client-carousel-module .carousel-item{
display: none;
}*/
.client-carousel-module.be-owl-carousel{
display: none;
}
.client-carousel-module.owl-carousel .owl-item,
.portfolio-carousel-module.owl-carousel .owl-item,
.content_slider_module.owl-carousel .owl-item,
.testimonial_module.owl-carousel .owl-item,
.twitter_module.owl-carousel .owl-item {
-webkit-backface-visibility: initial;
}
/*.portfolio-carousel-module .carousel-item{
display: none;
}*/
.portfolio-carousel-module.be-owl-carousel{
display: none;
}
.carousel-wrap {
position: relative;
margin-bottom: 50px;
}
.be-owl-carousel{
margin: 0;
padding: 0;
list-style: none;
display: block;
overflow: hidden;
}
.be-owl-carousel li{
margin: 0px 10px;
display: block;
position: relative;
}
.portfolio-carousel .be-owl-carousel li {
margin: 0px 0px;
}
.owl-carousel.client-carousel-module .owl-item img{
display: inline-block;
width: auto;
}
.client-carousel-module li a {
display: block;
text-align: center;
line-height: 120px;
}
.portfolio-carousel .be-owl-carousel li img {
width: 100%;
max-width: 100%;
}
.client-carousel-module li img {
vertical-align: middle;
height: auto !important;
}
.owl-controls .owl-prev,
.owl-controls .owl-prev{
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.owl-controls .owl-buttons{
opacity: 0;
-moz-opacity: 0;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.owl-controls .owl-next,
.owl-controls .owl-prev {
position: absolute;
top: 50%;
width: 40px;
height: 60px;
line-height: 60px;
font-size: 20px;
margin-top: -35px;
text-align: center;
background: #000;
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
.owl-controls .owl-prev {
left: 0px;
}
.owl-controls .owl-next {
right: 0px;
}
/*.client-carousel-module .owl-dots,
.portfolio-carousel-module .owl-dots{
display: none !important;
}*/
/*********************************************************************
COUNTDOWN
*********************************************************************/
.countdown-rtl {
direction: rtl;
}
.countdown-holding span {
color: #888;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
.countdown-show1 .countdown-section {
width: 98%;
}
.countdown-show2 .countdown-section {
width: 48%;
}
.countdown-show3 .countdown-section {
width: 32.5%;
}
.countdown-show4 .countdown-section {
width: 24.5%;
}
.countdown-show5 .countdown-section {
width: 19.5%;
}
.countdown-show6 .countdown-section {
width: 16.25%;
}
.countdown-show7 .countdown-section {
width: 14%;
}
.countdown-section {
display: block;
float: left;
font-size: 16px;
text-align: center;
}
.countdown-amount {
font-size: 50px;
line-height: 2;
}
.countdown-period {
display: block;
}
.countdown-descr {
display: block;
width: 100%;
}
/*********************************************************************
GALLERY
*********************************************************************/
/*MOVED TO STYLE-CSS - BEGIN*/
/*PART 1*/
/*MOVED TO STYLE-CSS : BEGIN*/
/*PART 2 */
/*MOVED TO STYLE-CSS : BEGIN*/
/*PART 3*/
/*********************************************************************
PORTFOLIO NAVIGATION
*********************************************************************/
.portfolio-nav-wrap a {
color: inherit !important;
margin: 5px;
}
.portfolio-nav-wrap .home-grid-icon{
display: inline-block;
}
.portfolio-nav-wrap.style1-navigation .home-grid-icon{
width:18px;
}
.portfolio-nav-wrap .style2-navigation .home-grid-icon{
width:21px;
}
.portfolio-nav-wrap .home-grid-icon:hover span{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(1){
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay : 50ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(2){
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay : 100ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(3){
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay : 200ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(4){
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay : 100ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(5){
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay : 200ms;
}
.portfolio-nav-wrap .home-grid-icon span:nth-child(6){
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay : 300ms;
}
.home-grid-icon span{
background: #000;
float: left;
height: 4px;
width: 4px;
margin-bottom: 1px;
margin-left: 1px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-nav-wrap .style2-navigation .home-grid-icon span{
height: 5px;
width: 5px;
}
.single-page-nav.style2-navigation {
text-align: center;
}
.single-page-nav.style2-navigation .font-icon {
font-size: 30px;
line-height: 40px;
display: inline-block;
vertical-align: top;
}
.single-page-nav.style2-navigation .next-post-link,
.single-page-nav.style2-navigation .previous-post-link {
display: block;
margin: 0px;
position: relative;
}
.single-page-nav.style2-navigation .next-post-link .font-icon,
.single-page-nav.style2-navigation .previous-post-link .font-icon {
font-size: 27px;
}
.single-page-nav.style2-navigation .next-post-link .font-icon{
margin-left: 20px;
}
.single-page-nav.style2-navigation .previous-post-link .font-icon{
margin-right: 20px;
}
.single-page-nav.style2-navigation .next-post-link .font-icon:before,
.single-page-nav.style2-navigation .previous-post-link .font-icon:before {
display: block;
height: 38px;
line-height: 38px;
}
.single-page-nav.style2-navigation .next-post-link {
float: right;
margin-top: -1px;
}
.single-page-nav.style2-navigation .previous-post-link {
float: left;
}
.single-page-nav.style2-navigation .next-post-link i.font-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
display: block;
}
.single-page-nav.style2-navigation .next-post-link h6,
.single-page-nav.style2-navigation .previous-post-link h6 {
display: block;
white-space: nowrap;
line-height: 38px;
font-size: 13px;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
-moz-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
-o-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
-ms-transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
transition: opacity 0.3s ease-in, left 0.5s ease-in, right 0.5s ease-in;
top: 0px;
position: absolute;
}
.single-page-nav.style2-navigation .previous-post-link h6 {
left: 50%;
right: auto;
}
.single-page-nav.style2-navigation .next-post-link h6 {
right: 50%;
left: auto;
}
.single-page-nav.style2-navigation .previous-post-link:hover h6 {
opacity: 1;
left: 100%;
}
.single-page-nav.style2-navigation .next-post-link:hover h6 {
opacity: 1;
right: 100%;
}
.single-page-nav.style2-navigation .portfolio-url {
margin: 0px !important;
line-height: 40px;
}
/*********************************************************************
PORTFOLIO DETAILS
*********************************************************************/
.project_details{
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.project_details li i {
margin-right: 20px;
}
.project_details li {
margin-bottom: 10px;
}
.portfolio-details {
margin-bottom: 30px;
}
.gallery-side-heading {
/*font-size: 13px;*/
margin-bottom: 5px;
line-height: 17px;
display: block;
text-transform: uppercase;
}
.portfolio-details .gallery-side-heading-wrap p {
margin-bottom: 30px !important;
}
.gallery-cat-list-wrap {
margin-bottom: 30px;
}
a.custom-share-button, a.custom-share-button:active, a.custom-share-button:hover, a.custom-share-button:visited {
color: #000;
margin-right: 15px;
}
.gallery-cat-list-wrap a{
color: inherit !important;
}
a.view-project-link {
text-transform: uppercase;
/*color: inherit !important;*/
color: inherit;
background: none;
padding: 10px 0px;
border-bottom-width: 3px;
border-style: solid;
border-color: inherit;
}
.portfolio-details.style2 .gallery-side-heading-wrap {
border-style: solid;
border-bottom-width: 1px;
border-color: inherit;
margin-bottom: 20px !important;
}
.portfolio-details.style2 .gallery-side-heading-wrap p,
.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
float: left;
line-height: 20px;
margin-bottom: 20px !important;
}
.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
width: 160px;
}
/*********************************************************************
RECENT POSTS
*********************************************************************/
.related-items {
margin-bottom: 60px;
}
.related-items .post-nav, .related-items .post-nav h6 {
margin-bottom: 0;
padding: 0;
}
.related-items .column-block{
margin-bottom: 0;
}
.recent-post-header {
margin-bottom: 15px;
}
.recent-post-title {
margin-bottom: 10px;
}
.recent-post-title a {
color:inherit;
}
.related-items.style3-blog .post-nav {
margin: 10px 0px 15px 0px !important;
}
.related-items.style3-blog.hide-excerpt .post-content{
display: none;
}
.related-items.style3-blog .post-title{
margin-bottom: 10px !important;
}
.related-items.style3-blog .element-inner {
background: none !important;
}
.related-items.style3-blog .article-details {
padding: 20px 0;
}
.bar-style-related-posts-list {
overflow: hidden;
text-align: center;
margin-bottom: 0px;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 50px 0px;
position: relative;
}
.bar-style-related-posts-list ul.cal-list {
display: inline-block;
vertical-align: top;
}
.bar-style-related-posts-list .post-title {
font-size: 25px!important;
}
.bar-style-related-posts-list .background-overlay {
position: absolute;
width: 100%;
height: 100%;
background: #fff;
top: 0px;
left: 0px;
z-index: 1;
-webkit-transition: background 0.8s;
-moz-transition: background 0.8s;
-ms-transition: background 0.8s;
-o-transition: background 0.8s;
transition: background 0.8s;
}
.bar-style-related-posts-list .background-content {
position: relative;
z-index: 2;
}
.bar-style-related-posts-list:hover .background-overlay {
background: #fff;
background: rgba(255, 255, 255, 0.9);
}
.bar-style-related-posts-list .sep-with-icon-wrap {
margin-bottom: 10px;
}
/*********************************************************************
TESTIMONIALS
*********************************************************************/
.testimonials-slides{
display: none;
}
.be_image_slider{
min-height:1px;
}
.be_image_slider .image_slider_module{
display: none;
}
.be_image_slider .owl-buttons{
opacity: 1 !important;
}
.be_image_slider .owl-carousel .owl-item{
text-align: center;
}
.image_slider_module.owl-carousel .owl-item img{
width: auto;
display: inline-block;
}
.testimonial_slide,
.content_slide {
position: relative;
}
.testimonial_slide_inner {
position: relative;
margin: 0 auto;
padding-left: 90px;
min-height: 60px;
}
.testimonial-author {
font-size: inherit;
display: block;
line-height: inherit;
}
.testimonial-content {
margin: 0px 0px 30px 0px;
z-index: 2;
position: relative;
line-height: 2.0;
}
.testimonial_slide .icon-quote {
position: absolute;
top: -9px;
left: 0px;
font-size: 80px;
z-index: 1;
color: #dfdfdf;
line-height: 60px;
}
.testimonial-author-img,
.testimonial-author-info {
/*float: left;*/
width: auto;
text-align: left;
vertical-align: middle;
display: inline-block;
}
.testimonial-author-info .testimonial-author-role {
display: block;
white-space: nowrap;
}
.testimonial-author-img {
width: 70px;
overflow: hidden;
margin-right: 20px;
}
.testimonial-author-img img {
border-radius: 50%;
}
.testimonials_wrap .flex-control-nav.flex-control-paging {
position: relative !important;
top: 0px;
margin: 10px 0px 0px 0px;
display: block !important;
opacity: 1 !important;
}
.center-content .testimonial_slide_inner {
max-width: 700px;
text-align: center;
}
.center-content .testimonial-author-info-wrap {
display: inline-block;
/*margin-left: -60px;*/
}
.instagram-feed-img-wrap {
margin-bottom: 40px;
}
.right-content .testimonial_slide_inner {
padding-left: 0px;
padding-right: 95px;
text-align: right;
}
.right-content .testimonial_slide_inner .icon-quote {
left: auto;
right: 0px;
}
.right-content .testimonial_slide_inner .testimonial-author-img {
float: right;
margin: 0px 0px 0px 20px;
}
.right-content .testimonial_slide_inner .testimonial-author-info {
float: right;
margin-top: 23px;
}
.testimonials_wrap .center-content .font-icon{
position: static;
display: block;
margin-bottom: 20px;
}
.testimonials_wrap .center-content .testimonial_slide_inner{
padding-left: 0px;
}
span.subtitle {
font-size: 11px;
}
.content-slider{
display: none;
}
.content_slider_module.owl-carousel .owl-item img{
width: auto;
}
.content-slide-wrap .content-slider .flex-control-nav.flex-control-paging {
position: absolute !important;
bottom: -11px;
top: auto;
line-height: 19px;
margin-top: 0px;
}
.content-slide-wrap .content-slider .flex-viewport{
margin-bottom: 40px;
}
.content_slide_inner {
max-width: 100%;
margin: 0 auto;
}
.content-slide-wrap .flex-control-paging {
border-color: #000;
border-width: 0px;
}
.content-slide-wrap .flex-control-paging li {
border-color: inherit;
border-width: 0px;
}
.content-slide-wrap .flex-control-paging li a {
width: 6px;
height: 6px;
border-color: inherit;
border-width: 0px;
}
.content-slide-wrap .flex-control-paging li a:before {
content: " ";
width: auto;
height: 0px;
color: #000;
border-width: 4px;
border-style: solid;
border-color: inherit;
display: block;
border-radius: 100%;
}
.content-slider .flex-control-nav.flex-control-paging {
position: relative;
}
/*********************************************************************
TEXT BLOCK
*********************************************************************/
.be-text-block img {
margin-bottom: 30px;
}
/*********************************************************************
TEAM
*********************************************************************/
.team-shortcode-wrap {
overflow: hidden !important;
}
.team-title {
margin-bottom: 0px;
}
.team-shortcode-wrap .designation{
text-transform: capitalize;
margin-bottom: 10px;
}
ul.team-social{
padding-left: 0px;
}
.team-description{
margin-bottom: 15px;
}
.team-shortcode-wrap .style5-title .thumb-overlay .thumb-bg{
padding:18px 0px;
}
.team-shortcode-wrap .style3-title{
}
.style5-title .team-social.over,
.style6-title .team-social.over{
list-style: none;
padding-left: 0;
display: block;
position: absolute;
bottom: -100px;
background: #000;
background: rgba(0, 0, 0, 0.2);
padding: 15px 0px 13px 0px;
width: 100%;
line-height: normal;
text-align: center;
-webkit-transition: bottom 0.4s;
-moz-transition: bottom 0.4s;
-ms-transition: bottom 0.4s;
-o-transition: bottom 0.4s;
transition: bottom 0.4s;
z-index: 10;
}
.team-social li {
display:inline-block;
margin-bottom: 0px;
line-height: normal;
}
.team_icons{
font-size: 12px;
margin: 0 5px !important;
border: none !important;
color: inherit;
display: block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
line-height: normal;
}
.team-img {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.team_icons i {
width: 27px;
height: 27px;
line-height: 27px;
display:block;
}
.team-shortcode-wrap:hover .style5-title .team-social,
.team-shortcode-wrap:hover .style6-title .team-social {
bottom: 0px;
top: auto;
}
.style9-hover .team-wrap {
padding: 0px;
}
.style3-title .team-wrap{
padding: 0px 15px;
}
.team-shortcode-wrap .style10-hover .thumb-bg {
background: none !important;
}
.team-shortcode-wrap .thumb-bg {
display: block;
}
.team-wrap {
text-align: center;
}
.team-shortcode-wrap .element{
float: none;
margin: 0px;
width: 100%;
}
/*********************************************************************
PROCESS
*********************************************************************/
.skill-style1 {
border-color: #272727;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.skill-style1 .skill-row {
border-color: inherit;
width: 90%;
margin: auto;
}
.skill-style1 .skill-col .font-icon,
.process-style1 .process-col .font-icon {
font-size: 75px;
display: block;
margin-bottom: 10px;
}
.skill-style1 .skill-col.size-large .font-icon,
.process-style1 .process-col .font-icon {
font-size: 80px;
}
.skill-style1 .skill-col .skill-info {
font-size: 13px;
text-transform: uppercase;
}
.skill-style1 .skill-col {
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 50px 0px;
margin: 0px !important;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.process-style1 {
text-align: center;
border-color: #000;
}
.process-style1 .process-col {
display: inline-block;
zoom: 1;
vertical-align: top;
}
.process-style1 .process-divider {
width: 150px;
display: inline-block;
zoom: 1;
height: 40px;
vertical-align: top;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
}
.process-style1 .process-divider:last-child {
display: none;
}
.process-style1 .process-col .font-icon {
/*margin-bottom: 50px;*/
margin-bottom: 0.3em;
padding: 0 15px;
}
/*********************************************************************
PORTFOLIO
*********************************************************************/
.portfolio-container {
transition: height .5s;
-moz-transition: height .5s;
-webkit-transition: height .5s;
}
.portfolio-all-wrap,
.portfolio-container {
overflow: hidden;
width: 100%;
min-height: 30px;
}
.portfolio {
overflow: hidden;
}
.element {
float: left;
margin: 0px 0px 20px 0px;
overflow: hidden;
}
.element-empty-message {
width: 100% !important;
text-align: center;
text-align: center;
}
.portfolio-shortcode .flip-img-wrap {
transition: transform 0.7s, scale 0.7s;
-o-transition: -o-transform 0.7s, scale 0.7s;
-ms-transition: -ms-transform 0.7s, scale 0.7s;
-moz-transition: -moz-transform 0.7s, scale 0.7s;
-webkit-transition: -webkit-transform 0.7s, scale 0.7s;
}
.portfolio-shortcode.init-slide-left .flip-img-wrap {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.portfolio-shortcode.init-slide-right .flip-img-wrap {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.portfolio-shortcode.init-slide-left .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-right .flip-img-wrap.img-loaded {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.portfolio-shortcode.init-slide-top .flip-img-wrap {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.portfolio-shortcode.init-slide-bottom .flip-img-wrap {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.portfolio-shortcode.init-slide-top .flip-img-wrap.img-loaded,
.portfolio-shortcode.init-slide-bottom .flip-img-wrap.img-loaded {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio-shortcode.init-scale .flip-img-wrap {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.portfolio-shortcode.init-scale .flip-img-wrap.img-loaded {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/***************CLASSIC STYLE**************************/
.two-col .element {
width: 560px;
}
.three-col .element {
width: 360px;
}
.three-col .element.wide {
width: 760px;
}
.four-col .element {
width: 260px;
}
.four-col .element.wide {
width: 560px;
}
/***************FULL SCREEN STYLE**************************/
.full-screen .element {
width: 20%;
margin: 0px;
}
.full-screen.two-col .element {
width: 50%;
}
.full-screen.two-col.masonry_disable .element.wide {
width: 50%;
}
.full-screen.three-col .element,
.full-screen.three-col.masonry_enable .element.wide {
width: 33.34%;
}
.full-screen.three-col .element.wide{
width: 66.7%;
}
.full-screen.four-col .element,
.full-screen.four-col.masonry_enable .element.wide {
width: 25%;
}
.full-screen.four-col .element.wide {
width: 50%;
}
.full-screen.five-col .element,
.full-screen.five-col.masonry_enable .element.wide {
width: 20%;
}
.full-screen.five-col .element.wide{
width: 40%;
}
/***************FULL SCREEN WITH GUTTER STYLE**************************/
.full-screen-gutter {
/*margin-right: 40px;*/
margin-right: 5px;
}
.full-screen-gutter.style2-gutter {
margin-right: 0px !important;
margin-left: -40px;
}
.full-screen-gutter .element .element-inner {
/* margin-left: 40px; */
margin-left: 5px;
}
.full-screen-gutter .element {
/*margin-bottom: 40px;*/
margin-bottom: 5px;
}
/*********************************************************************/
.element .element-inner,
.element .thumb-wrap,
.element .flip-img-wrap {
overflow: hidden;
position: relative;
}
.element img {
width: 100%;
display: block;
}
.portfolio-container .element-inner:hover .custom-like-button {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.element.bw_to_bw .element-inner .flip-img-wrap img,
.element.bw_to_c .element-inner .flip-img-wrap img,
.element.c_to_bw .element-inner:hover .flip-img-wrap img,
.client-carousel-item.bw_to_bw img,
.client-carousel-item.bw_to_c img,
.client-carousel-item.c_to_bw:hover img {
filter : url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter : gray; /* IE6-9 */
-webkit-filter : grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.element.bw_to_c .element-inner:hover .flip-img-wrap img,
.element.c_to_bw .element-inner .flip-img-wrap img,
.client-carousel-item.bw_to_c:hover img,
.client-carousel-item.c_to_bw img {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}
.element .element-inner .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img,
.element .element-inner .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.element .element-inner:hover .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.element .element-inner:hover .flip-img-wrap.zoom-out-effect img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.element .element-inner:hover .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
-webkit-transform: scale(1.3) rotate(-5deg);
-moz-transform: scale(1.3) rotate(-5deg);
-ms-transform: scale(1.3) rotate(-5deg);
-o-transform: scale(1.3) rotate(-5deg);
transform: scale(1.3) rotate(-5deg);
}
.element .element-inner:hover .flip-img-wrap.zoom-out-rotate-effect img {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.element img,
.client-carousel-item img {
transition: filter 0.4s, transform 0.4s;
-o-transition: -o-filter 0.4s, -o-transform 0.4s;
-ms-transition: -ms-filter 0.4s, -ms-transform 0.4s;
-moz-transition: -moz-filter 0.4s, -moz-transform 0.4s;
-webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
}
.element.wide-width-height img,
.element.wide-height img,
.element.wide-width img {
max-width: none;
display: inline-block !important;
}
.portfolio-archives .portfolio.full-screen {
margin-bottom: 0px;
}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {
/*margin-bottom: 40px !important;*/
margin-bottom: 5px !important;
}
.full-screen .portfolio-container .element {
margin-bottom: 0px !important;
}
.portfolio-categories {
list-style: none;
padding: 0;
margin-bottom: 10px;
}
.portfolio-categories li {
float: left;
margin-right: 10px;
margin-bottom: 0;
}
.portfolio-title {
margin-bottom: 0;
}
.portfolio-title h6 {
margin-bottom: 5px;
}
.portfolio-title a {
display: block;
}
.portfolio-content {
margin-bottom: 20px;
}
.element .one-half , .element .be-button, .element img {
margin-bottom: 0;
}
.element .be-row, .portfolio.one-col .element{
margin-bottom: 50px;
}
.three-col .portfolio-title , .four-col .portfolio-title, .two-col .portfolio-title, .related-items .portfolio-title{
padding: 5px 5px 5px 0;
margin: 12px 1px 1px !important;
}
.portfolio-content-wrap{
padding-left: 10px;
}
.portfolio-overlay-icon {
color: #fff;
background: url('../img/plus_icon.png') no-repeat;
width: 50px;
height: 50px;
display: inline-block;
}
.hover-icon-no-show .portfolio-overlay-icon{
display: none;
}
.trigger_load_more {
margin: 40px 0 0 40px;
text-align: center;
}
.portfolio .pagination_parent{
margin-top: 40px;
}
.trigger_infinite_scroll {
height: 1px;
}
a.custom-like-button {
position: absolute;
right: 10px;
top: 10px;
color: #fff;
line-height: 16px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s, scale 0.4s;
-moz-transition: opacity 0.4s, scale 0.4s;
transition: opacity 0.4s, scale 0.4s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
font-size: 13px;
-webkit-transition-delay: 0.4s; /* Safari */
transition-delay: 0.4s;
z-index: 10;
}
a.custom-like-button span {
display: inline-block;
margin-left: 3px;
}
/***************THUMB EFFECTS**************************/
.thumb-wrap {
display: block;
}
.thumb-wrap, .thumb-bg{
position: relative;
}
.flip-wrap {
overflow: hidden;
position: relative;
}
.thumb-overlay {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top:0;
left:0;
/*display: none;*/
}
.thumb-bg {
width: 100%;
height: 100%;
display: table;
}
.thumb-bg .thumb-icons {
display: table-cell;
vertical-align: middle;
text-align: center;
}
/*PORTFOLIO TITLE STYLE 1*/
.style1-title .thumb-title-wrap {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.style1-title .thumb-title {
display: inline-block;
font-weight: 700;
letter-spacing: 2px;
font-size: 12px;
text-transform: uppercase;
border: 3px solid;
padding: 6px 15px;
margin-bottom: 10px;
}
/*PORTFOLIO TITLE STYLE 2/STYLE 3/STYLE 4*/
.style2-title .thumb-title-wrap,
.style3-title .thumb-title-wrap,
.style4-title .thumb-title-wrap {
text-align: center;
display: table-cell;
vertical-align: top;
}
.style2-title .thumb-title,
.style4-title .thumb-title {
margin: 10px 20px 10px 20px;
}
.style3-title .thumb-title{
margin: 0px 0px 10px 0px;
}
.style2-title .portfolio-item-cats,
.style3-title .portfolio-item-cats,
.style4-title .portfolio-item-cats {
margin: 0px 20px 0px 20px;
}
/*PORTFOLIO TITLE STYLE 2*/
.style2-title .thumb-title-wrap {
text-align: left;
vertical-align: top;
}
/*PORTFOLIO TITLE STYLE 3*/
.style3-title .thumb-title-wrap {
vertical-align: middle;
}
.style4-title .portfolio-item-cats {
margin: 0px 0px 0px 0px !important;
}
/*PORTFOLIO TITLE STYLE 4*/
.style4-title .thumb-title-wrap {
text-align: left;
vertical-align: bottom;
}
.style4-title .portfolio-item-cats {
margin: 0px 20px 10px 20px !important;
}
.style4-title .thumb-title:last-child {
margin-bottom: 5px !important;
}
.popup-gallery {
display: none;
}
.thumb-bg.act-table {
display: table
}
.thumb-icons a{
margin-right: 10px;
padding: 6px 5px 4px 5px;
display: inline-block;
border-radius: 50%;
}
.thumb-icons .font-icon {
font-size: 16px;
}
.blog-post .thumb-overlay {
display: none;
}
.element.style1-hover .thumb-overlay {
display: none;
}
.element.style2-hover {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.element.style2-hover .thumb-overlay {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
transform: rotateY(-70deg);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
opacity: 0;
}
.element.style2-hover .element-inner:hover .thumb-overlay {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
.element.style3-hover,
.element.style4-hover {
overflow: hidden;
}
.style3-hover .thumb-overlay,
.style4-hover .thumb-overlay {
display: none;
}
.element.style5-hover .thumb-overlay {
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.element.style5-hover .element-inner:hover .thumb-overlay {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.element.style6-hover {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
overflow: hidden;
}
.element.style6-hover .thumb-overlay {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(600px) rotateX(20deg);
-moz-transform: translateZ(600px) rotateX(20deg);
-ms-transform: translateZ(600px) rotateX(20deg);
transform: translateZ(600px) rotateX(20deg);
opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.element.style6-hover .element-inner:hover .thumb-overlay {
-webkit-transform: translateZ(0px) rotateX(0deg);
-moz-transform: translateZ(0px) rotateX(0deg);
-ms-transform: translateZ(0px) rotateX(0deg);
transform: translateZ(0px) rotateX(0deg);
opacity: 1;
}
.element.style7-hover {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.element.style7-hover .thumb-overlay {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
-moz-transform: rotateX(-70deg);
-ms-transform: rotateX(-70deg);
transform: rotateX(-70deg);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
opacity: 0;
}
.element.style7-hover .element-inner:hover .thumb-overlay {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
.element.style8-hover .thumb-overlay {
-webkit-transform: scale(0) rotate(720deg);
-moz-transform: scale(0) rotate(720deg);
-ms-transform: scale(0) rotate(720deg);
transform: scale(0) rotate(720deg);
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.element.style8-hover .element-inner:hover .thumb-overlay {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.element.style5-title,
.element.style5-title .element-inner,
.element.style6-title,
.element.style6-title .element-inner {
overflow: visible;
}
.element.style5-title .thumb-overlay,
.element.style6-title .thumb-overlay,
.element.style7-title .thumb-overlay {
position: relative;
display: block !important;
}
.portfolio-container .style5-title .thumb-overlay .thumb-bg,
.portfolio-container .style6-title .thumb-overlay .thumb-bg,
.portfolio-container .style7-title .thumb-overlay .thumb-bg {
padding: 15px 18px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.style5-title .portfolio-item-cats,
.style6-title .portfolio-item-cats {
margin: 0px 0px 0px 0px !important;
}
.style5-title .thumb-title,
.style6-title .thumb-title,
.style7-title .thumb-title {
margin: 0px 0px 5px 0px !important;
}
.element.style6-title .thumb-overlay .thumb-bg {
padding: 15px 0px;
}
.element.style7-title .thumb-overlay {
position: absolute;
bottom: -120px;
top: auto;
height: auto;
-webkit-transition: bottom 0.4s;
-moz-transition: bottom 0.4s;
transition: bottom 0.4s;
}
.element.style7-title .element-inner:hover .thumb-overlay {
bottom: 0px;
}
.portfolio-container.force-show-thumb-overlay{
opacity: 0;
transition: opacity 0.4s;
}
.portfolio-container.force-show-thumb-overlay .element .thumb-overlay{
transform: none;
transition: none;
opacity: 1;
display: block;
bottom: 0px;
}
/***************FILTERS**************************/
.filters .sort{
padding:5px 18px 5px 20px;
cursor:pointer;
display: inline-block;
}
.filters{
text-transform: uppercase;
margin-bottom:50px;
font-size: 12px;
text-align: center;
}
.filters h6 {
font-weight: normal;
font-size: 13px;
margin-right: 5px;
margin-bottom: 0;
display: inline-block;
text-transform: uppercase;
}
.filters .current_choice {
border: 1px solid;
}
/*********************************************************************
LOADING
*********************************************************************/
.loader {
text-align: center;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -50px 0px 0px -50px;
display: none;
overflow: hidden;
}
.page-loader {
position: fixed;
z-index: 10;
}
.loader-style1-wrap {
width: 50px;
height: 50px;
position: relative;
margin: 25px;
}
.loader-style1-double-bounce1, .loader-style1-double-bounce2 {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #999;
opacity: 0.6;
top: 0;
left: 0;
-webkit-animation: loader-style1-animation 2.0s infinite ease-in-out;
animation: loader-style1-animation 2.0s infinite ease-in-out;
}
.loader-style1-double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes loader-style1-animation {
0%, 100% {
-webkit-transform: scale(0.0);
}
50% {
-webkit-transform: scale(1.0);
}
}
@keyframes loader-style1-animation {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0)
}
}
.loader-style2-wrap {
width: 50px;
height: 50px;
margin: 25px auto;
background-color: #999;
border-radius: 100%;
-webkit-animation: loader-style2-animation 1.0s infinite ease-in-out;
animation: loader-style2-animation 1.0s infinite ease-in-out;
}
@-webkit-keyframes loader-style2-animation {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes loader-style2-animation {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.loader-style3-wrap {
margin: 10px auto;
width: 80px;
height: 50px;
text-align: center;
font-size: 10px;
}
.loader-style3-wrap > div {
background-color: #999;
height: 100%;
width: 8px;
display: inline-block;
-webkit-animation: loader-style3-animation 1.2s infinite ease-in-out;
animation: loader-style3-animation 1.2s infinite ease-in-out;
margin: 0px 2px;
}
.loader-style3-wrap .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.loader-style3-wrap .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.loader-style3-wrap .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.loader-style3-wrap .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes loader-style3-animation {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loader-style3-animation {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.loader-style4-wrap {
font-size: 10px;
position: relative;
border-top: 7px solid rgba(0, 0, 0, 0.2);
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid #000;
-webkit-animation: loader-style4-animation 1.1s infinite linear;
animation: loader-style4-animation 1.1s infinite linear;
}
.loader-style4-wrap,
.loader-style4-wrap:after {
border-radius: 50%;
width: 40px;
height: 40px;
margin: 23px;
}
@-webkit-keyframes loader-style4-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader-style4-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loader-style5-wrap {
margin: 25px auto;
width: 50px;
height: 50px;
position: relative;
text-align: center;
-webkit-animation: style5-rotate 2.0s infinite linear;
animation: style5-rotate 2.0s infinite linear;
}
.loader-style5-wrap .dot1, .loader-style5-wrap .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #999;
border-radius: 100%;
-webkit-animation: style5-bounce 2.0s infinite ease-in-out;
animation: style5-bounce 2.0s infinite ease-in-out;
}
.loader-style5-wrap .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes style5-rotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes style5-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes style5-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes style5-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*********************************************************************
ELASTISLIDE STYLE
*********************************************************************/
.carousel_bar_area {
position: absolute;
bottom: 0px;
min-width: 70%;
width: 316px;
left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
min-height: 35px;
display: block;
height: 100px;
overflow: hidden;
z-index: 5;
background: url(../images/dots.png) no-repeat center;
}
.carousel_bar_wrap {
position: absolute;
bottom: -300px;
max-width: 100%;
margin: 0 auto;
right: 0px;
left: 0px;
/*margin-bottom: 20px;*/
}
.carousel_bar {
position: relative;
}
.elastislide-list {
list-style-type: none;
display: none;
}
.no-js .elastislide-list {
display: block;
}
.elastislide-carousel ul li {
min-width: 20px; /* minimum width of the image (min width + border) */
}
.elastislide-wrapper {
position: relative;
margin: 0 auto;
min-height: 36px;
}
.elastislide-wrapper.elastislide-loading {
background-image: url(../img/dots.png);
background-repeat: no-repeat;
background-position: center center;
}
.elastislide-horizontal {
padding: 0px;
}
.elastislide-vertical {
padding: 40px 10px;
}
.elastislide-carousel {
overflow: hidden;
position: relative;
}
.elastislide-carousel ul {
position: relative;
display: block;
list-style-type: none;
padding: 0;
margin: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.elastislide-horizontal ul {
white-space: nowrap;
}
.elastislide-carousel ul li {
margin: 0;
-webkit-backface-visibility: hidden;
}
.elastislide-horizontal ul li {
height: 100%;
display: inline-block;
margin: 0px 2px;
width: auto !important;
}
.elastislide-vertical ul li {
display: block;
}
.elastislide-carousel ul li a {
display: inline-block;
width: 100%;
}
.elastislide-carousel ul li a img {
display: block;
max-width: 100%;
width: auto;
}
.elastislide-wrapper nav span {
position: absolute;
width: 23px;
height: 23px;
cursor: pointer;
opacity: 0.8;
background: #000;
}
.elastislide-wrapper nav span:hover {
opacity: 1.0
}
.elastislide-horizontal nav span {
background-position: 7px 10px;
top: 50%;
left: 0px;
margin-top: -10px!important;
overflow: hidden;
}
.elastislide-vertical nav span {
top: 10px;
left: 50%;
margin-left: -11px;
background-position: -17px 5px;
}
.elastislide-horizontal nav span.elastislide-next {
right: 0px;
left: auto;
background-position: 4px 2px;
top: 50%;
margin-top: -10px;
overflow: hidden;
}
.elastislide-vertical nav span.elastislide-next {
bottom: 10px;
top: auto;
background-position: -17px -18px;
}
.elastislide-horizontal nav span {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 20px;
margin: 0;
background: #000;
color: #fff;
}
/**************************************GRID*********************************************/
.grid-wrap {
border-color: #272727;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.grid-wrap .grid-row {
border-color: inherit;
width: 90%;
margin: auto;
}
.grid-wrap .grid-col .font-icon {
display: inline-block;
margin-bottom: 10px;
}
.grid-wrap .grid-col.size-large .font-icon {
font-size: 100px;
}
.grid-wrap .grid-col {
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 10px 3% 50px;
margin: 0px !important;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/******************************************
Animated Icon Box Modules
******************************************/
.animate-icon-module-style1-wrap-container {
position: relative;
width: 100%;
height: 100%;
max-width: 100%;
}
.animate-icon-module-style1-wrap {
display: block;
width: 100%;
height: 300px;
}
.animate-icon-module {
color: inherit;
display: block;
text-align: center;
overflow: hidden;
position: relative;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
overflow: hidden;
display: block;
opacity: 0;
height: 100%;
float: left;
}
.animate-icon-module-normal-content,
.animate-icon-module-hover-content {
display: block;
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.animate-icon-module-style1-wrap .animate-icon-module-normal-content,
.animate-icon-module-style1-wrap .animate-icon-module-hover-content {
z-index: 3;
}
.animate-icon-module-hover-content {
-webkit-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
}
.animate-icon-module-style1.be-bg-overlay .section-overlay{
opacity: 1;
}
/*.animate-icon-module-style1.be-bg-overlay .section-overlay {
-webkit-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: background 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}*/
html body .be-section .be-row .animate-icon-module .animate-icon-module-hover-content *:last-child {
margin-bottom: 0px !important;
}
.top-animate.animate-icon-module .animate-icon-module-normal-content,
.top-animate.animate-icon-module:hover .animate-icon-module-hover-content {
top: 0%;
}
.top-animate.animate-icon-module .animate-icon-module-hover-content {
top: 100%;
}
.top-animate.animate-icon-module:hover .animate-icon-module-normal-content {
top: -100%;
}
.left-animate.animate-icon-module .animate-icon-module-normal-content,
.left-animate.animate-icon-module:hover .animate-icon-module-hover-content {
left: 0%;
}
.left-animate.animate-icon-module .animate-icon-module-hover-content {
left: 100%;
}
.left-animate.animate-icon-module:hover .animate-icon-module-normal-content {
left: -100%;
}
.right-animate.animate-icon-module .animate-icon-module-normal-content,
.right-animate.animate-icon-module:hover .animate-icon-module-hover-content {
right: 0%;
}
.right-animate.animate-icon-module .animate-icon-module-hover-content {
right: 100%;
}
.right-animate.animate-icon-module:hover .animate-icon-module-normal-content {
right: -100%;
}
.bottom-animate.animate-icon-module .animate-icon-module-normal-content,
.bottom-animate.animate-icon-module:hover .animate-icon-module-hover-content {
bottom: 0%;
}
.bottom-animate.animate-icon-module .animate-icon-module-hover-content {
bottom: 100%;
}
.bottom-animate.animate-icon-module:hover .animate-icon-module-normal-content {
bottom: -100%;
}
.fade-animate.animate-icon-module .animate-icon-module-normal-content,
.fade-animate.animate-icon-module:hover .animate-icon-module-hover-content {
opacity: 1;
}
.fade-animate.animate-icon-module .animate-icon-module-hover-content {
opacity: 0
}
.fade-animate.animate-icon-module:hover .animate-icon-module-normal-content {
opacity: 0;
}
.display-table {
display: table;
width: 100%;
height: 100%;
}
.display-table-cell {
display: table-cell;
}
.animate-icon-module-style1 .animate-icon-module-hover-content .display-table-cell{
padding:10px;
}
.vertical-align-middle {
vertical-align: middle;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
/******************************************
Animated Icon Box Modules Style2
******************************************/
.display-block {
display: block;
position: relative;
}
.animate-icon-module-style2-wrap {
display: table;
table-layout: fixed;
width: 100%;
height: auto;
}
.animate-icon-module-style2 {
display: block;
-webkit-transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
-moz-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
-o-transition: background-color 200ms linear, height 200ms linear, opacity 200ms linear;
transition: background-color 200ms linear, height 500ms linear, opacity 200ms linear;
overflow: hidden;
display: table-cell;
/*height: auto;*/
opacity: 0;
width: 100%;
vertical-align: middle;
}
.animate-icon-module-style2-inner-wrap{
text-align: center;
position: relative;
}
.animate-icon-icon {
display: block;
margin-bottom: 10px;
}
.animate-icon-module-style2 .animate-icon-icon,
.animate-icon-module-style2 .animate-icon-title {
-webkit-transition: color 150ms linear;
-moz-transition: color 150ms linear;
-o-transition: color 150ms linear;
transition: color 150ms linear;
}
.animate-icon-module-style2-hover-content {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: auto;
transform: translateY(100%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 20px;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.animate-icon-module-style2-normal-content {
position: relative;
/*display: block;*/
display: inline-block;
top: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.animate-icon-module-style2-normal-content br {
display: none;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-normal-content{
transform: translateY(-50%);
margin-bottom: 12px;
}
.animate-icon-module-style2:hover .animate-icon-module-style2-hover-content{
opacity: 1;
transform: translateY(12px);
}
.be-section .be-row:not(:last-child) .column-block .animate-icon-module-style2-normal-content h6:last-child {
margin-bottom: 0 !important;
}
/******************************************
Tweet
******************************************/
.tweet-slides{
display: none;
}
.tweet_list {
position: relative;
text-align: left;
}
.center-content .tweet_list {
text-align: center;
}
.tweet_list .meta {
display: block;
position: relative;
z-index: 2;
color: inherit;
}
.tweet-slides .testimonial_slide_inner{
padding-left: 0px;
}
/*.tweet-slides .flex-control-nav {
display: none;
}*/
.tweet_list .icon-twitter {
/*position: absolute;*/
top: 0px;
left: 0px;
font-size: 80px;
z-index: 1;
color: #dfdfdf;
line-height: 80px;
}
.tweet_list .status {
position: relative;
z-index: 2;
display: block;
margin-bottom: 10px;
margin-top: 15px;
}
.tweet_list .tweet-content{
line-height: 2.0;
}
.tweet_list h6 {
font-size: inherit;
text-transform: uppercase;
}
/*********************************************************************
ACCORDIAN
*********************************************************************/
.accordion {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
padding: 0;
min-height: 0;
margin: 0px;
margin-top: 25px;
outline: 0;
line-height: normal;
font-size: inherit;
}
.ui-accordion .ui-accordion-header:first-child {
margin-top: 0;
}
.ui-accordion .ui-accordion-content p:last-child {
margin-bottom: 0px;
}
.ui-accordion .ui-accordion-header.top-space {
margin-top: 20px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 20px 20px 20px 0;
border-top: 0;
overflow: auto;
background: none;
margin-top: -1px;
}
.ui-accordion-header:before {
content: '\e806';
font-family: "icomoon";
margin-right: 15px;
font-size: 16px;
position: relative;
top: 1px;
}
.ui-accordion-header-active:before {
content: '\e7ec';
font-family: "icomoon";
margin-right: 15px;
font-size: 16px;
position: relative;
top: 1px;
}
/*********************************************************************
BUTTONS
*********************************************************************/
.be-button-wrap {
display: inline-block;
margin:0 20px 10px 0;
}
.be-button-wrap.align-block {
display: block;
margin:0 0 40px 0;
}
.be-button {
display: inline-block;
text-decoration: none;
border-color: transparent;
text-transform: uppercase;
letter-spacing: 1px;
}
.be-button {
transition: 0.3s linear all !important;
-webkit-transition: 0.3s linear all !important;
-moz-transition: 0.3s linear all !important;
-ms-transition: 0.3s linear all !important;
-o-transition: 0.3s linear all !important;
}
.be-buttton-wrap.block-center .be-button {
margin:0px 0px 10px 0;
}
.be-buttton-wrap.block-center .font-icon {
margin-right: 0px;
}
p .be-button {
margin-bottom: 0;
}
.be-button.rounded {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.be-button.circular {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.smallbtn {
font-size: 11px;
line-height: 12px;
padding: 12px 15px;
}
.circular.smallbtn{
padding: 12px 25px;
}
.mediumbtn {
font-size: 13px;
line-height: 14px;
padding: 15px 20px;
}
.circular.mediumbtn{
padding: 15px 30px;
}
.largebtn {
font-size: 15px;
line-height: 16px;
padding: 18px 25px;
}
.circular.largebtn{
padding: 18px 35px;
}
.blockbtn{
font-size: 17px;
display: block;
padding: 22px 0;
}
.be-button i {
margin-right: 1em;
}
.icon-shortcode {
margin-bottom: 15px;
}
.icon-shortcode .font-icon.tiny.diamond{
margin: 9px !important;
}
.icon-shortcode .font-icon.small.diamond{
margin: 11px !important;
}
.icon-shortcode .font-icon.medium.diamond{
margin: 17px !important;
}
.icon-shortcode .font-icon.large.diamond{
margin: 22px !important;
}
.icon-shortcode .font-icon.xlarge.diamond{
margin: 27px !important;
}
a.icon-shortcode.icon-plain{
display: inline-block;
}
.be-button-wrap.block-left {
text-align: left;
}
.be-button-wrap.block-center {
text-align: center;
}
.be-button-wrap.block-right{
text-align: right;
}
.be-button-wrap.block-right a.be-button {
margin-right: 0px;
}
.icon-shortcode.block-center .font-icon {
margin-right: 0;
}
.be-button.right-icon i.font-icon {
margin: 0px 0px 0px 1em;
}
.be-button.bg-animation-slide-bottom,
.be-button.bg-animation-slide-top {
-webkit-background-size: 100% 200%;
-moz-background-size: 100% 200%;
-o-background-size: 100% 200%;
background-size: 100% 200%;
}
.be-button.bg-animation-slide-bottom:hover {
background-position: 0 100%;
}
.be-button.bg-animation-slide-top:hover {
background-position: 0 -100%;
}
.be-button.bg-animation-slide-left,
.be-button.bg-animation-slide-right {
-webkit-background-size: 200% 100%;
-moz-background-size: 200% 100%;
-o-background-size: 200% 100%;
background-size: 200% 100%;
}
.be-button.bg-animation-slide-right:hover {
background-position: 100% 0;
}
.be-button.bg-animation-slide-left:hover {
background-position: -100% 0;
}
.be-button-wrap.popup-gallery {
display: block !important;
}
/*********************************************************************
CALL TO ACTION
*********************************************************************/
.call-to-action {
padding: 30px 0px;
display: table;
width: 100%;
text-align: center;
}
.action-content {
display: inline;
margin-bottom: 0;
line-height: 47px;
margin-right: 40px;
}
.action-button {
position: relative;
top: -4px;
}
/*********************************************************************
DROP CAPS
*********************************************************************/
.dropcap .font-icon:before{
width: auto;
margin: 0;
}
.dropcap-circle, .dropcap-letter, .dropcap-icon,.dropcap-rounded{
float: left;
text-transform: uppercase;
}
.dropcap-circle.small, .dropcap-square.small, .dropcap-rounded.small {
margin-top: 3px;
font-size: 19px;
line-height: 36px;
margin-right: 10px;
width: 36px;
height: 35px;
text-align: center;
}
.dropcap-circle {
border-radius: 50%;
}
.dropcap-rounded {
border-radius: 3px;
}
.dropcap-letter {
font-size: 35px;
margin: 5px 10px 0 0;
}
.dropcap-letter.small{
font-size: 24px;
margin: 5px 15px 0 0;
}
.dropcap-circle.big, .dropcap-square.big, .dropcap-rounded.big {
margin-top: 5px;
font-size: 26px;
line-height: 47px;
width: 47px;
height: 47px;
margin-right: 10px;
text-align: center;
}
.dropcap-circle , .dropcap-rounded {
color:#fff;
}
.dropcap i:before {
line-height: inherit !important;
}
/*********************************************************************
ICONS
*********************************************************************/
.icon-shortcode .font-icon {
display: inline-block !important;
border: 1px solid #323232;
text-align: center;
/*margin-right: 10px;*/
font-family: "icomoon";
/*margin-bottom: 10px;*/
transition: 0.3s linear all !important;
-webkit-transition: 0.3s linear all !important;
-moz-transition: 0.3s linear all !important;
-ms-transition: 0.3s linear all !important;
-o-transition: 0.3s linear all !important;
}
.icon-shortcode.align-right .font-icon,
.icon-shortcode.align-left .font-icon,
.icon-shortcode.align-center .font-icon{
margin-bottom: 10px;
}
.icon-shortcode.align-none{
display: inline-block;
margin-bottom: 10px !important;
margin-right: 10px !important;
}
.font-icon.tiny {
font-size: 12px;
}
.font-icon.small {
font-size: 16px;
}
.font-icon.medium {
font-size: 25px;
}
.font-icon.large {
font-size: 40px;
}
.font-icon.xlarge {
font-size: 55px;
}
.font-icon.tiny.plain {
font-size: 18px;
}
.font-icon.small.plain {
font-size: 24px;
}
.font-icon.medium.plain {
font-size: 35px;
}
.font-icon.large.plain {
font-size: 50px;
}
.font-icon.xlarge.plain {
font-size: 80px;
}
.font-icon.tiny {
width: 28px;
height: 28px;
line-height: 28px;
}
.font-icon.small {
width: 45px;
height: 45px;
line-height: 45px;
}
.font-icon.medium {
height: 75px;
line-height: 75px;
width: 75px;
}
.font-icon.large {
width: 100px;
height: 100px;
line-height: 100px;
}
.font-icon.xlarge {
width: 125px;
height: 125px;
line-height: 125px;
}
.font-icon.plain{
border: none !important;
width: auto ;
margin-bottom: 15px;
height: auto;
line-height: normal;
}
.font-icon.plain:before {
width: auto;
margin-left: 0;
margin-right: 0;
}
.font-icon.circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.font-icon.diamond {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-transform: rotate(45deg);
}
.font-icon.diamond:before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-transform: rotate(-45deg);
position: relative;
display: inline-block;
}
.icon-shortcode.block-center, .icon-shortcode.block-center, .icon-shortcode.block-right {
display: block;
margin-bottom: 30px;
}
.icon-shortcode.block-left {
text-align: left;
}
.icon-shortcode.block-center {
text-align: center;
}
.icon-shortcode.block-right {
text-align: right;
}
/*********************************************************************
LISTS
*********************************************************************/
.custom-list {
list-style: none;
padding: 0;
}
.custom-list .font-icon {
font-size: 15px;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
display: block;
}
.custom-list .font-icon.circled {
width: 30px;
height: 30px;
line-height: 30px;
}
.custom-list-content {
width: auto;
line-height: 25px;
margin-bottom: 12px;
position: relative;
}
.custom-list-content-inner {
padding-left: 45px;
display: inline-block;
}
/*********************************************************************
NOTIFICATION
*********************************************************************/
.be-notification {
margin-bottom: 20px;
}
#be-pb-main .be-shortcode, #be-pb-main .be-notification{
margin-bottom: 0;
}
.success, .wpcf7-response-output.wpcf7-mail-sent-ok {
background: #26cda4;
color: #000;
}
.error, .wpcf7-response-output.wpcf7-validation-errors{
background: #dd6868;
color:#fff;
}
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
cursor: default;
line-height:20px;
margin-bottom:20px;
padding: 15px;
border:none;
text-align: center;
position: relative;
border-radius: 2px;
}
.be-notification span.close {
cursor: pointer;
margin-top: -7px;
position: absolute;
right: 20px;
top: 50%;
line-height: 14px;
width: 15px;
height: 15px;
font-size: 14px;
color: #fff;
}
/*********************************************************************
PRICING TABLE
*********************************************************************/
.pricing-table {
list-style: none;
padding: 0;
/*border-bottom: none !important;*/
background: #fff;
padding-bottom: 25px;
}
.pricing-table.sec-border{
border-width:1px !important;
}
.pricing-table li {
margin: 0;
padding: 20px;
text-align: center;
}
.pricing-table li.pricing-price .price{
margin-bottom: 5px;
}
.pricing-table li.pricing-button {
padding: 20px 15px 0px 15px;
}
.pricing-table li.pricing-button .be-button{
border-radius: 0px;
border-width: 2px !important;
}
.pricing-button .button{
margin: 0;
}
.pricing-price{
padding: 30px 15px;
}
li.pricing-feature{
padding: 10px 0;
}
.pricing-table .price {
font-size: 40px;
line-height: 50px;
display: inline-block;
}
.pricing-table .currency{
font-size: 20px;
}
.pricing-table .pricing-duration {
display: block;
}
.pricing-table.highlight-no {
/*top: 10px;*/
/*position: relative;*/
}
.pricing-duration.special-subtitle{
max-width: 100%;
}
.pricing-table.highlight-yes .pricing-title,
.pricing-table.highlight-yes .pricing-button {
padding: 28px 15px;
/*padding: 10px;*/
}
/*********************************************************************
SERVICES
*********************************************************************/
.be-services {
margin: 0 auto;
max-width: 80%;
overflow: hidden;
list-style: none;
padding: 0;
position: relative;
list-style-type: none;
opacity: 0;
position: relative;
}
.be-service.even {
float: left;
padding: 0px 58% 0 0;
}
.be-service {
float: right;
margin: 0 0 10px;
padding: 0 0 0 58%;
position: relative;
}
.be-service .font-icon {
position: absolute;
top: 0px;
display: block;
right: 50%;
margin-right: -22px;
background: #000;
color: #fff;
border-radius: 50%;
z-index: 1;
line-height: 44px;
width: 44px;
height: 44px;
text-align: center;
-webkit-transition: background 500ms ease, color 500ms ease;
-moz-transition: background 500ms ease, color 500ms ease;
-ms-transition: background 500ms ease, color 500ms ease;
-o-transition: background 500ms ease, color 500ms ease;
transition: background 500ms ease, color 500ms ease;
}
.be-service .service-wrap div.service-content{
padding: 6% 9%;
}
.be-service .font-icon.icon-size-large {
line-height: 84px;
margin-right: -42px;
font-size: 30px;
width: 84px;
height: 84px;
text-align: center;
}
.be-service .font-icon.icon-size-medium {
line-height: 64px;
margin-right: -32px;
font-size: 22px;
width: 64px;
height: 64px;
text-align: center;
}
.services-outer-wrap span.timeline {
position: absolute;
top: 0px;
right: 50%;
display: block;
background: #000;
height: 100%;
width: 1px;
margin-right: -0.5px;
}
.services-outer-wrap {
position: relative;
}
.be-service.odd,
.be-service.even {
margin-bottom:30px;
}
/*********************************************************************
SKILLS
*********************************************************************/
.skill-wrap .skill-bar {
height: 15px;
position: relative;
}
.expand {
height: 15px;
line-height: 15px;
position:absolute;
top: 0;
left: 0;
width: 0px;
transition: all 0.7s linear !important;
}
.skill-wrap .skill-bar {
font-size: inherit;
display: block;
}
.skill-wrap .skill_name{
display: block;
}
.skill-vertical .skill-wrap .skill-bar{
margin-bottom: 8px !important;
}
.skill-vertical .skill-wrap .skill_name{
margin-bottom: 25px !important;
}
.skill-horizontal .skill-wrap .skill-bar{
margin-bottom: 25px !important;
}
.skill-horizontal .skill-wrap .skill_name{
margin-bottom: 8px !important;
}
.skill-vertical .skill {
display: block;
width: 100%;
height: 100%;
padding: 0px 10px;
}
.skill-vertical .skill-wrap {
text-align: center;
padding: 0px 10px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.skill-vertical .skill-wrap .skill-bar .be-skill {
width: 100% !important;
bottom: 0px;
position: absolute;
top: auto;
}
/*********************************************************************
SPECIAL HEADING
*********************************************************************/
.special-heading {
position: relative;
}
.special-h-tag {
margin: 0;
}
.special-heading:first-child{
margin-top: 0;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.special-heading-wrap.style1 .special-h-tag{
margin-bottom: 30px;
}
.special-heading-wrap.style2 .special-heading{
border: 3px solid #e8e8e8;
display: inline-block;
padding: 1% 5%;
}
.special-heading-wrap.style2 {
margin-bottom: 20px;
}
.style2 .special-heading .special-h-tag{
display: inline;
}
.special-heading-wrap.style1 .margin-bottom{
margin-bottom: 30px !important;
}
.special-heading.align-left .separator {
margin: 0;
}
.special-heading-wrap.style1 br,
.special-heading-wrap.style2 br {
display: none;
}
.special-heading-wrap.style1 .sub-title {
display: block;
font-size: 16px;
max-width: 80%;
/* margin: 0 auto; */
line-height: 35px;
}
.special-heading-wrap.style1 .align-center .sub-title{
margin: 0 auto;
}
.special-heading-wrap.style1 .align-right .sub-title{
margin: 0 0 0 auto;
}
.special-heading-wrap.style3 {
text-align: center;
overflow: hidden;
}
.special-heading-wrap.style3 .special-h-tag {
text-align: center;
padding-bottom: 0px;
margin: 20px 0px !important;
}
html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
margin-bottom: 20px !important;
}
.special-heading-wrap.style3 .special-heading {
margin-bottom: 0px;
}
.special-heading-wrap.style3 .caption-wrap {
text-align: center;
position: relative;
}
.special-heading-wrap.style3 .caption {
padding: 0 15px;
display: inline-block;
position: relative;
}
.special-heading-wrap.style3 .caption .caption-inner {
background: #ddd;
}
.special-heading-wrap.style3 .caption .caption-inner:before, .special-heading-wrap.style3 .caption .caption-inner:after {
content: "";
position: absolute;
display: inline-block;
height: 1px;
width: 100px;
left: -100px;
top: 50%;
background: inherit;
margin-top: -1px;
}
.special-heading-wrap.style3 .caption .caption-inner:after {
right: -100px;
left: auto;
}
.be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child {
margin-bottom: 0 !important;
}
.sep-with-icon-wrap{
margin-bottom: 20px;
}
.sep-with-icon {
display: inline-block;
vertical-align: middle;
}
.sep-icon {
line-height: 16px;
font-size: 16px;
vertical-align: middle;
margin: 0 20px;
}
.icon-dimond {
width: 10px;
height: 10px;
background: #000;
display: inline-block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
/*SPECIAL SUB TITLE*/
.special-subtitle {
line-height: 1.8em;
display: inline-block;
max-width: 60%;
}
.special-subtitle-wrap{
margin-bottom: 30px;
}
/*********************************************************************
TABS
*********************************************************************/
.tabs {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.ui-tabs {
position: relative;
margin-bottom: 50px;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
padding: 0;
margin: 0;
white-space: nowrap;
margin-right: 30px;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0 0 10px;
text-decoration: none;
outline: 0;
border-left: none;
color: inherit;
}
.ui-tabs .ui-tabs-panel p:last-child {
margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
border-bottom: 2px solid;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
.tabs li a.tab-icon:before {
font-size: 15px;
width: 25px;
text-align: left;
vertical-align: middle;
margin-right: 12px;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
margin-top: -1px;
padding: 25px 0;
}
.ui-tabs .ui-tabs-panel p {
width: 100%;
}
/*********************************************************************
TITLE WITH ICON
*********************************************************************/
.title-icon {
display: inline-block;
text-align: center;
float: left;
margin-right: 30px;
position: relative;
}
.title-icon.align-right {
float: right;
margin-left: 30px;
margin-right: 0px;
}
.title-icon.circled {
border: 1px solid transparent;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.title-icon.small {
font-size: 21px;
width: 30px;
height: 30px;
line-height: 30px;
margin-right: 20px;
}
.title-icon.medium {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 28px;
}
.title-icon.medium.plain {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 28px;
}
.title-with-icon {
padding-left: 80px;
margin-bottom: 50px;
}
.title-with-icon.small.plain {
padding-left: 50px;
}
.title-icon.small.circled {
width: 45px;
height: 45px;
line-height: 45px;
}
.title-with-icon.small {
padding-left: 70px;
}
.title-with-icon.small.align-right {
padding-right: 70px;
}
.title-icon.small.align-right {
margin-left: 20px;
margin-right: 0;
}
.title-with-icon.medium {
padding-left: 100px;
}
.title-with-icon.medium.plain {
padding-left: 60px;
}
.title-with-icon.align-right {
padding-right: 80px;
}
.title-with-icon.small.plain.align-right {
padding-right: 50px;
}
.title-with-icon.medium.align-right {
padding-right: 100px;
}
.title-with-icon.medium.plain.align-right {
padding-right: 60px;
}
.title-with-icon.align-right,
.title-with-icon.small.plain.align-right,
.title-with-icon.medium.align-right,
.title-with-icon.medium.plain.align-right {
padding-left: 0px;
text-align: right;
}
/*********************************************************************
Menu Card
*********************************************************************/
.menu-card-item-info {
padding-right: 40px;
}
.menu-card-item {
position: relative;
display: block;
border-bottom-width: 1px;
border-style: solid;
border-color: inherit;
padding: 15px 10px;
margin-bottom: 0px;
}
.menu-card-title {
font-size: 13px !important;
line-height: 24px !important;
padding-right: 10px;
}
.menu-card-ingredients {
font-size: 16px !important;
line-height: 24px !important;
max-width: none;
display: initial;
}
.menu-card-item-price {
font-size: 13px !important;
line-height: 24px !important;
position: absolute;
top: 15px;
right: 10px;
}
.menu-card-item.highlight-menu-item {
background: #f1edde;
border-bottom: none;
}
.menu-card-item-stared {
padding-left: 10px;
}
/*Seperator*/
.separator{
display: inline-block;
}
hr.separator{
margin-bottom: 20px !important;
}
.mail-chimp-form input[type="text"] {
width: 100%;
}
.mail-chimp-submit-wrap input[type="submit"]{
margin: 0px;
}
.mail-chimp-email-wrap {
width: 50%;
margin-right: 20px;
display: inline-block;
}
.mail-chimp-submit-wrap{
display: inline-block;
}
.mail-chimp-submit {
line-height: 7px !important;
}
/*********************************************************************
PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license
*********************************************************************/
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
display: block; }
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__container, .pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container, .pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none; }
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }
.pswp__container, .pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s; }
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222; }
.pswp--ie .pswp__img {
width: 100%;
height: 100%;
left: 0;
top: 0; }
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }
.pswp__error-msg a {
color: #CCC;
text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*