@charset "utf-8";

/*-------
// general
//-----*/
html, body { background: #f2f2f2;  padding:0;  margin:0;  color:#4a4a4a; font-size: 14px; font-family: "Lato-Regular", Arial, Helvetica, sans-serif; font-weight: 400; }
html {  box-sizing: border-box; }
::-webkit-scrollbar{ display:none; }

*, *:before, *:after { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; }

/*-------
// Globals
//-----*/
h1, h2, h3, h4, h5, h6, p,ul { margin:0; list-style: none; padding: 0;}
a{ color:#0084ff; text-decoration:none; cursor: pointer;}
a:hover, a:focus { text-decoration:none; outline:none;  }
.hide { display: none; }
.show { display: block; }
img{ max-width: 100%;}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.container:before {
    display: none;
}

@media screen and (max-width: 480px) {
    .container {
        padding: 0 20px;
    }
}


.lineThrough{ text-decoration: line-through;}
.capText{ text-transform: uppercase;}
.capitalizeText{ text-transform: capitalize; }
.opacity50{ opacity: 0.5;}
.alignBottom{ vertical-align: bottom;}
.underline{ text-decoration: underline;}
.pointer{ cursor: pointer;}
.truncate{ width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vrtTop{ vertical-align: top; }

/* -- Font Colors -- */
.blackText{ color: #000000;}
.darkGreyText{color:#4a4a4a;}
.greyText{ color: #9b9b9b;}
.whiteText{ color: #ffffff;}
.redText{ color: #eb2026;}
.linkText{ color: #008cff; }
.darkGreenText{ color: #249995; }
.blueText{color: #00a9ff;}
/* .blueText{ color: #0084ff;} */
.liteBlueText{ color: #a9d4f6;}
.greenText{ color: #1a7971;}
.orangeText{ color: #cf8100;}
.yellowText{ color: #f5a623;}
.darkOrangeText{ color: #f27239;}
.pinkText{ color: #db6281;}

/* -- In case you need to add a size -- */
.font9{ font-size:9px; line-height:9px;}
.font10{ font-size:10px; line-height:10px;}
.font11{ font-size:11px; line-height:11px;}
.font12{ font-size:12px; line-height:12px;}
.font13{ font-size:13px; line-height:13px;}
.font14{ font-size:14px; line-height:14px;}
.font15{ font-size:15px; line-height:15px;}
.font16{ font-size:16px; line-height:16px;}
.font18{ font-size:18px; line-height:18px;}
.font20{ font-size:20px; line-height:20px;}
.font22{ font-size:22px; line-height:22px;}
.font24{ font-size:24px; line-height:24px;}
.font26{ font-size:26px; line-height:26px;}
.font32{ font-size:32px; line-height:32px;}
.font36{ font-size:36px; line-height:36px;}

/* -- In case you need to add a Font Family -- */
.latoLight{font-weight: 300}
.latoRegular{font-weight: 400}
.latoBold{font-weight: 700}
.latoBlack{font-weight: 900}
.latoIlalic{font-style: italic;}

/* -- In case you need to add LineHight -- */
.lineHeight14{line-height: 14px !important;}
.lineHeight16{line-height: 16px !important;}
.lineHeight18{line-height: 18px !important;}
.lineHeight20{line-height: 20px !important;}
.lineHeight22{line-height: 22px !important;}
.lineHeight24{line-height: 24px !important;}
.lineHeight25{line-height: 25px !important;}
.lineHeight30{line-height: 30px !important;}

/* -- In case you need to add a gradient -- */
.orangeGrad{ background-image: linear-gradient(247deg, #ff3e5e, #ff6d3f); }

/*-- Background Colors --*/
.whiteBg{ background: #ffffff; }

/* -- In case you need to add an alignment -- */
.textLeft{ text-align:left;}
.textRight{ text-align:right;}
.textCenter{ text-align:center;}
.relative{ position: relative;}
.absolute{ position: absolute;}
.fixed{ position: fixed; }
.absolute.right{ right: 0; }
.absolute.top{ top: 0; }

/* -- In case you need to add a border radius -- */
.borderRadius2{ border-radius: 2px; }
.borderRadius4{ border-radius: 4px; overflow: hidden; }
.borderRadius12{ border-radius: 12px; overflow: hidden; }
.borderRadiusTopLR4{ border-top-left-radius: 4px; border-top-right-radius: 4px; }
.borderRadiusBotLR4{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.borderRadiusTL4{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.borderRadiusRB4{  border-top-right-radius:4px; border-bottom-right-radius:4px; }

/* -- In case you need to add a border -- */
.noBrdr{ border: 0px; }
.brdr1{ border: 1px solid #c8c8c8; }
.brdrBtm1{ border-bottom: 1px solid #c8c8c8; }
.brdrTop1{ border-top: 1px solid #c8c8c8; } 

/* -- In case you need to add a width -- */
.wdth40{ width: 40px; }
.wdth70{ width: 70px; }
.wdth80{ width: 80px; }
.wdth100{ width: 100px; }
.wdth120{ width: 120px; }
.wdth140{ width: 140px; }
.wdth150{ width: 150px; }
.wdth193{ width: 193px; }
.wdth200{ width: 200px;}
.wdth210{ width: 210px; }
.wdth225{ width: 225px; }
.wdth250{ width: 250px; }
.wdth300{ width: 300px; }
.wdth65perc{ width: 65%; }
.wdth100perc{ width: 100%; }

/* -- In case you need to add a height -- */
.height41{ height: 41px; }

/* -- In case you need to add a Flex -- */
.makeFlex{ display:flex;}
.makeFlex .flexOne{ flex:1;}
.makeFlex .flexTwo{ flex:2;}
.makeFlex.flexWrap{flex-wrap: wrap;}
.makeFlex.column{ flex-direction: column;}
.makeFlex.row{ flex-direction: row;}
.makeFlex.perfectCenter{align-items:center; justify-content: center;}
.makeFlex.hrtlCenter{align-items:center;}
.makeFlex.vrtlCenter{justify-content: center;}
.makeFlex.spaceBetween{ justify-content:space-between;}
.makeFlex.spaceAround{ justify-content:space-around;}
.makeFlex.end{ align-items: baseline;}
.makeFlex.top{ align-items:flex-start;}
.makeFlex.right{ justify-content: flex-end;}
.makeFlex.bottom{ align-items: flex-end;}
.makeFlex.left{ justify-content: flex-start;}
.makeFlex.inlineFlex{ display: inline-flex; }
.pushRight{ margin-left: auto;}
.pushLeft{ margin-right: auto;}
.noShrink{ flex-shrink: 0;}
.flexOne{ flex: 1;}
.bottomAlign{ align-items: flex-end !important;}
.topAlign{ align-items: flex-start !important;}
.align_center_left {align-items: center; justify-content: start;}

.inlineB{ display: inline-block; }

/* -- In case you need to add margin -- */

/*Top*/
.appendTop5{ margin-top: 5px;}
.appendTop10{ margin-top: 10px;}
.appendTop15{ margin-top: 15px;}
.appendTop18{ margin-top: 18px;}
.appendTop20{ margin-top: 20px;}
.appendTop25{ margin-top: 25px;}
.appendTop30{ margin-top: 30px;}
.appendTop40{ margin-top: 40px;}
.appendTop52{ margin-top: 52px;}
.appendTop120{ margin-top: 120px; }
.appendTop210{ margin-top: 210px; }

/*Right*/
.appendRight3{ margin-right: 3px;}
.appendRight5{ margin-right: 5px;}
.appendRight10{ margin-right: 10px;}
.appendRight12{ margin-right: 12px;}
.appendRight15{ margin-right: 15px;}
.appendRight17{ margin-right: 17px;}
.appendRight20{ margin-right: 20px;}
.appendRight26{ margin-right: 26px;}
.appendRight30{ margin-right: 30px;}
.appendRight80{ margin-right: 80px;}

/*Bottom*/
.appendBottom2{ margin-bottom:2px; }
.appendBottom3{ margin-bottom: 3px;}
.appendBottom5{ margin-bottom: 5px;}
.appendBottom6{ margin-bottom: 6px;}
.appendBottom7{ margin-bottom: 7px;}
.appendBottom8{ margin-bottom: 8px;}
.appendBottom9 {margin-bottom: 9px;}
.appendBottom10{ margin-bottom: 10px;}
.appendBottom15{ margin-bottom: 15px;}
.appendBottom20{ margin-bottom: 20px;}
.appendBottom25{ margin-bottom: 25px;}
.appendBottom30{ margin-bottom: 30px;}
.appendBottom35{ margin-bottom: 35px;}
.appendBottom40{ margin-bottom: 40px;}

/*Left*/
.appendLeft3{ margin-left: 3px;}
.appendLeft5{ margin-left: 5px;}
.appendLeft7{ margin-left: 7px;}
.appendLeft10{ margin-left: 10px;}
.appendLeft15{ margin-left: 15px;}
.appendLeft18{ margin-left: 18px;}
.appendLeft20{ margin-left: 20px;}
.appendLeft30{ margin-left: 30px;}

/* Top Right Bottom Left */
.append10{ margin: 10px; }

/* -- In case you need to add padding -- */
.padding5{ padding: 5px;}
.padding10{ padding: 10px;}
.padding15{ padding: 15px;}
.padding20{ padding: 20px;}
.paddingLR30{ padding-right: 30px; padding-left: 30px;}
.paddingLR20{ padding-right: 20px; padding-left: 20px;}
.paddingLR15{ padding-right: 15px; padding-left: 15px;}
.paddingLR10{ padding-right: 10px; padding-left: 10px;}
.paddingLR18 {padding-left: 18px; padding-right: 18px;}
.paddingTB10{ padding-top: 10px; padding-bottom: 10px;}
.paddingTB14{ padding-top: 14px; padding-bottom: 14px;}
.paddingTB15{ padding-top: 15px; padding-bottom: 15px;}
.paddingTB20{ padding-top: 20px; padding-bottom: 20px;}
.paddingTB25{ padding-top: 25px; padding-bottom: 25px;}
.paddingT11{ padding-top: 11px;}
.paddingT15{ padding-top: 15px;}
.paddingB10{ padding-bottom: 10px;}
.paddingB15{ padding-bottom: 15px;}
.paddingB20{ padding-bottom: 20px;}
.paddingB25{ padding-bottom: 25px;}
.paddingL15{ padding-left: 15px;}
.paddingL30{ padding-left: 30px;}

/*Top*/
.prependTop5{ padding-top: 5px;}
.prependTop16 {padding-top: 16px;}
.prependTop20{ padding-top: 20px;}

/*Right*/
.prependRight5{ padding-right: 5px;}

/*Bottom*/
.prependBottom5{ padding-bottom: 5px;}


.upArrow {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position: relative; top: 5px; left: 10px;}
.downArrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative; top: 2px; left: 10px;}

/*--- Buttons --*/
.primaryBtn {
    width: 110px;
    height: 34px;
    border-radius: 96px;
    background-color: #008cff;
    color: #fff;
    font-weight: 700;
    cursor: pointer; 
    outline: 0; 
    border: 0; 
    text-align: center;
    text-transform: uppercase;
    flex-shrink: 0;
    display: inline-block;
    padding: 9px;
}
.primaryBtnWhite{ border-radius: 34px;
    background-color: #ffffff;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
     display: inline-block; 
     flex-shrink: 0; 
     color: #008cff; 
     text-transform: uppercase; 
     font-size: 12px; 
     font-weight: 700; 
     padding: 9px 20px; 
     cursor: pointer; 
     outline: 0; 
     border: 0; 
     text-align: center;
     min-width: 90px;
}
.primaryBtn.fill{
    background-image: linear-gradient(93deg, #53b2fe, #065af3);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
}
.btnBlack{ background: rgba(0,0,0,0.8); }