#map {
    height: 600px;
    width: 100%;	
    top: 45px;		
}

/* @media (min-width: 768px){ */
    .top_content_noir_wrapper {
          min-height: 160px;
          max-height: 1000px;
	}
    .contact-main-container{
        /* width: calc(100% - 150px); */
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 80px;
        margin-bottom: 100px;
   }
    .contact-title{
        text-align: center;
        margin-top: 25px;
        padding: 13px;
        padding-top: 40px;
   }
    .contact-title div:first-child{
        font-size: 1.5em;
        font-weight: bolder;
        text-transform: uppercase;
        line-height: 2em;
   }
    .contact-title div:last-child{
        font-size: 0.8em;
        color:#777777 
   }
    /* .contact-title div:last-child > span.collapse-contact-form{ */
   .collapse-contact-form{
        text-decoration:underline;
        cursor:pointer;
	}
    /* .contact-title div:last-child > span.collapse-contact-form:hover{ */
    .collapse-contact-form:hover{
        color:#EC1C24;
	}
	 .collapse-contact-form.small_screen{
		height: 3rem;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1rem !important;
	}
    .contact-container{
        position: relative;
        display:flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        margin-top:10px;
        margin-bottom: 40px;
       /* background-color:#888;
        */
   }
    .contact-container > div:nth-child(1) {
        position:relative;
        flex:0 0 40%;
        align-self: flex-start;
        border: 1px solid;
        border-radius: 1em;
        border-style: dashed;
        /*background-image: url("../images/contact/chat.svg");*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        height: 180px;
        cursor:pointer;
   }
    .contact-container > div:nth-child(1):hover {
        /*background-image: url("../images/contact/chat_red.svg");*/
   }
    .contact-container > div:nth-child(2) {
        flex: 0 0 auto;
        height: 180px;
   }
    .contact-container > div:nth-child(3) {
        flex:0 0 40%;
        border: 1px solid;
        border-radius: 1em;
        border-style: dashed;
   }
    .contact-container > div:nth-last-child(2) > div{
        text-align: center;
        position: relative;
        top: 45%;
   }
    .service-container{
        position: relative;
   }
    .service-container > .title{
        text-align: center;
        vertical-align: middle;
        position: relative;
        margin-top:28px;
   }
    .service-container > .title > .main-title{
        font-size: 1.1em;
        font-weight: bolder;
   }
    .service-container > .title > .sub-title{
        font-size: .9em;
   }
   /* tabs */
    .service-container > .tabs{
        display: flex;
        flex-direction: row;
        align-items: baseline;
        line-height: 3em;
        text-align: center;
        position: relative;
       /* top: 45%;
        */
        background-color:#F4F4F4;
        border-radius: 0 0 1em 1em;
        margin-top: 56px;
        cursor: pointer;
   }
    .service-container > .tabs > div:hover{
        background-color:#EC1C24;
        color:#FFF;
   }
    .service-container > .tabs > div{
        flex:1 1 auto;
   }
    .service-container > .tabs.remove-border-radius{
        border-radius: 0;
   }
    .service-container > .tab-content{
        position:relative;
        -webkit-transition: all 0.5s ease-in-out .15s;
        -moz-transition: all 0.5s ease-in-out .15s;
        -o-transition: all 0.5s ease-in-out .15s;
        transition: all 0.5s ease-in-out .15s;
   }
    .service-container > .tab-content a{
		text-decoration:underline;
		color:inherit;
		outline:none !important;
	}
	.service-container > .tab-content a:hover{
	  color:#ec1c24;
	}
    .service-container > .tab-content.reveal{        
        margin-top: 30px;
        margin-bottom: 30px;        
    }
    .service-container > .tab-content .v-sliding-pointer{
        opacity:0;
        content:' ';
        position: absolute;   
        top:0;     
        left:0;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #F4F4F4;
        z-index: -1;
        transition: all 0.3s linear;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;   
        /* transition-delay: 0.6s      */
   }
    .service-container > .tab-content > div{
        opacity:0;
        max-height:0px;
        background-color:#FFF;
        border-radius: 0 0 1em 1em;
        width: 100%;
        text-align: center;
        -webkit-transition: all 0.5s ease-in-out .15s;
        -moz-transition: all 0.5s ease-in-out .15s;
        -o-transition: all 0.5s ease-in-out .15s;
        transition: all 0.5s ease-in-out .15s;
   }
   .service-container > .tab-content.reveal .v-sliding-pointer{
        opacity:1;
        top:-30px;
        z-index: 1;
   }

    .service-container > .tab-content .reveal{
        opacity:1;
        height:auto;
        max-height: 1000px;
        /* margin-top: 30px;
        margin-bottom: 30px; */
   }
    .contact-container > div:first-child > .contact-time,.contact-container > .service-container > .contact-press{
        text-align: center;
        position: absolute;
        /* font-size: 0.7em; */
		font-size: 0.875rem;
        color: #777777;        
        left: 0;
        right: 0;
        bottom: -28px;
   }
   .contact-container > div:first-child > .contact-time{
     top:190px;
   }
    .contact-container > .service-container > .contact-press{
        color:#000;
   }
    .contact-container > .service-container > .contact-press > span{
        text-decoration:underline;
        cursor:pointer;
   }
    .contact-container > .service-container > .contact-press > span:first-child{
        margin-right: 25px;
   }
    .top_content_noir_wrapper{
        padding-bottom:0px!important;
        max-width:none;
   }
    .contact-form-container{
        position:relative;
        background-color:#1A1A1A;
        display:none;
        padding: 3rem;
        padding-top: 3em;
        padding-bottom: 35em;
        height: 550px;
   }
    .contact-form-container.small_screen{
		 background-color:#fff;
	}
    .contact-form-container > .close-contact-form-container{
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        bottom: 0;
        color: #777777;
        background: #000;
        width: 150px;
        padding: 9px;
        border: 1px solid #1A1A1A;
        border-radius: 1em 1em 0 0;
        text-decoration: underline;
        font-size: .8em;
        cursor:pointer;
   }
   .contact-form-container.small_screen  > .close-contact-form-container{
		 background-color:transparent;
		 color:#000;
		border: none;
		position: relative;
		margin-top: 2rem;
		font-size: 1rem;
		outline:none !important;
	}
    .contact-form-container > .close-contact-form-container:hover{
        background-color:#393939;
        color:#FFF;
   }
   .contact-form-container.small_screen  > .close-contact-form-container:hover{
	   background-color:transparent;
	   color:#000;
   }
    .contact-form{
        position: relative;
        display:flex;
        flex-flow:row wrap;
        justify-content: space-between;
        width:50%;
        margin: 0 auto;
   }
    .contact-form > div{
        position: relative;        
   }
    .contact-form > div > input[type=text],
	.contact-form > div > textarea{
        background-color: transparent;
        border: 0;
        padding: 10px;
        width: 93%;
        color:#FFF;
        border:none;
   }
    .contact-form.small_screen > div > input[type=text],
	.contact-form.small_screen > div > textarea{
		color:#000;
	}
    .contact-form > div > input,.contact-form > div > textarea{
        outline-width: 0;
   }
    .contact-form > div > input::placeholder,.contact-form > div > textarea::placeholder{
        color:#FFF;
   }
    .contact-form.small_screen  > div > input::placeholder,
	.contact-form.small_screen > div > textarea::placeholder{
	
		color:#000;
	}
   .contact-form > div input[type=radio]{
       display: none;
       cursor:pointer;
   }   
   
   .contact-form > div:first-child,.contact-form > div:first-child > div{
        text-align:center;
        display: inline-block;
        width: calc(100%/3);
        cursor:pointer;
   }

   .contact-form > div:first-child > div:hover{
        background-color:#2B2B2B;       
   }

   .contact-form > div:first-child > .civility-checked{
       background-color:#2B2B2B;
		color:#fff;       
   }

   .contact-form > div:first-child > .civility-checked:nth-child(1),
   .contact-form > div:first-child > div:nth-child(1):hover{       
       border-radius:.5em 0 0 .5em;
	   outline:none;
   }
   .contact-form > div:first-child > .civility-checked:nth-child(3),
   .contact-form > div:first-child > div:nth-child(3):hover{       
       border-radius:0 .5em .5em 0;
	   outline:none;
   }

   .contact-form > div label{        
        margin-top:12px;    
        cursor:pointer; 
   }

   .contact-form > div:first-child > div:nth-child(2){
        border-left: 1px solid #636363;
        border-right: 1px solid #636363; 
   }
   .contact-form > div:not(:last-child){
        flex: 0 0 49%;
        border: 1px solid #636363;
        /* background-color: #2f2f2f; */
        border-radius: .5em;
        margin-top: 7px;
       
   }
    .contact-form > .message{
        flex: 0 0 100%!important;
        border:1px solid #636363;
       /* background-color:#2f2f2f */
   }
    .contact-form > .submit-button{
        flex: 0 0 100%;
        text-align:center;
        margin-top:20px; 
   }
    .contact-form > .submit-button > input{        
        background-color: #EC1C24;
        border:none;
        color:#FFF;
        border-radius:1.5em;
        padding:10px;
        width:170px;
        text-transform: uppercase;
   }

   .contact-form > .submit-button > input:hover{ 
        background-color: #8E0A0F;
        border:1px solid #EC1C24;
   }   

    .contact-form-response-message{
        text-align:center;
        display:none;
   }
   .contact-form > div > input:not([type=radio]):not([type=submit]){
        position: relative;        
        left: 40px;
        width: 87%;
   }
   .contact-form > div > textarea{
        position: relative;
        left:45px;
        top:3px;
   }

   .contact-form > div:nth-child(2):before{
        content:'';        
        position:absolute;
        background:url(../images/contact/mobile.svg) no-repeat;    
        width: 33px;
        height: 33px;
        left: 10px;
        top: 5px;    
   }
   .contact-form > div:nth-child(3):before{
        content:'';        
        position:absolute;
        background:url(../images/contact/human.svg) no-repeat;    
        width: 33px;
        height: 33px;
        left: 10px;
        top: 5px;    
   }
   .contact-form > div:nth-child(4):before{
        content:'';        
        position:absolute;
        background:url(../images/contact/mobile.svg) no-repeat;    
        width: 33px;
        height: 33px;
        left: 10px;
        top: 5px;    
   }
   .contact-form > div:nth-child(5):before{
        content:'';        
        position:absolute;
        background:url(../images/contact/human.svg) no-repeat;    
        width: 33px;
        height: 33px;
        left: 10px;
        top: 5px;    
   }
   .contact-form > div:nth-child(6):before{
        content:'';        
        position:absolute;
        background:url(../images/contact/email.svg) no-repeat;    
        width: 33px;
        height: 33px;
        left: 10px;
        top: 5px;    
   }
   .contact-form > div:nth-child(7):before{
        content:'';        
        position:absolute;
        background:url(../images/contact/speech.svg) no-repeat;    
        width: 33px;
        height: 33px;
        left: 10px;
        top: 15px;    
   }
    .points-sav-container{
        position:relative;
        display:flex;
        flex-flow:column nowrap;
        text-align:center;
        /* width: calc(100% - 6vw); */
        margin: 0 auto;
        margin-top:70px;
        padding: 36px;
       /* background-color:#ccc;
        */
   }
    .points-sav-container h4{
        position: relative;
        font-weight: bold;
        bottom: 15px;
   }
    .points-sav-container > div{
        position:relative;
        flex: 0 0 auto;
   }
    .points-sav-container .search-container{
        position: absolute;
        min-width: 588px;
        width: 6vw;
        margin: 0 auto;
        max-height: 1000px;
        z-index: 1;
        left: 0;
        right: 0;
        border: 1px solid #FFF;
        border-top: none;
        border-radius: 0 0 1em 1em;
   }
    .points-sav-container .search-container:after{
        position: absolute;
        content: ' ';
        background: url("../images/contact/arrow_down.svg") no-repeat;
        width: 21px;
        height: 12px;
        right: 10px;
        top: -5px;
        bottom: 0;
        transition:transform .3s 
   }
    .points-sav-container .search-container:before{
        position: absolute;
        content: '';
        background: url("../images/contact/search_icon.svg") no-repeat;
        width: 26px;
        height: 26px;
        left: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
   }
    .points-sav-container .search-container:hover:before{
        z-index: 1;
        left: 13px;
        top: -11px;
   }
    .points-sav-container .search-container > input.search-sav{
        min-width: 589px;
        height: 55px;
        border: 1px solid #707070;
        border-radius: 1.6em;
        margin-bottom: 30px;
        position: relative;
        left: -1px;
        top: -28px;
        padding:0 100px;
   }
    .points-sav-container .search-container > input.search-sav:focus{
        outline-width: 0;
   }
    .points-sav-container .search-container > input.search-sav::placeholder{
        text-align:center;
   }
    .points-sav-container .search-container:hover{
        border: 1px solid #000;
   }
    .points-sav-container .search-container:hover::after{
        transform:rotate(180deg);
   }
   .points-sav-container .search-container:hover > .search-list-container{
        max-height: 500px;
   }
   .points-sav-container .search-container.hide{
     border: 0px!important;
   }
   .points-sav-container .search-list-container.hide{
        max-height: 0px!important;
   }

    .points-sav-container .search-container > .search-list-container{
        background-color: #FFF;
        margin-top: -47px;
        border-radius: 0 0 1em 1em;
        max-height: 0px;
        overflow-y: scroll;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
   }
    .points-sav-container .search-container > .search-list-container > .search-list-item{
        padding: 10px;
        width: calc(100% - 160px);
        margin: 0 auto;
        border-bottom: 1px solid;
        border-bottom-style: dashed;
        cursor:pointer;
   }
    .points-sav-container .search-container > .search-list-container > .search-list-item:last-child{
        border-bottom: none;
   }
/* } */

#animation_contact_online,#animation_contact_offline,#animationSpray_contact_online, #animationSpray_contact_offline {
     max-height: 178px;
        height: 178px;
}
.contact-talk path{
     stroke-width: 0px !important;
}

#animationSpray_message_success_big_screen, #animationSpray_message_success_small_screen, #animationSpray_message_error_big_screen, #animationSpray_message_error_small_screen {
     width:200px;
     margin:0 auto;
}

@media (min-width:768px) and (max-width: 1050px){
     .tabs > div {
          font-size:.7em;
     }
     
     .tab-content > div {
          font-size:.7em;
     }
}

@media (max-width: 767px){  
     .top_content_noir_wrapper {     
          /* max-width: 1600px; */
          max-width: 1200px; /*momo's 1600 replaced with 1200, it's not used anyways*/
          margin: 0 auto;
          width: 100%;
          padding-bottom: 25px;
     }  
     .top_content_noir {
          width: 100%;
          background-color: #000000;
          color: #ffffff;
          margin-top: 80px;
     }
     .contact-form-container {          
          height: 800px;
     }
	 .contact-form-container.small_screen {          
          height: auto;
		  min-height:665px;
     }
     .contact-form {
          width: 100%;
     }
     .contact-form > div{
          flex: 0 0 100%!important;
     }  
     .contact-form-container {
          padding: 1rem;
     }   
     .contact-container{
          flex-flow: row wrap;          
     }
     .contact-container > div:nth-child(1) {
          position:relative;    
          flex:0 0 95vw;          
     }
     .contact-container > div:nth-child(2) {
          flex: 0 0 100%;          
      }
     .contact-container > div:nth-child(3) {
          flex:0 0 95vw;
     }
     .contact-main-container{
          width: 100%;      
     }
     .points-sav-container .search-container {
          min-width: 100%;
          width: 100%;
     }
     .points-sav-container .search-container > input.search-sav {
          min-width: 100%;          
          left: 0;       
          padding:0 50px;
     }
     .contact-container > div:nth-child(2) {       
          height: 100px;
     }
     .contact-container > div:nth-last-child(2) > div {       
          top: 56%;
     }  
     .points-sav-container{
          padding: 16px;
     }
}
@media (min-width: 1600px){ 
    
    .contact-main-container{
        /* width: calc(100% - 150px); */
        max-width: 1600px;
	}
}