@charset "utf-8";
/* CSS Document */
 html, body{
     padding:0;
     margin:0;
     overflow-x: hidden;
    height: 100%;
}
 @font-face {
     font-family: HelveticaLight;
     src:url(../fonts/HelvLightRegular.ttf);
     font-weight:100;
}
 @font-face {
     font-family: HelveticaRegular;
     src:url(../fonts/HelveticaIT.ttf);
     font-weight:800;
}
 img{
     -khtml-user-select: none;
     -o-user-select: none;
     -moz-user-select: none;
     -webkit-user-select: none;
     user-select: none;
}
 h1{
     font-family: HelveticaLight, Arial, sans-serif;
     font-size:30px;
     padding-bottom:20px 
}
 .blue{
     background-image:url(../img/img_title-bullet-blue.gif);
     background-repeat:no-repeat;
     background-position:left bottom;
}
 .green{
     background-image:url(../img/img_title-bullet-green.gif);
     background-repeat:no-repeat;
     background-position:left bottom;
}
 .black{
     color:#000;
}
 .white{
     color:#fff;
}
 .light-blue{
     color:#b9cdea;
}
 .light-blue-bg{
     background-color:#b9cdea;
}
 .dark-blue-bg{
     background-color:#004a8d;
}
 h2{
     font-family: HelveticaLight, Arial, sans-serif;
     font-size:23px;
}
 h3{
     font-family: HelveticaRegular, Arial, sans-serif;
     font-size:20px;
}
 h4{
     font-family: HelveticaLight, Arial, sans-serif;
     font-size:16px;
}
 p, strong, ul{
     font-family: HelveticaLight, Arial, sans-serif;
     font-size:1.2em;
}
 a{
     font-family: HelveticaLight, Arial, sans-serif;
     text-decoration:none;
}
 a:hover{
     font-family: HelveticaLight, Arial, sans-serif;
     text-decoration:underline;
}
 p,li,strong,b,a{
     line-height:1.7em;
}
 .left-border{
     border-left:1px solid #ccc;
     padding-left:20px;
}
 .menu{
     padding:12px 30px 0px 0px;
     float:right;
     color:#fff;
}
 .menu a{
     text-decoration:none;
}
 .menu a:hover{
     text-decoration:underline;
}
 .logo{
     padding-left:10%;
}
 .banner-wrapper{
     height:400px;
     width:100%;
}
 .banner-container{
     position:relative;
     width:100%;
}
 .banner1{
     background-image:url(../img/img_banner-1.jpg);
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center top;
     width: 100vw;
     margin-bottom:40px;
}
 .banner2{
     background-image:url(../img/img_banner-2.png);
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center top;
     width: 100vw;
     margin-bottom:40px;
}
 .banner3{
     background-image:url(../img/img_banner-3.png);
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center top;
     width: 100vw;
     margin-bottom:40px;
}
 .controls-wrapper{
     position:absolute;
     z-index:3;
     width:96%;
     padding:155px 2% 0px 2%;
}
 .controls-wrapper img{
     cursor:pointer;
}
 .controls-wrapper img#left{
     float:left;
}
 .controls-wrapper img#right{
     float:right;
}
 .article{
     margin-bottom:70px;
	 margin-right:10px;
}
 .article a{
     color:#fff;
     text-decoration:underline;
     font-family: HelveticaRegular, Arial, sans-serif;
}
 .article a:hover{
     color:#fff;
     text-decoration:none;
     font-family: HelveticaRegular, Arial, sans-serif;
}
 .articles p, .articles strong{
     color:#8ba0bf;
     max-width:90%;
}
 .article img{
     width:180px;
     height:127px;
     float:left;
     padding:0px 20px 10px 0px;
}
 .div-33{
     width:33%;
     float:left;
     padding:30px 0px 50px 0px;
}

 .div-50{
     width:50%;
     float:left;
     padding:30px 0px 50px 0px;
}
 .div-50 p{
     width:92%;
}
 .div-100{
     width:100%;
     float:left;
     padding:30px 0px 0px 0px;
}
 .inner-row{
     padding:0px 0px 80px 10%;
}
 .testimonials{
     width:100%;
/*     height:606px;*/
     display:inline-block;
}
 .testimonials-inner{
     z-index:2;
     text-align:center;
     width:100%;
     padding: 120px 0;
     position:absolute;
     margin:auto;
}
 .testimonials-inner h3{
     font-size:18px;
}
 .testimonials-bg{
     background-color:#000;
     opacity:0.6;
     width:100%;
     max-width:60%;
     margin:50px auto;
     height:300px;
     border-radius: 18px;
}
 .box-body{
     background-color:#d5d5d5;
     color:#6a6a6a;
     padding:14px 20px 14px 20px;
}
 .box-body a{
     color:#6a6a6a;
     text-decoration:underline;
}
 .box-body a:hover{
     text-decoration:none;
}
 .box-contact{
     text-align:center;
     width:100%;
     max-width:360px;
     margin:auto;
}
 .box-title{
     background-color:#6a6a6a;
     border-bottom:3px solid #fff;
     color:#fff;
     padding:4px 20px 4px 20px;
}
 .header{
     height:60px;
     background-color:#014a8e;
}
 .header a{
     color:#fff;
     margin-left:4px;
}
div.block{
    display:none;
}
 span.header-divider{
     font-size:32px;
     opacity:0.5;
     position:absolute;
     top:9px;
}
 .header-icon{
     float:left;
}
 .header-button{
     padding-top:4px;
     float:left;
}
 .footer{
     height:50px;
     float:left;
     text-align:center;
     font-size:20px;
     width:100%;
     padding:30px 0px 0px 0px;
}

 .social-box{
     border:1px solid #aaa;
     width:60%;
  }
 .social-box img{
     margin:8px;
  }
 .weather-wrapper{
     float:left;
     text-align:center;
     width:100%;
     background-color:#ccc;
}
 .weather-tile{
     width:20%;
     display:inline-block;
     margin:10px;
     border-radius:10px;
     overflow:hidden;
}
 .footer a{
     color:#333;
}

/*Margins*/

.mt10{
  margin-top: 10px;
}

.mt20{
  margin-top: 20px;
  }

/*Table Designs*/
.curoTable{
    width: 100%;
  border: 4px solid #FFF;
}

.curoTable th {
    background-color: #014a8e!important;
    color: #FFF;
    border: 1px solid #FFF!important;
  padding: 10px; 4px;
  border: 2px solid #FFF;
    border-bottom: 3px solid #90b000;
}

.curoTable tr:nth-child(even){
    background-color: #d5d5d5;
}

.curoTable td{
    padding: 10px 6px;
    border: 2px solid #FFF;
}

/*Steps*/
.steps {
  max-width: 100%;
  margin: 0 auto;
}

.step {
  display: flex;
  position: relative;
}

.step::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 32px;
    height: 100%;
    width: 2px;
    background-color: #014a8e;
  }

.step:last-child::after {
  height: 0%;
}

.stepInfo {
    margin: 0 0 30px;
  }

.stepTitle {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #000;
  }

.stepNumber {
  width: 32px;
  height: 32px;
  background-color: #014a8e;
  border-radius: 50%;
  border: 2px solid none;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  margin-right: 14px;

}

.pageMenubtn {
text-align: center;
  display:inline-block;
  color:#014a8e;
  background-color:fff;
  width:70%;
  padding:10px 0;
  margin-top:10px;
  text-decoration:none;
  border: 2px solid #014a8e;
  border-radius:35px;  
}

.pageMenubtn:hover{
  background-color:#014a8e;
  color: #FFF;
  text-decoration: none;
  }

.icon{
    background-image: url(https://www.curocanada.com/App_Themes/CURO/img/iconSprite.png);
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px;
  }

.icon.house{
  background-position: -864px 0;
}

.icon.houseBlue{
  background-position: -864px -54px;
  }


@media only screen and (max-width: 992px) and (orientation: landscape) {
    .testimonials-inner h2 {
        font-size: 18px;
        width: 100%;
        max-width: 50%;
        margin: auto;
    }

    .testimonials-inner h3 {
        font-size: 15px;
        width: 100%;
        max-width: 50%;
        margin: auto;
    }
}
@media only screen and (max-width: 720px)  {
    .logo {
        text-align: center;
        padding: 0px;
    }

    .banner-wrapper {
        width: 100%;
    }

    .banner-container {
        width: 100%;
    }

    .banner1, .banner2, .banner3 {
        background-size: cover;
        background-position: center;
    }

    .banners {
        width: 300% !important;
    }

    .testimonials-inner h2 {
        font-size: 14px;
        width: 100%;
        max-width: 50%;
        margin: auto;
    }

    .testimonials-inner h3 {
        font-size: 14px;
        width: 100%;
        max-width: 50%;
        margin: auto;
    }

    h4.white {
        float: left;
        margin-bottom: 0px;
        width: 90%;
    }

    .article p {
        float: left;
    }

    .article img {
        padding: 0;
        float: none;
        margin-top: 40px;
    }

    .articles.div-50 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .div-50 {
        width: 80vw;
    }
    .article{
        display:flow-root;
    }
    img#right {margin-right: -1.5rem;}
}

/*Mobile*/
 @media only screen and (max-width: 479px){
     .menu {
         padding:12px 0px 0px 0px;
         float:inherit;
         color: #fff;
         text-align: center;
         margin:auto;
         width:100%;
         max-width:270px;
    }
     .logo{
         text-align: center;
         padding: 0px;
          width: 100%;
          max-width: 190px;
          margin: 0 auto;
    }
     .div-33{
         width:100%;
    }
     .div-50{
         width:100%;
    }
     .div-50, .div-100{
         padding:10px 100px 40px 0px;
    }
     .banner-wrapper {
         width: 100%;
    }
     .banner-container {
         width: 100%;
    }
     .banners{
         width:300% !important;
    }
     .banner1,.banner2,.banner3{
         background-size: cover;
         background-position: center;
    }
     .controls-wrapper img#left{
         width:20%;
         height:20%;
    }
     .controls-wrapper img#right{
         width:20%;
         height:20%;
         margin-right:-18px;
    }
     .testimonials-inner h2 {
         font-size: 13px;
         width: 100%;
         max-width: 50%;
         margin: auto;
    }
     .testimonials-inner h3 {
         font-size: 13px;
         width: 100%;
         max-width: 50%;
         margin: auto;
    }
     .weather-tile {
         width: 100%;
    }
     .footer a{
         font-size:14px;
    }
  h4.white{
      float:left;
    margin-bottom: 0px;
  }
  .article p{
      float:left;
  }

  .article img {
    width: 90%;
    height: auto;
    float: none;
    padding: 0;
    margin-top:40px;
  }
  
  .articles.div-50{
    padding-top:0px !important;
    padding-bottom:0px !important;
    width:100vw;
    }
  .article{
      display:grid;
      width:90vw;
      margin-left:0.5rem;
  }
  .inner-row{
      width:125vw;
  }
  
  .box-contact{
  max-width:90%;  
    margin:0;
  }
  .social-box{
  width:90%;
  }
}

    /* hidden-xs */
    @media screen and (max-width:567px) {
        .visible-sm {
            display: none
        }

        .visible-md {
            display: none
        }

        .visible-lg {
            display: none
        }

        .visible-xl {
            display: none
        }

        .hidden-xs {
            display: none
        }
    }
    /* hidden-sm */
    @media screen and (min-width:568px) and (max-width:767px) {
        .visible-xs {
            display: none
        }

        .visible-md {
            display: none
        }

        .visible-lg {
            display: none
        }

        .visible-xl {
            display: none
        }

        .hidden-sm {
            display: none
        }
    }
    /* hidden-md */
    @media screen and (min-width:768px) and (max-width:1023px) {
        .visible-xs {
            display: none
        }

        .visible-sm {
            display: none
        }

        .visible-lg {
            display: none
        }

        .visible-xl {
            display: none
        }

        .hidden-md {
            display: none
        }
    }
    /* hidden-lg */
    @media screen and (min-width:1024px) and (max-width:1279px) {
        .visible-xs {
            display: none
        }

        .visible-sm {
            display: none
        }

        .visible-md {
            display: none
        }

        .visible-xl {
            display: none
        }

        .hidden-lg {
            display: none
        }
    }
    /* hidden-xl */
    @media screen and (min-width:1280px) {
        .visible-xs {
            display: none
        }

        .visible-sm {
            display: none
        }

        .visible-md {
            display: none
        }

        .visible-lg {
            display: none
        }

        .hidden-xl {
            display: none
        }
    }