/*
 * Reglas de Bridge 13 que usa la web (cabecera, menú, pie, títulos, blog, proyectos…), en su orden
 * original. Generado con 02_entorno-docker/herramientas/css_bridge.py: no editar a mano; los ajustes
 * van en compogs.css, que se carga después.
 */

/* ---- Bridge 13: stylesheet.min.css ---- */
.clearfix::after { clear: both; }
h2, h3 { text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
a, h1, h2, h3, h4, h5, p a, h6 { color: rgb(48, 48, 48); }
.gallery-caption, .wp-caption, .wp-caption-text { opacity: 1; }
.clearfix::after, .clearfix::before { content: " "; display: table; }
figure, footer, header, nav, .aligncenter, article { display: block; }
::selection { background: rgb(26, 188, 156); color: rgb(255, 255, 255); }
.aligncenter { margin: 10px auto; }
a, body, div, h1, h2, h3, h4, h5, html, i, li, p, span, strong, ul, iframe, h6, object, dd, dl, dt, em, b, ol { background: 0px 0px; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline; outline: 0px; }
a img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
header { vertical-align: middle; }
img { max-width: 100%; height: auto; }
h1 { font-size: 30px; line-height: 1.25em; }
h2 { font-size: 24px; line-height: 1.38462em; }
h3 { font-size: 17px; line-height: 1.30435em; }
h4 { font-size: 19px; line-height: 1.375em; font-weight: 400; }
h5, h6 { font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
h5 { font-size: 15px; line-height: 1.57143em; }
h6 { font-size: 13px; line-height: 1.53846em; }
h3 a, h4 a { color: rgb(48, 48, 48); transition: color 0.1s linear; }
h3 a:hover, h4 a:hover { color: rgb(26, 188, 156); }
a, p a { text-decoration: none; cursor: pointer; }
a:hover, p a:hover { color: rgb(26, 188, 156); text-decoration: none; }
ul { list-style-position: inside; }
.wrapper, body { background-color: rgb(246, 246, 246); }
html { height: 100%; transition: 1.3s ease-out; margin: 0px !important; }
body { font-family: Raleway, sans-serif; font-size: 14px; line-height: 26px; color: rgb(129, 129, 129); font-weight: 400; overflow-y: scroll; -webkit-font-smoothing: antialiased; overflow-x: hidden !important; }
.wrapper { position: relative; z-index: 1000; transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0px; }
.wrapper_inner { width: 100%; overflow: hidden; }
header { width: 100%; display: inline-block; margin: 0px; position: relative; z-index: 110; backface-visibility: hidden; }
header .header_inner_left { position: absolute; left: 45px; top: 0px; }
.header_bottom, .header_top, .q_logo, .q_logo a { position: relative; }
.header_inner_right { float: right; position: relative; z-index: 110; }
.header_top { z-index: 111; line-height: 33px; height: 33px; padding: 0px; font-size: 13px; background-color: rgb(255, 255, 255); transition: 0.2s; }
.header_top .left { float: left; height: 100%; }
.header_top .right { float: right; height: 100%; }
.header_bottom { padding: 0px 45px; background-color: rgb(255, 255, 255); transition: 0.2s; }
.logo_wrapper { height: 100px; float: left; }
.q_logo { top: 50%; left: 0px; }
.q_logo a { display: block; visibility: hidden; }
.q_logo img { display: block; opacity: 1; position: absolute; top: -50%; max-width: none; transition: opacity 0.6s ease-in-out; width: auto !important; }
.q_logo img.mobile { opacity: 0; }
header.fixed { transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); width: 100%; position: fixed; z-index: 110; top: 0px; left: 0px; }
header:not(.centered_logo) .q_logo img { height: 100%; }
nav.main_menu { position: absolute; left: 50%; z-index: 100; text-align: left; }
nav.main_menu.right { position: relative; left: auto; float: right; }
nav.main_menu ul { list-style: none; margin: 0px; padding: 0px; }
nav.main_menu > ul { left: -50%; position: relative; }
nav.main_menu.right > ul { left: auto; }
nav.main_menu ul li { display: inline-block; float: left; padding: 0px; margin: 0px; background-repeat: no-repeat; background-position: right center; }
nav.main_menu ul li a { color: rgb(119, 119, 119); font-weight: 400; text-decoration: none; display: inline-block; position: relative; line-height: 100px; padding: 0px; margin: 0px; cursor: pointer; }
nav.main_menu > ul > li > a > i.menu_icon { margin-right: 7px; }
nav.main_menu > ul > li > a { display: inline-block; height: 100%; background-color: transparent; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out; }
header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a { opacity: 0.8; }
nav.main_menu > ul > li.active > a { color: rgb(48, 48, 48); }
nav.main_menu > ul > li > a > i.blank { display: none; }
nav.main_menu > ul > li > a { position: relative; padding: 0px 17px; color: rgb(157, 157, 157); text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 1px; }
header:not(.with_hover_bg_color) nav.main_menu > ul > li > a > span:not(.plus) { position: relative; display: inline-block; line-height: initial; }
.drop_down ul { list-style: none; }
.drop_down ul li { position: relative; }
.latest_post_two_holder.three_columns > ul > li:nth-child(3n+1), .latest_post_two_holder > ul { clear: both; }
nav.mobile_menu { background-color: rgb(255, 255, 255); }
div.section { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.mobile_menu_button { display: none; float: left; height: 100px; margin: 0px 20px 0px 0px; }
.mobile_menu_button span { width: 19px; height: 17px; font-size: 14px; z-index: 50; display: table-cell; position: relative; cursor: pointer; vertical-align: middle; }
nav.mobile_menu, nav.mobile_menu ul { display: none; width: 100%; position: relative; }
nav.mobile_menu { float: left; top: 0px; text-align: left; overflow: hidden; z-index: 100; }
nav.mobile_menu ul { list-style: none; padding: 0px; margin: 0px; }
nav.mobile_menu > ul { margin-bottom: -1px !important; }
nav.mobile_menu ul li { margin: 0px; padding: 0px; position: relative; }
nav.mobile_menu ul li a { transition: 0.2s; -webkit-tap-highlight-color: transparent; }
nav.mobile_menu ul li { border-bottom: 1px solid rgb(234, 234, 234); }
nav.mobile_menu ul li:last-child { border: 0px !important; }
nav.mobile_menu ul li span.mobile_arrow i { color: rgb(136, 136, 136); }
nav.mobile_menu ul > li > span.mobile_arrow i { display: none; }
nav.mobile_menu ul li a { font-size: 13px; font-weight: 400; color: rgb(136, 136, 136); padding: 10px 0px; display: block; position: relative; text-transform: none; line-height: 26px; letter-spacing: 0px; }
nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a { color: rgb(26, 188, 156); }
.content, .full_width, .content .container { background-color: rgb(246, 246, 246); }
.mobile_menu_button span { transition: opacity 0.3s; color: rgb(157, 157, 157); }
.mobile_menu_button span:hover { opacity: 0.8; }
.content .container .container_inner { padding: 0px; }
.container, .content, .full_width { z-index: 100; position: relative; }
.content { margin-top: 0px; }
.content.content_top_margin { margin-top: 100px !important; }
.container { padding: 0px; width: 100%; }
.container_inner { width: 1100px; margin: 0px auto; }
.content .container .container_inner.page_container_inner { padding: 30px 0px 0px; }
.content .title .container_inner { padding: 0px !important; }
div.section { position: relative; }
.grid_section .section_inner { width: 1100px; margin: 0px auto; position: relative; z-index: 20; }
.full_section_inner { position: relative; z-index: 20; }
.title { display: block; position: relative; }
.two_columns_75_25 { width: 100%; }
.two_columns_75_25 > .column1 { width: 75%; float: left; }
.two_columns_75_25 > .column1 > .column_inner { padding: 0px 20px 0px 0px; }
.two_columns_75_25 > .column2 { width: 25%; float: left; }
.two_columns_75_25 > .column2 > .column_inner { padding: 0px 0px 0px 20px; }
.three_columns { width: 100%; }
.title { width: 100%; height: 100px; text-align: left; z-index: 101; border-bottom-color: rgb(238, 238, 238); }
.title .not_responsive { display: none; }
.title .title_holder { display: table; height: 100%; left: 0px; position: relative; width: 100%; }
.title .title_holder .container { display: table-cell; vertical-align: middle; background-color: transparent; }
.title_subtitle_holder { display: block; padding: 0px; position: relative; }
.title h1 { color: rgb(48, 48, 48); padding: 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.title h1, .title.title_size_small h1 { font-size: 17px; line-height: 1.30435em; }
.title.title_size_large h1 { font-size: 47px; line-height: 60px; }
.separator { position: relative; display: block; height: 1px; background-color: rgb(234, 234, 234); margin: 10px 0px; }
.separator.transparent { background-color: transparent; }
.separator.small { background-color: rgb(48, 48, 48); height: 2px; position: relative; width: 22px; display: block; margin: 10px auto 20px; }
.separator.small.left { margin-left: 0px; margin-right: 0px; }
.qbutton { transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; }
.qbutton { display: inline-block; margin: 0px; font-weight: 700; font-family: inherit; text-transform: uppercase; cursor: pointer; text-decoration: none; outline: 0px; font-style: normal; white-space: nowrap; }
.qbutton { position: relative; width: auto; height: 39px; line-height: 39px; padding: 0px 23px; border: 2px solid rgb(48, 48, 48); font-size: 13px; text-align: left; color: rgb(48, 48, 48); letter-spacing: 1px; border-radius: 4px; text-shadow: none; background-color: transparent; transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; box-sizing: initial !important; }
.qbutton:hover { background-color: rgb(26, 188, 156); border-color: rgb(26, 188, 156); color: rgb(255, 255, 255); text-decoration: none; }
.qbutton.center { text-align: center; }
.portfolio_gallery a { transform: translateZ(0px); }
.portfolio_single, .lightbox_single_portfolio, .portfolio_detail, .portfolio_single_text_holder { position: relative; }
.portfolio_single { display: block; }
.portfolio_single .portfolio_single_text_holder { margin: 0px 0px 40px; }
.portfolio_single .portfolio_container { position: relative; z-index: 200; }
.portfolio_single h2 { margin: 0px 0px 5px; }
.portfolio_single h3 { margin: 0px 0px 8px; }
.portfolio_detail .info { padding: 0px 0px 9px; margin: 0px 0px 9px; }
.portfolio_single .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 10; }
.portfolio_single .video { margin: 0px 0px 44px; position: relative; }
.portfolio_single .video .video-wrap { overflow: hidden; position: relative; width: 100%; z-index: 10; }
.portfolio_single .video .video-wrap .mejs-container { overflow: hidden; background-color: transparent !important; background-image: none !important; height: 100% !important; width: 100% !important; }
.portfolio_single .video .video-wrap .mejs-mediaelement { background: 0px 0px !important; border: 0px !important; }
.portfolio_single .mejs-container .mejs-controls { visibility: visible !important; }
.portfolio_navigation { display: inline-block; width: 100%; text-align: center; padding: 28px 0px 50px; z-index: 100; position: relative; }
.portfolio_navigation .portfolio_next, .portfolio_navigation .portfolio_prev, .portfolio_navigation .portfolio_button { display: inline-block; height: 35px; line-height: 35px; }
.portfolio_navigation .portfolio_prev { position: absolute; left: 0px; }
.portfolio_navigation .portfolio_next { position: absolute; right: 0px; }
.portfolio_navigation .portfolio_next a, .portfolio_navigation .portfolio_prev a { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0px 11px 0px 0px; text-align: center; font-size: 21px; color: rgb(180, 180, 180); text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid rgb(229, 229, 229); outline: 0px; border-radius: 4px; text-shadow: none; transition: 0.3s ease-in-out; }
.portfolio_navigation .portfolio_button a { background-image: url("img/portfolio_list_button.png"); background-position: 0px 0px; background-repeat: no-repeat; width: 19px; display: block; height: 19px; margin: 11px 0px 0px; transition: background-image 0.3s ease-in-out; }
.portfolio_navigation .portfolio_button a:hover { background-image: url("img/portfolio_list_button_hover.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150 / 100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution: 160dpi) {
	.portfolio_navigation .portfolio_button a { background-image: url("img/portfolio_list_button@1_5x.png"); background-size: 19px 19px; }
	.portfolio_navigation .portfolio_button a:hover { background-image: url("img/portfolio_list_button_hover@1_5x.png"); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200 / 100), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution: 210dpi) {
	.portfolio_navigation .portfolio_button a { background-image: url("img/portfolio_list_button@2x.png"); background-size: 19px 19px; }
	.portfolio_navigation .portfolio_button a:hover { background-image: url("img/portfolio_list_button_hover@2x.png"); }
}
.portfolio_navigation .portfolio_next a:hover, .portfolio_navigation .portfolio_prev a:hover { color: rgb(48, 48, 48); background-color: rgb(227, 227, 227); border-color: rgb(227, 227, 227); background-image: url("img/button-bg-px.png") !important; }
.portfolio_social_holder { width: 100%; display: inline-block; }
.portfolio_gallery { display: inline-block; width: 100%; position: relative; margin: 0px 0px 15px; }
.portfolio_single .portfolio_gallery { margin: 0px 0px 3px; }
.portfolio_gallery a { position: relative; float: left; display: inline-block; overflow: hidden; backface-visibility: hidden; }
.portfolio_gallery a.v3 { width: 32%; margin: 0px 2% 2% 0px; }
.portfolio_gallery a.v3:nth-child(3n) { margin: 0px 0px 2%; }
.portfolio_gallery a img { position: relative; display: block; width: 100%; z-index: 100; }
.portfolio_gallery a .gallery_text_holder { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; display: inline-block; z-index: 200; opacity: 0; visibility: visible; transition: opacity 0.4s; }
.portfolio_gallery a img { transition: 0.3s ease-out; }
.portfolio_gallery a:hover .gallery_text_holder { opacity: 1; }
.portfolio_gallery a .gallery_text_inner { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; }
.portfolio_gallery a .gallery_text_inner h6 { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0px; padding: 0px 15px; color: rgb(255, 255, 255); }
.projects_masonry_holder { opacity: 0; }
.projects_masonry_holder .portfolio_masonry_item, .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 33.33%; }
.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 20%; }
.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item, .full_width .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer { width: 33.33%; }
.projects_masonry_holder .portfolio_masonry_item::after, .projects_masonry_holder::after { clear: both; content: ""; display: block; height: 0px; visibility: hidden; }
.projects_masonry_holder .image_holder img { vertical-align: top; width: 100%; height: auto; }
.projects_masonry_holder .text_holder { position: absolute; top: 0px; left: 0px; width: 100.1%; height: 100%; background-color: rgba(0, 0, 0, 0.8); text-align: center; transition: opacity 0.4s ease-in-out; visibility: visible; overflow: hidden; z-index: 200; opacity: 0; }
.projects_masonry_holder article.portfolio_masonry_item:hover .text_holder { opacity: 1; }
.projects_masonry_holder .portfolio_title { margin: 0px 0px 7px; }
.projects_masonry_holder .portfolio_title a { color: rgb(255, 255, 255); }
.projects_masonry_holder .separator { background-color: rgb(255, 255, 255); }
.projects_masonry_holder.portfolio_masonry_gallery_with_space { margin: 0px -15px; }
.projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item { box-sizing: border-box; padding: 15px; }
.projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item .image_holder { position: relative; width: 100%; height: 100%; }
.projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item .image_holder img { max-height: 100%; }
.portfolio_main_holder .item_holder { position: relative; }
.projects_masonry_holder article a.portfolio_link_class { position: absolute; width: 100%; height: 100%; z-index: 5; left: 0px; }
.portfolio_main_holder .item_holder .text_holder { position: absolute; }
.portfolio_main_holder .item_holder .text_holder_outer { display: table; width: 100%; height: 100%; }
.portfolio_main_holder .item_holder .text_holder_inner { display: table-cell; vertical-align: middle; text-align: center; }
.portfolio_main_holder .item_holder .portfolio_shader { position: absolute; width: 100%; height: 100%; background-color: rgba(21, 21, 21, 0.78); }
.portfolio_main_holder .item_holder .icons_holder { font-family: Raleway, sans-serif; }
.portfolio_main_holder .item_holder .icons_holder a { text-align: center; }
.portfolio_main_holder .item_holder .portfolio_title { line-height: 1.25em; }
.portfolio_main_holder article .icons_holder a.portfolio_lightbox::before { font-family: FontAwesome; content: ""; line-height: inherit; }
.portfolio_main_holder article .icons_holder a.preview::before { content: ""; font-family: FontAwesome; line-height: inherit; }
.portfolio_main_holder .item_holder .portfolio_title a { color: rgb(255, 255, 255); }
.portfolio_main_holder .item_holder .portfolio_title { margin-bottom: 15px; }
.portfolio_main_holder .item_holder.slow_zoom .text_holder { width: 100%; font-size: 18px; left: 0px; height: 100%; margin: 0px; top: 0px; box-sizing: border-box; z-index: 5; transition: opacity 0.6s 0.3s; opacity: 0; padding: 10%; background-color: transparent; }
.portfolio_main_holder article .item_holder.slow_zoom:hover .text_holder { opacity: 1; }
.portfolio_main_holder .item_holder.slow_zoom .image_holder img { transform: scale(1.01); transition: 2s cubic-bezier(0.23, 1, 0.12, 1); }
.portfolio_main_holder article .item_holder.slow_zoom:hover .image_holder img { transform: scale(1.1); transition: 5s cubic-bezier(0.21, 1, 0.12, 1); }
.portfolio_main_holder .item_holder.slow_zoom .portfolio_shader { z-index: 3; opacity: 0; transition: 5s cubic-bezier(0.21, 1, 0.12, 1); }
.portfolio_main_holder article .item_holder.slow_zoom:hover .portfolio_shader { opacity: 1; }
.portfolio_main_holder .item_holder.slow_zoom .icons_holder { position: absolute; bottom: 0px; opacity: 0; z-index: 20; transition: opacity 0.3s, transform 0.3s; }
.portfolio_main_holder article:hover .item_holder.slow_zoom .icons_holder { opacity: 1; display: block; transform: translate3d(0px, 0px, 0px); }
.portfolio_main_holder .item_holder.slow_zoom .icons_holder a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; margin: 0px; font-size: 15px; color: rgb(255, 255, 255); background: rgb(26, 188, 156); transition: 0.4s; }
.portfolio_main_holder .item_holder.slow_zoom .icons_holder a:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.portfolio_main_holder .item_holder.slow_zoom .image_holder { z-index: 2; overflow: hidden; }
#back_to_top span { text-align: center; }
.latest_post_two_holder, .latest_post_two_holder .latest_post_two_image, .latest_post_two_holder > ul > li { display: inline-block; vertical-align: middle; position: relative; }
.latest_post_two_holder { width: 100%; }
.latest_post_two_holder > ul { position: relative; list-style: none; margin: 0px -16px; padding: 0px; }
.latest_post_two_holder > ul > li { width: 100%; float: left; margin: 0px 0px 32px; padding: 0px 16px; box-sizing: border-box; }
.latest_post_two_holder.three_columns > ul > li { width: 33.33%; }
.latest_post_two_holder .latest_post_two_image { width: 100%; }
.latest_post_two_holder .latest_post_two_image a, .latest_post_two_holder .latest_post_two_image img { display: block; }
.latest_post_two_holder .latest_post_two_inner { position: relative; display: inline-block; vertical-align: middle; width: 100%; background-color: rgb(255, 255, 255); }
.latest_post_two_holder .latest_post_two_info, .latest_post_two_holder .latest_post_two_text { position: relative; display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; }
.latest_post_two_holder .latest_post_two_text { padding: 51px 33px 59px; }
.latest_post_two_holder .latest_post_two_text a:hover { color: rgb(26, 188, 156) !important; }
.latest_post_two_holder .latest_post_two_text .separator.small { width: 24px; margin: 12px 0px 26px; }
.latest_post_two_holder .latest_post_two_info { padding: 28px 33px 38px; border-top: 1px solid rgb(234, 234, 234); }
.latest_post_two_holder .latest_post_two_info_inner { position: relative; display: table; width: 100%; height: 100%; }
.latest_post_two_holder .latest_post_two_info_inner > * { position: relative; display: table-cell; vertical-align: top; font-size: 12px; }
.latest_post_two_holder .latest_post_two_info_inner img { position: relative; display: inline-block; vertical-align: middle; margin: 0px 15px 0px 0px; }
.latest_post_two_holder .latest_post_two_info_inner .post_info_author_name { position: relative; display: inline-block; vertical-align: middle; line-height: 30px; }
.latest_post_two_holder .latest_post_two_info_inner .post_info_date { text-align: right; line-height: 30px; }
.blog_holder article { display: inline-block; width: 100%; margin: 0px 0px 60px; }
.blog_holder.blog_single article { margin: 0px; }
.single-post .blog_single p { margin-bottom: 22px; }
.single-post .blog_single p:last-child { margin-bottom: 0px; }
.blog_single.blog_holder article .post_text .post_text_inner { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background-color: transparent; }
.blog_holder article .post_content_holder { width: 100%; }
.blog_holder article .post_image, .blog_holder article .post_image img { position: relative; width: 100%; display: block; }
.blog_holder article .post_text .post_text_inner { padding: 23px 23px 35px; background-color: rgb(255, 255, 255); }
.blog_holder article .post_info a { color: rgb(190, 190, 190); }
.blog_holder article .post_info { display: inline-block; width: 100%; margin: 0px 0px 18px; color: rgb(190, 190, 190); font-weight: 500; }
.blog_holder article .post_info a:hover { color: rgb(26, 188, 156); }
.blog_holder.blog_single article h2 { display: block; }
.single_tags { margin: 26px 0px 0px; }
.single_tags a { letter-spacing: 1px; }
.single_tags h5 { display: inline-block; }
#back_to_top { opacity: 0; }
.footer_bottom { text-align: center; }
.footer_top_holder, footer { display: block; }
footer { width: 100%; margin: 0px auto; z-index: 100; position: relative; }
footer .container_inner { position: relative; }
.footer_top_holder { background-color: rgb(38, 38, 38); position: relative; }
.footer_top { padding: 72px 0px 52px; }
.footer_top a, .footer_top p { color: rgb(129, 129, 129); overflow-wrap: break-word; }
.footer_top a:not(.qbutton) { transition: color 0.2s ease-in-out; }
.footer_top a:hover { color: rgb(255, 255, 255) !important; }
.footer_bottom_holder { display: block; background-color: rgb(27, 27, 27); }
.footer_bottom { display: table-cell; font-size: 12px; line-height: 22px; height: 53px; width: 1%; vertical-align: middle; }
.footer_bottom p { margin: 0px; }
#back_to_top { color: rgb(205, 205, 205); height: auto; position: fixed; bottom: 65px; margin: 0px; z-index: 10000; transition: 0.3s; right: 25px; visibility: hidden; backface-visibility: hidden; }
#back_to_top > span { width: 52px; height: 52px; line-height: 52px; text-decoration: none; border-radius: 52px; transition: 0.2s; border: 2px solid rgb(232, 232, 232); background: 0px 0px; }
#back_to_top span i { transition: color 0.2s; }
#back_to_top span i { font-size: 22px; color: rgb(176, 176, 176); line-height: 52px; }
#back_to_top:hover > span { background-color: rgb(232, 232, 232); }
.mejs-clear, .slides::after { clear: both; }
.mejs-container { position: relative; text-align: left; vertical-align: top; text-indent: 0px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.mejs-mediaelement { height: 100%; width: 100%; }
.mejs-mediaelement { position: absolute; top: 0px; left: 0px; border-radius: 4px; }
.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0px; padding: 0px; bottom: 0px; left: 0px; height: 40px; width: 100%; }
.me-cannotplay a { color: rgb(255, 255, 255); font-weight: 700; }
.me-cannotplay span { padding: 15px; display: block; }
.slides { margin: 0px; padding: 0px; list-style: none; }
.slides::after { content: "."; display: block; visibility: hidden; line-height: 0; height: 0px; }
.flex-viewport { max-height: 2000px; transition: 1s; }
.header_top_bottom_holder { position: relative; }
.section_inner_margin { margin-left: -15px; margin-right: -15px; }

/* ---- Bridge 13: style_dynamic.css ---- */
body { color: rgb(51, 53, 54); font-size: 14px; }
body, .wrapper, .content, .full_width, .content .container { background-color: rgb(255, 255, 255); }
.header_bottom, .header_top { background-color: rgb(255, 255, 255); }
.content { margin-top: 0px; }
.logo_wrapper { height: 180px; }
.content.content_top_margin { margin-top: 213px !important; }
nav.main_menu > ul > li > a { line-height: 180px; }
nav.main_menu > ul > li > a { color: rgb(14, 28, 44); font-size: 12px; text-transform: none; }
nav.main_menu ul li:hover a { color: rgb(1, 118, 102); }
nav.main_menu ul li.active a { color: rgb(1, 118, 102); }
nav.mobile_menu ul li a { color: rgb(0, 0, 0); }
nav.mobile_menu ul li span.mobile_arrow i { color: rgb(0, 0, 0); }
nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a, nav.mobile_menu ul li.current-menu-item > a { color: rgb(0, 147, 131); }
nav.mobile_menu ul li { border-color: rgb(26, 188, 156); }
h1, .title h1 { color: rgb(51, 53, 54); font-size: 43px; font-weight: 300; letter-spacing: 0px; }
h2 { color: rgb(51, 53, 54); font-family: "Open Sans", sans-serif; font-size: 36px; font-weight: 800; letter-spacing: 0px; text-transform: none; }
h3, h3 a { color: rgb(112, 112, 112); font-size: 27px; line-height: 27px; font-weight: 300; letter-spacing: 0px; text-transform: none; }
h4, h4 a { font-family: "Open Sans", sans-serif; font-size: 32px; font-weight: 800; text-transform: none; }
h5 { color: rgb(0, 147, 131); font-family: "Open Sans", sans-serif; font-size: 16px; text-transform: none; }
h6 { color: rgb(96, 96, 96); font-size: 13px; text-transform: none; }
p { color: rgb(51, 53, 54); font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 18px; }
a, p a { color: rgb(1, 118, 102); }
h3 a:hover, h4 a:hover { color: rgb(1, 118, 102); }
.footer_top_holder { background-color: rgb(51, 53, 54); }
.footer_top { padding-top: 80px; padding-bottom: 80px; }
.footer_top, .footer_top p { color: rgb(255, 255, 255); }
.footer_top a { color: rgb(255, 255, 255) !important; }
.footer_top a:hover { color: rgb(0, 147, 131) !important; }
.footer_bottom_holder { background-color: rgb(255, 255, 255); }
.footer_bottom_holder { padding-bottom: 5px; }
.footer_bottom { padding-top: 5px; }
.footer_bottom_holder, .footer_bottom, .footer_bottom p, .footer_bottom_holder p { font-size: 13px; }
.footer_bottom, .footer_bottom p, .footer_bottom p a, .footer_bottom a { color: rgb(51, 53, 54); }
.footer_bottom p a:hover, .footer_bottom a:hover { color: rgb(0, 147, 131); }
.header_top { padding: 0px 2%; }
#back_to_top span i { color: rgb(255, 255, 255); }
#back_to_top:hover span i { color: rgb(255, 255, 255); }
#back_to_top > span { background-color: rgba(69, 194, 177, 0.5); border-color: rgb(69, 194, 177); border-width: 1px; border-style: solid; border-radius: 0px; }
#back_to_top:hover > span { background-color: rgba(69, 193, 168, 0.7); border-color: rgb(69, 194, 177); }

/* ---- Bridge 13: responsive.min.css ---- */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.full_width .projects_masonry_holder:not(.gs3) .portfolio_masonry_item, .full_width .projects_masonry_holder:not(.gs3) .qode-portfolio-masonry-gallery-grid-sizer { width: 25% !important; margin: 0px !important; }
}
@media only screen and (max-width: 1200px) {
	.container_inner, div.grid_section .section_inner { width: 950px; }
	.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 33.3% !important; margin: 0px !important; }
}
@media only screen and (max-width: 1000px) {
	.container_inner, div.grid_section .section_inner { width: 768px; }
	.header_inner_left, header { margin-bottom: 0px; position: relative !important; left: 0px !important; }
	.content { margin-bottom: 0px !important; }
	header { display: block; top: 0px !important; margin-top: 0px !important; }
	.header_top { height: auto; display: block !important; }
	.header_top .left, .header_top .right { text-align: center; float: none; }
	.header_top .inner { display: inline-block; margin: 0px 0px -4px; }
	.header_bottom { background-color: rgb(255, 255, 255) !important; }
	header .q_logo img.mobile { position: relative; margin: 0px auto; display: block !important; opacity: 1 !important; }
	header .q_logo img.normal { display: none !important; }
	.logo_wrapper { position: absolute; }
	.main_menu { display: none !important; }
	nav.mobile_menu { display: block; }
	.logo_wrapper, .mobile_menu_button { display: table; }
	nav.mobile_menu > ul { width: 768px; margin: 0px auto; }
	.logo_wrapper { height: 100px !important; left: 50%; }
	.q_logo { display: table-cell; position: relative; top: auto; vertical-align: middle; }
	.q_logo a { left: -50%; width: auto !important; }
	.q_logo img { top: 0px; left: 0px; }
	.title { height: auto !important; padding: 30px 0px !important; }
	.title .not_responsive { display: block; }
	.title h1 { margin: 0px; }
	.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 50% !important; margin: 0px !important; }
	.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item, .full_width .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer, .projects_masonry_holder.gs3 .portfolio_masonry_item, .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer { width: 50% !important; margin: 0px !important; }
	.projects_masonry_holder .portfolio_masonry_item, .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 50%; }
	.content, .content.content_top_margin { margin-top: 0px !important; }
	.title .title_holder { height: 100% !important; padding: 0px !important; }
	.title.title_size_large h1 { font-size: 40px !important; line-height: 50px !important; }
	.latest_post_two_holder.three_columns > ul > li { width: 50%; }
	.latest_post_two_holder.three_columns > ul > li:nth-child(3n+1) { clear: none; }
	.latest_post_two_holder.three_columns > ul > li:nth-child(2n+1) { clear: both; }
}
@media only screen and (max-width: 768px) {
	.container_inner, div.grid_section .section_inner { width: 600px; }
	nav.mobile_menu > ul { width: 600px; }
	.title { padding: 25px 0px !important; }
	.qbutton { padding: 0px 14px; }
	.qbutton.medium { height: 38px; line-height: 38px; padding: 0px 16px; }
	.title.title_size_large h1 { font-size: 30px !important; line-height: 40px !important; }
	.latest_post_two_holder .latest_post_two_text { padding: 36px 28px 44px; }
	.latest_post_two_holder .latest_post_two_info { padding: 23px 28px 28px; }
	.latest_post_two_holder .latest_post_two_info_inner > * { display: block; }
	.latest_post_two_holder .latest_post_two_info_inner .post_info_date { text-align: left; margin: 10px 0px 0px; }
	.latest_post_two_holder .latest_post_two_info_inner img { margin: 0px 10px 0px 0px; }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
	.portfolio_gallery a.v3 { width: 49% !important; margin: 0px 2% 2% 0px !important; }
	.portfolio_gallery a.v3:nth-child(2n) { margin: 0px 0px 2% !important; }
}
@media only screen and (max-width: 600px) {
	.container_inner, div.grid_section .section_inner { width: 420px; }
	nav.mobile_menu > ul { width: 420px; }
	.portfolio_gallery a.v3 { width: 100%; margin: 0px 0px 4% !important; }
	.portfolio_gallery a.v3:nth-child(2n) { margin: 0px 0px 4% !important; }
	.two_columns_75_25 .column1, .two_columns_75_25 .column2 { width: 100%; }
	.two_columns_75_25 .column1 .column_inner, .two_columns_75_25 .column2 .column_inner { padding: 0px; }
	.title h1 { float: none; }
	.title { padding: 15px 0px !important; }
	.title.title_size_large h1 { font-size: 25px !important; line-height: 35px !important; }
	.latest_post_two_holder > ul > li { width: 100% !important; float: none; }
}
@media only screen and (max-width: 500px) {
	.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item, .full_width .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer { width: 100% !important; margin: 0px !important; }
}
@media only screen and (max-width: 480px) {
	.container_inner, div.grid_section .section_inner { width: 300px; }
	.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 100% !important; margin: 0px !important; }
	.projects_masonry_holder .portfolio_masonry_item, .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 100%; }
	.header_bottom, footer .container_inner { padding: 0px 25px; }
	footer .container_inner, nav.mobile_menu > ul { width: auto; }
	.single_tags { margin: 35px 0px 0px 19%; }
	.footer_bottom { line-height: 35px; height: auto; }
	.single_tags { margin-left: 0px; }
	.title.title_size_large h1 { font-size: 20px !important; line-height: 25px !important; }
}
@media only screen and (max-width: 420px) {
	.header_bottom, footer .container_inner { padding: 0px 15px; }
}
@media only screen and (max-width: 350px) {
	.container_inner, div.grid_section .section_inner { width: 95%; }
	.section_inner_margin { margin: 0px; }
}

/* ---- Bridge 13: style_dynamic_responsive.css ---- */
@media only screen and (max-width: 1000px) {
	.header_bottom { background-color: rgb(255, 255, 255); }
}
@media only screen and (max-width: 768px) {
	h1 { font-size: 38px; }
	h2 { font-size: 33px; }
	h3, h3 a { font-size: 24px; }
}
@media only screen and (max-width: 600px) {
	h1 { font-size: 36px; }
	h2 { font-size: 32px; }
	h3, h3 a { font-size: 22px; }
}