File: /home/vhosts/harpoeditore.it/httpdocs/wp-content/themes/mindig/theme/assets/css/shortcodes.css
/* ICONS */
span.icon-circle {
border-radius: 50%;
border-width: 3px;
border-style: solid;
position: relative;
display: table;
float: left;
margin-right: 5px;
}
span.icon-circle i {
vertical-align: middle;
display: table-cell;
text-align: center;
}
#header span.icon-circle{
margin-right: 0px;
}
/* SOCIAL */
.socials h2{
font-size: 16px;
}
div.fade-socials{
width: 54px;
height: 54px;
float: left;
padding: 0px;
margin: 0 2px 4px;
}
div.fade-socials-small{
width: 26px;
height: 26px;
float: left;
margin: 1px;
}
div.socials-default {
width: 51px;
height: 51px;
float: left;
padding: 0px;
margin: 0 2px 4px;
padding: 0;
}
div.socials-default-small {
width: 26px;
height: 26px;
float: left;
padding: 0 1px 2px;
margin: 0;
}
a.socials-default,
a.socials-default-small,
a.fade-socials,
a.fade-socials-small {
display: inline-block;
margin-right: 0;
text-align: left;
text-indent: -9999px;
}
a.fade-socials {
width: 54px;
height: 54px;
}
a.fade-socials-small {
width: 26px;
height: 26px;
}
a.socials-default {
width: 51px;
height: 51px;
}
a.socials-default-small {
width: 26px;
height: 26px;
}
a.socials-default{
opacity: 0.5;
}
a.socials-default:hover{
opacity: 1;
}
.link_socials:hover span.icon-circle{
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.link_socials:hover i.fa{
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.link_socials, .link_socials:hover{
border: 0;
background: none;
display: inline-block;
}
/* TESTIMONIAL */
.yes-js .testimonials{
visibility: hidden;
}
.testimonial-col{
margin-bottom: 30px;
}
.testimonial-wrapper {
border: 1px solid;
}
.testimonial-wrapper .testimonial-name,
.testimonial-wrapper .testimonial-name p,
.testimonial-wrapper .testimonial-cit,
.testimonial-wrapper .testimonialwebsite,
.testimonial-wrapper .testimonial-text,
.testimonial-wrapper .testimonial-text p,
.testimonial-wrapper .text,
.testimonial-wrapper .thumb{
text-align: center;
}
.testimonial-wrapper .thumb{
position: relative;
}
.testimonial-wrapper .thumbnail {
padding: 0;
border: 0;
border-radius: 0;
margin: 0;
}
.testimonial-wrapper .testimonial-name .name,
.testimonial-wrapper .testimonial-smallquote{
text-align: center !important;
}
.testimonial-wrapper .testimonial-smallquote{
text-transform: uppercase !important;
font-size: 10px !important;
letter-spacing: 1px;
line-height: 15px;
margin: 5px 0;
}
.testimonial-wrapper .testimonial-cit{
padding: 0 40px;
position: relative;
margin-bottom: 30px;
}
.testimonial-wrapper .testimonial-cit:before {
content: '“';
position: absolute;
top: -28px;
left: 5px;
}
.testimonial-wrapper .testimonial-name .name {
margin-bottom: 0;
margin-top: 25px;
text-transform: uppercase !important;
}
.testimonial-wrapper .testimonial-rating {
overflow: hidden;
position: absolute;
bottom: -1px;
background: #ffffff;
right: 0;
height: 25px;
padding-left: 5px;
padding-right: 5px;
}
/* PARALLAX */
.slider-parallax{
display: none;
}
.yes-js .slider-parallax{
display: block;
}
/* ======= PARALLAXEOS ======== */
.owl-stage-outer {
-webkit-transform: translateZ(0);
}
.slider-parallax.owl-carousel{
padding: 0;
overflow: hidden;
}
.parallaxeos_container {
display: block;
position: relative;
overflow: hidden;
}
/* Parallaxeos effect */
.parallaxeos_container .parallaxeos {
background-attachment: scroll;
background-position: 50% 0px;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.isMobile .parallaxeos_container .parallaxeos,
body.safari .parallaxeos_container .parallaxeos,
.parallaxeos_slider .parallaxeos_container .parallaxeos{
background-position: 50% 0px;
}
.isMobile .parallaxeos_container .parallaxeos {
background-attachment: scroll !important;
background-position: 50% 50% !important;
background-size: cover !important;
}
.isMobile .parallaxeos_container .parallaxeos_content,
.isMobile .parallaxeos_container .video-parallaxeos {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
-moz-transform: translate3d(0px, 0px, 0px) !important;
-ms-transform: translate3d(0px, 0px, 0px) !important;
-o-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
opacity: 1 !important;
}
/* Parallaxeos content */
.stretched-layout .parallaxeos_outer {
position: relative;
width: 1000%;
left: -500%;
margin-left: 50%;
clear: both;
/* margin-top: 10px; */
/*margin-bottom: 10px;*/
/* padding-left: 1000px; */
}
.boxed-layout .header-parallax .parallaxeos_outer {
margin-left: -15px;
}
.yes-js .stretched-layout .parallax .parallaxeos_outer,
.yes-js .stretched-layout .header-parallax .parallaxeos_outer {
margin-left: 0;
}
.yes-js .stretched-layout #primary .slider.parallax {
margin-left: 50%;
}
.boxed-layout #primary .parallaxeos_outer {
margin-left: -15px;
margin-right: -15px;
}
.parallaxeos_animate a.link_socials{
padding: 0;
}
.isMobile .parallaxeos_outer,
body.safari .parallaxeos_outer,
.slider-parallax .parallaxeos_outer {
/*margin-left: auto;*/
width: 100%;
left: auto;
}
.slider-parallax .parallaxeos_outer{
/*margin-left: 0px;*/
/*margin-right: 0px;*/
}
.parallaxeos_container .parallaxeos_content {
height: 100%;
position: relative;
z-index: 10;
text-align: center;
}
.parallaxeos_container .parallaxeos_animate {
white-space: normal;
z-index: 11;
position: absolute;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
opacity: 0;
/* change here duration and delay of the animation */
-webkit-animation-duration: 1s;
-webkit-animation-delay: .5s;
-moz-animation-duration: 1s;
-moz-animation-delay: .5s;
-o-animation-duration: 1s;
-o-animation-delay: .5s;
-ms-animation-duration: 1s;
-ms-animation-delay: .5s;
}
.parallaxeos_container .parallaxeos_animate.animated {
opacity: 1;
}
.isMobile .parallaxeos_container .parallaxeos_animate {
-webkit-transition: none;
-moz-transition: none;
transition: none;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
.header-parallax .parallaxeos_outer {
position: inherit;
}
.parallaxeos_overlay {
width: 100%;
height: 100%;
position: absolute;
background-color: #000;
z-index: 9;
}
.slider-parallax .owl-controls {
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.slider-parallax .owl-pagination {
text-align: center;
margin-bottom: 10px;
z-index: 1;
}
.slider-parallax .owl-controls .owl-controls { display: none; }
.slider-parallax .owl-controls .owl-controls {
width: 15px;
height: 15px;
display: inline-block;
background: url('../../templates/sliders/parallax/images/parallax-nav.png') no-repeat center bottom;
margin-left: 2px;
margin-right: 2px;
}
.slider-parallax .owl-controls .owl-page.active {
background-position: center top;
}
/* Horizontal alignment */
.parallaxeos_animate.horizontal_center,.parallaxeos_animate.horizontal_center h1,.parallaxeos_animate.horizontal_center p,
.parallaxeos_animate.horizontal_center h2, .parallaxeos_animate.horizontal_center h3, .parallaxeos_animate.horizontal_center h4, .parallaxeos_animate.horizontal_center h5{ text-align: center }
.parallaxeos_animate.horizontal_left, .parallaxeos_animate.horizontal_left p, .parallaxeos_animate.horizontal_left h1, .parallaxeos_animate.horizontal_left h2, .parallaxeos_animate.horizontal_left h3, .parallaxeos_animate.horizontal_left h4, .parallaxeos_animate.horizontal_left h5, .parallaxeos_animate.horizontal_left h6 { text-align: left }
.parallaxeos_animate.horizontal_right, .parallaxeos_animate.horizontal_right p, .parallaxeos_animate.horizontal_right h1, .parallaxeos_animate.horizontal_right h2, .parallaxeos_animate.horizontal_right h3, .parallaxeos_animate.horizontal_right h4, .parallaxeos_animate.horizontal_right h5, .parallaxeos_animate.horizontal_right h6 { text-align: right }
/* Vertical alignment */
.parallaxeos_animate.vertical_top { top: 10% }
.parallaxeos_animate.vertical_center {
bottom: 50%;
top: auto;
}
.parallaxeos_animate.vertical_bottom { bottom: 10% }
.parallaxeos_animate h1,
.parallaxeos_animate h2,
.parallaxeos_animate h3,
.parallaxeos_animate h4 {
margin: 0;
padding: 0;
line-height: 44px;
}
.parallaxeos_animate a {
padding: 13px 16px 12px 16px;
display: inline-block;
border-width: 1px;
border-style: solid;
margin-right: 8px;
margin-top: 22px;
}
.parallaxeos_animate a.btn.btn-white{
border-width: 1px;
}
.parallaxeos_animate a:hover {
background-color: #fff;
}
#header.header-slider-parallax {
margin-bottom: 0px;
}
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h1,
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h2,
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h3,
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate h4 {
margin-bottom: 10px;
}
.parallaxeos_button_large .parallaxeos_container .parallaxeos_animate a {
padding: 13px 25px;
border: 2px solid #fff;
font-size: 24px !important;
font-weight: bold;
margin-top: 12px;
}
.video-parallaxeos {
top: 0;
left: 0;
z-index: -1;
position: absolute;
min-height: 100%;
min-width: 100%;
max-width: none !important;
height: auto !important;
width: auto !important;
}
div.pp_default .pp_content_container #pp_full_res{
margin-left: -5px;
}
.slider.ms-skin-default .ms-bullet{
width: 15px;
height: 15px;
display: inline-block;
background: url('../../templates/sliders/parallax/images/parallax-nav.png') no-repeat center bottom;
margin-left: 2px;
margin-right: 2px;
}
.slider.ms-skin-default .ms-bullet-selected{
background-position: center top;
}
/****************************
* FAQ
*****************************/
.filters.faq {
display: block;
list-style: none;
text-align: center;
margin: 0 0 35px;
padding: 0;
}
.filters.faq li {
display: inline-block;
}
.filters.faq li:nth-child(even){
margin: 0 10px;
}
.filters.faq li a {
border: 1px solid;
padding: 6px 12px;
font-size: 10px !important;
font-weight: 400 !important;
}
.ie ul.filters.faq {
float: none;
display: block;
}
#faqs-container .faq-wrapper {
border: 1px solid;
margin-bottom: 18px;
padding: 12px 40px 12px 20px;
position: relative;
}
.ie9 #faqs-container .faq-wrapper{
padding-top: 0;
padding-bottom: 0;
}
.ie9 .faq-title .plus, .ie9 .faq-title .minus{
background: none;
height: 100%;
}
#faqs-container .faq-wrapper .faq-title h4 {
margin: 0;
text-transform: uppercase;
cursor: pointer;
}
#faqs-container .faq-icon {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 12px 7px;
border-left: 1px solid;
font-size: 40px;
cursor: pointer;
}
#faqs-container .faq-item {
display: none;
position: relative;
overflow: hidden;
padding-top: 20px;
}
/* CONTACT FORM */
.contact-form li input[type=submit]{
width: auto;
}
.contact-form {
margin-top: 0;
}
.contact-form label{
margin-right: 5px;
}
.contact-form ul{
margin: 0;
padding: 0;
}
.contact-form ul li {
list-style-type: none;
margin: 0 0 15px 0;
padding-top: 0;
padding-left: 0;
}
.contact-form ul li.no-padding-right{padding-right:0;}
.contact-form li div.input-prepend .add-on{
position: absolute;
bottom: 15px;
left: 15px;
background-color: transparent;
border: 0px;
z-index: 10;
width: 15px;
height: 15px;
padding: 0;
}
.contact-form li div.input-prepend{
position: relative;
}
.contact-form li div.input-prepend.with-icon input{
padding-left: 43px;
height: 40px;
border: 1px solid;
border-radius: 0;
-webkit-appearance: none;
}
.contact-form li div.input-prepend input[type=text],
.contact-form li div.input-prepend input[type=password],
.contact-form li div.input-prepend select{
padding-left: 10px;
padding-right: 10px;
height: 40px;
border: 1px solid;
border-radius: 0;
}
.contact-form li div.input-prepend input[type=text],
.contact-form li div.input-prepend input[type=password]{
-webkit-appearance: none;
}
.ie .contact-form li div.input-prepend input[type=checkbox],
.ie .contact-form li div.input-prepend input[type=radio]{
border: 0;
}
.contact-form li div.input-prepend input[type=file]{
border: 0;
}
.contact-form li div.input-prepend select{
width: 100%;
}
.ie .contact-form li div.input-prepend select{
padding-right: 0;
}
.contact-form li div.input-prepend input.with-icon{
padding-left: 35px;
}
.contact-form li.textarea-field div.input-prepend textarea{
display: block;
border: 1px solid;
border-radius: 0;
-webkit-appearance: none;
}
.contact-form li input[type=text],
.contact-form li input[type=password],
.contact-form li textarea{
width: 100%;
height: 141px;
resize: none;
}
.contact-form li textarea.with-icon, .contact-form li textarea.with-icon:focus{
padding: 8px 0px 10px 48px;
}
.contact-form li textarea, .contact-form li textarea:focus{
padding: 8px 0px 10px 10px;
}
.contact-form li input:focus,.contact-form li textarea:focus{
border-top-width: 1px !important;
border-right-width: 1px !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-style: solid;
}
.contact-form li input.error, .contact-form li textarea.error{
border: 1px solid #f38f8f !important;
background: url('../images/input-back-error.png') no-repeat top right;
}
.contact-form li input[type="submit"]{
height: auto;
margin-top: 0;
margin-right: 0;
padding: 7px 18px;
}
.contact-form li div.input-prepend input::-webkit-input-placeholder,.contact-form li.textarea-field textarea::-webkit-input-placeholder{
font-size: 13px;
font-weight: bold;
padding-left: 0px;
line-height: 22px;
}
.contact-form li div.input-prepend input:-moz-placeholder,.contact-form li.textarea-field textarea:-moz-placeholder { /* Firefox 18- */
font-size: 13px;
font-weight: bold;
}
.contact-form li div.input-prepend input::-moz-placeholder,.contact-form li.textarea-field textarea::-moz-placeholder { /* Firefox 19+ */
font-size: 13px;
font-weight: bold;
}
.contact-form li div.input-prepend input:-ms-input-placeholder,.contact-form li.textarea-field textarea:-ms-input-placeholder {
font-size: 13px;
font-weight: bold;
}
.contact-form li #recaptcha_widget_div input{
width: auto;
height: auto;
}
.recaptchatable .recaptcha_image_cell center img {
height: 55px !important;
width: 100% !important;
}
.contact-form div.user-message{
margin: 0 auto;
margin-bottom: 15px;
}
.contact-form div.success,
.contact-form div.error {
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
width: 90%;
padding: 28px 40px;
border:1px solid;
margin:0 auto 15px;
background:no-repeat right bottom;
}
.contact-form div.success { background: #fdfefa url('../images/contact-form-success-back.png') right bottom no-repeat; border-color:#edebb6; }
.contact-form div.success p {
background: url('../images/contact-form-success-smile.png') left center no-repeat;
padding: 8px 0px 8px 70px;
margin: 0px;
color:#646464;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
min-height: 48px;
}
.contact-form div.success p span { color: #b1ab03; font-size: 18px; display: block; }
.contact-form div.error { background-color: #fedccd; border-color:#fa8c83; color:#c82c1f; }
.contact-form p.error { font-style:normal; font-size:11px; color:#a72727; text-transform: uppercase; }
.contact-form.row-fluid li.first-of-line { margin-left: 0px; clear: left; }
.contact-form .contact-form-error-messages { margin-top: -55px; margin-left: auto;}
.contact-form .contact-form-error-messages .contact-form-error { color: #9b090c; font-size: 11px; text-transform: uppercase; display: none; padding-top:5px; }
.contact-form-error-messages.error-right.span3 { float: right; }
.contact-form li div.msg-error { font-style:normal; font-size:12px; color:#a72727;margin-top:4px; }
.contact-form .contact-form-error-messages { display: none; }
/* ============= BoxTitle =============== */
.box-title{
margin-bottom: 35px;
}
.box-title h2{
position: relative;
z-index: 0;
display: inline-block;
margin: 0;
padding: 0px 30px;
font-size: inherit;
}
.box-title .subtitle{
display: block;
font-size: .8em;
opacity: .9;
font-weight: 700;
line-height: normal;
margin: 0;
text-align: inherit;
}
.box-title.subtitle-small .subtitle{
font-size: .4em;
font-weight: 400;
}
.box-title.box-title-line-around h2{
border: 1px solid;
padding-top: 20px;
padding-bottom: 20px;
}
.box-title.box-title-line-middle .title-bar,
.box-title.box-title-line-around .title-bar{
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.box-title.box-title-text-left{
text-align: left;
}
.box-title.box-title-text-left:not(.box-title-line-around) h2{
padding-left: 0;
}
.box-title.box-title-text-center{
text-align: center;
}
.box-title.box-title-text-right{
text-align: right;
}
.box-title.box-title-text-right:not(.box-title-line-around) h2{
padding-right: 0;
}
.box-title.box-title-line-middle .title-bar:after,
.box-title.box-title-line-middle .title-bar:before,
.box-title.box-title-line-around .title-bar:after,
.box-title.box-title-line-around .title-bar:before{
content: '';
width: 100%;
border-bottom: 1px solid;
position: absolute;
top: 45%;
}
.box-title.box-title-line-middle .title-bar:after,
.box-title.box-title-line-around .title-bar:after{
margin-right: -100%;
}
.box-title.box-title-line-middle .title-bar:before,
.box-title.box-title-line-around .title-bar:before{
margin-left: -100%;
}
/*Fix ie, safari*/
.ie .box-title h2, .safari .box-title h2{
vertical-align: middle;
}
.ie .box-title.box-title-line-middle .title-bar:after,
.ie .box-title.box-title-line-middle .title-bar:before,
.ie .box-title.box-title-line-around .title-bar:after,
.ie .box-title.box-title-line-around .title-bar:before,
.safari .box-title.box-title-line-middle .title-bar:after,
.safari .box-title.box-title-line-middle .title-bar:before,
.safari .box-title.box-title-line-around .title-bar:after,
.safari .box-title.box-title-line-around .title-bar:before{
position: static;
display: inline-block;
vertical-align: middle;
}
/* OWL SLIDER */
.owl-item li{
width: 99%;
}
/*****************
* PRODUCT SLIDER
******************/
.woocommerce .products-slider-wrapper {
position: relative;
z-index: 999;
}
.products-slider-wrapper .products-slider.zoom .owl-stage-outer {
overflow: visible;
-webkit-transform: none !important;
transform: none !important;
-ms-transform: none !important;
}
.products-slider-wrapper .products-slider.zoom {
overflow: hidden;
}
.products-slider-wrapper .products-slider.zoom .owl-stage-outer .owl-stage,
.products-slider-wrapper .products-slider.zoom .owl-stage-outer .owl-item {
-webkit-transform: none;
transform: none;
-ms-transform: none;
}
.safari .woocommerce.slider-product,
.gecko .woocommerce.slider-product {
position: relative;
}
.safari .woocommerce.slider-product:hover,
.gecko .woocommerce.slider-product:hover {
z-index: 10;
}
body:not( .gecko ):not( .safari ) .products-slider-wrapper .products-slider.zoom:hover {
overflow: visible;
}
.safari .products-slider.zoom:hover,
.gecko .products-slider.zoom:hover {
padding: 30px 40px 400px;
margin: -30px -40px -400px;
}
.products-slider.zoom .owl-item:not( .active ) { opacity: 0; }
.products-slider.zoom .owl-item.active { opacity: 1; }
.products-slider-wrapper h3.products-slider-title {
margin-top: 0;
margin-bottom: 17px;
padding-bottom: 10px;
border-bottom: 1px solid;
}
.products-slider-wrapper .es-nav {
position: absolute;
top: -8px;
right: 0;
}
.products-slider-wrapper .es-nav-prev,
.products-slider-wrapper .es-nav-next {
display: inline-block;
cursor: pointer;
}
.products-slider-wrapper .es-nav-prev span,
.products-slider-wrapper .es-nav-next span {
border: 1px solid;
border-radius: 50%;
width: 25px;
height: 25px;
text-align: center;
padding-top: 5px;
font-size: 14px;
display: block;
}
.products-slider-wrapper .es-nav-prev {
margin-right: 3px;
}
.products-slider-wrapper .es-nav-prev span {
padding-right: 2px;
}
.gecko .products-slider-wrapper .es-nav-next span {
padding-left: 2px;
}
/*********************
* PRODUCTS TABS
*********************/
div.tabs-container .woocommerce h3.products-slider-title { display: none; }
.tabs-container.products_tabs .panel {
margin-bottom: 0;
background-color: transparent;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.tabs-container.products_tabs {
overflow: visible;
position: relative;
}
.tabs-container.products_tabs .products-slider-wrapper {
position: static;
}
.tabs-container.products_tabs .products-slider-wrapper .es-nav {
top: 47px;
}
.tabs-container.products_tabs .woocommerce.slider-product {
position: static;
}
/***********************************
* CATEGORIES SLIDER
************************************/
.woocommerce .categories-slider {
position: relative;
overflow: hidden;
}
.categories-slider-wrapper .categories-slider ul.products .owl-item li {
width: 99%;
margin-bottom: 0;
}
.categories-slider-wrapper .es-nav-prev, .categories-slider-wrapper .es-nav-next{
width: 50px;
position: absolute;
top: 0;
bottom: 0;
background-color: rgba( 255, 255, 255, 0.8 );
cursor: pointer;
z-index: 999;
}
.categories-slider-wrapper .es-nav-prev { left: -50px; transition: left 0.5s; -webkit-trasition: left 0.5s; -moz-trasition: left 0.5s; -ms-trasition: left 0.5s; }
.categories-slider-wrapper .es-nav-next { right: -50px; transition: right 0.5s; -webkit-trasition: right 0.5s; -moz-trasition: right 0.5s; -ms-trasition: right 0.5s; }
.categories-slider-wrapper .es-nav span {
position: absolute;
top: 35%;
left: 5px;
width: 35px;
height: 35px;
border: 2px solid;
border-radius: 50%;
padding: 9px;
text-align: center;
opacity: 1;
}
.categories-slider-wrapper .es-nav span.fa-chevron-left {
padding-right: 11px;
}
.categories-slider-wrapper .es-nav span.fa-chevron-right {
padding-left: 11px;
}
.categories-slider-wrapper .es-nav span { top: 45%; }
.categories-slider-wrapper:hover .es-nav-next { right: 0; transition: right 0.5s; -webkit-trasition: right 0.5s; -moz-trasition: right 0.5s; -ms-trasition: right 0.5s;}
.categories-slider-wrapper:hover .es-nav-prev { left: 0; transition: left 0.5s; -webkit-trasition: left 0.5s; -moz-trasition: left 0.5s; -ms-trasition: left 0.5s; }
/*ESSENTIAL GRID CUSTOMIZATION */
.esg-overflowtrick ul li.eg-portfolio-masonry-wrapper {
padding: 0;
}
.eg-item-skin-1-element-11-a{
padding: 10px;
}
.eg-item-skin-1-element-11-a a.eg-item-skin-1-element-11{
padding: 0px;
}
.eg-item-skin-1-wrapper h4 {
padding-top: 0px;
margin-top: -5px;
}
li.eg-item-skin-1-wrapper .esg-top .btn-eg{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
li.eg-item-skin-1-wrapper .esg-top .btn-eg{
font-size: 18px;
padding: 9px 14px;
display: inline-block;
border: 1px solid;
}
li.eg-item-skin-1-wrapper .esg-top .btn-eg:empty {
display: none;
}
.esg-container-fullscreen-forcer li.eg-item-skin-1-wrapper{
background-color: transparent;
}
.eg-item-skin-1-wrapper img,
.eg-item-skin-1-wrapper .esg-media-poster,
.eg-mindig-shop-wrapper img{
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.eg-item-skin-1-wrapper:hover img,
.eg-item-skin-1-wrapper:hover .esg-media-poster,
.eg-mindig-shop-wrapper:hover img{
-webkit-transform: scale(1.2) rotateZ(-5deg);
-moz-transform: scale(1.2) rotateZ(-5deg);
-ms-transform: scale(1.2) rotateZ(-5deg);
-o-transform: scale(1.2) rotateZ(-5deg);
transform: scale(1.2) rotateZ(-5deg);
}
.eg-item-skin-1-wrapper:hover .esg-entry-cover .esg-overlay{
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.eg-item-skin-1-wrapper.filter-hover1 .esg-entry-cover .esg-overlay.eg-item-skin-1-container{
background-color: transparent;
border: 0px solid rgba(164,164,164, 0.3);
}
.eg-item-skin-1-wrapper.filter-hover1 .eg-item-skin-1-element-16-a a, .eg-item-skin-1-wrapper.filter-hover1 .eg-item-skin-1-element-16{
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
transition: color 0.5s;
color: #686868;
}
.eg-item-skin-1-wrapper .esg-entry-media iframe{
border: 0px;
}
.eg-item-skin-1-wrapper.filter-hover1:hover .eg-item-skin-1-element-16-a a,
.eg-item-skin-1-wrapper.filter-hover1:hover .eg-item-skin-1-element-16{
color: #d59a0d;
}
.eg-item-skin-1-wrapper .eg-item-skin-1-element-8,
.eg-item-skin-1-wrapper .eg-item-skin-1-element-9,
.eg-howardtaft-wrapper .eg-howardtaft-element-3,
.eg-howardtaft-wrapper .eg-howardtaft-element-1{
background-color: transparent;
}
/* STYLE 1 */
.eg-item-skin-1-wrapper .esg-top .style1{
margin-top: 33%;
}
.eg-item-skin-1-wrapper .esg-top .style1{
padding-bottom: 20px;
}
.eg-item-skin-1-wrapper .esg-top .eg-item-skin-1-element-11{
padding: 0px;
}
.eg-item-skin-1-wrapper .esg-top .style1 *,
.eg-item-skin-1-wrapper .esg-top .style2 *,
.eg-item-skin-1-wrapper .esg-top .style3 *,
.eg-item-skin-1-wrapper .esg-top .style4 *,
.eg-item-skin-1-wrapper .esg-top .style5 *,
.eg-item-skin-1-wrapper .esg-top .style6 *{
text-align: left;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
transition: color 0.5s;
}
.eg-item-skin-1-wrapper .esg-top .style1 *,
.eg-item-skin-1-wrapper .esg-top .style5 *{
color: #1f1f1f;
}
.eg-item-skin-1-wrapper .esg-top .style2 *{
color: #ffffff;
}
.eg-item-skin-1-wrapper:hover .esg-top .style1 *,
.eg-item-skin-1-wrapper:hover .esg-top .style3 *{
color: #ffffff;
}
.eg-item-skin-1-wrapper .esg-top h1{
font-size: 24px;
font-weight: normal;
padding-bottom: 6px;
}
.eg-item-skin-1-wrapper .esg-top h4{
padding-bottom: 10px;
}
.eg-item-skin-1-wrapper:hover .esg-top .style1 *{
color: #fff;
}
.eg-item-skin-1-wrapper .esg-entry-media iframe{
border: 0;
}
/* STYLE 2*/
.eg-item-skin-1-wrapper .esg-top .style2 *,
.eg-item-skin-1-wrapper .esg-top .style6 *{
color: #fff;
text-align: center;
}
.eg-item-skin-1-wrapper .esg-top .style2 h1{
font-size: 40px;
font-weight: bold;
}
.eg-item-skin-1-wrapper .esg-top .style2 h4{
font-size: 20px;
}
.eg-item-skin-1-wrapper .esg-top .style2,
.eg-item-skin-1-wrapper .esg-top .style4{
margin-top: 38%;
}
/* STYLE 3*/
.eg-item-skin-1-wrapper .esg-top .style3{
margin-top: 80%;
}
.eg-item-skin-1-wrapper .esg-top .style3 *{
color: #1f1f1f;
text-align: right;
}
.eg-item-skin-1-wrapper .esg-top .style3 h4{
color: #474747;
font-size: 14px;
margin-top: -12px;
}
/* STYLE 4*/
.eg-item-skin-1-wrapper .esg-top .style4 *{
color: #1f1f1f;
text-align: center;
}
.eg-item-skin-1-wrapper .esg-top .style4 h4,
.eg-item-skin-1-wrapper .esg-top .style5 h4,
.eg-item-skin-1-wrapper .esg-top .style6 h4{
font-size: 14px;
margin-top: -12px;
line-height: 20px;
}
.eg-item-skin-1-wrapper .esg-top .style4 h1,
.eg-item-skin-1-wrapper .esg-top .style5 h1,
.eg-item-skin-1-wrapper .esg-top .style6 h1{
font-size: 24px;
line-height: 1.4em;
}
.eg-item-skin-1-wrapper:hover .esg-top .style4 *,
.eg-item-skin-1-wrapper:hover .esg-top .style5 *{
color: #fff;
}
/* STYLE 5*/
.eg-item-skin-1-wrapper .esg-top .style5{
margin-top: 0;
margin-bottom: 15px;
}
/* STYLE 6*/
.eg-item-skin-1-wrapper .esg-top .style6{
margin-top: 35px;
}
/* === Masonry Product === */
.eg-mindig-shop-element-18{
margin-top: 0 !important;
margin-bottom: 15px !important;
}
.eg-mindig-shop-element-18 ins{
text-decoration: none;
}
.eg-mindig-shop-element-18 ins .amount{
font-size: 16px;
}
.eg-mindig-shop-element-18 del .amount{
font-size: 15px;
font-weight: 400;
color: #c0c0c0;
}
/***************************
* ALERT BOXES
******************************/
div.box {
position: relative;
min-height: 50px;
padding: 14px 10px 14px 60px;
margin: 15px 0;
font-size: 14px;
text-transform: uppercase;
}
div.box.success-box { border: 1px solid #dee09a; color: #767a0d; }
div.box.info-box, div.notice-box { border: 1px solid #dddddd; }
div.box.alert-box, div.box.error-box { border: 1px solid #fdc1b1; color: #c65132; }
div.box .ico {
position: absolute;
width: 26px;
height: 26px;
left: 12px;
top: 12px;
}
div.box.success-box .ico { background: url('../images/ico-notice.png') top center no-repeat; }
div.box.alert-box .ico, div.box.error-box .ico { background: url('../images/ico-notice.png') center -56px no-repeat; }
div.box.info-box .ico { background: url('../images/ico-notice.png') center -27px no-repeat; }
div.box.notice-box .ico { background: url('../images/ico-notice.png') center -111px no-repeat; }
/*************************
* CODE
**************************/
.code-container pre {
border: 1px solid #e0e0e0;
border-radius: 0;
padding: 1em;
font-size: 1em;
line-height: 1.5em;
margin: 0;
white-space: pre-wrap;
font-family: 'Courier';
font-size: 14px;
background: #f7f7f7;
padding: 1em;
color: #999;
white-space: pre-wrap;
background-image: linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
background-image: -o-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
background-image: -moz-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
background-image: -webkit-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
background-image: -ms-linear-gradient(bottom, #f9f9f9 50%, whitesmoke 50%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #F9F9F9), color-stop(0.5, #F5F5F5));
background-size: 3em 3em;
background-position: 0 1em;
}
/****************************
* DROPCAP
******************************/
.dropcap {
width: 66px;
height: 66px;
border: 2px solid;
text-align: center;
line-height: 58px;
font-size: 60px;
float: left;
margin-right: 23px;
margin-bottom: 22px;
}
.container .wpb_column > .wpb_wrapper .dropcap{
margin-bottom: 22px;
}
/**********************************
* CONTACT INFO
***********************************/
.contact-info ul{
padding-left: 0px;
}
.contact-info ul li {
list-style: none;
border-bottom: 1px solid;
padding: 10px 0px;
}
.contact-info ul li:before {
content: '';
display: table;
}
.contact-info ul li:after{
content: '';
display: table;
clear: both;
}
.contact-info .info-container{
margin-bottom: 0 !important;
}
.contact-info .info-container h5 {
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
}
.contact-info .info-container p{
margin: 0;
padding: 0;
}
.contact-info .icon-container.background-image{
width: 46px;
height: 46px;
float: left;
margin-right: 10px;
background-position: center top;
}
.contact-info:not(.widget) ul li:hover .icon-container.background-image.email{
background-position: center bottom;
}
.contact-info h2 {
margin-bottom: 20px;
}
/***********************************
* NUMBERS SECTION
***********************************/
.numbers-sections {
position: relative;
}
.numbers-sections div.number-box {
position: relative;
display: table;
height: 120px;
width: 100%;
}
.numbers-sections .number {
z-index: -1;
font-size: 200px;
color: #d8d8d8;
height: auto;
line-height: 0.6;
width: 100%;
text-align: center;
}
.ie10 .numbers-sections .number{
line-height: 0.7;
}
.numbers-sections h4 {
font-size: 18px !important;
z-index: 10;
top: 21%;
line-height: 2;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: normal;
display: table-cell;
vertical-align: middle;
position: absolute;
}
.ie10 .numbers-sections h4 {
top: 25%;
}
.numbers-sections h4 span.title-highlight {
font-size: 18px;
text-transform: uppercase;
}
/* ============= ICON BOX =============== */
.box-sections.horizontal .icon, .box-sections.vertical .icon {
display: table;
text-align: center;
height: 64px;
width: 100%;
vertical-align: middle;
table-layout: fixed;
}
.box-sections.horizontal .icon-circle .icon,
.box-sections.vertical .icon-circle .icon{
display: table-cell;
table-layout: fixed;
}
div.margin-bottom.box-sections{
margin-bottom: 30px;
position: relative;
}
.box-sections.vertical .icon{
height: auto;
}
.box-sections.horizontal .box-icon{
width: 100px;
position: absolute;
margin-top: 10px;
}
.box-sections.horizontal .box-icon{
width: 100px;
position: absolute;
margin-top: 10px;
}
.box-sections.horizontal p{
margin-top: 5px;
}
.box-sections.horizontal .box-icon .icon-circle{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
}
.box-sections.vertical .box-icon{
width:100%;
text-align:center;
}
.box-sections.vertical .box-icon .icon-circle i,
.box-sections.horizontal .box-icon .icon-circle i{
display: inline;
}
.box-sections.vertical .box-icon .icon-circle i{
height: 64px;
}
.box-sections.horizontal .box-icon .icon-circle,
.box-sections.vertical .box-icon .icon-circle{
display: table;
}
.box-sections.vertical .box-icon .icon-circle{
margin: 0 auto;
float: none;
/* width: 10px; */
}
.box-sections.horizontal .box-content{
margin-left: 100px;
}
.gecko .box-sections.horizontal .box-content{
margin-left: 120px;
}
.box-sections.horizontal.no-margin .box-content {
margin-left: 0px;
}
.box-sections.vertical div.box-content{
clear: both;
float: none;
}
.box-sections.horizontal h2,
.box-sections.horizontal h3,
.box-sections.horizontal h4,
.box-sections.horizontal h5,
.box-sections.horizontal h6{
display: inline;
}
.box-sections.vertical h2,
.box-sections.vertical h3,
.box-sections.vertical h4,
.box-sections.vertical h5,
.box-sections.vertical h6,
.box-sections.vertical p {
display: block;
text-align: center;
margin-right: 10px;
}
.box-sections.light-icon-box h3{
color: #ffffff !important;
}
.box-sections.light-icon-box p{
color: #bfbfbf !important;
}
/*********************
* TEAM
********************/
.member{
border: 1px solid;
margin-bottom: 30px;
}
.team-section .member-info .member-name h4{
text-align: center;
margin-bottom: 5px;
word-wrap: break-word;
}
.team-section .member-info{
padding: 0px 10px 10px 10px;
}
.team-section .member-info .member-name {
font-size: 10px;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
}
.team-section .member-description{
text-align: center;
margin-top: 20px;
padding-bottom: 30px;
}
.team-section .col-sm-3:nth-child(4n+1) {
clear: left;
}
.team-section .col-sm-4:nth-child(3n+1) {
clear: left;
}
.team-section span.icon-circle{
margin-right: 0;
}
.member-social {
border: 1px solid;
width: 80%;
margin: 0 auto;
text-align: center;
padding-top: 5px;
margin-top: -50px;
}
.member-social a {
margin: 0 1px;
}
/*********************
* TABS
********************/
.tabs-container { clear:both; overflow: hidden; }
.tabs-container ul.tabs {
list-style: none;
border-bottom: 1px solid;
padding: 0 0 0 0;
margin: 20px 0;
text-align: left;
}
.tabs-container.products_tabs ul.tabs {
margin-bottom : 33px;
}
.tabs-container ul.tabs li {
display: inline-block;
}
.tabs-container ul.tabs li {
height: 42px;
background: url('../images/product-tabs-slash.png') right center no-repeat;
border: 0px !important;
padding: 0px 20px 0px 0px !important;
margin: 0px;
}
.tabs-container ul.tabs li h4 {
margin: 0;
display: inline-block;
line-height: 42px;
}
.tabs-container ul.tabs li h4 a {
}
.tabs-container ul.tabs li.current a, .tabs-container ul.tabs li a:hover {
color: #1f1f1f;
}
/**********************
* SEPARATOR
*********************/
.separator.single {
border-top: 1px solid;
}
.separator.double {
border-top: 1px solid;
border-bottom: 1px solid;
height: 6px;
}
.separator.dotted {
border-top: 2px dotted;
}
.separator.dashed {
border-top: 2px dashed;
}
/**/
.yit_shortcodes.recent-post .hentry{
margin-bottom: 30px;
}
.yit_shortcodes.recent-post .col-sm-4:nth-child(3n+1) {
clear: left;
}
.yit_shortcodes.recent-post .col-sm-3:nth-child(4n+1) {
clear: left;
}
/**************************
* BLOG SECTION
**************************/
.blog-section-wrapper ul.blog_posts {
list-style: none;
padding: 0;
}
.blog-section-wrapper ul.blog_posts li {
margin-bottom: 20px;
}
.blog-section-wrapper ul.blog_posts li div.blog_post {
border: 1px solid;
padding: 3px;
min-height: 80px;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_date {
text-align: center;
width: 40px;
height: 72px;
float: left;
padding-top: 15px;
margin-right: 10px;
}
ul.blog_posts li div.blog_post .yit_post_date .day,
ul.blog_posts li div.blog_post .yit_post_date .month {
display: block;
line-height: 20px;
text-transform: uppercase;
color: rgb(255, 255, 255);
}
ul.blog_posts li div.blog_post .yit_post_date .day {
font-size: 24px;
padding-bottom: 5px;
font-weight: 700;
}
ul.blog_posts li div.blog_post .yit_post_date .month {
font-size: 15px;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_thumbnail {
float: left;
margin-right: 15px;
margin-left: -5px;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_meta,
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_meta span {
display: block;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_meta span.title {
padding-top: 10px;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_meta span.title a {
text-transform: uppercase;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_meta span.info a{
font-size: 12px !important;
}
.blog-section-wrapper ul.blog_posts li div.blog_post .yit_post_meta span.info {
font-size: 12px;
margin-top: 5px;
}
/***************************
* PROGRESS BAR
******************************/
.yit-progress-bar{
margin-bottom: 15px;
}
.yit-progress-bar .progress{
position: relative;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.yit-progress-bar .bar-meta{
margin-bottom: 5px;
}
.yit-progress-bar .bar-meta span{
font-weight: 700;
}
.yit-progress-bar .bar-value{
display: none;
}
.isMobile .yit-progress-bar .bar-value{
display: inline-block;
}
.yit-progress-bar .progress-bar{
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 0%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.yit-progress-bar.text-inside{
position: relative;
}.yit-progress-bar.text-inside .bar-meta{
position: absolute;
z-index: 30;
width: 100%;
padding: 0% 10px;
margin-bottom: 0px;
}
.yit-progress-bar.text-after .bar-meta{
margin-top: 10px;
}
.yit-progress-bar .progress-bar.slow{
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.yit-progress-bar .progress-bar.normal{
-webkit-transition: width 2s;
-moz-transition: width 2s;
transition: width 2s;
}
.yit-progress-bar .progress-bar.fast{
-webkit-transition: width 1s;
-moz-transition: width 1s;
transition: width 1s;
}
.isMobile .yit-progress-bar .progress-bar {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/****************************
* CREDIT CARD
******************************/
.credit_card {
width: 32px;
height: 32px;
background: url('../images/creditcard.png') no-repeat;
display: inline-block;
margin-left: 5px;
}
.credit_card.amazon {background-position:0px 0px;}
.credit_card.amex {background-position: -32px 0px;}
.credit_card.amex_alt {background-position: -64px 0px;}
.credit_card.amex_gold {background-position: -96px 0px;}
.credit_card.amex_green {background-position:-128px 0px;}
.credit_card.amex_silver {background-position:-160px 0px;}
.credit_card.apple {background-position:-192px 0px;}
.credit_card.bank {background-position:-224px 0px;}
.credit_card.cash {background-position:-256px 0px;}
.credit_card.chase {background-position:-288px 0px;}
.credit_card.coupon {background-position:-320px 0px;}
.credit_card.credit {background-position:-352px 0px;}
.credit_card.debit {background-position:-384px 0px;}
.credit_card.discover {background-position:-416px 0px;}
.credit_card.discover_alt {background-position:-448px 0px;}
.credit_card.discover_novus {background-position:-480px 0px;}
.credit_card.echeck {background-position:-512px 0px;}
.credit_card.generic_1 {background-position:-544px 0px;}
.credit_card.generic_2 {background-position:-576px 0px;}
.credit_card.generic_3 {background-position:-608px 0px;}
.credit_card.gift {background-position:-640px 0px;}
.credit_card.gift_alt {background-position:-672px 0px;}
.credit_card.gold {background-position:-704px 0px;}
.credit_card.googleckout {background-position:-736px 0px;}
.credit_card.itunes {background-position:-768px 0px;}
.credit_card.itunes_2 {background-position:-800px 0px;}
.credit_card.itunes_3 {background-position:-832px 0px;}
.credit_card.mastercard {background-position:-864px 0px;}
.credit_card.mastercard_alt {background-position:-896px 0px;}
.credit_card.mileage {background-position:-928px 0px;}
.credit_card.paypal {background-position:-960px 0px;}
.credit_card.sapphire {background-position:-992px 0px;}
.credit_card.solo {background-position:-1024px 0px;}
.credit_card.visa {background-position:-1056px 0px;}
.credit_card.visa_alt {background-position:-1088px 0px;}
/*****************
* PIECHART
*******************/
.piechart {
display: block;
text-align: center;
position: relative;
margin: 0 auto;
}
.piechart span {
display: inline-block;
text-align: center;
z-index: 2;
}
.piechart span i{
vertical-align: middle;
}
.piechart canvas{
position: absolute;
top: 0px;
left: 0px;
}
/***********************
* IMAGE LIGHTBOX
***********************/
.image-styled a.thumb {
display: block;
max-width: 100%;
position: relative;
width: auto;
}
.image-styled .img_frame {
background: none repeat scroll 0 0 #FFFFFF;
border: 4px solid #FFFFFF;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
max-width: 100%;
position: relative;
}
#ie8 .image-styled .img_frame {
border: 1px solid #cfcfcf;
padding: 4px;
}
.image-styled .img_frame img {
display: block;
max-width: 100%;
width: auto;
}
.image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img {
display: block;
height: auto;
width: auto;
}
.img_size_thumbnail {
width: 150px;
}
.img_size_medium {
width: 300px;
}
.img_size_large {
width: 500px;
max-width: 500px;
}
.overlay{
position: absolute;
background: rgba(0,0,0,0);
z-index: 500;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
transition: all 0.3s;
}
.overlay .zoom {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
z-index: 2;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
transition: all 0.3s;
}
.overlay:hover{
background: rgba(0,0,0,0.4);
}
.overlay:hover .zoom:before{
opacity: 1;
}
/*******************
* MODAL
**********************/
.modal-shortcode{
display: inline-block;
cursor: pointer;
}
.modal-shortcode .modal-opener a{
display: inline-block;
}
.modal-shortcode .modal-opener img{
width: 100%;
max-width: 100%;
}
.modal-shortcode .modal .modal-dialog{
margin-top: 100px;
}
.modal-shortcode .modal .modal-header{
background-color: #f7f7f7;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top: 20px;
}
.modal-shortcode .modal .modal-header a{
float: right;
padding-top: 5px;
cursor: pointer;
}
.modal-shortcode .modal .modal-header a span.fa:before{
font-family: 'FontAwesome'!important;
}
/**********************
* QUOTE
***********************/
.yit_post_quote {
border-top: 2px solid;
padding: 3px 40px 10px 40px;
position: relative;
border-bottom: 1px solid;
}
.yit_post_quote .fa{
position: absolute;
top: 14px;
left: 0;
font-size: 20px;
}
.yit_post_quote .quote-title{
position: absolute;
right: 0;
bottom: -10px;
padding-left: 15px;
margin: 0;
}
.yit_post_quote .quote-title span{
background: #ffffff;
padding: 0px 0px 0px 10px;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
/*****************************
* COUNTER
*****************************/
.counter {
text-align: center;
}
.counter .number {
display: inline;
position: relative;
line-height: 1;
font-weight: 700;
}
.counter p, .counter .text {
margin: 0;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
.counter .text {
margin-top: 5px;
}
.counter .text.animate, .counter .percent.animate {
visibility: hidden;
}
.isMobile .counter .text.animate {
visibility: visible;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
.counter .text p {
text-align: center;
}
.counter .percent {
display: inline-block;
position: absolute;
top: 22%;
font-size: .2em;
font-weight: 400;
right: -20px;
}
.opera .counter .percent {
right: 15px;
}
.counter i {
padding-bottom: 20px;
}
.gecko .counter .percent {
right:0.5em;
}
/* ============= GOOGLE MAP =============== */
.google-map-frame{
pointer-events:none;
}
.google-map-frame.full-width {
padding: 0;
position: relative;
width: 1000%;
left: -500%;
margin-left: 50%;
}
.google-map-frame.full-width .inner {
position: relative;
margin-left: auto;
margin-right: auto;
}
.google-map-frame.full-width .inner{
}
.google-map-frame .map_info{
right: 0;
left: 5%;
}
.google-map-frame .container_map_box_info{
float: left;
}
.google-map-frame {
padding: 0px 3px 3px 3px;
}
.google-map-frame iframe {
display: block;
}
.google-map-frame.full-width .inner{
position: relative;
margin-left: auto;
margin-right: auto;
}
.google-map-frame.full-width iframe{
display: block;
margin-top: 0px;
margin-bottom: -4px;
padding-bottom: 0;
}
.google-map-frame.full-width .border {
position: relative;
}
.google-map-frame .map_info{
position: absolute;
bottom: 12%;
left: 0;
right: 5%;
pointer-events: none;
}
.google-map-frame .container_map_box_info{
padding-left: 0.9375em;
padding-right: 0.9375em;
float: right;
}
.google-map-frame .map_info .row{
width: 100%;
margin: 0 auto;
max-width: 82.5em;
}
.google-map-frame .map_box_info{
background: rgba(34,34,34,0.7);
padding: 30px 40px;
pointer-events: auto;
}
.google-map-frame .map_box_info h4 {
margin-bottom: 0;
margin-top: 15px;
color: #fff;
}
.google-map-frame .map_box_info p{
margin-bottom: 0;
line-height: 24px;
color: #fff;
}
/******************************
* RANDOM NUMBERS
*********************************/
.random-numbers{
margin: 0 auto;
margin-bottom: 40px;
text-align: center;
}
.random-numbers i{
display: block;
}
.random-numbers img {
width: 104px;
height: 104px;
display: block;
margin: 0 auto 13px;
}
.random-numbers p {
line-height: 21px;
margin-top: 0;
text-align: center;
}
.random-numbers span.number {
font-weight: bold;
font-size: 48px;
line-height: 58px;
margin-bottom: 4px;
color: #555555;
}
.random-numbers span.icon-circle {
text-align: center;
float: none;
margin: 0 auto;
}
/******************************
* LIST BULLETS
*********************************/
ul.short {
list-style-type: none !important;
margin: 20px 0;
padding: 0 0 0 20px;
}
ul.short li {
display: block;
margin-bottom: 15px;
padding: 0;
position: relative;
}
ul.short li:before {
margin:0 5px 0 -21px;
font-family: 'FontAwesome';
}
/******************************
* BUTTON ICON ANIMATION
*********************************/
a.btn.animated {
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 8px 38px 6px;
line-height: 20px;
overflow: hidden;
}
a.btn.animated.UtC span,a.btn.animated.LtC span,a.btn.animated.RtC span {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.btn.animated:before {
position: absolute;
display: inline-block;
vertical-align: middle;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-family: FontAwesome;
}
a.btn.animated.RtL:before {
right: -150px;
}
a.btn.animated.RtL:hover:before {
right: 10px;
}
a.btn.animated.LtR:before {
left: -150px;
}
a.btn.animated.LtR:hover:before {
left: 10px;
}
a.btn.animated.CtR:before {
right: 50% ;
opacity: 0;
}
a.btn.animated.CtR:hover:before {
right:10px;
opacity: 1;
}
a.btn.animated.CtL:before {
left: 50% ;
opacity: 0;
}
a.btn.animated.CtL:hover:before {
left:10px;
opacity: 1;
}
a.btn.animated.UtC:before {
right: 50%;
top:-150px;
margin-right: -9px;
}
a.btn.animated.UtC:hover:before {
top: 0.4em;
}
a.btn.animated.UtC:hover span {
-webkit-transform: translateY(300%);
-moz-transform: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
}
a.btn.animated.LtC:before {
left: -150px;
top:-14px;
}
a.btn.animated.LtC:hover:before {
left:50%;
margin-left: -9px;
}
a.btn.animated.LtC:hover span {
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
a.btn.animated.RtC:before {
right: -150px;
top:-14px;
}
a.btn.animated.RtC:hover:before {
right:50%;
margin-right: -9px;
}
a.btn.animated.RtC:hover span {
-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
/******************************
* LAST TWITTER
*********************************/
ul.tweets-widget{
padding-left: 0;
}
ul.tweets-widget li{
list-style: none;
}
ul.tweets-widget li:not(:last-child){
margin-bottom: 45px;
}
ul.tweets-widget li .icon-container{
float:left;
display: block;
margin-right: 16px;
}
ul.tweets-widget li .icon-container i.fa{
font-size: 25px;
}
ul.tweets-widget li .text-container{
display: block;
}
/**************************
* BOX PRICE
******************************/
.price-table {
border: 1px solid;
margin: 0 0 20px;
max-width: 300px;
}
.price-table.centered{
margin: 0 auto 20px;
}
.price-table-container {
border: 6px solid #f7f7f7;
}
.price-table div.head {
margin: 0;
}
.price-table div.head h2 {
margin: 0;
padding: 22px 0;
text-align: center;
font-size: 18px;
line-height: 10px;
}
.price-table div.price {
text-align: center;
}
.price-table div.price span {
display: inline-block;
position: relative;
}
.price-table div.price span.price {
text-align: center;
font-size: 72px;
margin-top: 15px;
margin-bottom: 0px;
}
.price-table div.price span.prefix sup, .price-table div.price span.price-decimal sup, .price-table div.price span.suffix {
font-size: 30px;
}
.price-table div.price span.prefix sup, .price-table div.price span.price-decimal sup {
top: -33px;
}
.price-table div.price span.suffix {
font-weight: bold;
}
.price-table div.body ul {
margin: 0;
padding: 0;
}
.price-table div.body ul li{
list-style-type: none;
text-align: center;
padding: 13px 0 13px 0;
font-size: 15px;
border-bottom: 1px solid #f7f7f7;
}
.price-table div.body ul li:last-of-type {
border-bottom:none;
padding-bottom: 10px;
}
.price-table div.button-container {
text-align: center;
margin-top:8px;
margin-bottom: 8px;
padding: 0;
}
.price-table div.button-container a.btn-alternative,.price-table div.button-container a.btn-flat {
margin: 10px 0 20px;
}
/**************************
* SHARE
******************************/
.share-container .share-text{
margin-bottom: 10px;
}
.socials-container {
margin-top: 15px;
}
.share-modal .share-container {
display: none;
}
.share-modal .share-button .fa {
margin-right: 10px;
font-size: 20px;
}
.shortcode.morph-button-inflow-2{
position: relative;
}
.shortcode.morph-button-inflow-2 > button {
padding: 0;
text-align: left;
}
.shortcode.morph-button-inflow-2 > button .fa{
margin-right: 10px;
font-size: 20px;
}
.shortcode a.socials-text{
display: block;
margin-bottom: 10px;
font-size: 12px;
height: 32px;
margin-bottom: 10px;
padding-left: 45px;
line-height: normal;
}
.shortcode.morph-button-inflow > button{
line-height: 24px;
background: transparent;
border: 0px;
}
.shortcode .content-style-social{
margin: 33px;
margin-left: 0;
padding: 5px 1px 1px 10px;
background-image: none !important;
-webkit-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
}
.shortcode .content-style-social:after {
content: "Close";
margin-bottom: 5px;
display: block;
cursor: pointer;
text-align: center;
}
.shortcode.morph-button-inflow .morph-content{
top: 8px;
z-index: 1;
position: absolute;
}
/*********************
* TABLE PRICE
***********************/
.cols-3 .pricing_box.price-table { width: 33%; margin-bottom:50px;}
.cols-4 .pricing_box.price-table { width: 24.8%; font-size: 1em; }
.pricing_box.price-table {
float: left;
max-width: none;
border: none;
}
.pricing_box.price-table.large {
box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
-moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
z-index: 8;
position: relative;
}
.pricing_box.price-table div.head{
height: 106px;
position: relative;
overflow: hidden;
}
.pricing_box.price-table div.head span.price{
font-size: 16px;
background: #f2f2f2;
text-align: center;
height: 35px;
margin: 0;
padding: 0;
position: absolute;
bottom: 56px;
left: 0;
width: 100%;
line-height: 39px;
}
.pricing_box.price-table div.head span.title{
font-size: 24px;
background: #fbfbfb;
text-align: center;
height: 56px;
line-height: 56px;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
}
.pricing_box.price-table.large div.head span.price{
bottom: 71px;
}
.pricing_box.price-table.large div.head span.title{
height: 71px;
line-height: 71px;
}
.pricing_box.price-table.no-large.left div.head span.price{
border-bottom-width: 0 ;
border-right-width: 0 ;
}
.pricing_box.price-table.no-large.right div.head span.price{
border-bottom-width: 0 ;
border-left-width: 0 ;
}
.pricing_box.price-table.no-large.no-header div.head span.price {
border: none;
}
.pricing_box.price-table.no-large.left div.head span.title{
border-bottom-width: 0 ;
border-right-width: 0 ;
border-bottom-top: 0 ;
}
.pricing_box.price-table.no-large.right div.head span.title{
border-bottom-width: 0 ;
border-left-width: 0 ;
border-bottom-top: 0 ;
}
.pricing_box.price-table.no-large.no-header div.head span.title {
border: none;
}
.pricing_box.price-table div.body, .pricing_box.price-table.no-large div.head span.price,.pricing_box.price-table.no-large div.head span.title{
border: 1px solid #f4f4f4;
}
.pricing_box.price-table.left div.body{
border-right: 0;
}
.pricing_box.price-table.right div.body{
border-left: 0;
}
.pricing_box.price-table div.body ul li{
min-height: 50px;
}
.pricing_box.price-table div.body ul li:last-of-type{
padding-bottom: 4px;
}
.pricing_box.price-table div.body ul li.alternative-row{
background: #fbfbfb;
}
.pricing_box.price-table.no-header div.body ul li{
text-align: left;
padding-left: 12px;
}
.pricing_box.price-table div.body ul li span.tick{
background: url('../../assets/images/tick.png') center center;
width: 24px;
height: 25px;
display: inline-block;
}
.pricing_box.price-table div.button-container{
background: #f4f4f4;
margin-top: 0;
z-index: -1;
min-height: 86px;
}
.pricing_box.price-table div.button-container a{
margin-top: 25px;
margin-bottom: 21px;
}
.pricing_box.price-table.large div.button-container{
background:#ffffff;
border: none;
z-index: 0;
min-height: 88px;
}
.pricing_box.price-table.large div.button-container a{
margin-top: 30px;
margin-bottom: 26px;
}
/* ========== Testimonial Slider ===============*/
#primary .testimonials-slider ul.testimonial-content .thumbnail{
display:none;
}
#primary .testimonials-slider{
border-right: 0px;
border-left: 0px;
border-width: 1px;
padding:0px;
min-height: 135px;
}
#primary .testimonials-slider.no-border{
border: 0px;
}
#primary .testimonials-slider ul.testimonial-content{
padding-top: 0px;
margin:0px;
padding-left: 0px;
}
#primary .testimonials-slider ul.testimonial-content li blockquote{
border-left:0px;
margin-left: 42px;
border-left: 0px;
}
.testimonials-slider ul.testimonial-content li blockquote p{
display: inline-block;
position: relative;
padding-left: 20px;
quotes: "\201C""\201C""\201C""\201C";
font-size: 14px !important;
line-height: 22px !important;
}
.testimonials-slider ul.testimonial-content li blockquote p:before{
content: '“';
position: absolute;
top: 17px;
width: 150px;
height: 50px;
vertical-align: middle;
left:-40px;
display: block;
}
#primary .testimonials-slider ul.testimonial-content li p.meta{
margin-left: 60px;
padding:0px;
}
#primary .testimonials-slider ul.testimonial-content li p.meta, #primary .testimonials-slider ul.testimonial-content li p.meta span{
font-size: 16px;
background: none;
}
#primary .testimonials-slider ul.testimonial-content li p.meta span.name{
cursor: default;
}
#primary .testimonials-slider ul.testimonial-content div.owl-next {
background: none;
border-width: 1px;
border-style: solid;
text-indent: 0px;
border-radius: 50%;
text-align:center;
float: right;
font-size: 15px;
}
#primary .testimonials-slider ul.testimonial-content div.owl-prev {
background: none;
border-width: 1px;
border-style: solid;
text-indent: 0px;
border-radius: 50%;
text-align:center;
font-size:15px;
float: left;
margin-right: 2px;
}
#primary ul.testimonial-content .owl-item li.item{
width: 100%;
}
#primary .testimonials-slider .owl-controls{
width:auto;
}
#primary .testimonials-slider {
padding: 20px 0;
}
.parallaxeos-content .testimonials-slider{
padding: 0;
}
#primary .owl-prev i.fa.fa-angle-left,
#primary .owl-next i.fa.fa-angle-right{
font-size: 18px;
}
#primary .owl-prev i.fa.fa-angle-left{
margin-right:2px
}
#primary .owl-next i.fa.fa-angle-right{
margin-left:2px
}
#primary .testimonials-slider .owl-controls{
top: auto;
bottom: 0px;
}
.ie9 #primary .testimonial-text .owl-item li {
width: 98%;
}
/* testimonial slider inside a parallax section */
.slider.parallax {
width: 100%;
padding: 0;
}
.boxed-layout .slider.parallax {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.slider.parallax > div.slider-parallax-item:first-of-type {
display: block;
}
.slider.parallax > div.slider-parallax-item {
display: none;
}
#primary .parallaxeos_outer .testimonials-slider{
border:none;
}
.parallaxeos_outer .testimonials-slider ul.testimonial-content li blockquote p:before{
display:none;
}
.parallaxeos_outer .testimonials-slider ul.testimonial-content a{
border:none;
text-align:center;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content li p.meta{
text-align:center;
display:block;
margin-left: 0px;
font-size: 18px;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content li p.meta span {
float:none;
font-size:20px;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content li blockquote p{
font-size: 18px;
line-height: 1.6em;
}
.parallaxeos_outer .testimonials-slider ul.testimonial-content li blockquote p{
display: block;
position: relative;
padding-left: 0px;
quotes: "\201C""\201C""\201C""\201C";
text-align:center;
}
.parallaxeos_outer .testimonials-slider .owl-page{
border-radius:50%;
background-color:#a5a5a5;
height:10px;
width:10px;
display:inline-block;
margin-right:3px;
}
.parallaxeos_outer .testimonials-slider .owl-page.active{
background:#fff;
}
.parallaxeos_outer .testimonials-slider .owl-pagination{
margin-top:-30px;
}
#primary .parallaxeos_outer .testimonials-slider .owl-controls{
width:100%;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content div.owl-next {
background: none;
border: 3px solid;
width: 56px;
height: 56px;
text-indent: 0px;
border-radius: 50%;
position: absolute;
right:0;
z-index:4;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content div.owl-next i,
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content div.owl-prev i{
font-size:50px;
}
#primary .parallaxeos_outer .testimonials-slider ul.testimonial-content div.owl-prev {
background: none;
border: 2px solid;
text-indent: 0px;
border-radius: 50%;
text-align:center;
width: 56px;
height: 56px;
position: absolute;
left: 0;
z-index:4;
}
#primary .parallaxeos_container .testimonials-slider .owl-controls {
position:static;
margin-top:50px;
}
#primary .parallaxeos_container .testimonials-slider .owl-controls {
width: 100%;
position: absolute;
height: 56px;
top: 0;
bottom: 0;
margin: auto;
}
#primary .testimonials-slider .owl-controls {
width: auto;
}
.testimonials-slider .owl-controls {
position: absolute;
right: 0;
top: -25px;
width: 47px;
}
.testimonials-slider .owl-controls .owl-prev, .testimonial-widget .owl-controls .owl-prev {
background: url('../images/sprite.png') left top no-repeat;
margin-right: 0px;
width: 23px;
height: 24px;
z-index: 1;
cursor: pointer;
display: inline-block;
text-indent: -9000px;
}
.testimonials-slider .owl-controls .owl-next, .testimonial-widget .owl-controls .owl-next {
background: url('../images/sprite.png') left bottom no-repeat;
width: 24px;
height: 24px;
z-index: 1;
cursor: pointer;
display: inline-block;
text-indent: -9000px;
}
/*************************
* CALL TO ACTION
***************************/
.call-to-action-two{
width: 100%;
display: block;
border: 1px solid;
position: relative;
}
.call-to-action-two .call-to-action-two-container {
border: 6px solid #f7f7f7;
width: 100%;
height: 100%;
display: table;
}
.call-to-action-two .call-to-action-two-container div.incipit{
display:table-cell;
vertical-align: middle;
}
.call-to-action-two .call-to-action-two-container div.incipit span{
vertical-align:middle;
display: block;
padding: 0 20px;
}
.call-to-action-two .call-to-action-two-container div.call-btn{
position: relative;
display: table-cell;
}
div.call-btn-arrow {
border-bottom: 12px solid rgba(0, 0, 0, 0);
border-top: 12px dashed rgba(0, 0, 0, 0);
border-left: 12px solid;
border-width: 12px;
content: " ";
height: 0;
position: absolute;
top: 50%;
width: 0;
margin-top: -11px;
}
.call-to-action-two .call-to-action-two-container div.call-btn a.btn-alternative{
border: 0 none;
display: block;
font-size: inherit;
height: 100%;
margin-bottom: -7px;
margin-right: -7px;
margin-top: -7px;
padding: 20px 50px;
text-align: center;
}
/************************************
* CTA NEWSLETTER
************************************/
.call-three{
width: 100%;
display: block;
border: 1px solid;
text-align: center;
}
.call-three .newsletter-cta-form-container{
width: 100%;
border: 6px solid #f7f7f7;
}
.call-three .newsletter-call3{
position: relative;
padding-bottom: 22px;
}
.call-three .newsletter-call3 form {
vertical-align: middle;
margin-top: 5px;
margin-bottom: 20px;
width: 100%;
}
.call-three .newsletter-call3 form fieldset{
width: 100%;
}
.call-three .newsletter-cta-form-container .text span.newsletter-cta-title{
margin-top: 15px;
display: block;
}
.call-three .newsletter-cta-form-container .text span.newsletter-cta-incipit{
margin-top: 5px;
display: block;
}
.call-three .newsletter-cta-form-container ul{
margin-left: 0;
width: 100%;
padding-left: 35px;
padding-right:35px;
}
.call-three .newsletter-cta-form-container li{
list-style: none;
float: left;
}
.call-three .newsletter-cta-form-container li label{
display: none;
}
.call-three .newsletter-cta-form-container li:first-child{
position: relative;
width: 80%;
}
.call-three .newsletter-cta-form-container li:nth-child(2){
width: 19%;
margin-left: 1%;
}
.call-three .newsletter-cta-form-container input{
height: 51px;
}
.call-three .newsletter-cta-form-container input.email-field{
width: 100%;
padding-left: 58px;
font-size: 14px;
}
.call-three .newsletter-cta-form-container input[type="submit"]{
width: 100%;
padding: 0;
border: 1px solid;
font-size: 14px !important;
}
.call-three .newsletter-call3 span.mail-icon-shortcode{
position: absolute;
top: 4px;
left:10px;
font-size: 41px;
}
.newsletter_form_email input.email-field{
border: 1px solid;
border-radius: 0;
-webkit-appearance: none;
}
/************************************
* ACCORDION
************************************/
.toggle{
border: 1px solid;
margin-bottom: 18px;
padding: 12px 40px 12px 20px;
position: relative;
}
.toggle .toggle-title h4{
padding: 0;
margin: 0;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
color: #686868;
font-style: normal;
font-weight: 400;
text-align: left;
text-transform: uppercase;
cursor: pointer;
padding-left: 25px;
}
.toggle .toggle-title span.fa.fa-plus.closed:before,
.toggle .toggle-title span.fa.fa-minus.opened:before{
font-family: 'EntypoRegular';
font-weight: normal;
line-height: 0;
}
.toggle .toggle-title span.fa.fa-plus.closed,
.toggle .toggle-title span.fa.fa-minus.opened{
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding: 0px 7px;
border-right: 1px solid;
font-size: 40px;
cursor: pointer;
}
.content-tab {
padding-left: 25px;
padding-top: 20px;
}
.toggle .toggle-title span.fa.fa-plus.closed:before{
content: '\2795';
}
.toggle .toggle-title span.fa.fa-minus.opened:before{
content: '\2796';
}
/************************************
* SECTION BACKGROUND
************************************/
.section-background-outer {
position: absolute;
width: 1000%;
left: -500%;
margin-left: 50%;
clear: both;
}
.section-background {
display: block;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-position: 50% 0%;
}
/* ============= Image Banner =============== */
.banner-container{
border: 1px solid #d3d3d3;
padding: 2px;
}
.banner-image{
width: 100%;
display: table;
background-position: top center;
/*background-size: 100% 100%;*/
-webkit-transition: background-size 0.6s ease;
-moz-transition: background-size 0.6s ease;
transition: background-size 0.6s ease;
cursor: pointer;
position: relative;
}
.banner-image:hover{
/*background-size: 110% 110%;*/
}
.banner-image .banner-image-content{
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}
.banner-image-slogan-wrapper{
position: absolute;
width: 100%;
display: block;
left: 0;
z-index: 10;
padding: 10px;
pointer-events: none;
}
.banner-image-slogan-wrapper.top{
top: 10px;
}
.banner-image-slogan-wrapper.bottom{
bottom: 10px;
}
.banner-image-slogan-wrapper.left{
text-align: left;
padding-left: 16px;
}
.banner-image-slogan-wrapper.right{
text-align: right;
padding-right: 10px;
}
.banner-image .banner-image-slogan{
font-size: 32px;
line-height: 1em;
display: block;
margin-bottom: 5px;
letter-spacing: 4px;
}
.banner-image .banner-image-subslogan{
font-size: 24px;
display: block;
line-height: 1em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 5px;
}
.banner-image-slogan-wrapper.left .banner-image-subslogan{
margin-left: -2px;
}
.banner-image-slogan-wrapper.right .banner-image-subslogan{
margin-right: 6px;
}
.banner-image .button{
margin-top: 15px;
display: inline-block;
border-width: 1px ;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.banner-image-background{
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0px;
left: 0px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.banner-image:hover .banner-image-background{
opacity: 1;
}
/***************
* IMAGES SLIDER
******************/
.images-slider-sc {
position: relative;
overflow: hidden;
}
.images-slider-sc ul.slides {
padding: 0;
list-style: none;
}
.images-slider-sc ul.slides:after, .images-slider-sc ul.slides:before {
content: '';
display: table;
}
.images-slider-sc ul.slides:after {
clear: both;
}
.images-slider-sc .flex-direction-nav {
list-style: none;
padding: 0;
margin: 0;
}
.images-slider-sc .flex-direction-nav li {
position: absolute;
top: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 50px;
background-color: rgba(255,255,255,0.8);
}
.images-slider-sc .flex-direction-nav li:first-child {
left: -50px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.images-slider-sc:hover .flex-direction-nav li:first-child {
left: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.images-slider-sc .flex-direction-nav li:last-child {
right: -50px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.images-slider-sc:hover .flex-direction-nav li:last-child {
right: 0px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.images-slider-sc .flex-direction-nav li a {
position: absolute;
top: 45%;
width: 35px;
height: 35px;
border: 2px solid;
border-radius: 50%;
padding: 9px;
text-align: center;
opacity: 1;
margin: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.images-slider-sc .flex-direction-nav li a:before {
font-family: 'FontAwesome';
font-size: 24px;
}
.images-slider-sc .flex-direction-nav li a.flex-prev {
left: 7px;
}
.images-slider-sc .flex-direction-nav li a.flex-prev:before {
content: '\f104';
padding-right: 2px;
}
.images-slider-sc .flex-direction-nav li a.flex-next {
right: 7px;
}
.images-slider-sc .flex-direction-nav li a.flex-next:before {
content: '\f105';
padding-left: 2px;
}
/* === SITEMAP === */
.sitemap ul {
list-style: none;
padding: 0;
}
.sitemap li {
margin-bottom: 10px;
}
.sitemap h2 a{
text-transform: uppercase !important;
font-size: 18px;
font-weight: bold;
}
/* === FEATURES TAB === */
.features-tab-container .features-tab-wrapper .features-tab-content h4{
font-weight: normal !important;
}
/* ==================== NEWSLETTER FORM ====================== */
.newsletter-section.newsletter-shortcode .newsletter-form-title,
.newsletter-section.newsletter-shortcode .newsletter-form-description{
display: block;
}
.newsletter-section.newsletter-shortcode .newsletter-form-description {
margin-top: 15px;
}
.newsletter-section.newsletter-shortcode form fieldset ul{
list-style: none;
padding: 0;
}
.newsletter-section.newsletter-shortcode form fieldset ul li{
display: inline-block;
float: left;
}
.newsletter-section.newsletter-shortcode form fieldset ul li:first-child{
width: 80%;
padding-right: 10px;
}
.newsletter-section.newsletter-shortcode form fieldset ul li:nth-child(2){
width: 20%;
}
.newsletter-section.newsletter-shortcode form fieldset ul li label{
display: none;
}
.newsletter-section.newsletter-shortcode form fieldset ul li input{
height: 51px;
width: 100%;
}
.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email{
position: relative;
}
.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email input{
padding-left: 55px;
}
.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email .mail-icon-shortcode{
position: absolute;
top: 0;
left: 10px;
height: 51px;
display: table;
vertical-align: middle;
font-size: 40px;
}
.newsletter-section.newsletter-shortcode form fieldset ul li .newsletter_form_email .mail-icon-shortcode:before{
display: table-cell;
vertical-align: middle;
}
.newsletter-section.newsletter-shortcode form fieldset ul li input[type="submit"]{
border: 1px solid;
}
/* === FEATURES COLUMNS === */
.featured-column {
width:100%;
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 100px;
border-right: 1px solid #ccc;
margin-bottom: 10px;
margin-top: 10px;
}
.featured-column h5 {
margin-bottom: 7px;
}
.featured-column h5, .featured-column h2{
line-height: 1em;
padding: 0px;
margin-top:0;
}
.featured-column h3{
margin-top: 10px;
margin-bottom: 20px;
}
.featured-column.last{
border-right:0px;
margin-left: 15px;
}
/* LOGO SLIDER */
.logos-slider.wrapper h3 {
margin-bottom: 0px;
}
/* fix visual composer */
.vc_col-sm-4 .featured-column.first{
margin-left: 0px;
}
.vc_col-sm-4 .featured-column.last{
border-right:0px;
margin-left: 0px;
}
/****************************
* LOGOS SLIDER
*****************************/
.logos-slider .nav {
width: auto !important;
float: right;
}
.logos-slider .nav a {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.logos-slider .nav a.prev, .logos-slider .nav a.next {
border: 1px solid;
border-radius: 50%;
width: 25px;
height: 25px;
text-align: center;
padding-top: 2px;
font-size: 14px;
display: block;
}
.logos-slider .nav a span.fa {
margin-right: 0;
}
.logos-slider.wrapper {
position: relative;
overflow: hidden;
padding-top: 25px;
}
.logos-slider.wrapper h3 {
margin-top: 0;
text-align: center;
}
.logos-slider .list_carousel ul.logo-list,
#copyright .centered .logos-slider .list_carousel ul.logo-list{
margin: 0 auto;
display: inline-block;
}
.logos-slider .list_carousel{
padding: 30px 0;
}
.logos-slider .list_carousel ul.logo-list li{
margin: 0 14px 10px;
}
.logos-slider .list_carousel ul.logos-slides li {
float: none;
}
.logos-slider .list_carousel ul.logos-slides li .bwWrapper img {
width: auto;
margin: 0 auto;
float: left;
z-index: 1;
}
.logos-slider .list_carousel ul.logos-slides li .bwWrapper canvas {
z-index: 2;
}