@import url('https://fonts.googleapis.com/css?family=Lato');
body {margin:0; font-family: 'Lato', sans-serif;size:14pt;}
h3 {line-height: 2.5rem;}
.btn-round {border-radius: 2em; padding:0.8rem 1.8rem;}
img {width:100%;}
.font-btn {font-weight:300; letter-spacing: 1px;}
.btn-blue:hover{background-color: #15c8fe; color:#ffffff;}
.btn-blue:active{background-color: #15c8fe;}
.btn-blue {background-color: #008aff; color:#ffffff; -webkit-appearance:none!important;}
.pxy-6 {padding:4rem!important;}
.space-ctrl {padding:4rem 12rem!important;}
/*font-color*/

/*header*/
header {position: relative;}
.isnav-bg {background-color: #008aff; padding: 10px 10px; position:fixed; width:100%; z-index:99;}
.islogo {padding-left:10px; height:auto; width:120px;}
ul li.nav-islinks a {color:#ffffff!important; font-weight:500!important; letter-spacing:1px;}
a.nav-link:hover {padding-bottom: 3px; border-bottom: 5px solid #ffffff;}
a.nav-link:active {padding-bottom: 3px; border-bottom: 5px solid #000000;}
a.nav-link:visited {padding-bottom: 3px; border-bottom: 5px solid #ffffff;}
.navbar-toggler {background:none; border-color:rgba(0, 0, 0, 0)!important;}
.navbar-span-icon {color:#ffffff;}
.msc-icon-nav {width: 50px; padding: 0 10px;}


/*content*/
section {}
/*parallax bg*/
.parallax-sec {width: 100%; box-sizing: border-box; }
section.sec1 {background-image: url(../img/smartrewards/smartrewards-pic.jpg); background-size: 100%; background-position: top center; background-attachment: fixed; background-repeat: no-repeat; height:400px;}
.sub-content {line-height: 24pt; padding:10px;}
.banner-content  {height: auto; box-sizing: border-box; color:#ffffff; padding:3rem!important;}
.banner-headline {padding:10% 15% 0 15%; line-height: 1.3!important; font-weight: 700; letter-spacing: 1.5px;}
.banner-headline-ani {  
    -webkit-animation: fade 2s 1 linear;
    -moz-animation: fade 2s 1 linear;
    -ms-animation: fade 2s 1 linear;
    -o-animation: fade 2s 1 linear;
    animation: fade 2s 1 linear;
}

/*Animation*/
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% { 
    opacity: 0.5;
  }
  100%  {
    opacity: 1;
  }
}

.sub-content {line-height: 24pt; padding:10px; font-weight:300;}

/*parallax content*/
section.sectext {width:100%; height: auto;}

/*rebate-reward-referral*/
.left-content {width:50%; float:left;}
.right-content {width:50%; float:left; padding-top:4rem;}
.imac {padding:0 10px; width:500px; float:right;}
.rebate-wrap {float:left; padding:20px 10px 20px 30px; width:100%;}
.rebate-icon {width:100px; float:left; padding-top: 10px;}
.icons-rebate-tittle {float:left; color:#f77062; display: block; font-weight: 600; letter-spacing: 0.5px; font-size: 16pt;}
.rebate-list {text-align: left; display: block; float:left; padding-left: 20px;}
ul.listing-rebate {list-style-type:none; padding-left:0; font-weight:300; font-size: 12pt; }

/*mobileapp*/
.mobileapp {background-color:#ff794f;}
.mobile-left-content {width:60%; float:left; padding-left: 150px;}
.mobile-right-content {width:40%; float:left;}
.mobile {padding:30px 5px;}
.mobile-rebate-icon {float:left; width:100px; }

/*others*/
.rebate-others {padding-top:80px;}
.bd-highlight {padding: 0px 40px;}
.img-rebate-others {width:100px;}
.rebate-other-icon {width:100%; text-align: center; height:100px;}
.others-rebatelist {padding-top:20px;}
.icons-others-tittle {color:#000000; height: 28px; font-size: 12pt;}
.dot {list-style-type:initial;}
.flex-fill-50 {width:25%;}

/*new features*/
ul.tick {list-style-image:url('../img/smartrewards/btick.png');}
ul.tick li {padding:10px 0; color:#6c757d; font-weight:300}
.nfeatures-50 {width:50%; float:left;font-size: 14pt;}

/*benefits*/
.benefits-wrap {background-color:#00aeef;}
ul.tick-circle {list-style-image:url('../img/smartrewards/tick-mark.png'); padding-right:10px;}
ul.tick-circle li {padding:10px 0; color:#ffffff; font-weight:300; font-size:14pt;}


/*worktgt*/
.bg-work {background-color: #f1f1f1;}
.work-content {line-height: 22pt;}
.work-headline {padding:20px 0 5px 0; letter-spacing: 1.5px;}
.btn-support {padding:50px 10px;}

/*footer*/
footer {background-color:#232323;}
.social-icons {width:42px; height: 42px; margin:0 10px;}
.social-icons:hover {opacity: 0.5;}
.copyright-txt {color:#a4a4a4; font-size: 11pt;}
.msc-icon {width:80px; float:right;}
.f-left {width:50%}
.f-right {width:50%; float:right;}
.footer-keywords {font-size:8pt; color:#a4a4a4; width:350px; display: block;}


/* Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
    h1 {font-size: 1.8em; line-height: normal;}
    h3 {font-size: 1.2em; line-height: normal; line-height: 2rem;}
    h4 {font-size: 1.4em; line-height: normal;}
    .py-5 {padding:2rem 2rem!important;}
    .px-5 {padding:1rem!important;}
    section.sec1 {background-size: 230%; height: 300px;}
    .banner-content {padding:5rem 1rem!important;}
    .banner-headline {padding:1rem!important;}
    .pxy-6 {padding:2rem!important;}
/*    .flex-fill {width:100%;}*/
    .flex-fill-50 {width:50%;}
    .space-ctrl {padding:40px 20px!important;}
    
/*REBATE REWARD REFERRAL*/
    .left-content {width:100%; float:left; display:block;}
    .right-content {width:100%; float:left; display:block; padding-top:0;}
    .imac {width:300px;}
    .mobile-left-content {width:100%;}
    .mobile-right-content {width:100%;}
    .replicating-img {width:100px; padding-bottom:10px;}
    ul.listing-rebate {padding-left:0px!important; font-size: 9pt; padding-right:0px!important;}
    
/*.rebate-wrap {padding:20px 10px;}*/
    .rebate-wrap {width:100%;}
    .mobile-rebate-list {padding:0;}
    .mobile-listing-rebate {margin-left:10px}
    .mobile-rebate-icon {width:100%; text-align: center;}
    .mobile-left-content {padding-left:0;}
    .img-rebate-others {width:80px;}
    
    /*rebate-others*/
    .rebate-wrap-others {width:100%; padding:0;}
    .icons-others-tittle {font-size: 11pt; height:40px;}
    .rebate-others {padding-top:40px;}
    .bd-highlight {padding:0 10px!important;}
    
    /*footer*/
    .msc-icon {width:50px;}
    .nfeatures-50 {width:100%;}
    .copyright-txt {font-size:8pt;}
    .footer-keywords {display: none;}
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 769px) { 
    
    .mobile-listing-rebate {margin-left: 20px; padding: 0!important;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

/*iPad Pro View*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .mobile-left-content {padding-left:0;}
    ul.listing-rebate {font-size:11pt;}
}

/*iPad View*/
@media only screen and (device-width: 768px) {
    section.sec1 {background-size:150%;}
    .space-ctrl {padding: 4rem 6rem!important;}
    .imac {width:360px;}
    .rebate-icon {width:80px;}
    .right-content {width:50%;}
    .left-content {width:50%;}
    ul.listing-rebate {font-size:9pt;}
    .mobile-rebate-icon {width:90px;}
    .bd-highlight {padding: 0px 40px;}
    .icons-others-tittle {height:55px;}
    .footer-keywords {width:200px; font-size:6pt;}
}