/* main style */

@font-face {
  font-family: MuchoSans;
  src: url("../fonts/MuchoSans.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MuchoSans.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/MuchoSans.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/MuchoSans.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/MuchoSans.svg#svgMuchoSans") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: MuchoSansBold;
  src: url("../fonts/MuchoSansBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MuchoSansBold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/MuchoSansBold.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/MuchoSansBold.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/MuchoSansBold.svg#svgMuchoSansBold") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: MuchoSansLight;
  src: url("../fonts/MuchoSansLight.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MuchoSansLight.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../fonts/MuchoSansLight.woff") format("woff"),
    /* Modern Browsers */
    url("../fonts/MuchoSansLight.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../fonts/MuchoSansLight.svg#svgMuchoSansLight") format("svg");
  /* Legacy iOS */
}

.MuchoSansBold,b{font-family:'MuchoSansBold';}
.MuchoSansLight{font-family:'MuchoSansLight';}


button{
  padding: 0;margin:0;border:0;
  font-family: MuchoSans;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  outline: none !important;
}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}

.primary-color{color: #000;}
.secondary-color{color: #4d4d4d;}
.lightgrey-color{color: #b3b3b3;}
.clickable-color,.highlight-color{color: #ffbf00 !important;}
.white-color{color: #ffffff;}
.warning-color{color: #E31C79;}
.underline{text-decoration: underline;}

.font_normal{font-weight: 400;}
.font_medium{font-weight: 500;}
.font_semibold{font-weight: 600;}
.font_bold{font-weight: 700;}

.buffer_xxl{margin-bottom: 60px;}
.buffer_xl{margin-bottom: 40px;}
.buffer_lg{margin-bottom: 30px;}
.buffer_md{margin-bottom: 20px;}
.buffer_sm{margin-bottom: 15px;}
.buffer_xs{margin-bottom: 10px;}

.buffer__rt_xxl{margin-right: 50px;}
.buffer_rt_xl{margin-right: 40px;}
.buffer_rt_lg{margin-right: 30px;}
.buffer_rt_md{margin-right: 20px;}
.buffer_rt_sm{margin-right: 15px;}
.buffer_rt_xs{margin-right: 10px;}

/* All Font */
.text-12 {font-size: 1.2rem;line-height: 1.8rem}
.text-14 {font-size: 1.4rem;line-height: 2rem}
.text-16 {font-size: 1.6rem;line-height: 2.2rem}
.text-18 {font-size: 1.8rem;line-height: 2.4rem}
.text-20 {font-size: 2rem;line-height: 2.6rem}
.text-22 {font-size: 2.2rem;line-height: 2.8rem}
.text-24 {font-size: 2.4rem;line-height: 3rem}
.text-28 {font-size: 2.8rem;line-height: 3.4rem}
.text-30 {font-size: 3rem;line-height: 3.8rem}
.text-36 {font-size: 3.6rem;line-height: 4rem}
.text-40 {font-size: 4.0rem;line-height: 4.6rem}
.text-48 {font-size: 4.8rem;line-height: 5.2rem}

.text-60 {font-size: 6.0rem;line-height: 1.5}
.text-70 {font-size: 7.0rem;line-height: 7.5rem}

.text-center{text-align: center;}

.Barlow{font-family: Barlow;}

/* text */

.heading_1 {
  font-family: Montserrat;
  font-size: 4.8rem;
  font-weight: 500;
}

.heading_2 {
  font-family: Montserrat;
  font-size: 3.6rem;
  font-weight: 500;
}

.heading_3 {
  font-family: Montserrat;
  font-size: 2.8rem;
  font-weight: 500;
}

.subtitle_1{
  font-family: Montserrat;
  font-size: 24px;
}

.subtitle_2{
  font-family: Montserrat;
  font-size: 2.0rem;
}

.subtitle_3{
  font-family: Montserrat;
  font-size: 1.8rem;
}

.subtitle_4{
  font-size: 1.6rem;
  font-family: Montserrat;
}

/* buttons */
.normal-button{
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 45px;
  min-width: 160px;
  padding: 0 20px;
  border-radius: 0;
  background-color: #ffbf00;
  font-size: 1.8rem;
  color: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 500;
  font-family: MuchoSans;
}
.normal-button:hover{background-color: #ffbf00;color: #000;text-decoration: none;}
.normal-button:focus{background-color: #ffbf00;}
.normal-button:disabled,
.normal-button[disabled]{
  opacity: 0.3;
  pointer-events: none;
}

.grey-button{
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 45px;
  min-width: 160px;
  padding: 0 20px;
  border-radius: 0;
  background-color: #4d4d4d;
  font-size: 1.8rem;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 500;
  font-family: MuchoSans;
}
.grey-button:hover{background-color: #4d4d4d;color: #fff;text-decoration: none;}
.grey-button:focus{background-color: #4d4d4d;}
.grey-button:disabled,
.grey-button[disabled]{
  opacity: 0.3;
  pointer-events: none;
}


.warning-button{
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 45px;
  min-width: 160px;
  padding: 0 20px;
  border-radius: 0;
  background-color: #E31C79;
  font-size: 1.8rem;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 500;
  font-family: MuchoSans;
}
.warning-button:hover{background-color: #E31C79;color: #000;text-decoration: none;}
.warning-button:focus{background-color: #E31C79;}
.warning-button:disabled,
.warning-button[disabled]{
  opacity: 0.3;
  pointer-events: none;
}

.selection-button{
  position: relative;
  height: 45px;
  min-width: 180px;
  padding: 0 20px;
  border-radius: 35px;
  font-size: 1.8rem;
  background-color: #fff;;
  color: #CF6B0D;
	border: 2px solid #CF6B0D;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.selection-button:hover,.selection-button.active,
.outline-button:hover,.outline-button.active
{background-color: #EF9528;color: #fff;border: 2px solid #EF9528;}
.selection-button:disabled,
.selection-button[disabled]{
  color: #CF6B0D;
  opacity: 0.3;
  pointer-events: none;
}

.selection-button.active:before{
  font-family: "nowtv" !important;
  content: "\63";
  font-size: 12px;
  position: absolute;
  left: 22px;
  top: 11px;
  color: #fff;
}

.outline-button{
  position: relative;
  height: 45px;
  min-width: 180px;
  padding: 0 20px;
  border-radius: 35px;
  font-size: 1.8rem;
  background-color: #fff;;
  color: #CF6B0D;
	border: 2px solid #CF6B0D;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.square-button{
  height: 55px;
  min-width: 180px;
  font-size: 1.8rem;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #9B9B9B;
  border-radius: 6px;
}
.square-button:hover{background-color: #EF9528;color: #fff;border: 1px solid #EF9528;}
.square-button:focus{background-color: #F37D16;border: 1px solid #F37D16;color: #ffffff;}
.square-button:disabled,
.square-button[disabled]{
  color: #0B0B0B;
  opacity: 0.3;
  pointer-events: none;
}

.watchvideo-button {
  position: relative;
  height: 45px;
  min-width: 220px;
  padding: 0 20px;
  font-size: 1.8rem;
  border-radius: 25px;
  background-color: #EF9528;
  color: #fff;
}

.watchvideo-button:hover{background-color: #F37D16;}
.watchvideo-button:focus{background-color: #F56705;}
.watchvideo-button:disabled,
.watchvideo-button[disabled]{
  opacity: 0.3;
  pointer-events: none;
}

.watchvideo-button:after{
  font-family: "nowtv" !important;
  content: "\65";
  font-size: 10px;
  position: absolute;
  right: 25px;
  top: 14px;
  color: #fff;
}


/* link style */

.linkarrow{
  margin:0;display: inline-block;position: relative;
}

.link i,.lightgreylink i,.darklink i,.linkarrow i{position:relative;top: 3px;left: -2px;}

.link_U {
  color: inherit;
  text-decoration: underline;
}
.link_U:hover{
  color: inherit;
  text-decoration: underline;
}

.link {
  color: #CF6B0D;
  text-decoration: none;
}
.link:hover{
  color: #CF6B0D;
  font-weight: 500;
  text-decoration: none;
}

a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  position: relative;
  display: inline-block;
}


.blacklink{
  color: #000;
  text-decoration: none;
}
.blacklink:hover{color: #000;font-weight: 500;text-decoration: none;}


.lightgreylink{
  color: #b3b3b3;
  text-decoration: none;
}
.lightgreylink:hover{color: #b3b3b3;font-weight: 500;text-decoration: underline;;}


.darkgreylink{
  color: #4d4d4d;
  text-decoration: none;
}
.darkgreylink:hover{color: #4d4d4d;font-weight: 500;text-decoration: underline;}




.lightgreyUlink{
  color: #b3b3b3;
  text-decoration: underline;
}
.lightgreyUlink:hover{color: #b3b3b3;font-weight: 500;text-decoration: underline;;}

.darklink{
  color: #4d4d4d;
  text-decoration: none;
}
.darklink:hover{font-weight: 600;color: #4d4d4d;text-decoration: none;}

.greylink{
  color: #4A4A4A;
  text-decoration: none;
}
.greylink:hover{color: #0B0B0B;font-weight: 500;text-decoration: none;}







/* live chat btn */
.needhelp-button {display: inline-block;vertical-align: top;}
.needhelp-button a{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1.5px solid #0B0B0B;
  background-color: #F3F3F3;
  text-decoration: none;
  color: #0B0B0B;
  font-family: Barlow;
  text-align: center;
}

.needhelp-button img{width:45px;height: auto;}
.needhelp-button span{width: 70px;height: auto;font-size: 1.1rem;line-height: 1;}

.needhelp-button a:hover{
  	background-color: #D8D8D8;
}




/* footer */
footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #231F20;
  display: block;
  padding: 18px 0;
  font-family: Barlow;
}

footer .links {
  float: left;
  color: #fff;
  font-size: 1.4rem;
}

footer .links a {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

footer .links a:hover{color: #EF9528;}

footer .links span {
  display: inline-block;
  margin: 0 25px;
}

footer .copyright {
  float: right;
  color: #fff;
  font-size: 1.4rem;
}

a.link.arrowmargin i{margin-left: -5px;}


/* modal window */
.modal-md .modal-dialog{
  margin:30px auto 0 auto;
  max-width: 700px;
  padding: 22px;

}
 .modal-md .modal-content{
   position: relative;
   border-radius: 0;
   padding: 22px;
 }
 .modal-heading{margin: 25px 0;}
  .modal-md .modal-content p:last-child{margin-bottom:0;}

 .close-modal{
   position: absolute;right: -10px;
   top: -10px;
   background-color: rgba(0,0,0,0);
 }

  .close-modal img{width: 30px;height: 30px;}