<?php
include dirname(dirname(dirname(dirname(dirname(__FILE__))))).'/immoWEB/bootstrap.php';

header('Content-Type: text/css');
header('Cache-Control: max-age=' . (7*24*3600));
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 7*24*3600) . ' GMT');
header('Pragma: cache'); ?>

/* CSS Document */

/*--------------------------------------------------------------------------*/
/*---------------------   CSS CLASSIC - RESPONSIVE   ---------------------*/
/*--------------------------------------------------------------------------*/
 

 /*---------- $CSS width less of 1800px ----------*/
@media screen and (min-width: 2000px) {
	#searchBanner{
	    position: absolute;
	    top: calc(-27.5vh - 180px);
	    z-index: 20;
	    left: 50%;
	    width: 1200px;
	    margin-left:-600px;
	    padding: 2%;
	    opacity: 0;
	}
}

@media screen and (min-width: 1500px) {
    .box_objects.box_objects_small, .box_small, .box_blog {
        margin: 0 4% 20px 0;
        width: 22%;
        float: left;
        opacity: 0;
        transition-duration: 0s;
    }

    .news_content_box .box_objects.box_objects_small,
    .news_content_box .box_small,
    .news_content_box .box_objects.box_objects_small:nth-of-type(3n),
    .news_content_box .box_small:nth-of-type(3n),
    .news_content_box .box_small:nth-of-type(3n+1),
    .news_content_box .box_objects.box_objects_small:nth-of-type(4n),
    .news_content_box .box_small:nth-of-type(4n),
    .news_content_box .box_small:nth-of-type(4n+1){
        width: 21%;
         margin: 0 2% 40px 2%;
         clear: none;
    }

    .box_objects.box_objects_small:nth-of-type(3n+1), .box_small:nth-of-type(3n+1) {
		clear: none;
    }

    .box_objects.box_objects_small:nth-of-type(4n+1), .box_small:nth-of-type(4n+1) {
        clear: both;
    }

    .box_objects.box_objects_small:nth-of-type(3n), .box_small:nth-of-type(3n), .box_blog:nth-of-type(3n) {
        margin-right: 4%;
        float: left;
    }
    .box_objects.box_objects_small:nth-of-type(4n), .box_small:nth-of-type(4n), .box_blog:nth-of-type(4n) {
        margin-right: 0;
        float: right;
    }
}


/*---------- $CSS width less of 1200px ----------*/
@media screen and (max-width: 1050px) {
	.filter_col {
    	width: 50%;
	}

    #filter #filter_content_mobile {
	    height: auto;
	    padding-bottom: 20px;
	}

	#filter .filter_col3{
		border: 0;
	}


	#searchBanner{
	    left: 10vw;
	    width: 80vw;
	    margin: 0 auto;
	}

	#home_blog a.box,
	#blog_container a.box{
		width: calc(50% - 15px);
		float: right;
		margin-right: 0;
	}

	#home_blog a.box:nth-of-type(odd),
	#blog_container a.box:nth-of-type(odd){
		float: left;
		clear: left;
	}


	#links_container .box_content.alone .box, 
	#promotions_container .promotions_list.alone .box, 
	#presses_container .presses_list.alone .presses_box.box_small {
    	width: 95%;
    }

    /*----- Demo & Template chooser -----*/

    #template_chooser .template_link {
        margin:10px;
        width:calc(33.33% - 20px);
    }

    #template_chooser .template_link:nth-of-type(5n+1) {
        clear:none;
    }

    #template_chooser .template_link:nth-of-type(3n+1) {
        clear:both;
    }

	#searchcriteria_container .row .label, 
    #searchcriteria_container .row .value{
		width: 100%;
    } 
}

/*---------- $CSS width less of 800px ----------*/
@media screen and (max-width: 800px) {

	.only_800{
		display: block;
	}

	.center_content, 
	.touchscreen .center_content {
	    width: 100%;
	}

	.no_640{
		display: none;
	}
	
	#container{
		margin-top: 0 !important;
	}

	#menu_top{
	    top: 0!important;
	    text-align: left;
        margin:0 auto;
        width:100%;
        position: static;
        display:none;
        text-align:center;
    }

/* FIX NAVIGATION mobile*/
	#header{
		max-height: 100%;
		position: relative;
	}
	
	#navigation{
		width: 100%;
		float: left;
		position: relative;
		top: 0 !important;
	}

	#navigation.navigation_is_open .navigation_content{
		height: 100%;
	}

	.navigation_content .navigation_link svg {
		top: 16px;
	}
	.owl-next, .owl-prev{
		padding: 0 8% 0 2%;
	}

/*  ...  */

    .box_objects.box_objects_small,
    .box_objects.box_objects_small:nth-of-type(2n),
    .box_small:nth-of-type(2n),
    .box_blog:nth-of-type(2n),
    .box_objects.box_objects_small:nth-of-type(3n),
    .box_small:nth-of-type(3n),
    .box_blog:nth-of-type(3n),
    .box_small, .box_blog{
        margin-right:2%;
        margin-left: 1%;
        width: 48%;
		clear: none;
    }


    .box_objects.box_objects_small:nth-of-type(3n+1), .box_small:nth-of-type(3n+1){
		clear: none;
    }

    .box_objects.box_objects_small:nth-of-type(2n),
    .box_small:nth-of-type(2n),
    .box_blog:nth-of-type(2n){
		margin-right: 0;
		margin-left: 0;
    }

    .box_objects.box_objects_small:nth-of-type(2n+1),
    .box_small:nth-of-type(2n+1),
    .box_blog:nth-of-type(2n+1){
		clear: both;
    }

    .news_content_box .box_objects.box_objects_small,
    .news_content_box .box_small,
    .news_content_box .box_objects.box_objects_small:nth-of-type(3n),
    .news_content_box .box_small:nth-of-type(3n),
    .news_content_box .box_small:nth-of-type(3n+1),
    .news_content_box .box_objects.box_objects_small:nth-of-type(4n),
    .news_content_box .box_small:nth-of-type(4n),
    .news_content_box .box_small:nth-of-type(4n+1) {
        width: 46%;
        margin: 0 2% 40px 2%;
    }


	#logo_box {
	    margin:0 10px;
	}

	#navigation .navigation_mobile .crossOff{
		text-align:right; 
	}

	#navigation.navigation_is_open .navigation_content{
		box-shadow: none;
		border-bottom: 0;
	}

	#navigation .navigation_link,
	#navigation .submenu_content .navigation_link{
		width: 100%;
		margin: 0;
		padding: 12px 13px;
		border-bottom: 1px solid #ddd;
		border-right: 0;
		text-align : left;
	}

	.touchscreen #navigation .navigation_link,
	.touchscreen #navigation .submenu_content .navigation_link{
		padding: 16px 13px;
	}	

	#header_top .navigation_mobile{
		border: 0;
		max-width: 80px;
        left: inherit;
        right: 10px;
	}
	
	#navigation .arrow_mobile {
 	   display: block;
	}

	#navigation .submenu_parent {
	    display: block;
	}

	#navigation .submenu_title{
		display: none;
	}

	#navigation .submenu_content2{
		display: block;
	}
	
	#navigation .submenu_content {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	    display: block;
	}

	#navigation .submenu_content2 {
	    display: block;
	    margin-left: 0;
	    width: 100%;
	    float: left;
	}

	#navigation .navigation_content,
    #navigation .submenu_title {
        display:none;
    }

    #navigation .submenu_parent,
    #navigation .submenu_content,
    #navigation .submenu_content2 {
        background:none;
        position:static;
        top:auto;
        left:auto;
        margin:0;
        padding:0;
    }

    #navigation:not(.hidesubmenuMobile) .submenu_parent,
    #navigation:not(.hidesubmenuMobile) .submenu_content,
    #navigation:not(.hidesubmenuMobile) .submenu_content2 {
        display:block !important;
    }

    .always_display_nav #navigation .navigation_content {
	    display: none;
	}

	.always_display_nav #navigation .anim_menu_mobile {
	    display: block;
	}

    
	.content,
    .body_cms3 .cms_section .center_content{
		padding: 50px 2% 0px;
	}

	#home_blog a.box, 
	#blog_container a.box{
		width: 100%;
		float: left;
		margin: 0;
	}


	/* STD BOX WITH PIC */
	.box.pic_box .contact_small_picture, 
	.box.pic_box .box_pic,
	.box.pic_box #contact_table, 
	.box.pic_box #contact_table{
		width: 100%;
		margin: 0 0 20px; 
	}

	.box.pic_box .contact_txt, 
	.box.pic_box .contact_legal, 
	.box.pic_box .text_content{
		margin: 20px 0;
	}

	/*LIST*/
	#search_results_map{
		display: none;
	}

	#filter {
	    position: relative;
	}
	
	#object_container #search_results {
	    width: 100% !important;
	    margin-top: 0;
	}

	/* DETAIL */ 
	#detail_container .detail_left, 
	#detail_container .detail_right{
		width: 100%;
	}

	#detail_container .project_table_box{
		margin-top: 40px;
	}

	#detail_container .pagination{
		margin-top: -30px;
	}

	#detail_container .pagination a{
		padding: 0 7px;
	}

	/*----- Owl Carousel -----*/

    .owl-carousel,
    .owl-carousel img,
    .project_table .owl-container {
        max-height:35vh !important;
    }

    .touchscreen .owl-carousel,
    .touchscreen .owl-carousel img {
        max-height:50vh !important;
    }

	/*PROFILE*/
	.account_container .account_left {
	    float: left;
	    width: 100%;
	    padding-right: 2%;
	}

	.account_container #loginform .button {
	    margin-top: 10px;
	    float: right;
	}

	.account_container .login_box .form_row {
	    max-width: 320px;
	}

	.account_container .account_right{
		clear: both;
	    width: 100%;
	    padding-left: 0;
	    border: 0;
	    border-top: 1px solid #ccc;
	    padding-top: 20px;
	    margin-top: 20px;
	}

	.account_container .box .account_tabs .button {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 1px;
	}

	.account_container .form_rows .row .label,
	.account_container .form_rows .row .value {
   		width: 100%;
	}

	/*OTHER*/

	.box_small,
	#promotions_container .box,
	.team_box, 
	#links_container .box, 
	#blog_container .box .box_pic{
		width: 100%;
		clear: both;
	}

	.team_box .box_pic,
	.team_box .box_infos,
	#blog_container .box .box_pic,
	#blog_container .box .box_pic img,
	#blog_container .box .box_infos {
		width: 100%;
	}

	.lookingfor_col1, .lookingfor_col2, .lookingfor_col3{
		width: 100%;
		clear: both;
		border-bottom: 1px solid #ddd;
	}

	.lookingfor_col3{
		border-bottom: 0;
	}
	

	#gallery_container .gallery_pic {
	    width: 50%;
	}

	.footer_col3{
		display: none;
	}

	.footer_col {
    	width: 50%;
	}

	/*--- contact ----*/
	.form_rows .row .label{
		padding-bottom: 5px;
	}
	
	.form_rows input[type="text"], 
	.form_rows input[type="password"], 
	.form_rows textarea,
	.row .value input, 
	.row .value select, 
	.row .value textarea, 
	.form_rows .ui-corner-all {
        width:100% !important;
	    max-width: 100%;
	}

	.searchcriteria_checkbox_col{
		width: 100%;
	}

	.row_multi .value input, 
	.row_multi .value textarea, 
	.row_multi .value .scroll_checklist {
	    margin: 4px 0;
	}

	/*ACCOUNT*/

	.account_container .box #form_user .button {
 	   margin: 10px 10px 0 0;
	}

	.identification_col.col_left,
	.identification_col.col_right{
		width: 100%;
		border: 0;
	}

	.identification_col.col_left{
		border-bottom: 1px solid;
		margin-bottom: 20px;
	}


	.account_container .box #form_user .button.button_add{
		margin: 20px 0;
	}


}

/*---------- $CSS width less of 580px ----------*/
@media screen and (max-width: 580px) {
	
	h4 {
	    font-size: 16px;
	}

	.no_320{
		display: none;
	}

	.content {
	    padding: 50px 0 0px;
	}

    .body_cms3 .cms_section .center_content {
        padding: 50px 2% 0px;
    }
	
	/*top*/

	#header{
		position: relative;
	}

	#navigation{
		top: 74px;
	}

	#container{
		margin-top: 0!important;
	}

	.navigation_mobile.navigation_link .anim_menu_mobile svg {
	    width: 35px;
	    height: 35px;
	    padding: 4px;
	    margin-top: 3px;
	}

	#navigation .navigation_mobile {
	    top: -64px;
	}

	#navigation.navigation_is_open{
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.18);
	}
	
	.box_objects.box_objects_small, .box_small,
	#navigation{
		opacity: 1;
	}

/*----home----*/
	#searchBanner{
		top: calc(-27.5vh - 210px);
	}

	#searchBoxGroup input.button {
	    display: block;
	    position: relative;
	    margin: 20px 0;
	    clear: both;
	    float: left;
	    width: 100%;
	}
	
	.search_module{
	    width: 100%;
	}

	.box_objects.box_objects_small {
	    width: 96% !important;
	    float: left !important;
	    clear: both !important;
	    margin-left: 2% !important;
	    margin-right: 2% !important;

	}

    .news_content_box .box_objects.box_objects_small,
    .news_content_box .box_small,
    .news_content_box .box_objects.box_objects_small:nth-of-type(3n),
    .news_content_box .box_small:nth-of-type(3n),
    .news_content_box .box_small:nth-of-type(3n+1),
    .news_content_box .box_objects.box_objects_small:nth-of-type(4n),
    .news_content_box .box_small:nth-of-type(4n),
    .news_content_box .box_small:nth-of-type(4n+1){
        width: 100%;
    }

/*----liste----*/
	#filter #filter_content_mobile{
		height: auto;
		position: relative;
		padding-top: 30px;
	}

	#filter_title_mobile {
		position: absolute;
	}

	.filter_col {
    	width: 100%;
		border: 0;
	}

	#filter .search_module {
		padding: 10px 2%;
	}

	#results_top{
		padding: 5px 2% 15px;
	}

	.less_1200 .box_objects.box_objects_small{
		width: 100%;
		margin: 0;
	}

	#sorting_select {
	    clear: left;
	    width: 100%;
	    margin-top: 10px;
	}

	#search_results.less_600, #search_results.less_1200 {
		width: 100%;
	}


/*----detail----*/
	#detail_container h2{
		font-size: 20px;
	}

	#detail_container h4 {
	    font-size: 18px;
	}

	#detail_container a.button {
	    float: none;
	    width: 90%;
	    min-width: 300px;
	    margin: 10px 0 10px;
	}

	#detail_container .share_container{
		margin: 0;
	}

	.share_container svg {
	    width: 30px;
	    height: 30px;
	    margin: 5px 2%;
	}
	#detail_container .conveniences_box .conveniences_row {
	    font-style: italic;
	    width: 100%;
	    float: left;
	    margin-bottom: 5px;
	    margin-left: 10px;
	    margin-top: 5px;
	}

	#detail_container .share_container .shared_link_container a.mobile_only, 
	.share_container .shared_link_container a.mobile_only {
 	   display: inline-block;
	}

	#detail_container span.pagin_text{
		display: none;
	}

	#detail_container .pagination .arrow {
    	letter-spacing: 0;
		font-size: 15px;
	}


	/*----- Owl Carousel -----*/

    .owl-carousel {
        max-height:none !important;
        opacity: 1;
    }

    .owl-carousel img {
        max-height:none !important;
        height:auto !important;
        width:100vw !important;
    }

    .owl-item.center .img_effect {
        display:none;
    }

    .project_table .owl-container {
        height:400px;
        max-height:none;
    }

    #gallery_container .gallery_pic {
	    width: 100%;
	}

	/*---- formulaires----*/
	.row .label, .row label,
	.row .value{
		width: 100%;
	}

	.searchcriteria_title h3 {
	    font-size: 15px;
	    float: left;
	    max-width: 80%;
	}

	.footer_col {
	    width: 100%;
		border: 0;
	}

	#footer .social_network_links a {
	    padding: 12px;
	}

	#footer .social_network_links a svg{
		width: 40px;
	}


    /*----- Demo & Template chooser -----*/

    #demo_immomig {
        padding:9px 12px 8px;
        top:auto;
        bottom:10px;
    }

    #template_chooser .template_link {
        display:block;
        margin:12px 0;
        width:100%;
    }

    .terms_data_processing.row .label,
    .form_rows .terms_data_processing.row .label,
    .row_form_copytomyself.row .label,
    .form_rows .row_form_copytomyself.row .label{
        width: calc(100% - 35px);
    }

    .terms_data_processing.row .value .value,
    .form_rows .terms_data_processing.row .value .value,
    .row_form_copytomyself.row .value .value,
    .form_rows .row_form_copytomyself.row .value .value{
        margin-right: 5px;
        width: 25px;
    }

    .terms_data_processing.row .value .value svg,
    .row_form_copytomyself.row .value .value svg{
        top: 6px;
        left: 3px;
        width: 46%;
    }
	
}

@media screen and (max-width: 400px) {
	#logo img, #logo svg {
	    max-width: 200px;
	}
}

@media screen and (max-height: 900px){
	#searchBanner {
    	top: -410px;
	}
}

@media screen and (max-height: 900px) and (max-width: 580px){
	#searchBanner {
    	top: -470px;
	}
}


/*-----------  Include CMS3 responsive  -------------*/
<?php include dirname(dirname(dirname(dirname(dirname(__FILE__))))).'/immoWEB/webroot/css/standard2/cms_responsive.css.php';?>