/***********************************************/
 /* CSS @imports must be at the top of the file */
 /* Add them above this section                 */
 /***********************************************/

 /****************************************/
 /* HubSpot Style Boilerplate            */
 /****************************************/

 /* This responsive framework is required for all styles. */
 /* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}


 /*****************************************/
 /* Start your style declarations here    */
 /*****************************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    color: #2CC185;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: #74777b;
}

/* RESET ERIC MEYER END */

/* NORMALIZE.CSS */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/* GENERAL STYLES */

@font-face {
    font-family: 'proxima';
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-light-webfont.eot');
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-light-webfont.woff2') format('woff2'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-light-webfont.woff') format('woff'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-light-webfont.ttf') format('truetype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-light-webfont.svg#proxima_nova_ltlight') format('svg');
    font-weight: light;
    font-style: normal;

}

@font-face {
    font-family: 'proxima';
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regitalic-webfont.eot');
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regitalic-webfont.woff2') format('woff2'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regitalic-webfont.woff') format('woff'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'proxima';
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regular-webfont.eot');
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regular-webfont.woff2') format('woff2'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regular-webfont.woff') format('woff'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regular-webfont.ttf') format('truetype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima';
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-semibold-webfont.eot');
    src: url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-semibold-webfont.woff2') format('woff2'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-semibold-webfont.woff') format('woff'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-semibold-webfont.ttf') format('truetype'),
         url('//info.iadvize.com/hubfs/landing-page/global/font/proxima/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}


body{
    width: 100%;
    font-size: 100%;
    font-family: "proxima", Helvetica, Arial, sans-serif;
    text-align: center;
    background-color: #FFFFFF;
    overflow-x: hidden;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

strong{
    color: #2a2e3a;
    font-weight:bold;
}

h1{
    text-transform: uppercase;
    color: #2a2e3a;
    font-size: 1em;
    font-family: "proxima", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0 15px;
    max-width: 1100px;
    margin: 0 auto;
}

h1, h2, h3, h4{
    letter-spacing: 2px;
}

[data-icon]:before{
    font-family: 'icon';
    font-size: 2em;
    color: #2a2e3a;
    content: attr(data-icon);
    speak: none;
}

.btn-idz { 
    background-color: #1bc74e;
    border: 2px solid #1bc74e;
    color: #fff;
}

    .btn-idz:hover{
        border: 2px solid #5fad00;
        background-color: #5fad00;
        color: #fff;
    }

.btn-idz2 {
    border: 2px solid #fff;
    color: #fff;
}

    .btn-idz2:hover{
        background-color: #fff;
        color: #2a2e3a;
    }

.btn-idz-header{
    border: 2px solid #fff;
    color: #fff;
}

    .btn-idz-header:hover{
        background-color: #fff;
        color: #0099ff;
    }

.btn-idz3 {
    background-color: #1bc74e;
    border: 2px solid #1bc74e;
    color: #fff;
}

    .btn-idz3:hover{
        background-color: #5fad00;
        color: #fff;
    }

.header-link-button{
    margin: 9px 0 0 30px !important;
}

a.idz-button, span.idz-button{
    font-family: "proxima", Helvetica, Arial, sans-serif;
    margin: 10px 0;
    padding: 10px 30px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.8em;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    box-sizing: border-box;
    display: inline-block;
}

a.green-button{
	color: #ffffff;
	background-color: #1bc74e;
	&:hover{
		background-color: #5fad00;
        color: #fff;
	}
}

/* HEADER STYLES */

.header-container-wrapper{
    margin: 0px auto;
    height: 100%;
}

    
#header-top{
    padding-top: 30px;
}

.corner-idz {
    background: #2a2e3a repeat-x;
    width: 100%;
    margin: 0;
    z-index: 100;
    padding: 10px 10px;
    overflow: auto;
    box-sizing: border-box;
}

    .corner-idz .btn-idz2.header-link-button{
        display: none;
    }

    .corner-idz img{
        width: 120px;
    }
    
    .corner-idz #iadvize-logo{
        float: left;
    }

/* CONTENT STYLES */


.row-fluid{
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
}

.body-container-wrapper{
    overflow-x: hidden;
}

.body-container-wrapper .row-fluid-wrapper.white{
    background-color: #FFFFFF;
}

.body-container-wrapper .row-fluid-wrapper.gray{
    background-color: #f6f6f6;
}

.body-container-wrapper .row-fluid-wrapper.green{
    background-color: #6bb700;
    color: #FFFFFF!important;
}

.body-container-wrapper .row-fluid-wrapper.blue{
    background-color: #5199c1;
    color: #FFFFFF!important;
}

.body-container-wrapper .row-fluid-wrapper.navy-blue{
    background-color: #2a2e3a;
}

.body-container-wrapper .row-fluid-wrapper.navy-blue .landing-content, .body-container-wrapper .row-fluid-wrapper.navy-blue .landing-content h2{
    color: #FFFFFF !important;
}

.landing-content{
    text-align: left;
    padding: 0px 20px;
    line-height: 1.6em;
    color: #818181;
}
    .landing-content h2{
        text-transform: uppercase;
        font-size: 1.5em;
        font-family: 'proxima', helvetica, arial, sans-serif;
        font-weight: bold;
        margin: 30px 0;
        color: #2a2e3a;
    }
    
    .landing-content h3{
        text-transform: uppercase;
        font-size: 1.2em;
        font-family: 'proxima', helvetica, arial, sans-serif;
        font-weight: bold;
        margin: 20px 0;
        color: #2a2e3a;
    }
    
    .landing-content p{
        font-size: 0.9em;
    }
    
.landing-content.white-text,
.landing-content.white-text h2{
    color: #FFFFFF;
}

/* FOOTER STYLES */

.footer-container{
    background-color: #ffffff;
    padding: 0 10px;
}

.footer-container-wrapper{
    color: #818181;
    padding: 50px 0;
    background-color: #ffffff;
    line-height: 1.2em;
}
    .footer-container-wrapper h2{
        font-size: 1em;
        font-family: 'proxima', helvetica, arial, sans-serif;
        font-weight: bold;
        margin-bottom: 30px;
    }
    
    .footer-container-wrapper p{
        font-size: 0.8em;
        line-height: 1.5em;
    }

#idz-slogan h3 span{
    border-top: 1px solid #e5e5e5;
    display: inline-block;
    padding: 25px 50px 0;
    margin-top: 25px;
    color: #c6c6c6;
}

#idz-slogan h4{
    margin-top: 10px;
    color: #c6c6c6;
}

#a-propos{
    margin-bottom: 50px;
}

#a-propos p{
    font-size: 18px;
}

/* LANDING PAGE - CONTENT */

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 1em;
	max-width: 1200px;
	text-align: center;
}

.content-wrap section p {
	margin: 0;
	padding: 0.75em 0;
	color: rgba(40,44,42,0.05);
	font-weight: 900;
	font-size: 4em;
	line-height: 1;
}

#cs-intro-text{
    text-align: center;
    margin: 50px 0px 70px 0px;
}

#cs-intro-text span{
    display: block;
    color: #1bc74e;
    font-size: 1.3em;
    margin: 10px auto;
    font-weight:bold;
}

ul{
    list-style-image: url('//info.iadvize.com/hubfs/salesforce/list-bullet.png');
    list-style-position: inside;
    font-size: 0.9em;
}

.helper{
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}

#request-left-block{
    margin-bottom: 50px;
}

#request-image-block img{
    width: 100%!important;
}

#cs-quote{
    background-color: #1bc74e;
   /* padding: 20px 0;*/
}

#cs-quote .landing-content{
    color: #FFF;
}

#cs-quote-text p{
    margin-bottom: 30px;
}

#cs-quote-text span{
    display: block;
    text-align: center;
    font-style: italic;
}

#cs-image img{
    width: 100%;
    max-width: 300px;
}

/* FORMULAIRE */

form{
    padding: 20px;
}
form .hs-input{
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 0 10px;
    box-sizing: border-box
}

form input[type="checkbox"]{
    width: auto !important;
    height: auto;
    margin-right: 5px;
}

form ul{
    list-style-image: none;
}

form ul li{
    padding: 5px 0;
}

.form-title{
    background-color: #2a2e3a;
    line-height: 40px;
    padding: 10px 10px;
    border-bottom: 2px solid #0099ff;
    color: #ffffff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*text-transform: uppercase;*/
    font-size: 0.9em;
    font-weight:bold;
}

#download-block{
    position: relative;
    background-color: #FFF;
    margin-bottom: 50px;
}

#download-block .row-fluid-wrapper{
    padding: 0px;
}

#form-global{
    padding: 0px 10px;
}

#request-global{
    position: relative;
}

#request-form{
    background-color: #f0f1f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 500px;
    margin: 0 auto;
}

#request-form h3{
    color: #FFFFFF;
}

@media only screen and (min-width: 481px){
    
}

@media only screen and (min-width: 768px){
    
    .corner-idz{
        padding: 10px 20px;
    }
    
    .corner-idz .btn-idz2.header-link-button{
        display: block;
    }
    
    h1{
        font-size: 1.5em;
    }

    #header-slogan{
        padding: 150px 0;
    }
    
    p{
        max-width: 600px;
        margin: 0 auto;
    }
    
    .landing-content{
        text-align: left;
        padding: 0px 10px;
    }
    
    #a-propos{
        text-align: left;
    }
    
    #cs-quote-text span{
        display: block;
        text-align: right;
    }
}

@media only screen and (min-width: 1030px){
    
    body{
        font-size: 110%;
    }
    
    h1{
        font-size: 2em;
    }
    
    #header-video #play-header img{
        width: 190px;
    }
    
    #header-video-wrap video {
        display: block;
    }
    
    #header-video-wrap img{
        display: none;
    }
    
    p{
        max-width: 900px;
        margin: 0 auto;
    }
    
}

@media only screen and (min-width: 1281px){
    #header-slogan{
        padding: 200px 0;
    }
    
    p{
        max-width: 1000px;
        margin: 0 auto;
    }

}