

/*
  Inserted here (custom css section):
  http://www.flystein.com/wp-admin/admin.php?page=qode_theme_menu
*/
.footer_top .column_inner .widget.widget_nav_menu h5 {
    margin-bottom: 6px !important;
}

.blog_holder article .post_text h2 .date {
    display: none !important;
}

.blog_holder article .post_info span.post_author,
.blog_holder article .post_info span.time,
.blog_holder article .post_info .dots {
    display: none;
}

.footer_top .column_inner .menu .menu-item {
    padding-bottom: 5px !important;
}


/* single posts social share */
.single-post span.social_share_title {
    display: none;
}


.single-post .social_share_dropdown .inner_arrow {
    display: none;
}

.single-post .social_share_dropdown {
    visibility: visible;
    width: 100%;
}

.single-post .social_share_dropdown {
    position: relative;
}

.single-post .social_share_dropdown ul {display: inline-block;width: 100%;background-color: transparent;}


.single-post .social_share_dropdown ul li {
    display: inline-block;
}

.single-post .social_share_dropdown ul li i {
    color: #bebebe;
}

/* blog small image social share */
.page-template-blog-small-image span.social_share_title {
    display: none;
}

.page-template-blog-small-image .social_share_dropdown .inner_arrow {
    display: none;
}

.page-template-blog-small-image .social_share_dropdown {
    visibility: visible;
    width: 100%;
}

.page-template-blog-small-image .social_share_dropdown {
    position: relative;
}

.page-template-blog-small-image .social_share_dropdown ul {display: inline-block;width: 100%;background-color: transparent;}


.page-template-blog-small-image .social_share_dropdown ul li {
    display: inline-block;
}

.page-template-blog-small-image .social_share_dropdown ul li i {
    color: #bebebe;
}

/* white space at the end of text pages */
.content .container .container_inner {
    padding-bottom: 60px !important;
}

.ajax_loader .two_rotating_circles {
    display: none;
}

.mobile_menu_button {
    display: none !important;
}

body.home .icon_with_title_link {
    display: none;
}

.qbutton {
    /*padding: 8px 12px;*/
    /* margin: 0 auto !important;*/
    width: 140px !important;
    text-align: center;
    /*display: block;
    margin-bottom: 8px !important;*/
}

.qbutton:lang(fr) {
    /*padding: 8px 12px;*/
    /* margin: 0 auto !important;*/
    width: 160px !important;
    text-align: center;
    /*display: block;
    margin-bottom: 8px !important;*/
}

.qbutton:lang(es) {
    /*padding: 8px 12px;*/
    /* margin: 0 auto !important;*/
    width: 150px !important;
    text-align: center;
    /*display: block;
    margin-bottom: 8px !important;*/
}

.qbutton.white {
    border-width: thin;
    border-radius: 9px;
}

header.stick .textwidget {
    margin-bottom: 2px;
    top: -80% !important;
}

header.stick .q_social_icon_holder.normal_social .simple_social {
    color: white;
}

header.sticky .q_social_icon_holder.normal_social .simple_social {
    color: #565656; /* Fonts / Sticky Menu / Color */
}

@media (max-width: 480px) {
    .header_inner.clearfix .header_top_bottom_holder {
        height: 75% !important;
    }

    header.stick .q_logo a img {
        height: 70% !important;
    }

    .carousel-inner .slider_content {
        top: 15% !important;
        height: 25%;
    }

    .carousel-inner .slider_content .text .qbutton {
        /*padding: 8px 12px;*/
        margin: 0 auto !important;
        width: 140px;
        text-align: center;
        display: block;
        margin-bottom: 8px !important;
    }


    .carousel-inner .slider_content .text .qbutton:lang(fr) {
        /*padding: 8px 12px;*/
        margin: 0 auto !important;
        width: 160px;
        text-align: center;
        display: block;
        margin-bottom: 8px !important;
    }

    .single-post img {max-width: 100%; height: auto}

}

@media only screen and (min-width: 1000px) {
    header.stick .q_logo a img {
        /*height: 80% !important;*/
        height:56px !important;
        width:194px !important;

        top: -45% !important;
    }

    header.sticky .q_logo a img {
        /* height: 70% !important;*/
        height:35px !important;
        width:121px !important;
        top: -40% !important;
    }

    .side_menu_button > a.popup_menu {
        display: none;
    }
}

/* TODO test on Windows

.carousel-inner .slider_content {
height: 60%;
}

.carousel-inner .slider_content .slide_anchor_holder {
position: absolute;
bottom: 0;
margin-left: auto;
margin-right: auto;
right: 0;
left: 0;
} */

.carousel-inner .active .slider_content .text {
    height: 100%;
}

.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
    font-size: 42px;
    color: #fff;
}

.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button i:hover {
    font-size: 42px;
    color: #0082c8;
}

.carousel-inner .slider_content .text .qbutton {
    /*padding: 3px 10px;*/
    /*padding: 0 40px */

    height: 40px;
    line-height: 43px;
    font-size: 16px;
}

.carousel-inner .slider_content .text .qbutton {
    -webkit-backface-visibility: hidden;
}

.cover_boxes ul li .box .box_content {
    top: 0;
}

.cover_boxes ul li .box .qbutton {
    margin-top: 18px;
}

.contact_detail .contact_section > h4 {
    display: none;
}

.blog_large_image h2,
.blog_large_image h2 a,
.blog_holder.blog_single article h2,
.blog_holder.blog_single article h2 a {
    font-size: 27px;
}

.blog_small_image h2,
.blog_small_image h2 a {
    font-size: 22px;
}

.q_counter_holder .separator.small,
.portfolio_slider .image_holder .separator {
    width: 65px !important;
}

.q_icon_with_title.circle .icon_holder .fa-stack:hover i:last-child {
    color: #fff !important;
}

.contact_detail .separator.small {
    background-color: #f21c00;
    margin-top: 37px;
    margin-bottom: 40px;
}

.q_icon_with_title.circle .icon_holder .fa-stack:hover {
    background-color: #c2e6e9;
}

.flex-direction-nav a, .caroufredsel-direction-nav a {
    box-sizing: initial;
}

.q_icon_with_title .icon_text_holder .icon_title {
    font-weight: 400;
}

.gallery_holder ul li .gallery_hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.post_content_holder .post_text .qbutton:hover {
    background-color: #f21c00;
    border-color: #f21c00;
    color: #ffffff;
}

.blog_load_more_button a:hover {
    color: #ffffff;
    background-color: #f21c00;
    border-color: #f21c00;
}

.q_team .q_team_text {
    padding: 0;
}

.q_team .q_team_description_wrapper {
    background-color: rgba(255, 255, 255, 0.75);
}

/*body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif;
}*/

.image_holder {
    height: 100%;
}

.testimonial_image_holder img {
    border-radius: 50%;
    box-shadow: 1px 2px 4px -2px rgba(0, 0, 0, .1);

    /*
      margin: 1em auto;
    border: 5px solid #eee;
      box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    */
}

.flex-direction-nav .flex-prev:hover:before, .flex-direction-nav .flex-next:hover:before {
    color: #0082c8 !important;
}

.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
    border-color: #0082c8;
}

.flexslider:hover .flex-direction-nav a.flex-prev:hover, .flexslider:hover .flex-direction-nav a.flex-next:hover {
    background-color: #00ff00;
}

.flexslider:hover .flex-direction-nav a.flex-prev:hover i, .flexslider:hover .flex-direction-nav a.flex-next:hover i {
    color: #0082c8;
}

.testimonials_holder .flex-direction-nav a {
    color: #00ff00 !important;
}

.testimonials_holder .flex-direction-nav a:hover {
    background-color: #f4f4f4 !important;
}

.testimonials_holder .flex-direction-nav a:hover {
    color: #000000;
}

.testimonials_holder .flex-direction-nav a {
    border: 1px #000000;
}

.testimonials_holder .flex-direction-nav a:hover {
    border: 1px #000000;
}

.flex-direction-nav a i {
    color: #000;
}

.flex-direction-nav a {
    border-color: #00ff00;
}

.fa-quote-left {
    color: #cccccc;
}

.fa-quote-right {
    color: #cccccc;
}

footer .column1 {
    position: relative;
    top: -23px;
}

.footer_bottom {
    padding: 2px 0;
    font-size: 14px;
}

.footer_top ul li {
    font-size: 13px;
}

.footer_top h5 {
    font-size: 13px;
    font-weight: 700;
}

.footer_top_holder h5 {
    letter-spacing: 0;
}

.testimonial_author span a {
    color: #000000;
}
/********************************************
 .carousel-inner .slider_content {
 height: 55%;
 }
 .carousel-inner .active .slider_content .text{
 height: 100%;
 }
 .carousel-inner .slider_content .slide_anchor_holder{
 position: absolute;
 bottom: 0;
 margin-left: auto;
 margin-right: auto;
 right: 0;
 left: 0;
 }

 .slide_anchor_holder {
 top: 90% !important; TODO investigate how to move to bottom of the page
 background-color: #00ff00;
 }

 .testimonials_holder .flex-direction-nav a:hover {
 background-color: #f53644 ;
 border-color: #f53644 ;
 }
 .testimonials_holder .flex-direction-nav a:before{
 color: #000000;
 }

 .testimonials_holder .flex-direction-nav a:hover:before{
 color: #ffffff;
 }

 .testimonials_holder .flex-direction-nav a:hover{
 background-color: #000000;
 }
 .testimonials_holder .flex-direction-nav a{
 border: 2px solid #000000;
 }
 header.stick .q_social_icon_holder.normal_social .simple_social{
 display:none;
 }
 header.sticky .q_social_icon_holder.normal_social .simple_social{
 display:none;
 }

 #nav-menu-item-14860 li,
 #nav-menu-item-15726 li{
 width: 280px;
 }

 .drop_down .second .inner .widget {
 padding-bottom: 13px;
 }

 .drop_down .second .inner .widget a{
 padding: 0px !important;
 }

 .carousel-inner .slider_content .all_at_once .qbutton.green a{
 background-color: #red !important;
 border-color: #f21c00;
 color: #red  !important;
 height: 70% !important;
 }

 .slider_content .all_at_once .q_slide_text{
 background-color: #red !important;
 border-color: #f21c00;
 color: #red  !important;
 height: 70% !important;
 }

 carousel-inner .slider_content .all_at_once .qbutton.green a{
 background-color: #red !important;
 border-color: #f21c00;
 color: #red  !important;
 height: 70% !important;
 }

 .slider_content .qbutton.green {
 background-color: #ffffff !important;
 border-color: #ffffff;
 color: #00ff00;
 height: 70% !important;
 }

 .fa-spin-hover:hover {
 -webkit-animation: spin 2s infinite linear;
 -moz-animation: spin 2s infinite linear;
 -o-animation: spin 2s infinite linear;
 animation: spin 2s infinite linear;
 }
 $j('i').addClass('fa-spin-hover');

 $j('.fa-hog').hover(function() {
 $j(this).addClass('fa-spin');
 });

 ********************************************/



.price_in_table .mark {
    display: inline-block;
    font-size: .75em;
    background-color: #ffffff;
    color: #0087E8;
    border-width: thin;
    border-radius: 0px;
    width: 98%;
}

.price_table_inner ul li.prices {
    padding-left: 0px;
    padding-right: 0px;
}

.single-post .default_template_holder {
    padding-top: 32px !important;
}

.single-post .sidebar {
    padding-top: 20px;
}

.single-post .sidebar h5 {
    font-weight: 500 !important;
    font-size: 1.1em !important;
}

.page_header .welcome-bar {
    background-color: #ff9000;
    position: absolute;
    width: 100%;
    color: white;
}

.page_header .welcome-bar p {
    color: white;
    margin: 2px 20px;
    text-align: center;
    font-weight: 500 !important;
    font-size: 1.2em !important;
}

.page_header .welcome-bar p a {
    color: white;
    font-weight: 600 !important;
    font-size: 1.2em !important;
}

.page_header .welcome-bar .welcome-bar-close {
    position: absolute;
    right: 10px;
    top: 0px;
    padding-top: 8px;
    margin: auto;
    font-weight: 600 !important;
    font-size: 1.4em !important;
    height: 100%;
    line-height: 100%;
    cursor: pointer;
}

.blog_holder .wp-caption .wp-caption-text {
    font-size: .7em;
    line-height: 120%;
    margin-bottom: 15px !important;
}

.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter li {
    counter-increment: step-counter;
    margin-bottom: 37px !important;
}
.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 150%;
    background-color: #0084b4;
    color: white;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    border-radius: 6px;
}

.custom-counter2 {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter2 li {
    counter-increment: step-counter;
    margin-bottom: 17px !important;
}

.custom-counter2 li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 100%;
    background-color: #e54039;
    color: white;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    border-radius: 32px;
}

.custom-counter2blue {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter2blue li {
    counter-increment: step-counter;
    margin-bottom: 17px !important;
}

.custom-counter2blue li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-weight: bold;
    background-color: #0084b4;
    color: white;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    border-radius: 32px;
}

.inner-counter {
    margin-top: -20px;
    padding-top: -20px;
    list-style-type: none;
}

.inner-counter li {
    list-style: circle !important;
    content: "" !important;
    counter-increment: none !important;
    margin-bottom: 1px !important;
    margin-left: 27px !important;
}

.inner-counter li::before {
    list-style: circle !important;
    content: "" !important;
    counter-increment: none !important;
    margin-bottom: 5px !important;
    margin-right: 0px  !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 0px;
}
ol li ul li {
    list-style: circle !important;
    content: "" !important;
    counter-increment: none !important;
    margin-bottom: 17px !important;
}

.call_to_action.simple .text_wrapper .qbutton {
    margin: 8px 0 0 35px;
}

.q_accordion_holder.accordion .ui-accordion-header,
.q_accordion_holder.accordion.with_icon .ui-accordion-header {
    text-transform: none;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark {
    /* visibility: hidden; */
    /* left: initial !important; */
    right: 0px !important;
}

.accordion .accordion_content_inner {
    /* visibility: hidden; */
    /* left: initial !important; */
    font-size: 28px !important;
}

.accordion>h5 span.tab-title {
    color: #0262a7;
    font-size: 18px;
}

h5 span.tab-title:hover {
    color: #0087e8 !important;
}
/* TOOLTIP */
[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 1px;
}

/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #ff9000;
    color: #fff;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1.4;
    min-width: 450px;
    text-align: center;
    border-radius: 40px;
    border-style: solid;
    border-width: thin;
    border-color: white;
}

/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Dynamic vertical centering */
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}

/* Dynamic vertical centering */
[data-tooltip-position="top"]:before {
    top: -200%;
    margin-bottom: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/* Dynamic horizontal centering for the tooltip arrow */
[data-tooltip-position="bottom"]:after,
[data-tooltip-position="top"]:after {
    left: 50%;
}

/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 1px 6px 6px;
    border-bottom-color: #ff9000;
}

[data-tooltip-position="top"]:after {
    top: 0%;
    border-width: 1px 6px 6px;
    border-bottom-color: #ff9000;
}

/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

.qbutton.white[data-tooltip]:before {
    background: #0082c8 !important;
}

.qbutton.white[data-tooltip-position="top"]:after,
.qbutton.white[data-tooltip-position="bottom"]:after {
    border-bottom-color: #0082c8;
}


/* Hide Qode title for all posts, same as Qode Title/Don't Show Title Area */
.single-post .title_holder {
    display: none !important;
    visibility: hidden !important;
}

@media screen and (max-width: 560px) {
    [data-tooltip]:before {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
        background: #ff9000;
        color: #fff;
        padding: 4px 8px;
        font-size: 14px;
        line-height: 1.2;
        min-width: 260px;
        text-align: center;
        border-radius: 25px;
    }

    /* hide blog post sidebar on mobile */
    .single-post  .container_inner > .two_columns_75_25 .column1 {
        width: 100% !important;
    }
    .single-post .container_inner > .two_columns_75_25 .column2 {
        display: none !important;
    }
}

/* disable autoscroll on embed google maps */
.overlay {
    background:transparent;
    position:relative;
    width:600px;
    height:450px; /* your iframe height */
    top:450px;  /* your iframe height */
    margin-top:-450px;  /* your iframe height */
}


