/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Kalam&family=Lato:wght@400;700&family=Montserrat:wght@400;800&display=swap');
/*
font-family: 'Lato', sans-serif;
font-family: 'Kalam', cursive;
font-family: 'Montserrat', sans-serif;
*/
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Lato', sans-serif;
  color: #262626;
}
.font-lato {
  font-family: 'Lato', sans-serif;
}
.font-kalam {
  font-family: 'Kalam', cursive;
}
.font-mont {
  font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5 {font-family: 'Montserrat', sans-serif; letter-spacing: 0px; line-height: 150%; color: #262626;}
h1, h2 {font-weight: 800; line-height: 138.9%;}
a {font-family: 'Lato', sans-serif; font-weight: bold;}
p, li{font-size: 1.12em;}
li {margin-bottom: 0.5rem;}
.fa-ul .fa-li {font-size: 14px; margin-top: 4px; padding-right: 15px;}
.fa-ul .fa-li.fa-lg {font-size: 20px; margin-left: 3px;}
.fa-ul li:hover .fa-li {color: #8ABC43 !important;}
.z-100 {z-index: 100;}
.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  perspective: 2px;
}
/* Text */
.text-white {color: #ffffff !important;}
.text-black {color: #545454 !important;}
.text-blue {color: #1158A7 !important;}
.text-lblue {color: #E5F2F7 !important;}
.text-green {color: #8ABC43 !important;}
.text-orange {color: #F39455 !important;}
.text-warning {color: #FECA32 !important;}
.text-xsm{font-size:0.8em !important;}
.text-sm{font-size:1em !important;}
.text-xmd{font-size:1.2em !important;}
.text-md{font-size:1.4em !important;}
.text-xlg{font-size:1.6em !important;}
.text-lg{font-size:1.8em !important;}

/*backgrounds*/
.bg-transparent {background: none !important;}
.bg-white {background-color: #ffffff;}
.bg-blue {background-color: #1158A7;}
.bg-lblue {background-color: #E5F2F7;}
.bg-info {background-color: #7BD3F7 !important;}
.bg-green {background-color: #8ABC43;}
.bg-orange {background-color: #F39455;}
.bg-warning {background-color: #FECA32;}
.bg-schdl {background-color:#a2c9e8}
.bg-fixed {background-attachment: fixed;}
.bg-grey {background:#F2F5F5}
.bg-purple {background: #813C8E;}
.bg-red {background: #F0682F;}

.bg-countdown {position: relative; background: url(./../images/landing-8.jpg) no-repeat; background-position: center top; background-size: cover;}
.bg-countdown:after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  background-position: top left;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  clip-path: polygon(0% 100%, 100% 101%, 380% 0%);
}
.bg-texture {background: url(./../images/bg-textured.png) no-repeat; background-position: right bottom; background-size: cover;}
.bg-triangle-top:before {clip-path: polygon(100% 0%, 0% 100%, 0% 0%);}
.bg-triangle-bottom:before {clip-path: polygon(0% 100%, 100% 100%, 100% 0%);}
.bg-author {background: url(./../images/bg-author.jpg) no-repeat; background-position: right center; background-size: cover;}
.box-shadow{background: #FFFFFF;
  border: 1px solid #D7D7D7;
  box-sizing: border-box;
  box-shadow: 0px 10px 30px rgba(5, 25, 47, 0.1);
  border-radius: 5px;
  padding: 40px;
}
.quote-tl-orange:before,.quote-tc-orange:before{background:url('//media.mirasee.com/images/icons/quote-orange-circle.png') top right no-repeat;position:absolute;left:10px;top:-20px;display:block;z-index:0;height:100%;width:70px;content:"";background-size:60%;}
.quote-tc-orange:before{left:calc(50% - 35px);background-size:80%;top:-28px;}
.quote-tc-orange{padding:40px;}

/* border */
.border-blue {border-color: #1158A7 !important;}
.border-info {border-color: #3ca4d7 !important;}
.border-number {border-radius: 50%; width: 32px; height: 32px; display: block; text-align: center; line-height: 32px;}
.card {
  background: #FFFFFF;
  border: 1px solid #E4EEF4;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(134, 148, 163, 0.1);
  border-radius: 5px;
  margin-bottom: 1.5rem !important;
}
.card-columns-2 { column-count: 2;}
/* modal */
.modal-lg{max-width:730px;}
.fade.in{opacity:1;}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5;}
.modal-content button.close{position:absolute;right:-10px;top:-10px;font-size:20px;background:black !important;border-radius:50%;width:25px;height:25px;opacity:0.65 !important;z-index: 1;}
.progress-bar-block .progress{height:40px;box-shadow:none;border-radius:none;background-color:#b7b7b7;margin-bottom:10px;}
.progress-bar-bird{border-bottom:1px solid #cacaca;margin-bottom:40px;}
.progress-bar-bird .progress{border:1px solid #cacaca;height:30px;padding:3px 6px;background-color:#ededed;margin-bottom:15px;overflow:inherit;-webkit-box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.1), inset -1px -1px 4px 0 rgba(0,0,0,0.1);box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.1), inset -1px -1px 4px 0 rgba(0,0,0,0.1);}
.progress-bar-bird .progress-bar{color:#0758a5;font-family:'Open Sans', sans-serif;font-weight:700;font-size:14px;border:1px solid #cacaca;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow:none;position:relative;background:rgb(205,226,119);background:-moz-linear-gradient(top, rgba(205,226,119,1) 0%, rgba(125,186,56,1) 100%);background:-webkit-linear-gradient(top, rgba(205,226,119,1) 0%, rgba(125,186,56,1) 100%);background:linear-gradient(to bottom, rgba(205,226,119,1) 0%, rgba(125,186,56,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde277', endColorstr='#7dba38', GradientType=0 );}
.progress-bar-bird .progress-bar:after{content:"";background:url(//media.mirasee.com/images/icons/eagle.png) no-repeat;position:absolute;top:-17px;right:-20px;width:44px;height:47px;}
.progress-bar-bird p{font-family:'Open Sans', sans-serif;font-size:18px;text-align:center;color:#5c5c5c;padding-bottom:8px;}
.popup-optin {padding: 32px;}
.popup-optin .label-title{color:#5d5d5d;font-weight:normal;font-size:18px;margin:15px;}
/* end modal */

.btn {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  border: 1px solid #96c159;
  padding: 1rem 1.5rem;
  line-height: 1;
  transition: all 0.3s;
  background: #96c159;
}
.btn:hover{
  border-color: #62b4dc;
  border-radius: 30px;
  transition: all 0.3s;
  background: #62b4dc;
}
.btn:after {
  width: 0%;
}
/*navbar*/
.tab-header {
  border-top: 5px solid #ffffff;
}
.tab-header .logo {
  width: 265px;
  height: 100px;
  margin-top: -5px;
  background: url(//media.mirasee.com/images/bg-logo.png) no-repeat center top;
}
/*section*/
.section {padding: 3.5rem 1.2rem; position: relative;}
.section p:last-child {margin-bottom: 0px;}
.img-right, .img-left{position:absolute;bottom:0;right:calc(50% - 600px);}
.img-left{left:calc(50% - 750px);right:inherit;z-index:1}
.img-right img, .img-left img{max-width:400px;min-width:320px;}

/* blockquote */
.blockquote p {color: #262626 !important; font-size: 26px; line-height: 130%; font-family: 'Kalam', cursive;}
.card .blockquote p {font-size: 24px;}
.blockquote h5 {font-family: Kalam;font-style: normal;font-weight: normal;font-size: 18px;line-height: 140%;}
.blockquote h6 {font-family: Kalam; font-style: normal; font-weight: normal; font-size: 14px;line-height: 140%;}
/* Guarantee */
.sec-guarantee {border:3px solid #1158A7; padding: 1.5rem 1.5rem 2.5rem;}
.sec-guarantee:after{display:block;content:'';background:url('//media.mirasee.com/images/icons/guarantee.png') top center no-repeat;background-size:120px;position:absolute;bottom:-58px;min-width:120px;width:100px;height:120px;left:calc(50% - 60px);}
/* Nav */
.fixed-top, .sticky-top {box-shadow: 0px 4px 4px rgba(134, 148, 163, 0.1);}
.navbar-nav li a.nav-link {
  color: #262626;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  margin-top: 0.6rem;
  font-weight: normal;
}
.navbar-nav li:last-child a.nav-link {
  padding-right: 0rem !important;
}
.navbar-nav li a.nav-link:hover, a.active, a:active {
  color: #8ABC43 !important;
}

/*countdown*/
.counter {text-align: center;margin: 0px;}
.counter ul {margin: 0;padding: 0px 5px;display: inline-block;}
.counter ul li { display: inline-block;color: #0a58a7;position: relative; margin: 0px 5px;color: #8b8a8a; text-transform: uppercase;}
.counter ul li span.number-box {color: #3ca4d7 !important;font-size:4rem;font-weight:lighter;display: block;width: 1.4em;height: 65px;line-height: 75px;}
.counter ul li:after {content: "";background: url(../images/dots.png) no-repeat; top:50px; background-size: 70%;width: 14px;height: 50px;position: absolute;top: 36%;right: -12px;}
.counter ul li:last-child:after {display: none;}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}
/*card*/
.hr-line {background: #3ca4d7; width: 50px;height: 2px;margin: 10px auto;}
.vr-line {background: #8ABC43; width: 4px;height: 220px;margin:0px auto 3.5rem}
.arrow_box {
  position: relative;
  background: #ffffff;
  border: 3px solid #f7f7f7;
}
.arrow_box:after, .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 106px;
  margin-top: -106px;
}
.arrow_box:before {
  border-color: rgba(206, 206, 206, 0);
  border-right-color: #f7f7f7;
  border-width: 113px;
  margin-top: -113px;
}
.cta-arrow,.cta-arrow-white{position:relative;display:inline-block;}
.cta-arrow:before{content:"";background:url('//media.mirasee.com/images/arrow-left-blue.png') no-repeat;width:72px;height:58px;display:inline-block;left:-90px;position:absolute;top:calc(50% - 45px);}
.cta-arrow:after{content:"";display:inline-block;background:url('//media.mirasee.com/images/arrow-right-blue.png') no-repeat;width:74px;height:56px;right:-90px;position:absolute;top:calc(50% - 45px);}
.cta-arrow-white:after, .cta-arrow-white:before{content:'';background:url('//media.mirasee.com/images/arrow-right.png') no-repeat;width:122px;height:93px;display:inline-block;position:absolute;top:calc(50% - 65px);right:-140px;}
.cta-arrow-white:before{background:url('//media.mirasee.com/images/arrow-left.png') no-repeat;right:inherit;left:-150px;width:125px;height:88px;}
.arrow-curve-left, .arrow-curve-right,.arrow-curve-left-lg, .arrow-curve-right-lg{position:relative;}
.arrow-curve-left:before,.arrow-curve-left-lg:before{background:url('//media.mirasee.com/images/arrow-curve-l.png') top right no-repeat;position:absolute;left:calc(0% - 160px);top:calc(0% - 140px);display:block;z-index:0;height:163px;width:159px;content:"";}
.arrow-curve-right:after, .arrow-curve-right-lg:after{background:url('//media.mirasee.com/images/arrow-curve-r.png') top right no-repeat;position:absolute;right:calc(0% - 160px);top:calc(0% - 140px);display:block;z-index:0;height:163px;width:159px;content:"";}
.arrow-curve-left-lg:before{background:url('//media.mirasee.com/images/arrow-curve-l-lg.png') no-repeat;width:91px;height:316px;top:calc(0% - 165px);left:calc(0% - 120px);background-size:80%;}
.arrow-curve-right-lg:after{background:url('//media.mirasee.com/images/arrow-curve-r-lg.png') no-repeat;width:91px;height:316px;top:calc(0% - 165px);right:calc(0% - 120px);background-size:80%;}
/*footer*/
.copyright {color: #ffffff; text-align: right;}
.copyright a:hover {color: #8ABC43;}

@media screen and (min-width: 300px) {
  .btn {font-size: calc(14px + 8 * ((100vw - 320px) / 960));}
  h1 {font-size: calc(36px + 8 * ((100vw - 320px) / 960));}
  h2 {font-size: calc(20px + 8 * ((100vw - 320px) / 960));}
  h3 {font-size: calc(18px + 8 * ((100vw - 320px) / 960));}
  h4 {font-size: calc(16px + 8 * ((100vw - 320px) / 960));}
  h5 {font-size: calc(14px + 8 * ((100vw - 320px) / 960));}
}

@media screen and (min-width: 1280px) {
  .btn {font-size: calc(12px + 1vmin);}
  h1 {font-size: 2.5rem;}
  h2 {font-size: 1.5rem;}
  h3 {font-size: 1.2rem;}
  h4 {font-size: 1rem;}
  h5 {font-size: 0.875rem;}
}

@media screen and (max-width:990px){
  .img-right, .img-left{position:relative;;display:block;right:0px;left:0px;margin-top:30px;}
  .img-left{width:50%;float:left;max-width:100%;}
  .img-right{width:50%;float:left;max-width:100%;}
  .img-right img,  .img-left img{display:block;width:240px;min-width:240px;}
}

@media (max-width: 767px) {
  p, li{font-size: calc(16px + 8 * ((100vw - 320px) / 960));}
  .card-columns-2 { column-count: 1;}
  .section {padding: 2.5rem 0.5rem;}
  .btn { white-space: pre-wrap; word-wrap: break-word; height: auto !important}
  .bg-header {height: auto;}
  .vr-line {height: 110px; margin-bottom: 2.5rem}
  .cta-arrow:before,.cta-arrow:after, .arrow-curve-left:before, .arrow-curve-right:after,.arrow-curve-left-lg:before, .arrow-curve-right-lg:after{display:none}
  .copyright p {text-align: center; font-size: 13px;}
}