html, body {height:100%; font-family: open-sans;}
h1, h2, h3, h4, h5, h6 {font-weight:700;line-height:1.3;}
h1 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:64px;line-height: 73.6px; color:#000000; font-weight: 400;}
h2 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:40px;line-height: 47px; color:#000000; font-weight: 300;}
h3 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:30px;line-height: 45px; color:#000000; font-weight: 400;}
h4 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:24px;line-height: 36px; color:#000000; font-weight: 400;}
h5 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:16px;line-height: 25px; color:#000000; font-weight: 400;}
h6 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:14px;line-height: 16px; font-weight:700;}
p {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:14px; line-height:20px; color: #000000;font-weight: 400;}
ul,li {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:14px; line-height:20px;font-weight: 400;}

.wrapper									{ margin:0 auto; max-width: 1136px;}
.container-fluid							{ padding-left: 120px; padding-right: 120px; }
.no_bg                                      { background:none !important;}

.marginAutoBlock                            {margin:auto !important;display:block}
.marginLeftAuto                             {margin-left:auto !important;}
.marginRightAuto                            {margin-right:auto;}
.lightFont                                  {font-weight: 300;}


.hideOnDesktop{display:none;}
/*#region Widths*/
.fullWidth                                  {width:100%}
.fullHeight                                 {height:100%}
.width90pct                                 {width:90%}
.width80pct                                 {width:80%}
.width60pct                                 {width:60%}
.width50pct                                 {width:50%}
.width49pct                                 {width:49%}
.width45pct                                 {width:45%}
.width40pct                                 {width:40%}
.width32pct                                 {width:32%}
/*#endregion */

/*#region Display*/
.displayBlock                               {display:block}
.displayInlineFlex                          {display:inline-flex}
.displayInlineBlock                         {display:inline-block}
.displayContents							{display:contents}
.displayFlex                                {display:flex}
.displayNone                                {display:none}
/*#endregion*/

/*#region Containers*/
.container1500                               { max-width: 1500px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container1200                              { max-width: 1200px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container1080								{ max-width: 1080px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container945								{ max-width: 945px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container810								{ max-width: 810px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container770								{ max-width: 770px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container675								{ max-width: 675px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container530								{ max-width: 530px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
.container380								{ max-width: 380px; width: 100%; padding: 0 15px; margin: 0 auto; box-sizing: border-box; } 
/*#endregion */

/*#region Float */
.floatL	{ float:left;}
.floatR	{ float:right;}
.floatNone {float:none;}
/*#endregion */
/*#region Text Format */
.centerTextAlign{text-align: center}
.leftTextAlign{text-align: left}
.rightTextAlign{text-align: right}
.justifyTextAlign{text-align: justify}
.font12px {font-size:12px;}
.font24px {font-size:24px;}
.font50px {font-size:50px;}
/*#endregion*/
.margin0 {margin:0;}
.margin10px {margin:10px;}
.margin20px {margin:20px;}
.margin50px {margin:50px;}
.padding0 {padding:0;}
.padding10px{padding:20px}
.padding20px{padding:20px}
/*#region Margin Right (px) */
.mr-0 {margin-right:0px;} 
.mr-2px {margin-right:2px;} 
.mr-10px {margin-right:10px;} 
.mr-15px {margin-right:15px;} 
.mr-20px {margin-right:20px;} 
.mr-25px {margin-right:25px;} 
.mr-30px {margin-right:30px;}
.mr-35px {margin-right:35px;}
.mr-40px {margin-right:40px;} 
.mr-45px {margin-right:45px;} 
.mr-50px {margin-right:50px;} 
.mr-55px {margin-right:55px;} 
.mr-60px {margin-right:60px;} 
.mr-65px {margin-right:65px;} 
.mr-70px {margin-right:70px;} 
.mr-75px {margin-right:75px;} 
.mr-80px {margin-right:80px;} 
.mr-85px {margin-right:85px;} 
.mr-90px {margin-right:90px;}
.mr-95px {margin-right:95px;}
.mr-100px {margin-right:100px;}
/*#endregion*/
/*#region Margin Right (%) */
.mr-10pct {margin-right:10%;} 
.mr-15pct {margin-right:15%;} 
.mr-20pct {margin-right:20%;} 
.mr-25pct {margin-right:25%;} 
.mr-30pct {margin-right:30%;}
.mr-35pct {margin-right:35%;}
.mr-40pct {margin-right:40%;} 
.mr-45pct {margin-right:45%;} 
.mr-50pct {margin-right:50%;} 
.mr-55pct {margin-right:55%;} 
.mr-60pct {margin-right:60%;} 
.mr-65pct {margin-right:65%;} 
.mr-70pct {margin-right:70%;} 
.mr-75pct {margin-right:75%;} 
.mr-80pct {margin-right:80%;} 
.mr-85pct {margin-right:85%;} 
.mr-90pct {margin-right:90%;}
.mr-95pct {margin-right:95%;}
.mr-100pct {margin-right:100%;}
/*#endregion*/
/*#region Margin Top (px) */
.mt-0 {margin-top:0px;}
.mt-10px {margin-top:10px;}
.mt-15px {margin-top:15px;}
.mt-20px {margin-top:20px;}
.mt-25px {margin-top:25px;}
.mt-30px {margin-top:30px;}
.mt-35px {margin-top:35px;}
.mt-40px {margin-top:40px;}
.mt-45px {margin-top:45px;}
.mt-50px {margin-top:50px;}
.mt-55px {margin-top:55px;}
.mt-60px {margin-top:60px;}
.mt-65px {margin-top:65px;}
.mt-70px {margin-top:70px;}
.mt-75px {margin-top:75px;}
.mt-80px {margin-top:80px;}
.mt-85px {margin-top:85px;}
.mt-90px {margin-top:90px;}
.mt-95px {margin-top:95px;}
.mt-100px {margin-top:100px;}
.mt-110px {margin-top:110px;}
.mt-120px {margin-top:120px;}
.mt-130px {margin-top:130px;}
.mt-140px {margin-top:140px;}
.mt-150px {margin-top:150px}
.mt-180px {margin-top:180px}
/*#endregion */
/*#region Margin Top (%) */
.mt-10pct {margin-top:10%;}
.mt-15pct {margin-top:15%;}
.mt-20pct {margin-top:20%;}
.mt-25pct {margin-top:25%;}
.mt-30pct {margin-top:30%;}
.mt-35pct {margin-top:35%;}
.mt-40pct {margin-top:40%;}
.mt-45pct {margin-top:45%;}
.mt-50pct {margin-top:50%;}
.mt-55pct {margin-top:55%;}
.mt-60pct {margin-top:60%;}
.mt-65pct {margin-top:65%;}
.mt-70pct {margin-top:70%;}
.mt-75pct {margin-top:75%;}
.mt-80pct {margin-top:80%;}
.mt-85pct {margin-top:85%;}
.mt-90pct {margin-top:90%;}
.mt-95pct {margin-top:95%;}
.mt-100pct {margin-top:100%;}
/*#endregion */
/*#region Margin Left (px) */
.ml-0 {margin-left:0;}
.ml-10px {margin-left:5px;}
.ml-10px {margin-left:10px;}
.ml-15px {margin-left:15px;}
.ml-20px {margin-left:20px;}
.ml-25px {margin-left:25px;}
.ml-30px {margin-left:30px;}
.ml-35px {margin-left:35px;}
.ml-40px {margin-left:40px;}
.ml-45px {margin-left:45px;}
.ml-50px {margin-left:50px;}
.ml-55px {margin-left:55px;}
.ml-60px {margin-left:60px;}
.ml-65px {margin-left:65px;}
.ml-70px {margin-left:70px;}
.ml-75px {margin-left:75px;}
.ml-80px {margin-left:80px;}
.ml-85px {margin-left:85px;}
.ml-90px {margin-left:90px;}
.ml-95px {margin-left:95px;}
.ml-100px {margin-left:100px;}
/*#endregion */
/*#region Margin Left (%) */
.ml-10pct {margin-left:10%;}
.ml-15pct {margin-left:15%;}
.ml-20pct {margin-left:20%;}
.ml-25pct {margin-left:25%;}
.ml-30pct {margin-left:30%;}
.ml-35pct {margin-left:35%;}
.ml-40pct {margin-left:40%;}
.ml-45pct {margin-left:45%;}
.ml-50pct {margin-left:50%;}
.ml-55pct {margin-left:55%;}
.ml-60pct {margin-left:60%;}
.ml-65pct {margin-left:65%;}
.ml-70pct {margin-left:70%;}
.ml-75pct {margin-left:75%;}
.ml-80pct {margin-left:80%;}
.ml-85pct {margin-left:85%;}
.ml-90pct {margin-left:90%;}
.ml-95pct {margin-left:95%;}
.ml-100pct {margin-left:100%;}
/*#endregion */
/*#region Margin Bottom (px) */
.mb-0 {margin-bottom:0 !important;}
.mb-10px {margin-bottom:10px;}
.mb-15px {margin-bottom:15px;}
.mb-20px {margin-bottom:20px;}
.mb-25px {margin-bottom:25px;}
.mb-30px {margin-bottom:30px;}
.mb-35px {margin-bottom:35px;}
.mb-40px {margin-bottom:40px;}
.mb-45px {margin-bottom:45px;}
.mb-50px {margin-bottom:50px;}
.mb-55px {margin-bottom:55px;}
.mb-60px {margin-bottom:60px;}
.mb-65px {margin-bottom:65px;}
.mb-70px {margin-bottom:70px;}
.mb-75px {margin-bottom:75px;}
.mb-80px {margin-bottom:80px;}
.mb-85px {margin-bottom:85px;}
.mb-90px {margin-bottom:90px;}
.mb-95px {margin-bottom:95px;}
.mb-100px {margin-bottom:100px;}
.mb-125px {margin-bottom:125px;}
.mb-150px {margin-bottom:150px}
.mb-200px {margin-bottom:200px}
/*#endregion */
/*#region Margin Bottom (%) */
.mb-10pct {margin-bottom:10%;}
.mb-15pct {margin-bottom:15%;}
.mb-20pct {margin-bottom:20%;}
.mb-25pct {margin-bottom:25%;}
.mb-30pct {margin-bottom:30%;}
.mb-35pct {margin-bottom:35%;}
.mb-40pct {margin-bottom:40%;}
.mb-45pct {margin-bottom:45%;}
.mb-50pct {margin-bottom:50%;}
.mb-55pct {margin-bottom:55%;}
.mb-60pct {margin-bottom:60%;}
.mb-65pct {margin-bottom:65%;}
.mb-70pct {margin-bottom:70%;}
.mb-75pct {margin-bottom:75%;}
.mb-80pct {margin-bottom:80%;}
.mb-85pct {margin-bottom:85%;}
.mb-90pct {margin-bottom:90%;}
.mb-95pct {margin-bottom:95%;}
.mb-100pct {margin-bottom:100%;}
/*#endregion */
/*#region width (px)*/
.w10px {width:10px}
.w20px {width:20px}
.w25px {width:25px}
.w30px {width:30px}
.w40px {width:40px}
.w50px {width:50px}
.w55px {width:55px}
.w60px {width:60px}
.w70px {width:70px}
.w80px {width:80px}
.w90px {width:90px}
.w100px {width:100px}
.w110px {width:110px}
.w115px {width:115px}
.w120px {width:120px}
.w130px {width:130px}
.w140px {width:140px}
.w145px {width:145px}
.w150px {width:150px}
.w160px {width:160px}
.w170px {width:170px}
.w180px {width:180px}
.w190px {width:190px}
.w200px {width:200px}
.w210px {width:210px}
.w220px {width:220px}
.w230px {width:230px}
.w240px {width:240px}
.w250px {width:250px}
.w260px {width:260px}
.w270px {width:270px}
.w280px {width:280px}
.w290px {width:290px}
.w300px {width:300px}
.w310px {width:310px}
.w320px {width:320px}
.w330px {width:330px}
.w340px {width:340px}
.w350px {width:350px}
.w360px {width:360px}
.w370px {width:370px}
.w380px {width:380px}
.w390px {width:390px}
.w400px {width:400px}
.w460px {width:460px}
/*#endregion*/
/*#region height (px)*/
.h10px {height:10px}
.h20px {height:20px}
.h25px {height:25px}
.h30px {height:30px}
.h40px {height:40px}
.h50px {height:50px}
.h55px {height:55px}
.h60px {height:60px}
.h70px {height:70px}
.h80px {height:80px}
.h90px {height:90px}
.h100px {height:100px}
.h110px {height:110px}
.h115px {height:115px}
.h120px {height:120px}
.h130px {height:130px}
.h140px {height:140px}
.h150px {height:150px}
.h160px {height:160px}
.h170px {height:170px}
.h180px {height:180px}
.h190px {height:190px}
.h200px {height:200px}
.h210px {height:210px}
.h220px {height:220px}
.h230px {height:230px}
.h240px {height:240px}
.h250px {height:250px}
.h260px {height:260px}
.h270px {height:270px}
.h280px {height:280px}
.h290px {height:290px}
.h300px {height:300px}
.h310px {height:310px}
.h320px {height:320px}
.h330px {height:330px}
.h340px {height:340px}
.h350px {height:350px}
.h360px {height:360px}
.h370px {height:370px}
.h380px {height:380px}
.h390px {height:390px}
.h400px {height:400px}
/*#endregion*/
/*#region Min Width (%) */
.minWidth10pct {min-width:10%}
.minWidth20pct {min-width:20%}
.minWidth30pct {min-width:30%}
.minWidth40pct {min-width:40%}
.minWidth50pct {min-width:50%}
.minWidth60pct {min-width:60%}
.minWidth70pct {min-width:70%}
.minWidth80pct {min-width:80%}
.minWidth90pct {min-width:90%}
.minWidth100pct {min-width:100%}
/*#endregion */
/*#region Min Width (px) */
.minWidth100px {min-width:100px}
.minWidth125px {min-width:125px}
.minWidth150px {min-width:150px}
.minWidth175px {min-width:175px}
.minWidth200px {min-width:200px}
.minWidth225px {min-width:225px}
.minWidth250px {min-width:250px}
.minWidth300px {min-width:300px}
/*#endregion */
/*#region Max Width (%) */
.maxWidth10pct {max-width:10%}
.maxWidth20pct {max-width:20%}
.maxWidth30pct {max-width:30%}
.maxWidth40pct {max-width:40%}
.maxWidth50pct {max-width:50%}
.maxWidth60pct {max-width:60%}
.maxWidth70pct {max-width:70%}
.maxWidth80pct {max-width:80%}
.maxWidth90pct {max-width:90%}
.maxWidth100pct {max-width:100%}
/*#endregion */
/*#region Max Width (px) */
.maxWidth10px {max-width:10px}
.maxWidth20px {max-width:20px}
.maxWidth25px {max-width:25px}
.maxWidth30px {max-width:30px}
.maxWidth35px {max-width:35px}
.maxWidth40px {max-width:40px}
.maxWidth50px {max-width:50px}
.maxWidth60px {max-width:60px}
.maxWidth70px {max-width:70px}
.maxWidth80px {max-width:80px}
.maxWidth90px {max-width:90px}
.maxWidth100px {max-width:100px}
.maxWidth110px {max-width:110px}
.maxWidth115px {max-width:115px}
.maxWidth120px {max-width:120px}
.maxWidth130px {max-width:130px}
.maxWidth140px {max-width:140px}
.maxWidth150px {max-width:150px}
.maxWidth160px {max-width:160px}
.maxWidth170px {max-width:170px}
.maxWidth180px {max-width:180px}
.maxWidth190px {max-width:190px}
.maxWidth200px {max-width:200px}
.maxWidth210px {max-width:210px}
.maxWidth220px {max-width:220px}
.maxWidth230px {max-width:230px}
.maxWidth240px {max-width:240px}
.maxWidth250px {max-width:250px}
.maxWidth260px {max-width:260px}
.maxWidth270px {max-width:270px}
.maxWidth275px {max-width:275px}
.maxWidth280px {max-width:280px}
.maxWidth290px {max-width:290px}
.maxWidth300px {max-width:300px}
.maxWidth310px {max-width:310px}
.maxWidth320px {max-width:320px}
.maxWidth325px {max-width:325px;}
.maxWidth330px {max-width:330px}
.maxWidth340px {max-width:340px}
.maxWidth350px {max-width:350px}
.maxWidth360px {max-width:360px}
.maxWidth370px {max-width:370px}
.maxWidth380px {max-width:380px}
.maxWidth390px {max-width:390px}
.maxWidth400px {max-width:400px}
.maxWidth430px {max-width:430px}
.maxWidth500px {max-width:500px}
.maxWidth530px {max-width:530px}
.maxWidth540px {max-width:540px}
.maxWidth675px {max-width:675px}
.maxWidth800px{max-width:800px}
/*#endregion */
/*#region Min Height (px) */ 
.minHeight45px {min-height:45px}
.minHeight50px {min-height:50px}
.minHeight60px {min-height:60px}
.minHeight70px {min-height:70px}
.minHeight80px {min-height:80px}
.minHeight90px {min-height:90px}
.minHeight100px {min-height:100px}
.minHeight110px {min-height:110px}
.minHeight120px {min-height:120px}
.minHeight130px {min-height:130px}
.minHeight140px {min-height:140px}
.minHeight150px {min-height:150px}
.minHeight175px {min-height:175px}
.minHeight200px {min-height:200px}
.minHeight210px {min-height:210px}
.minHeight220px {min-height:220px}
.minHeight230px {min-height:230px}
.minHeight250px {min-height:250px}
.minHeight260px {min-height:260px}
.minHeight270px {min-height:270px}
.minHeight280px {min-height:280px}
.minHeight290px {min-height:290px}
.minHeight300px {min-height:300px}
.minHeight310px {min-height:310px}
.minHeight330px {min-height:330px}
.minHeight350px {min-height:350px}
.minHeight390px {min-height:390px}
.minHeight400px {min-height:400px}
.minHeight450px {min-height:450px}
.minHeight500px {min-height:500px}
.minHeight550px {min-height:550px}
.minHeight600px {min-height:600px}
.minHeight650px {min-height:650px}
.minHeight700px {min-height:700px}
/*#endregion */
/*#region Max Height (px) */ 
.maxHeight100px {max-height:100px}
.maxHeight150px {max-height:150px}
.maxHeight200px {max-height:200px}
.maxHeight250px {max-height:250px}
.maxHeight260px {max-height:260px}
.maxHeight300px {max-height:300px}
.maxHeight350px {max-height:350px}
.maxHeight400px {max-height:400px}
.maxHeight450px {max-height:450px}
.maxHeight500px {max-height:500px}
.maxHeight550px {max-height:550px}
.maxHeight600px {max-height:600px}
.maxHeight650px {max-height:650px}
.maxHeight700px {max-height:700px}
/*#endregion */
/*#region Padding Right (px) */
.pr-0 {padding-right:0px;} 
.pr-2px {padding-right:2px;} 
.pr-10px {padding-right:10px;} 
.pr-12px {padding-right:12px;} 
.pr-15px {padding-right:15px;} 
.pr-20px {padding-right:20px;} 
.pr-25px {padding-right:25px;} 
.pr-30px {padding-right:30px;}
.pr-35px {padding-right:35px;}
.pr-40px {padding-right:40px;} 
.pr-45px {padding-right:45px;} 
.pr-50px {padding-right:50px;} 
.pr-55px {padding-right:55px;} 
.pr-60px {padding-right:60px;} 
.pr-65px {padding-right:65px;} 
.pr-70px {padding-right:70px;} 
.pr-75px {padding-right:75px;} 
.pr-80px {padding-right:80px;} 
.pr-85px {padding-right:85px;} 
.pr-90px {padding-right:90px;}
.pr-95px {padding-right:95px;}
.pr-100px {padding-right:100px;}
.pr-110px {padding-right:110px;}
.pr-120px {padding-right:120px;}
/*#endregion */
/*#region Padding Right (%) */
.pr-10pct {padding-right:10%;} 
.pr-15pct {padding-right:15%;} 
.pr-20pct {padding-right:20%;} 
.pr-25pct {padding-right:25%;} 
.pr-30pct {padding-right:30%;}
.pr-35pct {padding-right:35%;}
.pr-40pct {padding-right:40%;} 
.pr-45pct {padding-right:45%;} 
.pr-50pct {padding-right:50%;} 
.pr-55pct {padding-right:55%;} 
.pr-60pct {padding-right:60%;} 
.pr-65pct {padding-right:65%;} 
.pr-70pct {padding-right:70%;} 
.pr-75pct {padding-right:75%;} 
.pr-80pct {padding-right:80%;} 
.pr-85pct {padding-right:85%;} 
.pr-90pct {padding-right:90%;}
.pr-95pct {padding-right:95%;}
.pr-100pct {padding-right:100%;}
/*#endregion */
/*#region Padding Left (px) */
.pl-0 {padding-left:0px;}
.pl-10px {padding-left:10px;} 
.pl-12px {padding-left:12px;} 
.pl-15px {padding-left:15px;} 
.pl-20px {padding-left:20px;} 
.pl-25px {padding-left:25px;} 
.pl-30px {padding-left:30px;}
.pl-35px {padding-left:35px;}
.pl-40px {padding-left:40px;} 
.pl-45px {padding-left:45px;} 
.pl-50px {padding-left:50px;} 
.pl-55px {padding-left:55px;} 
.pl-60px {padding-left:60px;} 
.pl-65px {padding-left:65px;} 
.pl-70px {padding-left:70px;} 
.pl-75px {padding-left:75px;} 
.pl-80px {padding-left:80px;} 
.pl-85px {padding-left:85px;} 
.pl-90px {padding-left:90px;}
.pl-95px {padding-left:95px;}
.pl-100px {padding-left:100px;}
/*#endregion */
/*#region Padding Left (%) */
.pl-10pct {padding-left:10%;} 
.pl-15pct {padding-left:15%;} 
.pl-20pct {padding-left:20%;} 
.pl-25pct {padding-left:25%;} 
.pl-30pct {padding-left:30%;}
.pl-35pct {padding-left:35%;}
.pl-40pct {padding-left:40%;} 
.pl-45pct {padding-left:45%;} 
.pl-50pct {padding-left:50%;} 
.pl-55pct {padding-left:55%;} 
.pl-60pct {padding-left:60%;} 
.pl-65pct {padding-left:65%;} 
.pl-70pct {padding-left:70%;} 
.pl-75pct {padding-left:75%;} 
.pl-80pct {padding-left:80%;} 
.pl-85pct {padding-left:85%;} 
.pl-90pct {padding-left:90%;}
.pl-95pct {padding-left:95%;}
.pl-100pct {padding-left:100%;}
/*#endregion */
/*#region Padding Top (px) */
.pt-0 {padding-top:0px;} 
.pt-10px {padding-top:10px;} 
.pt-15px {padding-top:15px;} 
.pt-20px {padding-top:20px;} 
.pt-25px {padding-top:25px;} 
.pt-30px {padding-top:30px;}
.pt-35px {padding-top:35px;}
.pt-40px {padding-top:40px;} 
.pt-45px {padding-top:45px;} 
.pt-50px {padding-top:50px;} 
.pt-55px {padding-top:55px;} 
.pt-60px {padding-top:60px;} 
.pt-65px {padding-top:65px;} 
.pt-70px {padding-top:70px;} 
.pt-75px {padding-top:75px;} 
.pt-80px {padding-top:80px;} 
.pt-85px {padding-top:85px;} 
.pt-90px {padding-top:90px;}
.pt-95px {padding-top:95px;}
.pt-100px {padding-top:100px;}
.pt-150px {padding-top:150px}
/*#endregion */
/*#region Padding Top (%) */
.pt-10pct {padding-top:10%;} 
.pt-15pct {padding-top:15%;} 
.pt-20pct {padding-top:20%;} 
.pt-25pct {padding-top:25%;} 
.pt-30pct {padding-top:30%;}
.pt-35pct {padding-top:35%;}
.pt-40pct {padding-top:40%;} 
.pt-45pct {padding-top:45%;} 
.pt-50pct {padding-top:50%;} 
.pt-55pct {padding-top:55%;} 
.pt-60pct {padding-top:60%;} 
.pt-65pct {padding-top:65%;} 
.pt-70pct {padding-top:70%;} 
.pt-75pct {padding-top:75%;} 
.pt-80pct {padding-top:80%;} 
.pt-85pct {padding-top:85%;} 
.pt-90pct {padding-top:90%;}
.pt-95pct {padding-top:95%;}
.pt-100pct {padding-top:100%;}
/*#endregion */
/*#region Padding Bottom (px) */
.pb-0 {padding-bottom:0px;} 
.pb-10px {padding-bottom:10px;} 
.pb-15px {padding-bottom:15px;} 
.pb-20px {padding-bottom:20px;} 
.pb-25px {padding-bottom:25px;} 
.pb-30px {padding-bottom:30px;}
.pb-35px {padding-bottom:35px;}
.pb-40px {padding-bottom:40px;} 
.pb-45px {padding-bottom:45px;} 
.pb-50px {padding-bottom:50px;} 
.pb-55px {padding-bottom:55px;} 
.pb-60px {padding-bottom:60px;} 
.pb-65px {padding-bottom:65px;} 
.pb-70px {padding-bottom:70px;} 
.pb-75px {padding-bottom:75px;} 
.pb-80px {padding-bottom:80px;} 
.pb-85px {padding-bottom:85px;} 
.pb-90px {padding-bottom:90px;}
.pb-95px {padding-bottom:95px;}
.pb-100px {padding-bottom:100px}
.pb-110px {padding-bottom:110px}
.pb-120px {padding-bottom:120px}
.pb-130px {padding-bottom:130px}
.pb-140px {padding-bottom:140px}
.pb-150px {padding-bottom:150px}
.pb-225px {padding-bottom:225px}
/*#endregion */
/*#region Padding Bottom (%) */
.pb-10pct {padding-bottom:10%;} 
.pb-15pct {padding-bottom:15%;} 
.pb-20pct {padding-bottom:20%;} 
.pb-25pct {padding-bottom:25%;} 
.pb-30pct {padding-bottom:30%;}
.pb-35pct {padding-bottom:35%;}
.pb-40pct {padding-bottom:40%;} 
.pb-45pct {padding-bottom:45%;} 
.pb-50pct {padding-bottom:50%;} 
.pb-55pct {padding-bottom:55%;} 
.pb-60pct {padding-bottom:60%;}
.pb-65pct {padding-bottom:65%;} 
.pb-70pct {padding-bottom:70%;} 
.pb-75pct {padding-bottom:75%;} 
.pb-80pct {padding-bottom:80%;} 
.pb-85pct {padding-bottom:85%;} 
.pb-90pct {padding-bottom:90%;}
.pb-95pct {padding-bottom:95%;}
.pb-100pct {padding-bottom:100%;}
/*#endregion */
/*#region Vertical Align */
.verticalShift10 {top:10%; transform: translateY(-10%); -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -o-transform: translateY(-10%); -ms-transform: translateY(-10%);}
.verticalShift20 {top:20%; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%);}
.verticalShift30 {top:30%; transform: translateY(-30%); -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%);}
.verticalShift40 {top:40%; transform: translateY(-40%); -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -o-transform: translateY(-40%); -ms-transform: translateY(-40%);}
.verticalShift50 {top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.verticalShift60 {top:60%; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -o-transform: translateY(-60%); -ms-transform: translateY(-60%);}
.verticalShift70 {top:70%; transform: translateY(-70%); -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -o-transform: translateY(-70%); -ms-transform: translateY(-70%);}
.verticalShift80 {top:80%; transform: translateY(-80%); -webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -o-transform: translateY(-80%); -ms-transform: translateY(-80%);}
.verticalShift90 {top:90%; transform: translateY(-90%); -webkit-transform: translateY(-90%); -moz-transform: translateY(-90%); -o-transform: translateY(-90%); -ms-transform: translateY(-90%);}
.verticalShift100{top:100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%);}
/*#endregion */
/*#region Horizontal Align */
.horizontalShift-25 {left:-25px;}
.horizontalShift10 {left:10%; transform: translateX(-10%); -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -o-transform: translateX(-10%); -ms-transform: translateX(-10%);}
.horizontalShift20 {left:20%; transform: translateX(-20%); -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -o-transform: translateX(-20%); -ms-transform: translateX(-20%);}
.horizontalShift30 {left:30%; transform: translateX(-30%); -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -o-transform: translateX(-30%); -ms-transform: translateX(-30%);}
.horizontalShift40 {left:40%; transform: translateX(-40%); -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -o-transform: translateX(-40%); -ms-transform: translateX(-40%);}
.horizontalShift50 {left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.horizontalShift60 {left:60%; transform: translateX(-60%); -webkit-transform: translateX(-60%); -moz-transform: translateX(-60%); -o-transform: translateX(-60%); -ms-transform: translateX(-60%);}
.horizontalShift70 {left:70%; transform: translateX(-70%); -webkit-transform: translateX(-70%); -moz-transform: translateX(-70%); -o-transform: translateX(-70%); -ms-transform: translateX(-70%);}
.horizontalShift80 {left:80%; transform: translateX(-80%); -webkit-transform: translateX(-80%); -moz-transform: translateX(-80%); -o-transform: translateX(-80%); -ms-transform: translateX(-80%);}
.horizontalShift90 {left:90%; transform: translateX(-90%); -webkit-transform: translateX(-90%); -moz-transform: translateX(-90%); -o-transform: translateX(-90%); -ms-transform: translateX(-90%);}
.horizontalShift100{left:100%; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%);}
/*#endregion */
/*#region Center and Vertical Align*/
.centerHorz10Vert {top:10%; left:50%; transform: translate(-50%, -10%); -webkit-transform: translate(-50%, -10%); -moz-transform: translate(-50%, -10%); -o-transform: translate(-50%, -10%); -ms-transform: translate(-50%, -10%);}
.centerHorz20Vert {top:20%; left:50%; transform: translate(-50%, -20%); -webkit-transform: translate(-50%, -20%); -moz-transform: translate(-50%, -20%); -o-transform: translate(-50%, -20%); -ms-transform: translate(-50%, -20%);}
.centerHorz30Vert {top:30%; left:50%; transform: translate(-50%, -30%); -webkit-transform: translate(-50%, -30%); -moz-transform: translate(-50%, -30%); -o-transform: translate(-50%, -30%); -ms-transform: translate(-50%, -30%);}
.centerHorz40Vert {top:40%; left:50%; transform: translate(-50%, -40%); -webkit-transform: translate(-50%, -40%); -moz-transform: translate(-50%, -40%); -o-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%);}
.centerHorz50Vert {top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.centerHorz60Vert {top:60%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.centerHorz70Vert {top:70%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.centerHorz80Vert {top:80%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.centerHorz90Vert {top:90%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
/*#endregion */
/*#region Vertical Center + Horizontal Shift*/
.centerVert10Horz {top:50%; left:10%; transform: translate(-10%, -50%); -webkit-transform: translate(-10%, -50%); -moz-transform: translate(-10%, -50%); -o-transform: translate(-10%, -50%); -ms-transform: translate(-10%, -50%);}
.centerVert20Horz {top:50%; left:20%; transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); -moz-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%);}
.centerVert30Horz {top:50%; left:30%; transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); -moz-transform: translate(-30%, -50%); -o-transform: translate(-30%, -50%); -ms-transform: translate(-30%, -50%);}
.centerVert40Horz {top:50%; left:40%; transform: translate(-40%, -50%); -webkit-transform: translate(-40%, -50%); -moz-transform: translate(-40%, -50%); -o-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%);}
.centerVert50Horz {top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
/*#endregion */
/*#region Right */
.r0 {right:0;}
.r5 {right:5%;}
.r10{right:10%;}
.r15{right:15%;}
.r20{right:20%;}
.r25{right:25%;}
.r30{right:30%;}
.r35{right:35%;}
.r40{right:40%;}
.r45{right:45%;}
.r50{right:50%;}
/*#endregion */
/*#region left */
.l0 {left:0;}
.l5 {left:5%;}
.l10{left:10%;}
.l15{left:15%;}
.l20{left:20%;}
.l25{left:25%;}
.l30{left:30%;}
.l35{left:35%;}
.l40{left:40%;}
.l45{left:45%;}
.l50{left:50%;}
/*#endregion */
/*#region top */
.t0 {top:0;}
.t20px {top:20px;}
.t5 {top:5%;}
.t10{top:10%;}
.t15{top:15%;}
.t20{top:20%;}
.t25{top:25%;}
.t30{top:30%;}
.t35{top:35%;}
.t40{top:40%;}
.t45{top:45%;}
.t50{top:50%;}
/*#endregion */
/*#region Print Hide/Show */
.printOnly{display:none;}
/*#endregion */
/*#region Position */
.positionAbsolute{position:absolute;}
.positionRelative{position: relative;}
.positionInitial {position: initial;}
.positionSticky{position: sticky;}
.positionStatic{position: static;}
.positionFixed{position: fixed;}
.positionUnset{position:unset;}
/*#endregion */
/*#region Custom P tag*/
.pTag18px {font-size:18px}
.pTag21px {font-size:21px}
.pTag32px {font-size:32px}
/*#endregion*/
/*#region line-height tag*/
.lineHeight1em {line-height:1em;}
.lineHeight25px {line-height:25px;}
.lineHeight40px {line-height:40px;}
.lineHeight50px {line-height:50px;}
.lineHeight60px {line-height:60px;}
.lineHeight70px {line-height:70px;}
.lineHeight80px {line-height:80px;}
/*#endregion*/

.white {color: #FFFFFF;}
.whiteBG {background-color: #FFFFFF;}
.darkOrange {color: #E23432;}
.darkOrangeBG {background-color: #E23432;}
.orange {color: #FF3D00;}
.orangeBG {background-color: #FF3D00;}
.blue {color: #0C1C4A;}
.blueBG {background-color: #0C1C4A;}
.black {color: #000000}
.blackBG {background-color: #000000}

#header {max-height: 723px;    background-size: cover;    background-repeat: no-repeat;}
.signupSection {height: 100%; width: 463px; background-color: rgba(217, 217, 217, 0.2); border-radius: 25px; min-height: 572px; float: right; padding:48px}
.textInput {background-color: #FFFFFF; color: #484747; border-radius: 6px; height:47px; width: 100%; padding: 15px 12px;font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:14px; line-height: 16px; font-weight: 400; border:none;}
.textInput option, #signUpOption {font-style: italic;}
.inputCheckbox {display: inline-block; vertical-align: top;}
.checkboxContainer {display: inline-block; max-width: 90%;font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:12px; line-height: 18px; font-weight: 400; color: #FFFFFF; margin-left: 35px;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkboxContainer input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #FFFFFF; border-radius: 6px; }
.checkboxContainer:hover input ~ .checkmark { background-color: #FFFFFF; }
.checkboxContainer input:checked ~ .checkmark { background-color: #FF3D00; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkboxContainer input:checked ~ .checkmark:after { display: block; }
.checkboxContainer .checkmark:after { left: 10px; top: 7px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.orangeButton {background-color: #FF3D00; border-radius: 10px;text-align: center; padding: 15px 25px; font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:14px; line-height: 16px; font-weight: 700; color: #FFFFFF;border:none;}
.tableHeader2 {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:18px; line-height: 21px; font-weight: 600; color: #FFFFFF; margin-bottom: 18px; margin-top: 12px; cursor: pointer;}
.tableHeader2.active {font-size: 24px; line-height: 28px;font-weight: 700; color:#E23432; margin-bottom: 23px;margin-top: 0px;}
.whiteLine {height: 7px; border-radius: 5px; background-color: #FFFFFF; width: 100%; display: inline-block;}
.whiteLine.active {height: 14px; background-color: #FF3D00;}
.tableImage {max-width: 945px; float:right}
.contentOverlay {background-color: rgba(5, 8, 16, 0.8);border-radius: 25px; width: 463px; padding: 40px 40px 50px 45px; position: absolute; top:17px}
.contentOverlay2 {top: 77px}
.contentOverlay3 {top: 67px}
.reference {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:12px; line-height: 18px; font-weight: 400; color: #FFFFFF;}
.overlayTitle {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:36px; line-height: 42px; font-weight: 300; color: #FFFFFF;}
.overlaySubTitle  {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:24px; line-height: 30px; font-weight: 300; color: #FFFFFF;}
.overlayTitle .callout {color: #E23432; font-weight: 400;}
.scdaaLogo {max-width: 69px;}
.formabridgeLogo {max-width: 119px;}
.logoDivider { margin-left: 20px; margin-right: 20px; vertical-align: top; display: inline-block; width: 1px; background-color: #FFFFFF; margin-top: 10px; height:50px}
.legalLink {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:12px; line-height: 18px; font-weight: 400; color: #FFFFFF; padding-right: 10px; padding-left: 10px; text-decoration: underline;}
.legalText {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size:12px; line-height: 18px; font-weight: 400; color: #FFFFFF; padding-right: 10px; padding-left: 10px;}
.signUpCheckmark {max-width: 66px;}
.modal {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);left: 50%;max-width: 950px;top: 50%; border-radius: 34px; height: 730px;}
#videoModal p {font-size: 20px; line-height: 24px; font-family: 'Roboto', 'Helvetica Neue', sans-serif; color: #FFFFFF; font-weight: 700; text-align: left; padding-left: 70px;}
.modal a.close-modal {display: none;}
.modalButton { margin-right: 15px;margin-left: 15px;}
.modalFooter {position: absolute; bottom: 40px;width: calc(100% - 60px)}
.playButton {max-width: 117px;}

.video-container {
    height: 723px;
    width: calc(100vw - 17px);
    position: relative;
    padding-bottom: 56.25%;
}

.video-container video, .video-container .canvas {
  width: 100%;
  height: 723px;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}


.cookie-banner {position: fixed;bottom: 0px;width: 100%;background-color: #626262;padding-top: 50px; padding-bottom: 20px;z-index:3;}
.close, .close:hover {height: 36px;cursor: pointer;opacity: 1;position: absolute;top:20px;right:20px;}
  
.cookie-banner p, .cookieLink {font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 23px; font-weight: 500; color: #FFFFFF}
.cookieLink {text-decoration: underline;}

#externalLinkModal { background-color: #0C1C4A;padding: 50px;max-height: 260px;}
#externalLinkModal p {margin-bottom: 50px;}