/* ============================ */
/* MKTV TOOLBOX STYLE */
/* ============================ */

/* ============= */
/* PREREQUESITES */
/* ============= */


html { font-size: 62.5% };

/*
COS WEBSITE
*/

/* ========= */
/* GUIDELINES */
/* ========= */
/*

vw :  BIG ELEMENTS / SECTIONS / IMAGES
rem : FONTS / MARGINS / PADDING
px :  SMALL ELEMENTS / BURGER MENU / BEFORE / AFTER

*/

/* =================================== */

/*

INDEX
1. RESET
2. HUBL VARIABLES
3. GENERAL STYLE
4. UTILITY CLASSES TO USE IN THE TEMPLATE BUILDER
5. CTA STYLE
6. GETTING THE HANDLE ON THE DISPLAY OF THE MENU IN THE HEADER
7. WRAPPER DECLARATION
8. HEADER
9. LP HEADER
10. FOOTER STYLE
11. LANGUAGE SWITCHER STYLE
12. BLOG LANGUAGE SWITCHER
13. MOBILE BURGER STYLE
14. FORM
15. RESPONSIVE

*/

/* ======== 

1. RESET 
Never add CSS before this part, this is the reset of the browser.

/* ======== */

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, centerdl, 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;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}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;}body .row-fluid [class*="span"] {min-height: 0;}
div, span, h1, h2, h3, h4, p, ul, li, ol, a, input, form, label{
  box-sizing:border-box;
}
/* ============== 

2. HUBL VARIABLES 
This is the most important part of the system. All font sizes, weights, line heights, colors and background must be added in the variables below (if not enough, please copy and rename your new variable). The more you respect the system, the less you have to customize it.

each variable will be written this way :

name of the variable = CSS Value 

then, in the CSS part after the variables :

body{

}

============== */

/* 
FONTS
*/

@import url('');






/* FONT SIZE (rem) - DESKTOP */




 /* 18px EQUIVALENT -> FOR EXAMPLE BUT PUT YOUR OWN FONT SIZE RELATIVE TO YOU PROJECT */ 



















/* FONT SIZE (rem) - TABLET */










/* FONT SIZE (rem) - MOBILE */










/* LINE HEIGHTS (rem) - DESKTOP */













/* LINE HEIGHTS (rem) - TABLETS */









/* LINE HEIGHTS (rem) - SMARTPHONES */









/* FONT WEIGHTS */




/* FONT ALIGNMENTS */





/* BACKGROUND COLORS */








/* FONT COLORS */









/* WRAPPER SIZES */







.body-container .row-fluid [class*="span"].span1,
.body-container .row-fluid [class*="span"].span2,
.body-container .row-fluid [class*="span"].span3,
.body-container .row-fluid [class*="span"].span4,
.body-container .row-fluid [class*="span"].span5,
.body-container .row-fluid [class*="span"].span6,
.body-container .row-fluid [class*="span"].span7,
.body-container .row-fluid [class*="span"].span8,
.body-container .row-fluid [class*="span"].span9, 
.body-container .row-fluid [class*="span"].span10, 
.body-container .row-fluid [class*="span"].span11, 
.body-container .row-fluid [class*="span"].span12{
  float:none;
}

/* ASSIGNMENT TO CLASSES - TEXT ALIGNMENT */
.text-align-center{
   text-align: center; 
}
.text-align-left{
   text-align: left; 
}
.text-align-right{
   text-align: right; 
}
.text-align-justify{
   text-align: justify; 
}

/* ASSIGNMENT TO CLASSES - FONT WEIGHT */
.font-weight-light{ 
  font-weight:300;
}
.font-weight-regular{
  font-weight:400!important;
}
.font-weight-bold{
  font-weight:700!important;
}

/* ASSIGNMENT TO CLASSES - BACKGROUND COLOR */
.white-bg {
  background: #ffffff!important; 
}

.grey-bg {
  background: #F5F5F5!important;
}

/* ASSIGNMENT TO CLASSES - FONT COLOR */

.white-color{
  color: #ffffff!important;
}

.violet-color{
   color:#714C6C!important;
}

.green-color{
   color:#00BFA5!important;
}

.orange-color{
   color:#FFA000!important;
}


.black-color{
  color: #000000!important;
}

/* ASSIGNMENT TO CLASSES - BACKGROUND COLOR - WHITE FONTS */

.primary-bg h1,
.primary-bg h2,
.primary-bg h3,
.primary-bg h4, 
.primary-bg p, 
.primary-bg ul li, 
.secondary-bg h1,
.secondary-bg h2,
.secondary-bg h3,
.secondary-bg h4,
.secondary-bg p,
.secondary-bg ul li,
.black-bg h1,
.black-bg h2,
.black-bg h3,
.black-bg h4,
.black-bg p,
.black-bg ul li {
  color: #ffffff!important;
}


/* ================
3. GENERAL STYLE
All the basic CSS rules of the project should stand here.

/* ================ */

*{
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  outline: 0;
}

html{
  font-size: 62.5%; /* 1rem = 10px */ 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

body{
  font-size: 1.8rem;
  font-weight:400!important;
  line-height: 3rem;
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
  color: #000000!important;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}


h1 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  font-weight:400!important;
  text-align:left;
  padding:0;
  margin:0;
}


h2{
  font-size: 3.2rem;
  line-height: 4.5rem;
  text-align:left;
  padding:0;
  margin:0;
}

h3{
  font-size: 2.5rem;
  line-height: 3.8rem;
  text-align:left;
  padding:0;
  margin:0;
}

h4{
  font-size: 2.4rem;
  line-height: 3.4rem;
  text-align:left;
}

p, span{
  font-size: 1.5rem;
  line-height: 3rem;
  text-align:left;
   color:#714C6C!important;
  margin-bottom:0;
}

ul{
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 1.5rem;
  line-height: 3rem;
  text-align:left;
}

ul li {
  position: relative;
  font-size: 1.5rem;
  line-height: 3rem;
  text-align:left;
}

a, button{
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/* BECAUSE IMAGES ARE PUT IN SPAN WITH NO HEIGHT IN HUBSPOT */
span.hs_cos_wrapper_type_linked_image{
  display: block; 
}

a{
  display: inline-block;
  line-height: 1;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

img{
  max-width: 100%;
  height: auto;
}

b, strong {
  font-weight:700!important;
}

/* ================================================= */
/* 4. UTILITY CLASSES TO USE IN THE TEMPLATE BUILDER */
/* ================================================= */

.text-transform-lowercase{
  text-transform: lowercase;
}

.text-transform-capitalize{
  text-transform: capitalize;
}

.text-transform-uppercase{
  text-transform: uppercase;
}

/* FOR IMAGES & IMAGE CONTAINERS */
.no-line-height{
  line-height: 0;
}

/* DISPLAYS */
.container-fluid .row-fluid .d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container-fluid .row-fluid .flex-row {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row;
  flex-flow:row;
}

.container-fluid .row-fluid .flex-row-wrap {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
}

.container-fluid .row-fluid .flex-column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column;
  flex-flow:column;
}

.container-fluid .row-fluid .flex-column-wrap {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column wrap;
  flex-flow:column wrap;
}

.container-fluid .row-fluid .align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.container-fluid .row-fluid .align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.container-fluid .row-fluid .align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-fluid .row-fluid .justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container-fluid .row-fluid .justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container-fluid .row-fluid .justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.container-fluid .row-fluid .justify-content-between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.overflow-hidden{
  overflow:hidden;
}

.overflow-visible{
  overflow: visible;
}

/* PADDINGDS & MARGINS 
If you have to use more than the 10 value, you're code is wrong. ;)
*/

/* PADDINGS */
/* PADDING TOP */
.pt-1{padding-top:1rem;}
.pt-2{padding-top:2rem;}
.pt-3{padding-top:3rem;}
.pt-4{padding-top:4rem;}
.pt-5{padding-top:5rem;}
.pt-6{padding-top:6rem;}
.pt-7{padding-top:7rem;}
.pt-8{padding-top:8rem;}
.pt-9{padding-top:9rem;}
.pt-10{padding-top:10rem;}

/* PADDING BOTTOM */
.pb-1{padding-bottom:1rem;}
.pb-2{padding-bottom:2rem;}
.pb-3{padding-bottom:3rem;}
.pb-4{padding-bottom:4rem;}
.pb-5{padding-bottom:5rem;}
.pb-6{padding-bottom:6rem;}
.pb-7{padding-bottom:7rem;}
.pb-8{padding-bottom:8rem;}
.pb-9{padding-bottom:9rem;}
.pb-10{padding-bottom:10rem;}

/* PADDING LEFT */
.pl-1{padding-left:1rem;}
.pl-2{padding-left:2rem;}
.pl-3{padding-left:3rem;}
.pl-4{padding-left:4rem;}
.pl-5{padding-left:5rem;}
.pl-6{padding-left:6rem;}
.pl-7{padding-left:7rem;}
.pl-8{padding-left:8rem;}
.pl-9{padding-left:9rem;}
.pl-10{padding-left:10rem;}

/* PADDING RIGHT */
.pr-1{padding-right:1rem;}
.pr-2{padding-right:2rem;}
.pr-3{padding-right:3rem;}
.pr-4{padding-right:4rem;}
.pr-5{padding-right:5rem;}
.pr-6{padding-right:6rem;}
.pr-7{padding-right:7rem;}
.pr-8{padding-right:8rem;}
.pr-9{padding-right:9rem;}
.pr-10{padding-right:10rem;}

/* MARGINS */

/* MARGIN TOP */
.mt-05{margin-top:.5rem;}
.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt-3{margin-top:3rem;}
.mt-4{margin-top:4rem;}
.mt-5{margin-top:5rem;}
.mt-6{margin-top:6rem;}
.mt-7{margin-top:7rem;}
.mt-8{margin-top:8rem;}
.mt-9{margin-top:9rem;}
.mt-10{margin-top:10rem;}

/* MARGIN BOTTOM */
.mb-05{margin-bottom:.5rem;}
.mb-1{margin-bottom:1rem;}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}
.mb-4{margin-bottom:4rem;}
.mb-5{margin-bottom:5rem;}
.mb-6{margin-bottom:6rem;}
.mb-7{margin-bottom:7rem;}
.mb-8{margin-bottom:8rem;}
.mb-9{margin-bottom:9rem;}
.mb-10{margin-bottom:10rem;}

/* MARGIN LEFT */
.ml-05{margin-left:.5rem;}
.ml-1{margin-left:1rem;}
.ml-2{margin-left:2rem;}
.ml-3{margin-left:3rem;}
.ml-4{margin-left:4rem;}
.ml-5{margin-left:5rem;}
.ml-6{margin-left:6rem;}
.ml-7{margin-left:7rem;}
.ml-8{margin-left:8rem;}
.ml-9{margin-left:9rem;}
.ml-10{margin-left:10rem;}

/* MARGIN RIGHT */
.mr-05{margin-left:.5rem;}
.mr-1{margin-right:1rem;}
.mr-2{margin-right:2rem;}
.mr-3{margin-right:3rem;}
.mr-4{margin-right:4rem;}
.mr-5{margin-right:5rem;}
.mr-6{margin-right:6rem;}
.mr-7{margin-right:7rem;}
.mr-8{margin-right:8rem;}
.mr-9{margin-right:9rem;}
.mr-10{margin-right:10rem;}

/* ============ */
/* 5. CTA STYLE */
/* ============ */
/* USE CTA IN SIMPLE PLAIN TEXT & MAKE HERE THE STYLE */

.cta_button,
.input[type='submit'],
.hs-button.primary.large{
  line-height: 3rem;
  font-size: 1.5rem;
  font-weight:400!important;
  padding: 1vw 2vw;
  -webkit-transition: -webkit-box-shadow .3s ease-in-out !important;
  transition: -webkit-box-shadow .3s ease-in-out !important;
  -o-transition: box-shadow .3s ease-in-out !important;
  transition: box-shadow .3s ease-in-out !important;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out !important;
  cursor: pointer;
  border-radius:10px;
}


/* simple link */

a.btn{
  border-radius:10px!important;
  font-weight:400!important;
  border: 2px solid transparent;
  padding: 16px 40px;
  color:#fff;
  font-size:1.4rem;
}


/* LIEN ANCRE */
/* btn border white -> hover full green */
a.border-simple-white{
  border-color:#fff;
  color:#fff;
}

a.border-simple-white.hover-full-green:hover{
  border-color:#00BFA5;
  color:#fff;
  background: #00BFA5!important; 
}

/* btn border white -> hover full orange */
a.border-simple-white{
  border-color:#fff;
  color:#fff;
}

a.border-simple-white.hover-full-orange:hover{
  border-color:#FFA000!important;
  color:#fff;
 background: #FFA000!important; 
}


/* btn full violet -> hover border green*/
a.btn.full-violet{
  color:#fff!important;
  background: #714C6C!important; 
}

a.btn.hov-border-green:hover{
  border-color:#00BFA5!important;
  background-color:transparent!important;
   color:#00BFA5!important;
}

/*a.border-simple-white:hover{
  color:#fff!important;
  background: #00BFA5!important; 
  border-color:#00BFA5;
}*/

/* btn border white -> hover border orange */
a.border-simple-white.hov-border-orange:hover{
 border-color:#FFA000!important;
  color::#FFA000!important;
}


/* btn full violet -> hover border orange */
a.btn.full-violet{
  color:#fff!important;
  background: #714C6C!important; 
}

a.btn.hov-border-orange:hover{
  border-color:#FFA000!important;
  background-color:transparent!important;
   color:#FFA000!important;
}


/* btn full orange -> hover border orange */
a.btn.full-orange{
  color:#fff!important;
  background: #FFA000!important; 
}

a.btn.full-orange.hov-border-orange:hover{
  border-color:#FFA000!important;
  background-color:transparent!important;
   color:#FFA000!important;
}





.btn a.cta_button{
  border-radius:10px!important;
  font-weight:400!important;
  border: 2px solid transparent;
  padding: 16px 40px;
}





/* btn hover full orange */
.hov-full-orange:hover a.cta_button{
  border-color:#FFA000!important;
  background: #FFA000!important; 
  color:#fff!important;
}

/* btn hover full green */
.hov-full-green:hover a.cta_button{
  border-color:#00BFA5!important;
  background: #00BFA5!important; 
}

/* btn hover full violet */
.hov-full-violet:hover a.cta_button{
  border:2px solid transparent;
  color:#fff!important;
  background: #714C6C!important; 
}


/* btn hover border green */
.hov-border-green:hover a.cta_button{
  background-color:transparent!important;
  border:2px solid #00BFA5!important;
   color:#00BFA5!important;
}

/* btn hover border orange */
.hov-border-orange:hover a.cta_button{
  background-color:transparent!important;
  border:2px solid #FFA000!important;
   color:#FFA000!important;
}



/* ============================================================== */
/* 6. GETTING THE HANDLE ON THE DISPLAY OF THE MENU IN THE HEADER */
/* ============================================================== */
.header-container-wrapper .row-fluid:before, 
.header-container-wrapper .row-fluid:after{
  display: none;
}

/* ====================== */
/* 7. WRAPPER DECLARATION */
/* ====================== */
/* WITH THIS DECLARATION NO !important NEEDED */
.lp-short .container-fluid .row-fluid .wrapper,
.lp-long .container-fluid .row-fluid .wrapper
{
  margin: 0 auto;
  float: none;
  max-width: 65vw;
}

.ty 

/* ========= */
/* 8. HEADER */
/* ========= */



/* ============ */
/* 9. LP HEADER */
/* ============ */




/* ============ */
/* 10. FOOTER   */
/* ============ */




/* =============== */
/* 10. LP FOOTER   */
/* =============== */

#simple-footer-module {
  border-top: 2px solid #dcdcdc;
}  

#simple-footer-module p{
  margin-bottom:0;
  font-size: 1.2rem;
}

#simple-footer-module a{
  color:#714C6C;
  font-size: 1.2rem;
}




/* ========================== */
/* 11. LANGUAGE SWITCHER STYLE */
/* ========================== */




/* ======================= */
/* 13. MOBILE BURGER STYLE */
/* ======================= */

/* ======== */
/* 14. FORM */
/* ======== */

#top-section-module ::placeholder{
   color:#714C6C!important;
}

#top-section-module form fieldset label{
   color:#714C6C!important;
  font-weight:400!important;
  font-size: 1.4rem;
  margin:5px 0;
  display:flex;
  align-items:center;
}

#top-section-module form .hs-error-msg {
  display: block;
  margin-top: 1vw;
}

#top-section-module form .hs-form-booleancheckbox{
  margin-top:1vw;
}

#top-section-module form input, 
#top-section-module form select, 
#top-section-module form textarea{
  min-height:2vw;
  box-sizing:border-box;
  border:none;
  background-color:#F5F5F5;
  margin-bottom:0;
  border-radius:3px;
}

#top-section-module form input[type="checkbox"]{
  height:1vw;
  width:1vw;
  min-height:initial;
  border:1px solid #E3E3E3;
  background:#fff;
  margin-top: 0;
}

#top-section-module form input[type="submit"]{
  border-radius:10px;
  min-height:2.5vw;
  font-weight:400!important;
  border:2px solid transparent;
  background: #714C6C!important; 
  color:#fff;
  transition: all ease-in-out .2s!important;
}

/*#top-section-module .form-columns-2{
display:flex;
}*/

#top-section-module .form-columns-2 > div{
  max-width:48%;
}

#top-section-module h3{
   color:#714C6C!important;
  font-weight:400!important;
}


/*.lp-short #top-section-module form input[type="submit"]:hover{
background-color:transparent;
 color:#FFA000!important;
border:2px solid #FFA000;
}*/

.lp-long #top-section-module form input[type="submit"]:hover{
  background-color:transparent!important;
   color:#FFA000!important;
  border:2px solid #FFA000;
}

.lp-short #top-section-module form input[type='submit']:hover {
  background-color:transparent!important;
   color:#00BFA5!important;
  border:2px solid #00BFA5;
}



#top-section-module form .legal-consent-container p,
#top-section-module form .legal-consent-container span,
#top-section-module form .legal-consent-container div,
#top-section-module form .legal-consent-container label{
  font-size: 0.9rem;
  line-height: 1.6rem;
}



/* ======== */
/* 14. CUSTOM CSS GOES HERE */
/* ======== */

/*********************** Commun TY & LP *****************/
h1:after{
  display:none;
}
.category-header{
  font-size: 3rem;
  text-transform:uppercase;
  font-weight:700!important;
}

.about-subtitle{
  font-size: 2rem;
  font-weight:700!important;
}

.special-text{
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.branded-list{
  padding-left: 3rem!important;
  position:relative;
}

.branded-list:before{
  content:"";
  top:5px;
  width:3px;
  height:93%;
  position:absolute;
  background:#fff;
  left: 1.5rem;
}

.lp-short .branded-list:before{
  background: #714C6C!important; 
  width:2px;
}

.branded-list li{
  position:relative;
  list-style:none;
  font-size: 1.5rem;
  margin-left:0;
  margin-bottom:1vw;
   color:#714C6C!important;
}

.branded-list li > span{
  font-weight:700!important;
}

.branded-list li:before{
  content: "";
  position: absolute;
  height: 2rem;
  width: 2rem;
  left: -1.5rem;
  top: 1.5rem;
  transform: translate(-50%, -50%);
}

li.orange-puce:before{
  background: #FFA000!important; 
}

li.pink-puce:before{
  background: #E91E63!important; 
}

li.purple-puce:before{
  background: #714C6C!important; 
}

li.green-puce:before{
  background: #00BFA5!important; 
}

#about-section-module .intervenant{
  font-size: 2rem;
  margin-bottom:0;
  margin-left:0;
}



/*********************** Thank you page *****************/

.ty #top-section-module h1{
  text-align:center;
  z-index:5;
  font-weight:700!important;
  font-size: 4.2rem;
}


.ty #top-section-module .sub-ty{
  display:block;
  text-align:center;
  font-weight:400!important;
}

.ty #others-ressources-module h2{
  font-weight:700!important;
  font-size: 3rem;
   color:#714C6C!important;
  text-align:left;
}

.ty #top-section-module .sub-ty {
  font-size: 4rem;
  line-height: 4.5rem;
}



/*********************** LP long *****************/




/*********************** lp short *****************/
.lp-short .wrapper{
  padding-left:0!important;
  padding-right:0!important;
}
.lp-short #bicolore-shape #about-section-module .text-part ul li{
   color:#714C6C!important;
}
.lp-short #about-section-module .text-part ul li:before{
  background: #E91E63!important; 
}

/* ============== 

15. RESPONSIVE 
In general, You can use the desktop display until 992px (except some 1280px design that can cause troubles), then tablet. In tablet mode, you can add a 768 breakpoint if the display must be optimized. You can also do the same for 480px and 320px. Use a minimum of breakpoint and each one must be justified. 

============== */



@media (max-width: 1680px) {
  /*#top-section-module .form-columns-2 > div {
  max-width: 100%;
  width: 100%;
}*/

  .lp-short .container-fluid .row-fluid .wrapper,
  .lp-long .container-fluid .row-fluid .wrapper,
  .ty .body-container .container-fluid .row-fluid .wrapper
  {
	max-width: 75vw;
  }  


}

@media (max-width: 1440px) {
  .lp-short .container-fluid .row-fluid .wrapper,
  .lp-long .container-fluid .row-fluid .wrapper,
  .ty .body-container .container-fluid .row-fluid .wrapper{
	max-width: 85vw;
  }  
}

@media (max-width: 1280px) {
  /*.branded-list li:before {
  top: 5px;
}*/
}
@media (max-width: 1024px) {
  .lp-short .container-fluid .row-fluid .wrapper,
  .lp-long .container-fluid .row-fluid .wrapper,
  .ty .body-container .container-fluid .row-fluid .wrapper{
	max-width: 95vw;
  }  
}



@media (max-width: 992px) {
  .lp-short .container-fluid .row-fluid .wrapper,
  .lp-long .container-fluid .row-fluid .wrapper,
  .ty .body-container .container-fluid .row-fluid .wrapper{
	max-width: 85vw;
  } 
  .branded-list:before {
	height: 91%;
  }

  /*.branded-list li:before {
  height: 1vw;
  width: 2vw;
  left: -2.5vw;
}*/
  /*.branded-list {
  padding-left: 2.8vw!important;
}*/
  #top-section-module form input[type="checkbox"] {
	height: 2rem;
	width: 2rem!important;
  }



  h1 {
	font-size: 3rem;
	line-height: 4rem;
  }


  h2{
	font-size: 2.6rem;
	line-height: 3.2rem;
  }

  h3{
	font-size: 2rem;
	line-height: 2.8rem;
  }

  h4{
	font-size: 1.8rem;
	line-height: 2.4rem;
  }

  p, ul li{
	font-size: 1.8rem;
	line-height: 2.2rem;
  }

}

@media (max-width: 768px) {
  body .row-fluid [class*="span"].span1,
  body .row-fluid [class*="span"].span2,
  body .row-fluid [class*="span"].span3,
  body .row-fluid [class*="span"].span4,
  body .row-fluid [class*="span"].span5,
  body .row-fluid [class*="span"].span6,
  body .row-fluid [class*="span"].span7,
  body .row-fluid [class*="span"].span8,
  body .row-fluid [class*="span"].span9, 
  body .row-fluid [class*="span"].span10, 
  body .row-fluid [class*="span"].span11, 
  body .row-fluid [class*="span"].span12 {
	width: 100%;
  }
  /*.branded-list:before {
  left: 0.6vw;
}
  .branded-list li:before {
  top: 8px;
}*/

}

@media (max-width: 640px) {
  .lp-short .container-fluid .row-fluid .wrapper,
  .lp-long .container-fluid .row-fluid .wrapper,
  .ty .body-container .container-fluid .row-fluid .wrapper{
	max-width: 100%;
	padding-left: 2rem!important;
	padding-right: 2rem!important;
  }
  h1 {
	font-size: 2.5rem;
	line-height: 4rem;
  }


  h2{
	font-size: 2.2rem;
	line-height: 3.2rem;
  }

  h3{
	font-size: 2rem;
	line-height: 2.8rem;
  }

  h4{
	font-size: 1.8rem;
	line-height: 2.4rem;
  }

  p, ul li{
	font-size: 1.8rem;
	line-height: 2.2rem;
  }
  form input, form select{
	width:100%!important;
  }
  form .hs-input.hs-fieldtype-intl-phone {
	margin-right: 0;
	width: 100%!important;
  }
  form input[type="checkbox"] {
	height: 1.5rem;
	width: 1.5rem!important;
  }

  /*.branded-list {
  padding-left: 4vw!important;
}
  .branded-list:before {
  left: 1.4vw;
}
  .branded-list li:before {
  left: -3.3vw;
  height: 1.8vw;
  width: 1.8vw;
}*/
}

@media (max-width: 480px) {
  /* .branded-list li:before {
  height: 2vw;
  width: 2vw;
}*/
}
@media (max-width: 480px) {
  #simple-footer-module p{
	text-align:center;
  }
}