/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.side_menu_button>a.search_button {
    position: relative;
    top: -4px;
}
    
.qbutton {
    border-width: thin;
}

h1 {
    text-align: center;
}
    
/* .cover_boxes p {
    font-weight: 500;
} */
    
/* .cover_boxes h3 {
    font-weight: bold;
    text-transform: lowercase;
    font-size: 25px;
    line-height: 1;
} */
    
.filter_holder ul li span {
    padding: 4px 22px 3px; 
}
    
.filter_holder ul li.current span {
    line-height: 23px;
    border-radius: 3em;
    background-color: #0061fe;
    color: white;
}
    
.slow_zoom .icons_holder {
    display: none  !important;
}

.projects_masonry_wrapper .projects_masonry_holder {
	margin: 0px 15px;
}

.projects_masonry_holder .portfolio_masonry_item {
	padding: 23px;
	box-sizing: border-box;
}
    
.portfolio_template_5 .portfolio_single_text_holder {
    margin: 90px 0 60px 0;
    text-align: center;
    padding: 0 10%;
}
    
.portfolio_template_5 .portfolio_single_text_holder h1 {
    color: black;
    margin-bottom: 40px;
}
    
.p-big, .portfolio_template_5 .portfolio_single_text_holder p{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 20px;
}
    
.portfolio_template_5 .portfolio_images img, .portfolio_template_5 .portfolio_images .video {
    margin: 0 0 60px;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
}
    
.portfolio_template_5 .portfolio_images .video {
    width: 100% !important;
    height: 100% !important;

}
    
.portfolio_template_5 .portfolio_images .video .mejs-container, .portfolio_template_5 .portfolio_images .video .mejs-container .mejs-controls, .portfolio_template_5 .portfolio_images .video .mejs-embed, .portfolio_template_5 .portfolio_images .video .mejs-embed body {
    background: rgba(0, 0, 0, .25);
}

.cover_boxes ul li .box .thumb img {
    border-radius: 20px;
}

.cover_boxes:nth-last-of-type(1) li:last-child {
	display: none;
}

.cover_boxes:nth-last-of-type(1) li:nth-child(2) {
	margin-bottom: 0 !important;
}

.values-icons {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: auto;
}

.values-icons img {
    margin-bottom: 18px;
}

.values-icons-txt {
    text-align: center;
}

.values-icons-txt h3{
    margin: 0 0 18px;
}

.column-separ {
    display: none;
}

.qbutton.large {
    padding: 5px 35px;
}

.footer_top, .footer_bottom p, #block-34 p {
    font-family: 'Montserrat';
}

.footer_top .menu, #block-34 {
    margin-top: 40px;
}

.footer_top a:hover, #block-34 p a:hover {
    color: #e8e4da !important;
}

.footer_top .footer_col2, .footer_top .footer_col3 {
    padding-top: 17px;
}

.footer_top .widget.widget_nav_menu li, #block-34 p{
    padding-bottom: 10px;
    line-height: 22px;
}

.footer_top .widget_nav_menu li.menu-item a, #block-34 p a {
    color:white;
}

.footer_bottom {
    text-align: left;
}

#block-29 {
    overflow: hidden;
}

#block-30 {
    margin-top: 28px;
}

.agency-plates {
    padding: 0 10px;
}

.agency-plates > div:first-child {
    border-radius: 20px;
    height: 300px;
    padding: 25px;
}

#agency-plates-1 > div:first-child, #agency-plates-4 > div:first-child, #agency-plates-6 > div:first-child {
    background-color: #e8e4da;
}

#agency-plates-2 > div:first-child, #agency-plates-5 > div:first-child {
    background-color: #0061fe;
}

#agency-plates-3 > div:first-child {
    background-color: #0c0c0b;
}

#agency-plates-2 p, #agency-plates-2 h4, #agency-plates-3 p, #agency-plates-3 h4, #agency-plates-5 p, #agency-plates-5 h4 {
    color: white;
}

#agency-plates-4 p, #agency-plates-4 h4 {
    color: #0061fe;
}

#agency-plates-1 > div:first-child img {
    max-height: 85%;
    max-width: 85%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

#agency-plates-6 > div:first-child img {
    max-height: 60%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plates-bott-txt {
    position: absolute;
    bottom: 45px;
    width: calc(100% - 70px);
}

.big-digit {
    font-size: 80px;
    line-height: 1;
    font-weight: 600;
}

.agency-email {
    font-size: 40px;
    font-weight: 700;
}

.services-back {
    border-radius: 20px;
    background-color: #e8e4da;
    padding: 25px;
}

.services-back h3{
    margin: 0 0 18px;
    text-transform: none;
}

.services-back ul{
    margin-top: 18px;
}

.services-back li{
    list-style-type: none;
    text-align: left;
    margin-bottom: 5px;
}

.service-mascot-mb {
    display: none;
}

@media only screen and (max-width: 1399px) {
    .mejs-layers .mejs-overlay{
        width: 100% !important;
        height: 100% !important;

    }
}

@media only screen and (max-width: 1000px) {
    .logo_wrapper {
        height: 70px !important;
        left: 0;
    }

    .q_logo a {
        left: 0;
        width: auto !important;
    }

    .q_logo a {
        height: 45px !important;
    }

    .shopping_cart_inner, .side_menu_button {
        height: 70px !important;
    }

    .side_menu_button>a.search_button {
        display: none;
    }

    .title_outer.with_image .title {
        height: 400px !important;
        line-height: normal;
        background: 0 0;
    }

    .title img {
        width: auto;
        height: 400px;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
    }
 
    .projects_masonry_holder .portfolio_masonry_item {
        padding: 0 0 30px;
    }

    .projects_masonry_holder .portfolio_masonry_item:last-child {
        padding-bottom: 0;
    }

    .projects_masonry_wrapper .projects_masonry_holder {
        width: 100%;
        margin: 0;
    }

    .header_top_bottom_holder .header_bottom, .container .default_template_holder {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .portfolio_template_5 .portfolio_single_text_holder h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .p-big, .portfolio_template_5 .portfolio_single_text_holder p{
        text-align: left;
        font-size: 17px;
        line-height: 1.4;
    }

    #agency-bottom .p-big {
        text-align: center;
    }

    .agency-email {
        font-size: 30px;
    }

    .portfolio_template_5 .portfolio_single_text_holder {
        margin: 40px 0 30px 0;
        padding: 0;
    }

    .portfolio_template_5 .portfolio_images img, .portfolio_template_5 .portfolio_images .video {
        margin: 0 0 30px;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    }

    .cover-separ {
        height: 10px !important;
    }
}

@media only screen and (max-width: 767px) {
    .cover_boxes ul li {
        margin: 0 0 30px !important;
    }
    
    .cover-separ {
        display: none;
    }

    .column-separ {
        display: block;
    }

    .service-mascot {
        display: none;
    }

    .service-mascot-mb {
        display:block;
        margin-top: 25px;
        max-width: 90%;
    }
}

@media only screen and (max-width: 600px) {
    .footer_top .menu, #block-34, #block-30 {
        margin-top: 25px;
    }

    .agency-email {
        font-size: 25px;
    }

}

@media only screen and (max-width: 480px) {
    .portfolio_masonry_item .item_holder .text_holder a {
        font-size: 20px;
    }

    .cover_boxes ul li {
        margin: 0 0 30px !important;
    }
	
    .agency-email {
        font-size: 20px;
    }
}

/* MediaElement.js Fullscreen Button Fix */
.mejs-controls .mejs-fullscreen-button button {
    background: url(css/img/audio/fullscreen.png) no-repeat center !important;
    opacity: 1 !important;
}

.mejs-container-fullscreen .mejs-fullscreen-button button {
    background-image: url(css/img/audio/unfullscreen.png) !important;
}