img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/* Original theme options CSS */
body {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}
.layout-box #header-inner-wrap,
#header-inner-wrap,
body.header-transparent #header #header-inner-wrap.no-transparent,
.left-header .sb-slidebar.sb-left
{
background-color: rgb(242,243,248);background-color: rgba(242,243,248,1);}
#mobile-menu,
#mobile-menu ul {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}
body.header-transparent #header-inner-wrap{
background: transparent;
}
#header .header-border{
border-bottom: 0 none ;
}
#header-top-bar{
background-color: rgb(50,50,50);background-color: rgba(50,50,50,0.85); border-bottom: 0 none #9b9b9b;
color: #ffffff;
}
#header-top-bar #topbar-menu li a{
color: #ffffff;
}
#header-bottom-bar{
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1); border-top: 0 none #323232;
border-bottom: 0 none #323232;
}
body.header-transparent #header #header-inner-wrap {
-webkit-transition: background .25s ease, box-shadow .25s ease;
-moz-transition: background .25s ease, box-shadow .25s ease;
-o-transition: background .25s ease, box-shadow .25s ease;
transition: background .25s ease, box-shadow .25s ease;
}
body.header-transparent.semi .layout-wide #header .semi-transparent ,
body.header-transparent.semi .layout-border #header .semi-transparent {
background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); !important ;
}
body.header-transparent.semi .layout-box #header .semi-transparent #header-wrap{
background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); !important ;
}
#content,
#blog-content {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}
#bottom-widgets {
background-color: rgb(242,243,248);background-color: rgba(242,243,248,1);}
#footer {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}
#footer .footer-border{
border-bottom: 0 none ;
}
.page-title-module-custom {
background-color: rgb(242,243,248);background-color: rgba(242,243,248,1);}
#navigation .sub-menu,
#navigation .children,
#navigation-left-side .sub-menu,
#navigation-left-side .children,
#navigation-right-side .sub-menu,
#navigation-right-side .children {
background-color: rgb(31,31,31);background-color: rgba(31,31,31,1);}
.sb-slidebar.sb-right {
background-color: rgb(26,26,26);background-color: rgba(26,26,26,1);}
.left-header .left-strip-wrapper,
.left-header #left-header-mobile {
background-color : #f2f3f8 ;
}
.layout-box-top,
.layout-box-bottom,
.layout-box-right,
.layout-box-left,
.layout-border-header-top #header-inner-wrap,
.layout-border-header-top.layout-box #header-inner-wrap,
body.header-transparent .layout-border-header-top #header #header-inner-wrap.no-transparent {
background-color: rgb(211,211,211);background-color: rgba(211,211,211,1);}
.left-header.left-sliding.left-overlay-menu .sb-slidebar{
background-color: rgb(8,8,8);background-color: rgba(8,8,8,0.90);
}
.top-header.top-overlay-menu .sb-slidebar{
background-color: rgb(26,26,26);background-color: rgba(26,26,26,1);}
.search-box-wrapper{
background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.85);}
.search-box-wrapper.style1-header-search-widget input[type="text"]{
background-color: transparent !important;
color: #000000;
border: 1px solid #000000;
}
.search-box-wrapper.style2-header-search-widget input[type="text"]{
background-color: transparent !important;
font-style: ;
font-weight: ;
font-family: Crimson Text;
color: #000000;
border: none !important;
box-shadow: none !important;
}
.search-box-wrapper .searchform .search-icon{
color: #000000;
}
#header-top-bar-right .search-box-wrapper.style1-header-search-widget input[type="text"]{
border: none;
}
/* ======================
Typography
====================== */
body,
.special-heading-wrap .caption-wrap .body-font {
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #5f6263;
line-height: 26px;
letter-spacing: 0px;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
font: 700 55px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 70px;
letter-spacing: .5px;
text-transform: none;}
h2 {
font: 700 42px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 63px;
letter-spacing: 0px;
text-transform: none;}
h3 {
font: 700 35px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 52px;
letter-spacing: 1px;
text-transform: none;}
h4 {
font: 400 26px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 42px;
letter-spacing: 1px;
text-transform: none;}
h5, #reply-title {
font: 400 20px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 36px;
letter-spacing: 0px;
text-transform: none;}
h6,
.testimonial-author-role.h6-font,
.menu-card-title,
.menu-card-item-price {
font: 400 15px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 32px;
letter-spacing: .5px;
text-transform: none;}
.gallery-side-heading {
font-size: 13px;
}
.special-subtitle ,
.style1.thumb-title-wrap .portfolio-item-cats {
font-style: ;
font-size: 15px;
font-weight: ;
font-family: Crimson Text;
text-transform: none;
letter-spacing: 0px;
}
.top-right-sliding-menu .sb-right ul#slidebar-menu li,
.overlay-menu-close {
font: 400 12px "Raleway","Open Sans","Arial",sans-serif;
color: #ffffff;
line-height: 50px;
letter-spacing: 1px;
text-transform: uppercase;}
.top-right-sliding-menu .sb-right ul#slidebar-menu li a{
color: #ffffff !important;
}
.top-right-sliding-menu .sb-right #slidebar-menu ul.sub-menu li{
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #ffffff;
line-height: 25px;
letter-spacing: ;
text-transform: none;}
.top-right-sliding-menu .sb-right ul#slidebar-menu li a{
color: #ffffff !important;
}
.sb-right #slidebar-menu .mega .sub-menu .highlight .sf-with-ul{
font: 400 12px "Raleway","Open Sans","Arial",sans-serif;
color: #ffffff;
line-height: 50px;
letter-spacing: 1px;
text-transform: uppercase;;
color: #ffffff !important;
}
#navigation,
.style2 #navigation,
#navigation-left-side,
#navigation-right-side,
.header-cart-controls .cart-contents,
.sb-left #slidebar-menu,
#header-controls-right,
#header-controls-left,
body #header-inner-wrap.top-animate.style2 #navigation,
.top-overlay-menu .sb-right #slidebar-menu {
font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
color: #acacac;
line-height: 51px;
letter-spacing: 1px;
text-transform: uppercase;}
ul#mobile-menu a {
font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
color: #acacac;
line-height: 40px;
letter-spacing: 1px;
text-transform: uppercase;}
ul#mobile-menu ul.sub-menu a{
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #bbbbbb;
line-height: 27px;
letter-spacing: 0px;
text-transform: none;
}
#navigation .sub-menu,
#navigation .children,
#navigation-left-side .sub-menu,
#navigation-left-side .children,
#navigation-right-side .sub-menu,
#navigation-right-side .children,
.sb-left #slidebar-menu .sub-menu,
.top-overlay-menu .sb-right #slidebar-menu .sub-menu{
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #acacac;
line-height: 28px;
letter-spacing: 0px;
text-transform: none;}
.thumb-title-wrap {
color: #ffffff;
}
.thumb-title-wrap .thumb-title{
font: 400 14px "Montserrat","Open Sans","Arial",sans-serif;
color: ;
line-height: 30px;
letter-spacing: 0px;
text-transform: uppercase;}
.thumb-title-wrap .portfolio-item-cats {
font-size: 12px;
line-height: 17px;
text-transform: none;
letter-spacing: 0;
}
.full-screen-portfolio-overlay-title {
font: 400 14px "Montserrat","Open Sans","Arial",sans-serif;
color: ;
line-height: 30px;
letter-spacing: 0px;
text-transform: uppercase;}
#footer {
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #888888;
line-height: 14px;
letter-spacing: 0px;
text-transform: none;}
#bottom-widgets h6 {
font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
color: #474747;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase; margin-bottom:20px;
}
#bottom-widgets {
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #757575;
line-height: 24px;
letter-spacing: 0px;
text-transform: none;}
.sidebar-widgets h6 {
font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
color: #333333;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase; margin-bottom:20px;
}
.sidebar-widgets {
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #606060;
line-height: 24px;
letter-spacing: 0px;
text-transform: none;}
.sb-slidebar .widget {
font: 400 13px "Raleway","Open Sans","Arial",sans-serif;
color: #a2a2a2;
line-height: 25px;
letter-spacing: 0px;
text-transform: none;}
.sb-slidebar .widget h6 {
font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
color: #ffffff;
line-height: 22px;
letter-spacing: 1px;
text-transform: none;}
.woocommerce ul.products li.product .product-meta-data h3,
.woocommerce-page ul.products li.product .product-meta-data h3,
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
font: 400 13px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 27px;
letter-spacing: 1px;
text-transform: uppercase;}
.related.products h2,
.upsells.products h2,
.cart-collaterals .cross-sells h2,
.cart_totals h2,
.shipping_calculator h2,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.shipping_calculator h2,
#order_review_heading,
.woocommerce .page-title {
font-family: Montserrat;
font-weight: 400;
}
.woocommerce-page.single.single-product #content div.product h1.product_title.entry-title {
font: 400 25px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 27px;
letter-spacing: 0px;
text-transform: none;}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
color: #222222;
}
.contact_form_module input[type="text"],
.contact_form_module textarea {
font: 400 13px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 26px;
letter-spacing: 0px;
text-transform: none;}
#bottom-widgets .widget ul li a, #bottom-widgets a {
color: inherit;
}
a, a:visited, a:hover,
#bottom-widgets .widget ul li a:hover,
#bottom-widgets a:hover,
#navigation .current_page_item a,
#navigation .current_page_item a:hover,
#navigation a:hover,
#navigation-left-side .current_page_item a,
#navigation-left-side .current_page_item a:hover,
#navigation-left-side a:hover,
#navigation-right-side .current_page_item a,
#navigation-right-side .current_page_item a:hover,
#navigation-right-side a:hover {
color: #284387;
}
#navigation .current_page_item ul li a,
#navigation-left-side .current_page_item ul li a,
#navigation-right-side .current_page_item ul li a {
color: inherit;
}
.current-menu-item a {
color: #284387 !important;
}
.sb-left #slidebar-menu a:hover,
.sb-left #slidebar-menu .current-menu-item a {
color: #284387 !important;
}
.page-title-module-custom .page-title-custom,
h6.portfolio-title-nav{
font: 400 18px "Montserrat","Open Sans","Arial",sans-serif;
color: #000000;
line-height: 36px;
letter-spacing: 3px;
text-transform: uppercase;}
#portfolio-title-nav-wrap .portfolio-nav a {
color: #d2d2d2;
}
#portfolio-title-nav-wrap .portfolio-nav a:hover {
color: #000000;
}
.breadcrumbs {
color: #000000;
}
.page-title-module-custom .header-breadcrumb {
line-height: 36px;
}
#portfolio-title-nav-wrap{
background-color: #ededed;
}
a.custom-share-button, a.custom-share-button:active, a.custom-share-button:hover, a.custom-share-button:visited{
color: #222222 !important;
}
.be-button,
.woocommerce a.button, .woocommerce-page a.button,
.woocommerce button.button, .woocommerce-page button.button,
.woocommerce input.button, .woocommerce-page input.button,
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit,
.woocommerce #content input.button, .woocommerce-page #content input.button,
input[type="submit"],
.more-link.style2-button,
.more-link.style3-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
font-family: Montserrat;
font-weight: ;
}
.more-link.style2-button {
color: #000000 !important;
border-color: #000000 !important;
}
.woocommerce a.button, .woocommerce-page a.button,
.woocommerce button.button, .woocommerce-page button.button,
.woocommerce input.button, .woocommerce-page input.button,
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit,
.woocommerce #content input.button, .woocommerce-page #content input.button {
background: transparent !important;
color: #000 !important;
border-color: #000 !important;
border-style: solid !important;
border-width: 2px !important;
background: transparent !important;
color: #000000 !important;
border-width: 2px !important;
border-color: #000000 !important;
line-height: 41px;
text-transform: uppercase;
}
.woocommerce a.button:hover, .woocommerce-page a.button:hover,
.woocommerce button.button:hover, .woocommerce-page button.button:hover,
.woocommerce input.button:hover, .woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
background: #e0a240 !important;
color: #fff !important;
border-color: #e0a240 !important;
border-width: 2px !important;
background: #e0a240 !important;
color: #ffffff !important;
border-color: #e0a240 !important;
}
.woocommerce a.button.alt, .woocommerce-page a.button.alt,
.woocommerce .button.alt, .woocommerce-page .button.alt,
.woocommerce input.button.alt, .woocommerce-page input.button.alt,
.woocommerce input[type="submit"].alt, .woocommerce-page input[type="submit"].alt,
.woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt {
background: #e0a240 !important;
color: #fff !important;
border-color: #e0a240 !important;
border-style: solid !important;
border-width: 2px !important;
background: #e0a240 !important;
color: #ffffff !important;
border-width: 2px !important;
border-color: #e0a240 !important;
line-height: 41px;
text-transform: uppercase;
}
.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover,
.woocommerce .button.alt:hover, .woocommerce-page .button.alt:hover,
.woocommerce input[type="submit"].alt:hover, .woocommerce-page input[type="submit"].alt:hover,
.woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover {
background: transparent !important;
color: #000 !important;
border-color: #000 !important;
border-style: solid !important;
border-width: 2px !important;
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}
.post-title ,
.post-date-wrap {
font: 400 20px "Montserrat","Open Sans","Arial",sans-serif;
color: #000000;
line-height: 40px;
letter-spacing: 0px;
text-transform: none; margin-bottom: 12px;
}
.style3-blog .post-title {
font: 400 16px "Source Sans Pro","Open Sans","Arial",sans-serif;
color: #363c3b;
line-height: 28px;
letter-spacing: 0px;
text-transform: none;}
.post-nav li{
font: 12px "Raleway","Open Sans","Arial",sans-serif;
color: #757575;
line-height: 24px;
letter-spacing: 0px;
text-transform: uppercase;}
.ui-tabs-anchor,
.accordion .accordion-head,
.skill-wrap .skill_name,
.chart-wrap span,
.animate-number-wrap h6 span,
.woocommerce-tabs .tabs li a,
.be-countdown {
font-family: Raleway;
letter-spacing: 0px;
font-style: ;
font-weight: 600;
}
.woocommerce-tabs .tabs li a {
color: #222222 !important;
}
.ui-tabs-anchor{
font-size: 13px;
line-height: 17px;
text-transform: uppercase;
}
.accordion .accordion-head{
font-size: 13px;
line-height: 17px;
text-transform: uppercase;
}
.skill-wrap .skill_name{
font-size: 12px;
line-height: 17px;
text-transform: uppercase;
}
.countdown-section {
font-size: 15px;
line-height: 30px;
text-transform: uppercase;
}
.countdown-amount {
font-size: 55px;
line-height: 95px;
text-transform: uppercase;
}
.flexslider.tweet-slides .tweet-content{
font-family: Raleway;
letter-spacing: 0px;
font-style: ;
font-weight: ;
text-transform: none;
}
.testimonial_slide .testimonial-content{
font-family: Crimson Text;
letter-spacing: 0px;
font-style: ;
font-weight: ;
text-transform: none;
}
#portfolio-title-nav-wrap{
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
}
#portfolio-title-nav-bottom-wrap h6,
#portfolio-title-nav-bottom-wrap ul li a,
.single_portfolio_info_close {
background-color: rgb(255,255,255);background-color: rgba(255,255,255,0);}
#portfolio-title-nav-bottom-wrap h6,
#portfolio-title-nav-bottom-wrap ul li a,
.single_portfolio_info_close .font-icon{
color: #2b2b2b ;
}
#portfolio-title-nav-bottom-wrap h6:hover,
#portfolio-title-nav-bottom-wrap ul li:hover a,
.single_portfolio_info_close:hover {
background-color: rgb(235,73,73);background-color: rgba(235,73,73,0.85);}
#portfolio-title-nav-bottom-wrap h6:hover,
#portfolio-title-nav-bottom-wrap ul li:hover a,
.single_portfolio_info_close:hover .font-icon{
color: #ffffff ;
}
/* ======================
Layout
====================== */
body #header-inner-wrap.top-animate #navigation,
body #header-inner-wrap.top-animate .header-controls,
body #header-inner-wrap.stuck #navigation,
body #header-inner-wrap.stuck .header-controls {
-webkit-transition: line-height 0.5s ease;
-moz-transition: line-height 0.5s ease;
-ms-transition: line-height 0.5s ease;
-o-transition: line-height 0.5s ease;
transition: line-height 0.5s ease;
}
.header-cart-controls .cart-contents span{
background: #646464;
}
.header-cart-controls .cart-contents span{
color: #f5f5f5;
}
.left-sidebar-page,
.right-sidebar-page,
.no-sidebar-page .be-section-pad:first-child,
.page-template-page-940-php #content ,
.no-sidebar-page #content-wrap,
.portfolio-archives.no-sidebar-page #content-wrap {
padding-top: 80px;
padding-bottom: 80px;
}
.no-sidebar-page #content-wrap.page-builder{
padding-top: 0px;
padding-bottom: 0px;
}
.left-sidebar-page .be-section:first-child,
.right-sidebar-page .be-section:first-child,
.dual-sidebar-page .be-section:first-child {
padding-top: 0 !important;
}
.style1 .logo,
.style4 .logo,
#left-header-mobile .logo,
.style3 .logo{
padding-top: 25px;
padding-bottom: 25px;
}
.style5 .logo{
margin-top: 25px;
margin-bottom: 25px;
}
#footer-wrap {
padding-top: 25px;
padding-bottom: 25px;
}
/* ======================
Colors
====================== */
.sec-bg,
.gallery_content,
.fixed-sidebar-page .fixed-sidebar,
.style3-blog .blog-post.element .element-inner,
.style4-blog .blog-post,
.blog-post.format-link .element-inner,
.blog-post.format-quote .element-inner,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.chosen-container.chosen-container-single .chosen-drop,
.chosen-container.chosen-container-single .chosen-single,
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
background: #fafbfd;
}
.sec-color,
.post-meta a,
.pagination a, .pagination a:visited, .pagination span, .pages_list a,
input[type="text"], input[type="email"], input[type="password"],
textarea,
.gallery_content,
.fixed-sidebar-page .fixed-sidebar,
.style3-blog .blog-post.element .element-inner,
.style4-blog .blog-post,
.blog-post.format-link .element-inner,
.blog-post.format-quote .element-inner,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.chosen-container.chosen-container-single .chosen-drop,
.chosen-container.chosen-container-single .chosen-single,
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
color: #7a7a7a;
}
.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus,
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
background: #fafbfd;
color: #7a7a7a;
border-color: #eeeeee;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
color: #7a7a7a!important;
}
.chosen-container .chosen-drop,
nav.woocommerce-pagination,
.summary.entry-summary .price,
.portfolio-details.style2 .gallery-side-heading-wrap {
border-color: #eeeeee !important;
}
.fixed-sidebar-page #page-content{
background: #ffffff;
}
.sec-border,
input[type="text"], input[type="email"], input[type="password"],
textarea {
border: 2px solid #eeeeee;
}
.chosen-container.chosen-container-single .chosen-single,
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
border: 2px solid #eeeeee;
}
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th,
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td {
border: none;
border-bottom: 1px solid #eeeeee;
padding-bottom: 5px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content{
border: 1px solid #eeeeee;
}
.pricing-table .pricing-title,
.chosen-container .chosen-results li {
border-bottom: 1px solid #eeeeee;
}
.pricing-table .pricing-feature{
font-size: -12px;
}
.separator {
border:0;
height:1px;
color: #eeeeee;
background-color: #eeeeee;
}
.alt-color,
li.ui-tabs-active h6 a,
#navigation a:hover,
#header-top-menu a:hover,
#navigation .current-menu-item > a,
#slidebar-menu .current-menu-item > a,
a,
a:visited,
.social_media_icons a:hover,
.post-title a:hover,
.fn a:hover,
a.team_icons:hover,
.recent-post-title a:hover,
.widget_nav_menu ul li.current-menu-item a,
.widget_nav_menu ul li.current-menu-item:before,
.filters .current_choice,
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce-page ul.cart_list li a:hover,
.woocommerce-page ul.product_list_widget li a:hover,
.woocommerce-page .product-categories li a:hover,
.woocommerce ul.products li.product .product-meta-data h3:hover,
.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover,
td.product-name a:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce-page #content .quantity .minus:hover,
.post-category a:hover,
#navigation .sub-menu .current-menu-item > a,
#navigation .sub-menu a:hover,
#navigation .children .current-menu-item > a,
#navigation .children a:hover,
a.custom-like-button.liked,
#slidebar-menu .current-menu-item > a,
.menu-card-item-stared {
color: #284387;
}
.content-slide-wrap .flex-control-paging li a.flex-active,
.content-slide-wrap .flex-control-paging li.flex-active a:before {
background: #284387 !important;
border-color: #284387 !important;
}
#navigation .mega .sub-menu .highlight .sf-with-ul{
font: 400 12px "Montserrat","Open Sans","Arial",sans-serif;
color: #acacac;
line-height: 51px;
letter-spacing: 1px;
text-transform: uppercase;;
color: #acacac !important;
}
#navigation .menu > ul > li.mega > ul > li {
border-color: #ffffff;
}
.sb-slidebar.sb-right .menu{
border-top: 1px solid #2d2d2d;
border-bottom: 1px solid #2d2d2d;
}
.post-title a:hover {
color: #284387 !important;
}
.alt-bg,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
.pagination .current {
background-color: #284387;
transition: 0.2s linear all;
}
.mejs-controls .mejs-time-rail .mejs-time-current ,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.woocommerce span.onsale,
.woocommerce-page span.onsale,
.woocommerce a.add_to_cart_button.button.product_type_simple.added,
.woocommerce-page .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
#back-to-top,
.be-carousel-nav,
.tp-leftarrow,
.tp-rightarrow,
.more-link.style3-button,
.view-project-link.style3-button {
background: #284387 !important;
}
.tagcloud a:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
.testimonial-flex-slider .flex-control-paging li a {
border-color: #284387;
}
a.be-button.view-project-link,
.more-link {
border-color: #284387;
}
.portfolio-container .thumb-bg {
background-color: rgba(40,67,135,0.85);
}
.photostream_overlay,
.be-button,
.more-link.style3-button,
.view-project-link.style3-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
background-color: #284387;
}
.alt-bg-text-color,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
.pagination .current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
#back-to-top,
.be-carousel-nav,
.single_portfolio_close .font-icon,
.single_portfolio_back .font-icon,
.tp-leftarrow,
.tp-rightarrow,
.more-link.style3-button,
.view-project-link.style3-button {
color: #ffffff !important;
transition: 0.2s linear all;
}
.be-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
color: #ffffff;
transition: 0.2s linear all;
}
.portfolio-title a {
color: inherit;
}
.arrow-block .arrow_prev,
.arrow-block .arrow_next {
background-color: rgb(0,0,0);background-color: rgba(0,0,0,1);}
.arrow-border .arrow_prev,
.arrow-border .arrow_next {
border: 1px solid #000000;
}
.gallery-info-box-wrap .arrow_prev .font-icon,
.gallery-info-box-wrap .arrow_next .font-icon {
color: #ffffff;
}
.arrow-block .arrow_prev:hover,
.arrow-block .arrow_next:hover {
background-color: rgb(0,0,0);background-color: rgba(0,0,0,1);}
.arrow-border .arrow_prev:hover,
.arrow-border .arrow_next:hover {
border: 1px solid #000000;
}
.gallery-info-box-wrap .arrow_prev:hover .font-icon,
.gallery-info-box-wrap .arrow_next:hover .font-icon {
color: #ffffff;
}
#back-to-top.layout-border,
#back-to-top.layout-border-header-top {
right: 50px;
bottom: 50px;
}
.layout-border .fixed-sidebar-page #right-sidebar.active-fixed {
right: 30px;
}
body.header-transparent.admin-bar .layout-border #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header.admin-bar .layout-border #header #header-inner-wrap.no-transparent.top-animate {
top: 62px;
}
body.header-transparent .layout-border #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header .layout-border #header #header-inner-wrap.no-transparent.top-animate {
top: 30px;
}
body.header-transparent.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate {
top: 32px;
z-index: 15;
}
body.header-transparent .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate {
top: 0px;
z-index: 15;
}
body.header-transparent .layout-border #header #header-inner-wrap.no-transparent #header-wrap,
body.sticky-header .layout-border #header #header-inner-wrap.no-transparent #header-wrap {
margin: 0px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.mfp-content.layout-border img {
padding: 70px 0px 70px 0px;
}
body.admin-bar .mfp-content.layout-border img {
padding: 102px 0px 70px 0px;
}
.mfp-content.layout-border .mfp-bottom-bar {
margin-top: -60px;
}
body .mfp-content.layout-border .mfp-close {
top: 30px;
}
body.admin-bar .mfp-content.layout-border .mfp-close {
top: 62px;
}
pre {
background-image: -webkit-repeating-linear-gradient(top, #FFFFFF 0px, #FFFFFF 30px, #fafbfd 24px, #fafbfd 56px);
background-image: -moz-repeating-linear-gradient(top, #FFFFFF 0px, #FFFFFF 30px, #fafbfd 24px, #fafbfd 56px);
background-image: -ms-repeating-linear-gradient(top, #FFFFFF 0px, #FFFFFF 30px, #fafbfd 24px, #fafbfd 56px);
background-image: -o-repeating-linear-gradient(top, #FFFFFF 0px, #FFFFFF 30px, #fafbfd 24px, #fafbfd 56px);
background-image: repeating-linear-gradient(top, #FFFFFF 0px, #FFFFFF 30px, #fafbfd 24px, #fafbfd 56px);
display: block;
line-height: 28px;
margin-bottom: 50px;
overflow: auto;
padding: 0px 10px;
border:1px solid #eeeeee;
}
@media only screen and (max-width : 767px ) {
#hero-section h1 ,
.full-screen-section-wrap h1 {
font-size: 30px;
line-height: 40px;
}
#hero-section h2,
.full-screen-section-wrap h2 {
font-size: 25px;
line-height: 35px;
}
#hero-section h4,
.full-screen-section-wrap h4 {
font-size: 16px;
line-height: 30px;
}
#hero-section h5,
.full-screen-section-wrap h5 {
font-size: 16px;
line-height: 30px;
}
}
.loader-style1-double-bounce1, .loader-style1-double-bounce2,
.loader-style2-wrap,
.loader-style3-wrap > div,
.loader-style5-wrap .dot1, .loader-style5-wrap .dot2,
#nprogress .bar {
background: #284387 !important;
}
.loader-style4-wrap {
border-top: 7px solid rgba(40, 67, 135 , 0.3);
border-right: 7px solid rgba(40, 67, 135 , 0.3);
border-bottom: 7px solid rgba(40, 67, 135 , 0.3);
border-left-color: #284387;
}
#nprogress .spinner-icon {
border-top-color: #284387 !important;
border-left-color: #284387 !important;
}
#nprogress .peg {
box-shadow: 0 0 10px #284387, 0 0 5px #284387 !important;
}
.single-page-version #navigation .current_page_item a,
.single-page-version #navigation .sub-menu .current-menu-item > a,
.single-page-version #navigation .children .current-menu-item > a {
color: inherit !important;
}
.style1 #navigation,
.style3 #navigation,
.style5 #navigation,
#header-controls-left,
#header-controls-right,
#header-wrap,
.mobile-nav-controller-wrap,
#left-header-mobile .header-cart-controls,
.style6 #navigation-left-side,
.style6 #navigation-right-side,
.overlay-menu-close {
line-height: 100px;
}
body.header-transparent #header-wrap #navigation,
body.header-transparent #header-wrap #navigation-left-side,
body.header-transparent #header-wrap #navigation-right-side,
body.header-transparent #header-inner-wrap .header-controls,
body.header-transparent #header-inner-wrap .mobile-nav-controller-wrap,
body.header-transparent .overlay-menu-close {
line-height: 100px;
}
body #header-inner-wrap.top-animate #navigation,
body #header-inner-wrap.top-animate #navigation-left-side,
body #header-inner-wrap.top-animate #navigation-right-side,
body #header-inner-wrap.top-animate .header-controls,
body #header-inner-wrap.top-animate #header-wrap,
body #header-inner-wrap.top-animate #header-controls-right {
line-height: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.style1 #navigation,
.style3 #navigation,
.style5 #navigation,
#header-controls-left,
#header-controls-right,
#header-wrap,
.mobile-nav-controller-wrap,
#left-header-mobile .header-cart-controls,
.style6 #navigation-left-side,
.style6 #navigation-right-side,
.overlay-menu-close {
max-height: 100%;
}
.logo {
}
}
@media only screen and (max-width: 767px) {
.style1 #navigation,
.style3 #navigation,
.style5 #navigation,
#header-controls-left,
#header-controls-right,
#header-wrap,
.mobile-nav-controller-wrap,
#left-header-mobile .header-cart-controls,
.style6 #navigation-left-side,
.style6 #navigation-right-side,
.overlay-menu-close {
line-height: 96px !important; max-height: 100%;
}
.logo {
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.style1 #navigation,
.style3 #navigation,
.style5 #navigation,
#header-controls-left,
#header-controls-right,
#header-wrap,
.mobile-nav-controller-wrap,
#left-header-mobile .header-cart-controls,
.style6 #navigation-left-side,
.style6 #navigation-right-side,
.overlay-menu-close {
max-height: 100%;
}
}
/* Optiopn Panel Css */
#navigation a {
color: #acacac;
font-size: 14px;
font-weight: 400;
}
.header-search-controls i {
color: #acacac !important;
font-size: 25px !important;
top: 6px !important;
}
.menu-icon {
border-color: #acacac !important;
border-top-width: 3px;
margin-bottom: 2px;
position: relative;
width: 27px;
}
#work-section-2 p {
font-size: 16px;
}
.ui-tabs .ui-tabs-nav li a {
padding: 0 0 0px;
}
.brand-info p {
font-size: 16px;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #eeeeee;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
border: 1px solid #eeeeee;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
.menu-card-item.highlight-menu-item {
background: #fafbfd;
}
a.bbp-forum-title,
#bbpress-forums fieldset.bbp-form label,
.bbp-topic-title a.bbp-topic-permalink {
font: 400 15px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 32px;
letter-spacing: .5px;
text-transform: none; /* font: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit; */
}
#bbpress-forums ul.forum-titles li,
#bbpress-forums ul.bbp-replies li.bbp-header {
font: 400 15px "Montserrat","Open Sans","Arial",sans-serif;
color: #222222;
line-height: 32px;
letter-spacing: .5px;
text-transform: none; line-height: inherit;
letter-spacing: inherit;
text-transform: uppercase;
font-size: inherit;
}
#bbpress-forums .topic .bbp-topic-meta a,
.bbp-forum-freshness a,
.bbp-topic-freshness a,
.bbp-header .bbp-reply-content a,
.bbp-topic-tags a,
.bbp-breadcrumb a,
.bbp-forums-list a {
color: #222222;
}
#bbpress-forums .topic .bbp-topic-meta a:hover,
.bbp-forum-freshness a:hover,
.bbp-topic-freshness a:hover,
.bbp-header .bbp-reply-content a:hover,
.bbp-topic-tags a:hover,
.bbp-breadcrumb a:hover,
.bbp-forums-list a:hover {
color: #284387;
}
div.bbp-reply-header,
.bar-style-related-posts-list,
.menu-card-item {
border-color: #eeeeee;
}
/*Event On Plugin*/
.ajde_evcal_calendar .calendar_header p, .eventon_events_list .eventon_list_event .evcal_cblock {
font-family: Montserrat !important;
}
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2, .evo_pop_body .evcal_desc span.evcal_desc2 {
font-family: Montserrat !important;
font-size: 14px !important;
text-transform: none;
}
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle, .evo_pop_body .evcal_desc span.evcal_event_subtitle,
.evcal_evdata_row .evcal_evdata_cell p, #evcal_list .eventon_list_event p.no_events {
text-transform: none !important;
font-family: Raleway !important;
font-size: inherit !important;
}
#evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .eventon_events_list .evcal_event_subtitle {
padding-bottom: 10px !important;
}
.eventon_events_list .eventon_list_event .evcal_desc, .evo_pop_body .evcal_desc, #page-content p.evcal_desc {
padding-left: 100px !important;
}
.evcal_evdata_row {
background: #fafbfd !important;
}
.eventon_events_list .eventon_list_event .event_description {
background: #fafbfd !important;
border-color: #eeeeee !important;
}
.bordr,
#evcal_list .bordb {
border-color: #eeeeee !important;
}
.evcal_evdata_row .evcal_evdata_cell h3 {
margin-bottom: 10px !important;
}
/* === Layout CSS === */
.be-wrap {
max-width: 1160px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.page-split-screen-left .be-wrap,
.page-split-screen-right .be-wrap{
padding: 0px 30px;
}
.layout-box{
position: relative;
width:1280px;
margin: 0px auto;
}
#hero-section .be-master-fullscreen {
height: 100vh;
}
.be-section.full-screen-section {
opacity: 0;
height: 1000px;
}
/* ======================
Content
====================== */
#page-content.content-single-sidebar{
width:820px;
}
#left-sidebar, #right-sidebar{
width: 260px;
}
#left-sidebar, #right-sidebar{
float: left;
}
.left-sidebar-page #page-content,.dual-sidebar-page #page-content {
float: right;
}
.right-sidebar-page #page-content{
float: left;
}
#left-sidebar,
.right-sidebar-page #page-content {
margin-right: 80px;
}
#left-sidebar, #right-sidebar{
margin-bottom: 50px;
}
#content {
position: static;
z-index: 2;
}
body.no-section-scroll #content {
-webkit-transform: initial !important;
-moz-transform: initial !important;
-ms-transform: initial !important;
-o-transform: initial !important;
transform: initial !important;
}
.no-page-builder {
padding: 70px 0px;
}
.page #comments {
padding: 50px 0;
}
/* ======================
Border layout
===================== */
.layout-box-top,
.layout-box-right,
.layout-box-bottom,
.layout-box-left {
position: fixed;
background: #ccc;
z-index: 15;
-webkit-transform: translateZ(0);
}
.layout-box-top,
.layout-box-bottom {
width: 100%;
height: 30px;
top: 0px;
left: 0px;
}
.layout-box-bottom {
top: auto;
bottom: 0px;
}
.layout-box-right,
.layout-box-left {
width: 30px;
height: 100%;
top: 0px;
right: 0px;
}
.layout-box-left {
right: auto;
left: 0px;
}
body.admin-bar .layout-box-top{
top: 32px;
}
/* ======================
Column & Text Block
====================== */
.column-block {
float: left;
margin-left: 5%;
margin-bottom: 50px;
position: relative;
overflow: hidden;
position: relative;
z-index: 2;
}
.column-block .be-custom-column-pad,
.column-block .be-custom-column-inner {
position: relative;
z-index: 2;
}
.one-col.column-block {
margin-left: 0px;
float: none;
}
.one-third {
width:30%;
}
.one-fourth {
width:21.25%;
}
.one-fifth {
width:16%;
}
.one-half {
width:47.5%;
}
.two-third {
width:65%;
}
.three-fourth {
width:73.75%;
}
.be-no-space .one-third {
width:33.33%;
}
.be-no-space .one-fourth {
width: 25%;
}
.be-no-space .one-fifth {
width: 20%;
}
.be-no-space .one-half {
width: 50%;
}
.be-no-space .two-third {
width: 66.68%;
}
.be-no-space .three-fourth {
width: 75%;
}
.be-no-space {
display: table;
margin-bottom: 60px;
table-layout: fixed;
}
.be-no-space.zero-bottom {
margin-bottom: 0;
}
.be-no-space .column-block {
display: table-cell;
margin-left: 0px;
float: none;
vertical-align: middle;
}
.be-column-pad {
padding: 100px 5%;
}
.one-third.be-column-pad, .one-fourth.be-column-pad, .one-col.be-column-pad, .two-third.be-column-pad, .three-fourth.be-column-pad {
padding: 100px 5%;
}
.one-half.be-column-pad {
padding: 100px 15% 100px 5%;
}
.one-half.be-column-pad:first-child {
padding: 100px 5% 100px 15%;
}
.column-block *:last-child {
margin-bottom: 0 !important;
}
.be-last-child {
margin-bottom: 0 !important;
}
.be-row .column-block:first-child{
margin-left: 0;
}
.be-row.zero-bottom .column-block {
margin-bottom: 0;
}
.be-section .be-row:last-child .column-block {
margin-bottom: 0;
}
.be-section .be-row:last-child .column-block h1:last-child,
.be-section .be-row:last-child .column-block h2:last-child,
.be-section .be-row:last-child .column-block h3:last-child,
.be-section .be-row:last-child .column-block h4:last-child,
.be-section .be-row:last-child .column-block h5:last-child,
.be-section .be-row:last-child .column-block h6:last-child {
margin-bottom: 0 !important;
}
.be-section .be-row:not(:last-child) .column-block h1:last-child,
.be-section .be-row:not(:last-child) .column-block h2:last-child,
.be-section .be-row:not(:last-child) .column-block h3:last-child,
.be-section .be-row:not(:last-child) .column-block h4:last-child,
.be-section .be-row:not(:last-child) .column-block h5:last-child,
.be-section .be-row:not(:last-child) .column-block h6:last-child {
margin-bottom: 30px !important;
}
html body .be-section .be-row .column-block .be-notification *:last-child {
margin-bottom: 0px !important;
}
.two-third .column-block, .three-fourth .column-block {
margin-bottom: 0;
}
.column-inner-content {
position: relative;
z-index: 2;
}
/* ====================================
Section Offset , Parallax & Video Background
==================================== */
.be-section.be-video-section .be-section-pad,
.be-section.be-bg-overlay {
position: relative;
}
.be-section {
overflow: hidden;
}
.be-section.be-section-offset{
overflow: visible;
}
.be-section-offset-wrap{
position: relative;
z-index: 2;
}
.be-row {
z-index: 3;
position: relative;
}
.be-row.be-no-space {
width: 100%;
}
.be-bg-video {
display: none;
position: absolute;
width: 100%;
z-index: 0;
top: 0;
left: 0;
}
.be-animate {
visibility: hidden;
margin-bottom: 30px;
}
#be-pb-main .be-animate {
visibility: visible;
}
.be-bg-parallax {
background-attachment: fixed;
}
.be-bg-cover {
background-size: cover !important;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
}
.be-bg-mousemove-parallax.be-bg-cover {
background-size: initial !important;
-webkit-background-size: initial !important;
-moz-background-size:initial !important;
}
.section-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.be-col-overlay-link{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.be-shortcode {
margin-bottom: 60px;
}
html.section-scroll.csstransforms,
html.csstransforms body.section-scroll
html.csstransforms body.section-scroll #main-wrapper {
overflow: hidden;
height: 100%;
}
html.csstransforms body.section-scroll #footer {
display: none;
}
html.csstransforms body.section-scroll #content {
opacity: 0;
}
html.csstransforms body.section-scroll #content {
-webkit-transition: -webkit-transform 800ms ease;
-moz-transition: -moz-transform 800ms ease;
-o-transition: -o-transform 800ms ease;
transition: transform 800ms ease;
position: relative;
z-index: 9;
}
.fullscreen-nav-wrap {
display: none;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
display: table;
height: 100%;
position: fixed;
bottom: 0px;
right: 35px;
top: 0px;
z-index: 10;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap-inner {
display: table-cell;
zoom: 1;
vertical-align: middle;
}
.fullscreen-nav {
margin-bottom: 0px;
list-style-type: none;
padding: 0px;
}
.fullscreen-nav-item, .fullscreen-nav-item-hero-section {
width: 7px;
height: 7px;
border: 1px solid #fff;
background: transparent;
border-radius: 50%;
cursor: pointer;
margin: 5px 0px 5px 0px;
}
.fullscreen-nav-item.current-item, .fullscreen-nav-item-hero-section.current-item {
background: #fff;
}
body.section-scroll .be-section * {
-webkit-transform: translateZ(0);
}
/* ====================================
FixedSidebar Page
==================================== */
.fixed-sidebar-page {
padding: 0px !important;
}
.fixed-sidebar * {
overflow: visible !important;
}
.fixed-sidebar-page #content-wrap {
position: relative;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar,
.fixed-sidebar-page #page-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
width: 30%;
margin: 0px !important;
height: 100%;
position: absolute;
}
.fixed-sidebar-page #right-sidebar {
right: 0px;
}
.fixed-sidebar-page #page-content {
width: 70% !important;
padding: 30px;
}
.fixed-sidebar-page #left-sidebar.active-fixed,
.fixed-sidebar-page #right-sidebar.active-fixed {
position: fixed;
top: 0px;
height: 100%;
}
.fixed-sidebar-page .top-animate{
-webkit-transition: top .50s ease;
-moz-transition: top .50s ease;
-o-transition: top .50s ease;
-ms-transition: top .50s ease;
transition: top .50s ease;
-webkit-backface-visibility: hidden;
}
.fixed-sidebar-page #right-sidebar.active-fixed {
right: 0px;
left: auto;
}
body.admin-bar .fixed-sidebar-page #left-sidebar.active-fixed .fixed-sidebar-content,
body.admin-bar .fixed-sidebar-page #right-sidebar.active-fixed .fixed-sidebar-content {
padding-top: 82px;
}
.active-fixed .fixed-sidebar-content {
overflow: hidden;
display: block;
height: 100%;
position: relative;
}
.fixed-sidebar-content {
padding: 50px 50px 100px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fixed-sidebar-content-inner {
height: 100%;
}
.active-fixed .fixed-sidebar-content .mCSB_container {
margin-right: 0px;
}
.fixed-sidebar-page .mCustomScrollBox>.mCSB_scrollTools {
right: -30px !important;
}
.fixed-sidebar-page .mCustomScrollBox {
overflow: visible !important;
}
.layout-box .fixed-sidebar-page #right-sidebar.active-fixed {
position: relative !important;
right: auto !important;
}
/******************************************************************
Zero Bottom Margin for Shortcodes in Header and Widget area
*******************************************************************/
.widget .be-shortcode,
.widget .icon-shortcode,
.widget .be-button-wrap{
margin-bottom: 0px !important;
}
#header-wrap .be-shortcode,
#header-wrap .icon-shortcode,
#header-wrap .be-button-wrap{
margin-bottom: 0px !important;
}
/******************************************************************
Media Query
*******************************************************************/
@media only screen and (min-width: 1280px) and (max-width: 1360px) {
.left-header.left-static .sb-slidebar {
width: 240px;
}
.left-header.left-static #main-wrapper {
margin-left: 240px !important;
}
.left-static.page-template-page-splitscreen-left .header-hero-section{
width: calc(50% - 120px);
}
.left-static.page-template-page-splitscreen-right .header-hero-section {
left: calc(50% + 120px);
}
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
.left-header .be-wrap {
max-width: 980px;
margin: 0 auto;
}
.left-header.left-static.be-themes-layout-layout-border .be-wrap{
max-width: 850px
}
.left-header #page-content.content-single-sidebar {
width:700px;
}
.left-header #left-sidebar,
.left-header #right-sidebar {
width:220px;
}
.left-header #left-sidebar,
.left-header .right-sidebar-page #page-content {
margin-right: 50px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
width: 30%;
margin: 0px !important ;
}
}
/* =========================================================================
Small Desktop
========================================================================= */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.be-wrap {
max-width: 940px;
margin: 0 auto;
}
.left-header.left-static .be-wrap{
max-width: 650px
}
.layout-box {
width:100%;
}
#page-content.content-single-sidebar{
width:670px;
}
#left-sidebar, #right-sidebar{
width:220px;
}
#left-sidebar,
.right-sidebar-page #page-content {
margin-right: 50px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
width: 30%;
margin: 0px !important ;
}
}
/* =========================================================================
TABLET
========================================================================= */
@media only screen and (max-width: 1024px) {
.be-bg-cover,
.be-section {
background-attachment: scroll !important;
background-position: center center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.be-wrap {
max-width: 740px;
margin: 0 auto;
}
.layout-box {
width:100%;
}
#page-content.content-single-sidebar{
width:500px;
}
#left-sidebar, #right-sidebar{
width:200px;
}
#left-sidebar,
.right-sidebar-page #page-content,
.dual-sidebar-page #left-sidebar,
#dual-sidebar-wrap {
margin-right: 40px;
}
#left-sidebar.floting-sidebar, #right-sidebar.floting-sidebar{
width:100%;
margin-right: 0;
}
.content-single-sidebar .column-block {
width: 100%;
margin-left: 0;
float: none;
}
}
@media only screen and (min-width: 960px) {
.full-screen-section-wrap {
display: table;
width: 100%;
height: 100%;
}
.full-screen-section-wrap .be-section-pad {
padding-top: 0px !important;
padding-bottom: 0px !important;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 960px) {
html.section-scroll,
body.section-scroll {
overflow: auto !important;
height: auto !important;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
display: none !important;
}
body.section-scroll #footer {
display: block;
}
#content {
-webkit-transform: initial !important;
-moz-transform: initial !important;
-ms-transform: initial !important;
-o-transform: initial !important;
transform: initial !important;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar,
.fixed-sidebar-page #page-content.content-single-sidebar,
.single-portfolio #page-content.content-single-sidebar {
width: 100% !important;
position: relative !important;
}
.layout-box-container{
display: none !important;
}
.style1-blog .post-date-wrap {
display: block;
position: static;
width: 100%;
border: none;
text-align: left;
padding: 0;
font-size: inherit !important;
color: inherit;
margin-bottom: 5px !important;
}
.style1-blog .post-date-wrap div {
float: left;
margin-right: 10px;
}
.style1-blog .post-title-section {
padding-left: 0;
}
.style1-blog .post-date-wrap:before {
font-family: "icomoon";
content: "\e63f";
margin-right: 10px;
float: left;
}
}
@media only screen and (min-width: 1025px) {
.full-screen-section-wrap {
display: table;
width: 100%;
height: 100%;
}
.full-screen-section-wrap .be-section-pad {
padding-top: 0px !important;
padding-bottom: 0px !important;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 768px) {
.be-no-space .column-block {
width: 100%;
display: block;
}
.be-no-space .with-background.column-block {
min-height: 350px;
/*display: table;*/
}
/*
.be-no-space .with-background .be-custom-column-inner,
.be-no-space .with-background .be-custom-column-pad{
display: table-cell;
vertical-align: middle;
}
*/
.be-no-space .no-background .be-custom-column-inner,
.be-no-space .no-background .be-custom-column-pad{
padding: 60px 30px !important;
}
}
/* =========================================================================
MOBILE 320
========================================================================= */
@media only screen and (max-width: 767px) {
.be-wrap {
max-width: 300px;
margin: 0 auto;
}
.layout-box {
width:100%;
margin: 0;
}
#right-sidebar,
#left-sidebar {
float: none;
margin-right: 0;
margin-left: 0;
margin-top: 50px;
width: 100%;
}
#page-content.content-single-sidebar,
.right-sidebar-page #page-content {
float: none;
margin-right: 0px;
width:100%;
margin-left: 0px;
}
.column-block {
float: none;
margin-left: 0;
width: 100%;
}
.column-block .column-block{
margin-bottom: 60px;
}
.be-section .be-row:last-child .column-block {
margin-bottom: 60px;
}
.be-section .be-row:last-child .column-block:last-child,
.be-section .be-row.be-no-space:last-child .column-block {
margin-bottom: 0;
}
.be-no-space {
display: block;
}
/* .be-no-space .column-block {
width: 100%;
display: block;
}*/
.be-no-space .column-block.be-column-pad {
padding: 80px 15% 80px 5%;
}
.be-column-spacing .column-block{
margin-bottom: 20px !important;
}
#bottom-widgets .column-block {
margin-bottom: 60px;
}
.column-block .be-custom-column-pad {
padding: 60px 30px !important;
}
.column-block .be-custom-column-inner{
/*padding: 0px 30px !important;*/
}
body.disable-css-animation-mobile .be-animate {
visibility: visible !important;
-webkit-animation-duration: 0s;
-moz-animation-duration: 0s;
-ms-animation-duration: 0s;
-o-animation-duration: 0s;
animation-duration: 0s;
}
.be-video-section video {
display:none !important;
}
}
/* =========================================================================
MOBILE 480
========================================================================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.be-wrap {
max-width: 440px;
margin: 0 auto;
}
}
/*
FILE ARCHIVED ON 02:15:30 May 05, 2024 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 19:51:01 Mar 24, 2026.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.47
exclusion.robots: 0.057
exclusion.robots.policy: 0.05
esindex: 0.008
cdx.remote: 10.484
LoadShardBlock: 469.944 (3)
PetaboxLoader3.datanode: 479.624 (4)
PetaboxLoader3.resolve: 91.281 (2)
load_resource: 104.207
*/
/* === Shortcodes CSS === */
/*
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("/web/20240505022904im_/http://www.csrmediagroup.com/wp-content/plugins/be-page-builder/css/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: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
height: 100vh;
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('/web/20240505022904im_/http://www.csrmediagroup.com/wp-content/plugins/be-page-builder/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(/web/20240505022904im_/http://www.csrmediagroup.com/wp-content/plugins/be-page-builder/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(/web/20240505022904im_/http://www.csrmediagroup.com/wp-content/plugins/be-page-builder/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(/web/20240505022904im_/http://www.csrmediagroup.com/wp-content/plugins/be-page-builder/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
*/
/*