/* Plugin Name : BE Page Builder Version : 4.6.1 */ /* * 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; }*/ /********************************************************************* CONTACT FORM *********************************************************************/ .contact_form.style2 .field_name, .contact_form.style2 .field_email{ width: 48%; float: left; } .contact_form.style2 .field_name{ margin-right: 4%; } .contact_form.style2 .submit-fieldset{ text-align: center; } /********************************************************************* 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:0px 8px; } .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; } /********************************************************************* BUBBLE TESTIMONIAL *********************************************************************/ .bubble_testimonial_wrap { position: relative; margin-bottom: 30px; } .bubble_testimonial_wrap i.font-icon.icon-quote { font-size: 100px; position: absolute; top: -18px; opacity: 0.2; right: -14px; display: inline-block; z-index: 3; } .bubble_testimonial_inner_wrap:after { content: ""; display: block; position: absolute; } .bubble_left .bubble_testimonial_inner_wrap:after{ left: 45px; border: 9px solid; border-top-color: inherit; border-right-color: transparent; border-bottom-color: transparent; border-left-color: inherit; } .bubble_center .bubble_testimonial_inner_wrap:after{ left: 50%; transform:translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); border: 15px solid; border-top-color: inherit; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .bubble_right .bubble_testimonial_inner_wrap:after{ right: 45px; border: 9px solid; border-top-color: inherit; border-right-color: inherit; border-bottom-color: transparent; border-left-color: transparent; } .bubble_testimonial_inner_wrap .testimonial-content{ padding: 30px 23px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .bubble_testimonial .testimonial-author-info-wrap h6.testimonial-author{ margin-bottom: 0px; } .bubble_testimonial.bubble_left .testimonial-author-info-wrap { margin-left: 20px; } .bubble_testimonial.bubble_right .testimonial-author-info-wrap { text-align: right; } .bubble_testimonial.bubble_center .testimonial-author-img{ display: block; padding-bottom: 10px; margin: 0 auto; } .bubble_testimonial.bubble_center .testimonial-author-info{ text-align: center; display: block; } /********************************************************************* 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 40px 0px; overflow: hidden; } .element-empty-message { width: 100% !important; text-align: center; text-align: center; } .justified-gallery.init-slide-left .flip-img-wrap, .portfolio-shortcode.init-slide-left .flip-img-wrap, .portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay{ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .justified-gallery.init-slide-right .flip-img-wrap, .portfolio-shortcode.init-slide-right .flip-img-wrap, .portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .justified-gallery.init-slide-left .flip-img-wrap.img-loaded, .portfolio-shortcode.init-slide-left .flip-img-wrap.img-loaded, .justified-gallery.init-slide-right .flip-img-wrap.img-loaded, .portfolio-shortcode.init-slide-right .flip-img-wrap.img-loaded, .portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay.img-loaded, .portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay.img-loaded { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .justified-gallery.init-slide-top .flip-img-wrap, .portfolio-shortcode.init-slide-top .flip-img-wrap, .portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .justified-gallery.init-slide-bottom .flip-img-wrap, .portfolio-shortcode.init-slide-bottom .flip-img-wrap, .portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .justified-gallery.init-slide-top .flip-img-wrap.img-loaded, .portfolio-shortcode.init-slide-top .flip-img-wrap.img-loaded, .justified-gallery.init-slide-bottom .flip-img-wrap.img-loaded, .portfolio-shortcode.init-slide-bottom .flip-img-wrap.img-loaded, .portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay.img-loaded, .portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay.img-loaded { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .justified-gallery.init-scale .flip-img-wrap, .portfolio-shortcode.init-scale .flip-img-wrap, .portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .justified-gallery.init-scale .flip-img-wrap.img-loaded, .portfolio-shortcode.init-scale .flip-img-wrap.img-loaded, .portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay.img-loaded { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .justified-gallery .flip-img-wrap, .portfolio-shortcode .flip-img-wrap, .portfolio-shortcode.force-show-thumb-overlay .thumb-overlay { 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: transform 0.7s !important; } /***************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.one-col .element { width: 100%; } .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; } .full-screen-gutter.style2-gutter { margin-right: 0px !important; margin-left: -40px; } .full-screen-gutter .element .element-inner { margin-left: 40px; } .full-screen-gutter .element { margin-bottom: 40px; } /*********************************************************************/ .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; } .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,*/ .hover-icon-no-show .thumb-title{ 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 { opacity: 0; transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; } .element.style1-hover .element-inner:hover .thumb-overlay{ opacity: 1; } .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; } .touch .justified-gallery .element-inner:hover .thumb-overlay{ opacity: 0; transition: none; transform: none; } .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{ /*text-transform: uppercase;*/ margin-bottom:40px; /*font-size: 12px;*/ text-align: center; } .filters .sort{ cursor:pointer; display: inline-block; } .filters.border .sort{ padding:5px 18px 5px 20px; } .filters.rounded .sort{ padding: 3px 20px; } .filters .filter_item { font-weight: normal; margin-bottom: 0; display: inline-block; } .filters.border .filter_item{ margin-right: 5px; } .filters.single_border .filter_item{ border-right: 1px solid; padding: 0px 13px; line-height: normal; } .filters.border .current_choice { border: 1px solid; } .filters.rounded .current_choice{ border-radius: 50px; } /********************************************************************* 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_dots{ width: 41px; height: 75px; z-index: 2; position: absolute; display: block; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background: url(../img/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; display: table; } .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;*/ display: table-cell; vertical-align: middle; 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);*/ -webkit-transition: all 600ms ease; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .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 */ -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .animate-icon-module-style1.be-bg-overlay .section-overlay{ opacity: 1; } .animate-icon-module-style1 .section-overlay{ transition: all 600ms ease; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } /*.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); }*/ .animate-icon-module-style1 .animate-icon-module-normal-content .title_content{ margin-top: 18px; } 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; } .accordion .accordion-head.with-bg.ui-accordion-header{ transition: background-color 0.5s linear; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; } /********************************************************************* 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; } .be-button.link { padding-left:0px; } .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; } /********************************************************************* BUTTON GROUP *********************************************************************/ #content .be_button_group{ margin-bottom:20px; } .be_button_group .be-button-wrap{ margin-right: 20px; } .be_button_group .be-button-wrap.align-right{ margin-right: 0px; margin-left: 20px; } .be_button_group .be-button-wrap.align-block{ display: inline; } /********************************************************************* 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; } .be-dropcap-wrap.style2{ position: relative; } .be-dropcap-wrap.style2 .dropcap{ opacity: 0.3; font-weight: bold; line-height: 1em; display: inline-block; } .be-dropcap-wrap.style2 .be-dropcap-title{ position: absolute; left: 1%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; line-height: 1em; } /********************************************************************* 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; } /********************************************************************* ICON GROUP *********************************************************************/ #content .be_icon_group{ margin-bottom:20px; } .be_icon_group div.icon-shortcode { display: inline; margin-right: 20px; } .be_icon_group.align-right div.icon-shortcode{ margin-right: 0px; margin-left: 20px; } /********************************************************************* 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; } .special-heading-wrap.style4 { text-align: center; margin-bottom: 30px; } .special-heading-wrap.style4 .vertical-divider{ width: 1px; height: 45px; display: inline-block; } .special-heading-wrap.style4 .special-h-tag{ margin-bottom: 0px !important; } .special-heading-wrap.style4 .vertical-divider.top{ margin-bottom: 20px; } .special-heading-wrap.style4 .special-heading{ margin-bottom: 30px } /*.special-heading-wrap.style4 .vertical-divider.bottom{ margin-top: 20px; }*/ .special-heading-wrap.style4 .caption-wrap{ margin-bottom: 6px; } .special-heading-wrap.style5{ position: relative; } .special-heading-wrap.style5 .caption-wrap{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); line-height: 1em !important; width: 100%; } .special-heading-wrap.style5.align-left .caption-wrap{ left:0%; right: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .special-heading-wrap.style5.align-right .caption-wrap{ right:0%; left: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .special-heading-wrap.style5 .caption{ line-height: 1em !important; max-width: 100% !important; } .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; } /********************************************************************* ICON CARD *********************************************************************/ .be_icon_card_wrap { position: relative; } .be_icon_card_wrap .font-icon{ position: absolute; top: 50%; transform: translateY(-51%); text-align: center; } .be_icon_card_wrap.small .font-icon{ font-size: 17px; } .be_icon_card_wrap.large .font-icon{ font-size: 25px; } .be_icon_card_wrap.small.circled .font-icon{ width: 45px; height: 45px; line-height: 45px; border-radius: 50px; } .be_icon_card_wrap.large.circled .font-icon{ font-size: 25px; width: 65px; height: 65px; line-height: 65px; border-radius: 50px; } .be_icon_card_wrap.small .title-with-icon-card{ min-height: 48px; } .be_icon_card_wrap.large .title-with-icon-card{ min-height: 68px; } .be_icon_card_wrap.small.circled .title-with-icon-card{ padding-left: 65px; } .be_icon_card_wrap.large.circled .title-with-icon-card{ padding-left: 85px; } .be_icon_card_wrap.small.plain .title-with-icon-card{ padding-left: 37px; } .be_icon_card_wrap.large.plain .title-with-icon-card{ padding-left: 55px; } .be_icon_card_wrap h1, .be_icon_card_wrap h2, .be_icon_card_wrap h3, .be_icon_card_wrap h4, .be_icon_card_wrap h5, .be_icon_card_wrap h6{ margin-bottom: 0px; } /********************************************************************* 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 */ /*