/*
Theme Name: SERGE.NU (Child)
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: serge
*/
@import url("../serge/style.css");

@font-face {
    font-family: 'slashnewrblack';
    src: url('assets/fonts/slashnewr-webfont.woff2') format('woff2'),
         url('assets/fonts/slashnewr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6,
nav.main_menu > ul > li > a,
a.menu-text,
.subtitle,
.tp-caption,
.q_slide_title,
.q_slide_title span,
.q_slide_subtitle,
.q_slide_subtitle span,
.q_slide_text,
.project_category,
.portfolio_title,
.qbutton.small,
.white p,
.tribe-events-calendar th,
.tribe-events-page-title,
.q_team_description p,
.q_team_name,
.footer_top,
.footer_top p,
.footer_top .widget_nav_menu li.menu-item a,
.footer_top .widget h4,
.footer_bottom p,
body,
.widget,
p {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.boxed .wrapper {
    background-size: cover;
}

body .qbutton.large {
    margin-top: 10px !important;
}

body .qbutton.large i.button_icon {
    display: none !important;
}

.box {
}

@-webkit-keyframes fading {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
         opacity: 1;   
         transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fading {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
         opacity: 1;   
         transform: translate3d(0, 0, 0);
    }
}

@keyframes fading {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
         opacity: 1;   
         transform: translate3d(0, 0, 0);
    }
}

.invisible {
    opacity: 0;
    -webkit-animation: fading ease-in 1s;
    animation: fading 1s ease-in both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.invisible.one {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.invisible.two {
    -webkit-animation-delay: 5.1s;
    animation-delay: 5.1s
}

.invisible.three {
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s;
}

.carousel-inner {
    position: relative !important;
    transform: translateY(0px) !important;
}

.carousel-inner .active .slider_content .text.one_by_one h2 {
    animation-delay: 2.1s !important;
}

.home .projects_holder_outer {
    width: 100%;
}

.speech-bubble {
	float:right;
	width: auto;
}

.shirtify {
    right: -220px;
    top: 28px;
    position: absolute;
}

.carousel .video .video-wrap,
.carousel-inner video.video {
   width: 100% !important;
}

.carousel .video .video-wrap,
.carousel-inner video.video {
   width: 100% !important;
}

.carousel .video .video-wrap {
    top: 0;
    left: 0;
    width: 1440px !important;
    height: 450px !important;
    position: absolute;
    width: 100%;
    overflow: unset;
    clear: both;
}

.carousel-inner video.video {
    width: 100% !important;
    height: 650px !important;
}

.q_slider {
    height: 450px !important;
}

.carousel-inner video.video {
   width: 100% !important;
}
    
body.boxed .content {
    margin-top: 57px;
}


.carousel-inner h3,
.carousel-inner h2 {
    font-family: 'slashnewrblack';
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:center;
	margin:0;
}

.content, .content .container, .wrapper, body {
    background-color: #fff;

}

.full_width {
    background-color: transparent;
}

.chevron
{
	background-image: url(assets/img/chevron-orange.png);
	background-size: 100% auto !important;
	margin-top:-150px;
	min-height:350px;
}

.chevron h2 {
	padding-top:3.15em;
	padding-bottom:1em;
    font-size: 60px;
    font-weight:900;
    line-height: 71px;
}

.white {
	display:flex;
	max-width:860px;
	margin:0 auto;
}

.white h2 {
	color:#fff;
}

.chevron-white
{
	padding-top: 90px;
	background-color: transparent;
	margin-top:-50px;
	padding-bottom: 10px;
}

.chevron-white h1
{
	padding-top: 0.5em;
	padding-bottom: 1em;
}

.chevron-white-up {
    padding-top: 125px;
    background-image: url(assets/img/chevron-white.png);
    background-size: 100% auto !important;
    background-position: center bottom !important;
    background-color: transparent;
    margin-top: -70px;
    padding-bottom: 0px;
}

.page-id-18626 .content > .content_inner > .container
{
	padding-top: 0px;
	background-image: url(assets/img/chevron-white-crop.png);
	background-size: 100% auto !important;
	background-position: center -75px !important;
	background-color: transparent;
	margin-top: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
}

.masonry_with_space .projects_holder article .portfolio_description {
    padding: 0px 0px 43px;
}

.masonry_with_space.pinterest_space .projects_holder article {
    padding: 15px;
}

.projects_holder article .portfolio_subtitle, .projects_masonry_holder article .portfolio_subtitle {
    padding: 1em;
    font-size: 16px;
	line-height: 26px;
}

h4.portfolio_title
{
	background-image: url(assets/img/chiphead_2020.png);
	background-size: 100% auto !important;
	background-position: center bottom !important;
	background-repeat: no-repeat;
	padding: 0.5em 1em 1em 1em;
	text-align: center;
	background-color: #EBE9E9;
}

.projects_holder.standard article .portfolio_title, .projects_holder.standard article .portfolio_title a, .projects_holder.standard_no_space article .portfolio_title, .projects_holder.standard_no_space article .portfolio_title a, .projects_holder .pinterest_info_on_hover .portfolio_title {
	font-size: 21px;
	line-height: 26px;
	min-height: 60px;
}

.portfolio_slides li:hover .portfolio_shader, .projects_holder article:hover .portfolio_shader, .projects_masonry_holder article:hover .portfolio_shader {
  opacity: 0.5 !important;
}

/*

.projects_holder article:not(.portfolio_category_127):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/lamp_bright_right_ideas.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #000 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(2):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/pen_is_mightier_than_sword.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(3):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/tell_me_something_nu.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ffffff !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(4):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/chez_serge_c-est_bien.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(5):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/lamp_bright_right_ideas.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #000 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(6):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/pen_is_mightier_than_sword.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(7):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/tell_me_something_nu.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ffffff !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(8):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/chez_serge_c-est_bien.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(9):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/lamp_bright_right_ideas.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #000 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(10):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/pen_is_mightier_than_sword.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(11):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/tell_me_something_nu.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ffffff !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(12):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/chez_serge_c-est_bien.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(13):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/tell_me_something_nu.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ffffff !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(14):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/chez_serge_c-est_bien.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(15):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/lamp_bright_right_ideas.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #000 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(16):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/pen_is_mightier_than_sword.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(17):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/tell_me_something_nu.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ffffff !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(18):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/chez_serge_c-est_bien.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #ff7900 !important;
}

.projects_holder article:not(.portfolio_category_127):nth-child(19):hover .portfolio_shader {
	background-image: url('https://www.serge.nu/wp-content/uploads/2020/04/lamp_bright_right_ideas.png');
	background-size: contain !important;
    background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #000 !important;
}

*/


body .portfolio_single .portfolio_images img {
	width:100% !important;
}

body .two_columns_75_25 > .column2 {
    display: none !important;
}

h2.portfolio_single_text_title span > span,
h4.portfolio_title > a > span {
	color: #ff7900 !important;
}

/*

.projects_holder {
  min-height: 200vh;
}


.projects_holder > .mix {
	position: relative !important;
}
*/

.chevron-gray
{
	padding-top: 60px;
}

.chevron-gray .vc_col-sm-2 {
    width: 10%;
}

.chevron-gray .vc_col-sm-2 {
    width: 10%;
}

.chevron-gray .vc_col-sm-8 {
    width: 80%;
}

.projects_holder article .portfolio_subtitle, .projects_masonry_holder article .portfolio_subtitle {
    color: #000;
}

.footer_top .widget {
    margin: 0 0 26px !important;
}

.footer_bottom {
    text-align: left;
    padding: 0 0 40px 0;
}

.footer_bottom_holder {
    display: contents;
}

.footer_top {
    padding: 60px 60px 0px 60px;
}

.boxed .header_inner {
    border-bottom: 1px solid #ff7900;
}

.pp_previous, .pp_next, .pp_hoverContainer, .pp_close,
.mejs-controls {
	display:none !important;
}

#pp_full_res {
	cursor:pointer;
}

.portfolio_navigation {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.portfolio_navigation span {
    color: #fff;
    font-size: 26px;
    text-align: center;
}

.portfolio_navigation .portfolio_button a span,
.portfolio_navigation .portfolio_next a span,
.portfolio_navigation .portfolio_prev a span {
    background-color: #ff7900;
    padding: 0.5em 1em;
    display: inline-block !important;
}

.portfolio_navigation a {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.more-link {
	display:none;
}

.filter_holder ul li.filter {
    cursor: pointer;
    display: block;
    margin: 0;
    float: left;
    text-align: center;
    padding: 1em;
    margin: 0.5em 0.5em 1em 1em;
    background-color: #fff;
}

.projects_holder article .portfolio_lightbox .image img {
    margin: 10% auto;
    width: 90%;
}


.filter_holder ul li.filter:hover,
.filter_holder ul li.filter.active,
.filter_holder ul li.filter.current
{
    background-color: #ff7900;
}

.projects_holder.standard article .project_category, .projects_holder.standard_no_space article .project_category {
	display:none;
}

.filter_holder ul li.filter.active span
{
    background-color: #ff7900;
    color:#fff;
}

span.load_more {
    width: 100%;
    display: block;
    text-align:center;
}

.load_more a {
    font-weight:500;
    font-size:18px;
    margin:0 auto;
    display:inline-block;
    margin-top:1em;
    margin-bottom:2em;
}

div.click_more {
    width: 100px;
	display: block;
	text-align: center;
	background-color: #ff7900;
	text-transform: uppercase;
	margin: 0 auto;
}

.click_more a {
    font-weight:500;
    font-size:18px;
    margin:0 auto;
    display:inline-block;
    margin-top:1em;
    margin-bottom:1em;
    color: #fff;
}

.portfolio_paging .load_more a {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #ff7900;
    margin-top:1em;
    margin-bottom:1em;
}

.portfolio_paging .load_more a:hover {
    border-color: #ff7900;
    background-color: #ff7900;
    color: #ffffff;
}

.title.has_background, .title.has_fixed_background {
	background-size: 608px auto !important;
    background-position: center bottom;
}

.two_columns_75_25 > .column1 {
    width: 75%;
    float: unset;
    margin: -15% auto auto;
    padding: 0em;
    background-color: #FAFAFA;
}

.two_columns_75_25 > .column1 > .column_inner {
    padding: 0 0px 0 0;
}

.two_columns_75_25 > .column1 .portfolio_single_title_holder
{
	padding: 2em 4em;
	background-image: url(assets/img/chevron-orangina.png);
	background-size: 100% auto !important;
	background-position: center bottom !important;
	background-color: #ff7900;
	background-repeat: no-repeat;
	text-align:center;
}

.qode-content-slide h2
{
	padding: 0.5em 0 0.5em 0;
	background-image: url(assets/img/chevron-orangina-trans.png);
	background-size: 100% auto !important;
	background-position: center bottom !important;
	background-repeat: no-repeat;
	background-color: #000000;
	color:#fff;
	text-align:center;
	min-height: 120px;
	margin-bottom:1em;
	padding-top:1em;
	font-size:30px;
	line-height:35px;
}

.qode-content-slide h5 { margin: 0 5em 1.5em 5em; }

.qode-content-slide p, .qode-content-slide ul { margin: 0 5em 1.5em 5em; }

.portfolio_single_text_title {
	color:#000;
}

.owl-item {
	background-color:#fff;
	padding-bottom:2em;
}

.owl-carousel .owl-item h2 img {
    width: 100px;
    padding:0 0 0 0.5em;
    margin-right:-1em;
    margin-top:-0.5em;
}

.portfolio_single_text_title > span > span {
	color:#fff !important;
}

.two_columns_75_25 > .column1 .portfolio_single_text_holder {
    padding: 2em 4em;
}

.content .container .container_inner.default_template_holder {
    padding-top: 0px !important;
    width:100%;
}

.page-id-18859 .content .container_inner {
    width: 100%;
    margin: 0 auto;
}

.open_bloes .full_section_inner {
	max-width:1130px;
	margin: 0 auto;
}

.portfolio_single .portfolio_images .fluid-width-video-wrapper {
    padding-top: 55% !important;
}

body .mejs-overlay-button {
	background-image: url("assets/img/play-icon@2x.png");
    background-size: 252px 252px;
	background-position: 0 !important;
    display: inline-block;
    content:"";
	width: 252px;
	height: 252px;
}

body .mejs-overlay:hover > .mejs-overlay-button {
    background-position: 0 !important;
}

body .mejs-overlay {
	width: 100% !important;
	height: 100% !important;
}

.fa-play::before {
	background-image: url("assets/img/play-icon@2x.png");
    background-size: 252px 252px;
    display: inline-block;
    content:"";
	width: 252px;
	height: 252px;
}

.portfolio_single a.lightbox_single_portfolio > i {
    margin: -10% 0 0 -7%;
}

/* WHO */

body.page-id-18859 .content {
    background-color: #ff7900 !important;
}

.qode-owl-slider .owl-nav .owl-prev,
.qode-owl-slider .owl-nav .owl-next {
    color: #FF7900;
    font-size: 40px;
    background-color: #000;
    top: 7em;
}    

#changeMe {
	/*background-size: 400px 400px !important;*/
	background-position: top center !important;
	margin:0px !important;
}


ul.boxed
{
	margin: 4em 0 2em 0;
	padding: 1em 0;
	text-align: center;
	background-color: #fff;
	max-width: 165px;
	border-color: #000;
	border-width: 33px 0px 0px 0px;
	border-style: solid;
}

li.box {
    background: #ffffff;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.important {
	border: 5px solid #FF7900 !important;
}

li.box > a {
    border: 5px solid #000000;
    display: inline-block;
}

li.box > a:hover {
   border-color: #FF7900;
}

li.box img {
    display: block;
    margin:0;
    width: 55px;
}

.open_bloes {
    background-size: 100% auto !important;
    background-position: center top !important;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url('');
}

.filter_holder ul li:last-child span {
    padding-right: 15px;
}

/* RESPONSIVE CSS */

@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
 
 	/*
 	.open_bloes {
		background-image: url(assets/img/bloes_HQ_vector_right@2x.png) !important;
	}*/

	/*
	.chevron
	{
		background-image: url(assets/img/chevron@2x.png);
	}*/
	
	.chevron-white-up,
	.chevron-work-up
	{
		background-image: url(assets/img/chevron-white@2x.png);
	}
	
	h4.portfolio_title {
	    background-image: url(assets/img/chiphead_2020@2x.png);
	}
	
	.two_columns_75_25 > .column1 .portfolio_single_title_holder
	{
		background-image: url(assets/img/chevron-orangina@2x.png);
	}
	
	.qode-content-slide h2
	{
		background-image: url(assets/img/chevron-orangina-trans@2x.png);
	}
	
	.page-id-18626 .content > .content_inner > .container {
		background-image: url(assets/img/chevron-white-crop@2x.png);
	}

}


@media only screen and (min-width:1480px) {
	
	
	body.boxed .wrapper_inner {
		width: 1440px;
	}
	
	.boxed .carousel-inner {	
		width: 1440px;	
	}
	
	body.boxed .footer_inner, body.boxed .wrapper_inner {	
		width: 1440px;
	}
	
	.boxed .header_inner {
		width: 1440px;
	}
	
	.page-id-18859 .boxed .section .section_inner, 	.page-id-18859 .grid_section .section_inner {
		width: 1440px;
	}
	
	.projects_masonry_holder.masonry_extended {
		margin: 30px;
		width: 100% !important;
		max-width: 1440px;
	}
		

}

@media only screen and (max-width:1600px) {

	
	.chevron h2 {
		padding-top:3.75em;
		padding-bottom:1em;
		font-size: 45px;
		font-weight: 800;
		line-height: 71px;
	}
	
	.chevron-white
	{
		padding-top: 60px;
		background-color: transparent;
		margin-top:-50px;
		padding-bottom: 10px;
	}
	
	.chevron-white .wpb_single_image img {
		max-width: 50%;
	}

	.shirtify {
    	right: -200px;
    }
		
	.carousel-inner h3 {
		font-size: 75px !important;
	}
	
	.carousel-inner h2 {
		font-size: 55px !important;
		line-height:55px !important;
	}
	
	.chevron {
		margin-top: -225px;
	}
	
	h1 {
		font-size: 125px;
		line-height: 124px;
    }
    
    .chevron-gray .vc_col-sm-8 {
		width: 100%;
	}
	
	.filter_outer {
		margin: 30px;
	}
	
	.filter_holder ul li.filter {
    	margin: 0em 0.5em 1em 1em;
	}
	
	.full_width .projects_holder_outer.pinterest_space {
	    padding: 15px;
	}
	
	body .mejs-overlay-button {
		background-size: 151px 151px;
		width: 151px;
		height: 151px;
	}
	
	.fa-play::before {
		background-size: 151px 151px;
		width: 151px;
		height: 151px;
	}
	
	.page-id-18859 .section .section_inner, .grid_section .section_inner {
    	width: 100%;
    }
	
}

@media only screen and (max-width:1470px) {

	.shirtify {
    	right: 20px;
    }
    
   .page-id-18859 .separator.transparent {
		margin-top: 0px !important;
	}
	

	
}

@media only screen and (max-width:1200px) {

	.chevron {
		margin-top: -255px;
	}
	
	.chevron h2 {
	    font-size: 72px !important;
	}
	
	.page-id-18859 div.grid_section .section_inner {
		width: 100%;
	}
	
	.open_bloes {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.open_bloes .vc_col-sm-6 {
		width: 80%;
	}
	
	.vc_col-md-8 {
		width: 60% !important;
	}

}

@media only screen and (max-width:1000px) {

	.qode-content-slide h2 {
    	font-size:20px;
    	line-height:25px;
    }
    
    .qode-content-slide h5 {
		margin: 0 5em 1.5em 4em;
	}

    .qode-content-slide p {
		font-size: 13px;
	}
    
	.chevron {
		margin-top: -350px;
	}
	
	.chevron h2 {
	    font-size: 72px !important;
	}
	
	.chevron-white
	{
		padding-top: 0px;
		background-color: transparent;
		margin-top:-50px;
		padding-bottom: 0px;
	}
	
	.chevron-white h1
	{
		padding-top: 0.5em;
		padding-bottom: 1em;
	}
	
}

@media only screen and (max-width: 800px) {
	
}

@media only screen and (max-width:768px) {
	
	.open_bloes {
		background-size: 100% auto !important;
		background-position: center top !important;
		margin-left: 0px;
		margin-right: 0px;
		background-image: url(assets/img/bloes_HQ_vector_right_01.jpg);
	}

	.chevron h2 {
		padding-top:1.75em;
	    font-size: 52px !important;
	}
	
	.qode-content-slide h2 {
    	background-size: 102% auto !important;
    	font-size:20px;
    }
    
	.mobile_menu_button span {
		font-size: 40px;
	}

	#qode-home-slider,
	#qode-home-slider .item
	{
		height: 350px !important;
	}
	
	.carousel-inner h2 {
		font-size: 80px;
		line-height:35px !important;
	}
	
	.carousel-inner h3 {
		font-size: 55px !important;
		line-height:55px !important;
	}
	
	.chevron .white h2 {
		padding-top: 2em;
		padding-bottom: 0em;
		font-size: 34px;
		line-height: 51px;
	}
	
	h1 {
		font-size: 80px;
		line-height: 124px;
	}
	
	.chevron {
		margin-top: -220px;
		min-height: 230px;
	}
	
	.three_columns>.column1, .three_columns>.column2, .three_columns>.column3 {
		width: 80%;
		float: unset;
		min-height: unset !important;
	}
	
	.footer_top {
		padding: 60px;
	}
	
	.three_columns .column_inner {
		padding: 0px !important;
	}
	
	.three_columns .column_inner .widget {
		margin: 0px !important;
	}
	
	.masonry_with_space .projects_holder.v3 .mix {
		width: 50%;
	}
	
	.title img {
		width: 60%;
		margin: 2em auto;
	}
	
	.work-row {
		padding-top: 90px !important;
	}
	
	.page-id-18626 .content > .content_inner > .container {
		background-position: center -32px !important;
	}
	
	.filter_outer {
		margin: 0px;
	}
	
	.filter_holder.without_separator ul li.filter_title span {
		padding: 0 15px 0 15px;
	}
	
	.portfolio_navigation {
    	width: 50%;
   	    margin: 0 auto 8em auto;
    }
    
    .portfolio_navigation span {
		text-align: center;
	}
	
	.portfolio_single h2.portfolio_single_text_title span {
		font-size: 100%;
	}
	
	.portfolio_single h2.portfolio_single_text_title br {content:' ';}
	.portfolio_single h2.portfolio_single_text_title br:after{content:' ';}
	
	body .mejs-overlay-button {
		background-size: 100px 100px;
		width: 100px;
		height: 100px;
	}
	
	.fa-play::before {
		background-size: 100px 100px;
		width: 100px;
		height: 100px;
	}
	
	.portfolio_navigation div {
		position: unset !important;
		top: unset !important;
		right: unset !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		margin: 10px 0 !important;
	}
	
	.two_columns_75_25 > .column1 {
    	width: 90%;
    }
    
}

@media only screen and (max-width:640px) {

	header .q_logo img {
		height: 75% !important;
	}
	
	.vc_custom_1606125377498,
	.shirtify {
		position: relative;
		display:none !important;
	}

	.boxed .header_bottom {
		padding: 0 15px;
	}
	
	.filter_holder ul li.filter {
		padding: 0.5em;
	    margin: 0.5em;
	}
	
	.filter_holder ul li.filter_title {
		width: 100%;
	}
	
	.work-row {
		padding-top: 40px !important;
	}
		
	.page-id-18626 .content > .content_inner > .container {
		background-position: center -15px !important;
	}
	
	.mobile_menu_button span {
		font-size: 20px;
	}

	body .mejs-overlay-button {
		background-size: 80px 80px;
		background-position: 0 !important;
		display: inline-block;
		content: "";
		width: 80px;
		height: 80px;
	}
	
	#qode-home-slider,
	#qode-home-slider .item
	{
		height: 300px !important;
	}
	
	.carousel-inner h2 {
		font-size: 55px;
	}
	
	.footer_top {
		padding: 10px;
	}
	
	.footer_top .textwidget,
	.footer_top .textwidget p,
	.footer_top .textwidget a
	{
	    font-size: 24px;
    	line-height: 40px;
    }
    
    .two_columns_75_25 > .column1 {
		width: 100%;
	}
	
	.two_columns_75_25 > .column1 .portfolio_single_text_holder {
		padding: 2em 1em;
	}
	
	.two_columns_75_25 > .column1 .portfolio_single_title_holder {
    	padding: 1em 1em;
	}
	
	.portfolio_navigation a {
		font-size: 12px;
		text-align: center;
	}
	
	.portfolio_navigation {
		width: 80%;
	}

	.portfolio_navigation .portfolio_button, .portfolio_navigation .portfolio_next, .portfolio_navigation .portfolio_prev {
		padding: 0.5em 0em 0em;
	}
    
	.content .container_inner.default_template_holder h2, .content .full_width h2 {
		font-size: 30px;
		line-height: 40px;
	}
	
	body .mejs-overlay-button {
		background-size: 70px 70px;
		width: 70px;
		height: 70px;
	}
	
	.fa-play::before {
		background-size: 70px 70px;
		width: 70px;
		height: 70px;
	}
	
	.portfolio_single a.lightbox_single_portfolio > i {
		margin: -10% 0 0 -10%;
	}
	
	.two_columns_75_25 > .column1.mp4 {
		margin: -31% auto auto !important;
	}
	
	.open_bloes .vc_col-sm-6 {
		width: 100%;
	}
	
	.qode-content-slide p {
		margin: 0 4em 1.5em 4em;
	}
	
	.qode-content-slide h5 {
		margin: 0 2em 1.5em 2em;
	}
	
	.content .container_inner.default_template_holder h2, .content .full_width h2 {
		font-size: 20px;
		line-height: 24px;
		padding-top: 3.5em;
	}
	
	.chevron {
		padding-top:20px;
		margin-top: -260px;
		min-height: 230px;
	}
	
	.telefoon h2 {
		font-size:28px !important;
	}
	
	.chevron-white img { 
		max-width:200px;
	}
	
	.chevron-white h1 {
		padding-top: 0em;
		padding-bottom: 1em;
		font-size: 40px;
		line-height: 50px;
	}
	
	.chevron-white-up {
    	padding-top: 75px;
    }
    
    .chevron-white {
		padding-top: 5px;
		margin-top: -64px;
		padding-bottom: 30px;
	}

	.chevron-gray {
		padding-top: 15px;
	}
}

@media only screen and (max-width:480px) {
	
}

@media only screen and (max-width:320px) {
	
}