/*************** DESKTOP ***/
	@media only screen and (min-width : 1200px) {
	
        .container {
            max-width: 1280px !important;}



        /** TABS arrow ***/

        .nav-link {
          display: inline-block;
          position: relative;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          transform: translateZ(0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        }
        .nav-link:before {
          pointer-events: none;
          position: absolute;
          z-index: -1;
          content: '';
          border-style: solid;
          transition: all 0.4s ease-in-out;
          left: calc(50% - 20px);
          bottom: 0;
          border-width: 20px 20px 0 20px;
          border-color: #0096D6 transparent transparent transparent;
          display: none;
        }
        .nav-link:hover:before {
          bottom: -19px;
          display: block;
          transition: all 0.4s ease-in-out;
        }
        .nav-link.active:before { display: block; bottom: -19px; }
	
	
	}
	
	

	
	
	/*************** MOBILE ***/
	@media screen and (max-width: 599px) { 
	
        .mobile-hide { display: none !important; }
        .mobile-show { display: block !important; }
        .spacer-section { height: 200px; }

        .container { max-width: 599px !important; }
        .container-phone { padding: 65px 15px !important; }
        .col-12 { padding: 0 20px !important; }

        .info-bar { padding: 15px 20px !important; }
        .info-bar .col { padding: 0 !important; }
        .info-bar .col.dropdownnav { min-height: 40px !important; }
        .info-bar .HPtext { font-size: 14px !important; line-height: 37px !important; }
        .info-bar .btn-blue { text-align: center !important; padding: 8px 25px !important; }
        .container-fluid.hero-section, .container-fluid.hero-section[name=second] { min-height: 100px; padding: 100px 0 50px 0 !important; }

        p.black50 { text-align: left !important; }
        p.black860 { text-align: left !important; }
        p.blue22 { text-align: left !important; }
        h2.tab { text-align: left !important; }

        
        .form-column { margin: 45px 15px 0 15px; }
	
	}


    @media screen and (max-width: 992px) { 
	
        .mobile-show-2 { display: block !important; }
        
        .class-3 .btn-bigger a { padding: 15px 20px !important; }
        
    }




	
	/************** GENERAL STYLE ***/
	
	
	*, .body  { font-family: 'HPSimplifiedLight', Arial; letter-spacing: 1px; }
	a, a:hover { text-decoration: none; }
    a p { color: #000; }
		
	.btn-blue { display: inline-block; background: #0171AD; border: 1px solid #0171AD !important; }
	.btn-blue a { display: block; color: #fff; font-size: 16px; padding: 8px 50px; }
	.btn-blue:hover { background: #0096D6; border: 1px solid #0096D6 !important; }
	.btn-white { display: inline-block; background: #fff; border: 1px solid #0171AD !important; }
	.btn-white a { display: block; color: #0171AD; font-size: 16px; padding: 8px 75px; }
	.btn-white:hover { background: #0171AD; border: 1px solid #0171AD !important; }
	.btn-white:hover a { color: #fff; }
    .btn-grey { background: #f1f1f1; }
    .btn-bigger a { padding: 15px 45px !important; text-transform: uppercase; }
		
	.HPtext { font-family: 'HPSimplifiedRegular', Arial; font-size: 20px; }
	.txt-left { text-align: left !important; }
	.txt-white { color: #fff !important; }
	.txt-black { color: #000 !important; }
	.txt-cyan { color: #21CCD1 !important; }
	.txt-blue { color: #1259A1 !important; }
	.txt-bluel { color: #0096D6 !Important; }
	.width100 { max-width: 100% !important; }
	p { line-height: 24px; }
	p.regular { font-family: 'HPSimplifiedRegular', Arial; }
	p.blue { color: #0096D6; }
    .size20 { font-size: 20px; line-height: 23px; font-family: 'HPSimplifiedBold', Arial; }
	p.grey20 { color: #757678; font-size: 20px; line-height: 40px; font-weight: bold; }
	p.blue22 { font-size: 22px; line-height: 24px; color: #0096D6; text-align: center; max-width: 860px; margin: auto; }
	p.black22 { font-size: 22px; line-height: 24px; }
	.black28 { font-size: 28px; line-height: 34px; }
	p.blue-light { color: #00B3E3 !important; font-family: 'HPSimplifiedRegular', Arial; }
	p.black50 { font-size: 50px; line-height: 52px; text-align: center; max-width: 860px; margin: auto; }
	p.white50 { color: #fff; text-align: left; }
	p.black860 { text-align: center; max-width: 860px; margin: auto; }
	p.below-hero { font-size: 34px; line-height: 40px; text-align: center; max-width: 860px; margin: auto; }
	p.securing { color: #fff; font-family: 'HPSimplifiedRegular', Arial; font-size: 22px; line-height: 24px; margin: 0; }
	p.white16 { color: #fff; }
	p.bluer16 { color: #21CCD1; border-bottom: 1px solid #21CCD1; font-family: 'HPSimplifiedRegular', Arial; text-transform: uppercase; line-height: 44px; letter-spacing: 1px; }
	p.white22 { color: #fff; font-size: 22px; line-height: 28px; }
	p.white350 { color: #fff; max-width: 350px; }
	p.quote { font-size: 40px; line-height: 42px; color: #fff; font-style: italic; } 
	
    h2.hero { color: #fff; font-size: 48px; line-height: 58px; font-family: 'HPSimplifiedBold', Arial; text-transform: uppercase; }
    h3.subtitle { color: #000; font-size: 24px; line-height: 31px; font-family: 'HPSimplifiedRegular', Arial; }
    h3.subtitleBig { color: #000; font-size: 28px; line-height: 35px; font-family: 'HPSimplifiedRegular', Arial; text-align: center; }
	h3.cols3 { font-family: 'HPSimplifiedRegular', Arial; color: #000; display: inline-block; margin: auto; }
	h3.white34 { font-size: 34px; line-height: 40px; color: #fff; font-family: 'HPSimplifiedRegular', Arial; }
	h3.black22 { font-size: 22px; line-height: 40px; color: #000; font-family: 'HPSimplifiedRegular', Arial; }
	h3.light22 { font-size: 22px; line-height: 28px; color: #000; font-family: 'HPSimplifiedLight', Arial; }
	h4 { font-size: 22px; color: #000; font-family: 'HPSimplifiedRegular', Arial; }
	h5 { color: #000; }
	
	span.red { color: red; }
    ul.left-padding { padding-left: : 15px; margin: 0; }


    .spacer-section { height: 155px; }
    .spacer-element { height: 25px; }
	
	img.full-width { width: initial; max-width: 100%; height: auto; }
	
	.hideme { opacity: 0; }
	.mobile-show { display: none; }
	.big-padding { padding: 75px 0 75px 80px; }
	.form-checkin { font-size: 16px !important; padding-top: 4px; }
	input:-internal-autofill-selected { background: #fff !important; }
	
	
	
	/** DROPDOWN MENU NAVIGATION ****/

	.carte_button {
		position :absolute;
		z-index: 3; }

	.carte {
		position :relative;
		top: 0px;
		z-index: 2;
		width: auto;
		height: 0%;
		margin: auto;
		display: none; }
	.carte_button .arrow-accordion {   -ms-transform: rotate(90deg); /* IE 9 */   -webkit-transform: rotate(90deg); /* Safari 3-8 */   transform: rotate(90deg); display: inline-block; transition: all 0.1s ease-in-out; }
/*	.carte_button:hover .arrow-accordion {   -ms-transform: rotate(270deg);    -webkit-transform: rotate(270deg);    transform: rotate(270deg); display: inline-block; transition: all 0.1s ease-in-out; }*/
	
	.dropdownnav a:first-child { margin-top: 20px; }
	.dropdownnav a { color: #000; text-transform: uppercase; padding: 10px 0; display: block; }
	.dropdownnav a:hover { color: #0096D6; }
	
	

    /*** all pages **/
    .info-bar .col.dropdownnav { min-height: 30px; }

    .row.class-1,
    .row.class-2,
    .row.class-3 { padding: 55px 0; }

    .full-image-80 { max-width: 100% !important; width: 80% !important; }
    .row .full-image-100 { max-width: 100% !important; width: 100% !important; margin: 25px 0; }





	/***** T1-IDC **/

    
	/* contact form */
    .form-column { background: #f1f1f1; padding: 35px; }
    .form-column #load { margin: 0 !important; }
    .form-column .row { margin: 0 0 20px 0; }
    .form-column .row div { padding: 0 !important; }
    .form-column .progressive .row div label { padding-top: 6px; }
    .form-column .progressive .row div input { width: 100%; padding: 4px 10px; }
    .form-column .progressive .row select { width: 100% !Important; height: 38px; padding: 4px 10px; }

    .errMessage { background: rgba(255,255,255,0) !important; margin: 8px 0 !important; }

    .optins fieldset { padding-top: 4px !important; }
    #everything input[type="radio"] {
    display: none; }
    input[type="radio"]+ label.radio span {
    height: 25px;
    display: inline-block;
    cursor: pointer;
    padding-left: 22px;
    margin-right: 2px;
    font-size: 16px;
    line-height: 18px; }
    input[type="radio"]+ label.radio {
    cursor: pointer;
    display: inline-block;
    background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7Bda3a8774-eeab-4784-923b-36260e707809%7D_sprite.png);
    background-repeat: no-repeat;
    background-position: left -223px; }
    input[type="radio"]:checked+ label.radio {
    background-position: left -315px; }

	



    /***** T2-HP **/
	
	.general-header .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7Ba4cb6926-039b-4bcf-904a-f98bfe93e344%7D_header.jpg) no-repeat !important; min-height: 440px; }


    /****** HERO IMAGES **/
    .T1-IDC .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7Bad6e3830-1a90-4768-9900-c80a42e5d65c%7D_T1-IDC.jpg) no-repeat !important; min-height: 440px; }
    .T2-IDC .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7B3af49ca0-81f7-47c5-a1e1-15a6a884f084%7D_T2-IDC.jpg) no-repeat !important; min-height: 440px; }
    .T3-IDC .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7Bc5ef18d0-0aa5-4e27-ba21-fd6859feaed8%7D_T3-IDC.jpg) no-repeat !important; min-height: 440px; }
    .T5-IDC .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7B3f964d34-09fc-47cb-93a4-5c94ddcf59dc%7D_T5-IDC.jpg) no-repeat !important; min-height: 440px; }
    .T2-C .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7B5a434c5b-a2e4-420b-a8a2-2782b88d11ff%7D_T2-C.jpg) no-repeat !important; min-height: 440px; }
    .T3-C .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7B6430f951-9c16-4f3c-81f1-af9cdcfbe391%7D_T3-C.jpg) no-repeat !important; min-height: 440px; }
    .T3-video .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7B2f0c773f-3565-464d-bb58-afcee4949a4f%7D_T-clean.jpg) no-repeat !important; min-height: 440px; }
    .T-Covid .hero-section { 
        background: url(https://img04.en25.com/EloquaImages/clients/HPIncMSCRMProd/%7B00007055-1270-4a4e-a516-0eb1624edf80%7D_T-clean-hp-2-.jpg) no-repeat !important; min-height: 440px; }





    /***** MODAL FORM **/
    div.jquery-modal { z-index: 110000 !important; }
    div#modal-form { overflow: auto; margin-top: 0 !important; }
    div.modal a.close-modal { top: 10px !important; right: 10px !important; } 
    div.modal.form-column input[type="radio"] { display: none !important; }   
    div.modal h2 { font-size: 24px; line-height: 31px; font-weight: 700; }
    div.modal #load div.thanks { font-size: 24px; line-height: 31px; font-weight: 700; }

    .contact-modal .progressive { margin-top: -10px; }
    .contact-modal.optins label { margin: 0; }
    .contact-modal h2 { margin-bottom: 30px;}

    @media screen and (max-height: 801px) { 
        div#modal-form.modal { height: vh !important; } 
    }

    @media only screen and (min-width : 900px) {
        div#modal-form { width: 900px; max-width: 900px; } 
        
        
        .contact-modal .progressive .col-lg-6 input, .contact-modal .progressive .col-lg-6 select#country, .contact-modal .progressive .col input { width: calc(100% - 20px) !important; }
    }