
#megasearch {
    width: 730px;
    height:1210px;
}


        */
    #image-section-a {
   position:absolute;
   bottom:10%;
   left:30%;
   right:30%; 
}

.hero-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 6px solid #0880c1;
    background-image: url('../images/AdobeStock_115118684.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    width:100%;
}



.header-container {

   max-width:1920px;
   margin:auto;

   

}


.hero-calgary-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 6px solid #0880c1;
    background-image: url('../images/page3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}



.hero-lethbridge-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 6px solid #0880c1;
    background-image: url('../images/page4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}



.hero-reddeer-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 6px solid #0880c1;
    background-image: url('../images/page5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}




.featured-section {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 6px solid #0880c1;



}

.cir-social-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60vh;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 6px solid #0880c1;
    background-image: url(../images/AdobeStock_205694120.jpeg);
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}


/*
.social-container {
    margin-right: 90px;
    margin-left: 90px;
}*/



.social-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 25px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 6px solid #0880c1;
  border-bottom: 6px solid #0880c1;
  background-color: hsla(0, 0%, 100%, .82);
  text-align: center;

  height:30vh;
 
}


.social-container {
    max-width: 1920px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: end;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width:100%;
}
    

.social-container1 {

    max-width:1920px;
    margin:auto;

}

.city-living-section {
  margin-bottom: 0px;
  padding-bottom: 70px;
  border-bottom: 6px solid #0884c7;
}

.social-section {
    /* border-bottom: 6px solid #0880c1;*/
}

.featured-container {
    /*
  margin-right: 35px;
  margin-left: 35px;
*/

    max-width: 1920px;
    margin:auto;
}

.featured-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-image-wrapper {
  width: 265px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.featured-image {
    width: 100%;
    border-radius: 350px;
    -webkit-border-radius: 350px;
    -moz-border-radius: 350px;
  
}

.featured-item-paragraph {
  font-family: Montserrat, sans-serif;
  color: #676a7c;
  font-size: 14pt;
  line-height: 22pt;
  font-weight: 300;
  text-align: center;
}

.featured-item-heading {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  color: #676a7c;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}

.image-section {
    height: 900px;
    border-bottom: 7px solid #0880c1;
    background-image: url('../images/BMN-CTA-19-1001-02.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    /*
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align: end;
    align-items:flex-end;


    text-align:end;
*/
}

.image-section-button {
    
    
}

.social-section {
    border-bottom: 6px solid #0880c1;
}


.follow-us-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 25px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 6px solid #0880c1;
  border-bottom: 6px solid #0880c1;
  background-color: hsla(0, 0%, 100%, .82);
  text-align: center;


}

.social-media-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-media-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4em;
    height: 4em;
    margin: 7px 5px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
    border-radius: 100px;
   -webkit-border-radius:100px;
    -moz-border-radius:100px;
   overflow:hidden;
   
   background-color: #1a2550;
    -webkit-transition: background-color 631ms ease;
    transition: background-color 631ms ease;
    font-family: 'Font Awesome - Brands';
    color: #fff;
    text-decoration: none;
   
}

.social-media-button:hover {
  background-color: #0880c1;
}

.social-media-icon {
  font-family: 'FA brands 400';
  font-size: 35px;
  line-height: 70px;
}

.about-section-wrapper {
  display: block;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-section-image-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 350px;
    height: 300px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* background-color: #343743;*/
}

.about-section-placeholder-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-section-placeholder-text.white {
  color: #fff;
}

.about-section-text-wrapper {
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.type-2-container {
  margin-right: 70px;
  margin-left: 70px;
}

.about-section-heading {
  margin-top: 0px;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  color: #676a7c;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
}

.paragraph {
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  color: #676a7c;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
}

.button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 60px;
  border-radius: 10px;
  background-color: #0884c7;
  font-size: 16px;
  font-weight: 300;
}

.button:hover {
  background-color: #076699;
}

.body {
  font-family: Montserrat, sans-serif;
}

.section-heading {
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  color: #676a7c;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

.mason-area-start {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.mason-item-wrapper {
    padding: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
   
}

.mason-item-wrapper:hover {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.mason-item-wrapper.large {
  height: 350px;
  width:100%;
}

.mason-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 84%, 0);
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  text-decoration: none;

  width:100%;

  padding: 0;
  margin: 0;
}

    .mason-link.okotoks {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/shutterstock_404836420_Okotokos.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/shutterstock_404836420_Okotokos.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.sundre {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Depositphotos_123299280_xl-2015.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Depositphotos_123299280_xl-2015.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.cochrane {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/shutterstock_495767920_Cochrane.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/shutterstock_495767920_Cochrane.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.airdrie {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/shutterstock_346448522_RedDeer.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/shutterstock_346448522_RedDeer.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.strathmore {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/shutterstock_26184535_Strathmore.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Strathmore.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.brooks {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/shutterstock_135073217_East.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/shutterstock_135073217_East.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.sylvan {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/shutterstock_94284772_Sylvan-Lake.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/SylvanLake.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }




    .mason-link.crestwood {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Crestwood.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Home/Crestwood.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.glenora {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Glenora.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Home/Glenora.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }



    .mason-link.ritchie {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Ritchie.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Home/Ritchie.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }




    .mason-link.strathcona {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Strathcona.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Home/Strathcona.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }




    .mason-link.westmount {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Westmount.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Home/Westmount.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }

    .mason-link.windermere {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url('../images/Windermere.jpg');
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Home/Windermere.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
    }



.search-tab {
  padding-right: 40px;
  padding-left: 40px;
  background-color: #676a7c;
  color: #fff;
}

.search-tab.w--current {
  background-color: #fff;
  color: #676a7c;
}

.tab-pane-tab-1 {
    border: 0px none #000;
    background-color: hsla(0,0%,100%,0.00);
}

.search-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;


    height: 90px;
    margin: 20px;
    border: 1px solid transparent;
}

.submit-button {
  height: 50px;
  padding-right: 40px;
  padding-left: 40px;
  background-color: #0880c1;
  font-weight: 800;
}

.text-field {
  height: 50px;
  margin-right: -1px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .3);
  font-size: 18px;
}

.more-tab {
  font-weight: 600;
}

.search-tab-wrapper {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.tabs {

  font-size: 16px;
  line-height: 22px;
}

.navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-right: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  
}

.realtor-login-link {
  display: block;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #0880c1;
  text-decoration: none;
}

.brand {
  position: absolute;
  left: -20px;
  top: 20px;
  bottom:-20px;
  width: 190px;
  margin-bottom: -20px;
  padding-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.nav-link {
  padding-top: auto;
  padding-bottom: auto;
}

.menu-link {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid rgba(0, 0, 0, .3);
  color: #676a7c;
}

.menu-link:hover {
  color: #0880c1;
}


.menu-link1 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #676a7c;
}

    .menu-link1:hover {
        color: #0880c1;
    }

.login-link {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #676a7c;
  font-weight: 800;
}

.about-container {
  margin-right: 90px;
  margin-left: 90px;
}

.global-section {
    margin-bottom: 0px;
    /* border-bottom: 6px solid #0884c7;*/
    border-bottom:0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .43)), to(hsla(0, 0%, 100%, .43))), url('../images/AdobeStock_209798677.jpeg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .43), hsla(0, 0%, 100%, .43)), url('../images/AdobeStock_209798677.jpeg');
    background-position: 0px 0px, 50% 50%;
    background-size:  cover;
    background-repeat: repeat, no-repeat;

    height:40vh;
   
}


.worth-section {
    margin-bottom: 0px;
    border-bottom: 6px solid #0884c7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .43)), to(hsla(0, 0%, 100%, .43))), url('../images/AdobeStock_209798677.jpeg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .43), hsla(0, 0%, 100%, .43)), url('../images/Cities-WMHWorth_Hero_Image.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}


.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column {
  position: static;
}



.paragraph-2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.sponsor-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  
-webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.button-2 {
  padding: 12px 60px;
  border-radius: 10px;
  background-color: #0884c7;
}

.button-2:hover {
  background-color: #076699;
}

.about-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  max-width:1920px;
  margin:auto;
}

.global-container {


 max-width:1920px;
 margin:auto;

}

.global-wrapper {
  display: block;
  padding-top: 7vh;
  padding-bottom: 7vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sponsor-logos-mobile {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


.footer-wrapper {
   
    max-width: 1920px;
    margin: auto;
    
}

.footer-container {
    margin-top: 50px;
  padding: 10px 70px;
}

.footer-left {
  padding-top: 25px;
  padding-right: 60px;
  padding-bottom: 25px;
  border-right: 1px solid #000;
}

.footer-link {
  padding-top: 0px;
  padding-bottom: 8px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #0884c7;
}

.footer-column-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-column-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footer-column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-right {
  padding-top: 25px;
  padding-bottom: 0px;
  padding-left: 66px;
}

.footer-social-media-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0px 0px;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


#sponsor-logos-1 {

    height:30vh;
}

#sponsor-logos-2 {
    height: 30vh;
}

#sponsor-logos-3 {
    height: 30vh;
}

#sponsor-logos-4 {
    height: 30vh;
}


@media (max-width: 1920px) {
    #ProductBoxImg {
        max-height: 286px;
       min-height: 286px;
    }
    #MissingListingImages {
        max-height: 286px;
        min-height: 286px;
    }

    #blogimg {
        max-height: 350px;
        height: 350px;
        min-width: 200px;
    }

    .global-container {
        margin-left: 90px;
        margin-right: 90px;
    }


    .brand {
        left: 0px;
    }
}



    @media(max-width:1725px) {

        #ProductBoxImg {
            max-height: 193px;
        }
        #MissingListingImages {
            max-height: 193px;
        }

        #blogimg {
            max-height: 242px;
            height: 242px;
        }
    }


    @media (max-width:1367px) {


        .brand {
            left: 0px;
        }


        .global-section {
            height: 45vh;
        }
    }


        @media(max-width:1280px) {

            #ProductBoxImg {
                max-height: 193px;
            }
            #MissingListingImages {
                max-height: 193px;
            }


            #blogimg {
                max-height: 225px;
                height: 225px;
                min-width: 200px;
            }


            .global-section {
                height: 100vh;
            }





            #sponsor-logos-1 {
                height: 80vh;
            }

            #sponsor-logos-2 {
                height: 80vh;
            }

            #sponsor-logos-3 {
                height: 80vh;
            }

            #sponsor-logos-4 {
                height: 80vh;
            }


            .cir-social-section {
                height: 60vh;
            }

            .social-container {
                height: 50vh;
            }



            .featured-item-heading {
                font-size: 20px;
            }
        }


        @media(max-width:1153px) {

            #ProductBoxImg {
                max-height: 147px;
            }
            #MissingListingImages {
                max-height: 147px;
            }

            #blogimg {
                max-height: 200px;
                height: 200px;
                min-width: 200px;
            }




            .brand {
                position: absolute;
                left: 0px;
                top: 10px;
                bottom: -20px;
                width: 190px;
                margin-bottom: -20px;
                padding-left: 40px;
                -webkit-align-self: flex-start;
                -ms-flex-item-align: start;
                align-self: flex-start;
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
            }
        }



        @media(max-width:1050px) {

            .brand {
                position: absolute;
                left: 0px;
                top: 20px;
                bottom: -20px;
                width: 190px;
                margin-bottom: -20px;
                padding-left: 0px;
           
                -ms-flex-item-align: start;
                align-self: flex-start;
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
            }
        }


        @media (max-width: 1024px) {

            .footer-link {
                font-size: 13px;
            }

            .social-wrapper {
                height: 40vh;
            }


            body {
                font-size: 12px;
            }

            #ProductBoxImg {
                max-height: 143px;
            }

            #MissingListingImages {
                max-height: 143px;
            }

            .featured-item-paragraph {
                margin-bottom: 20px;
            }

            .image-section {
                height: 400px;
            }



            .about-section-wrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .about-section-text-wrapper {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                padding-left: 30px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .about-section-heading {
                text-align: center;
            }

            .tabs-menu {
                display: none;
            }

            .text-field {
                font-size: 14px;
            }

            .search-tab-wrapper {
                width: 700px;
            }

            .nav-menu {
                width: 100%;
                margin-top: 10px;
                text-align: right;
            }

            .menu-link {
                padding-top: 20px;
                padding-bottom: 20px;
                font-size: 14px;
                text-align: center;
            }

            .menu-link1 {
                padding-top: 20px;
                padding-bottom: 20px;
                font-size: 14px;
                text-align: center;
            }

            .login-link {
                font-size: 20px;
                text-align: center;
            }

            .about-container {
                margin-right: 60px;
                margin-left: 60px;
            }

            .menu-button {
                background-color: #fff;
            }

                .menu-button:active {
                    background-color: #0880c1;
                }

                .menu-button.w--open {
                    margin-right: 15px;
                    background-color: #0880c1;
                }

            .column-2 {
                display: none;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-flex: 0;
                -webkit-flex: 0 auto;
                -ms-flex: 0 auto;
                flex: 0 auto;
            }
            /*
    .sponsor-logos {
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 25px;
        padding-bottom: 25px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }*/

            .about-wrapper {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }




            .global-section {
                height: 100vh;
            }





            #sponsor-logos-1 {
                height: 80vh;
            }

            #sponsor-logos-2 {
                height: 80vh;
            }

            #sponsor-logos-3 {
                height: 80vh;
            }

            #sponsor-logos-4 {
                height: 80vh;
            }







            .global-container {
                margin-right: 10px;
                margin-left: 10px;
            }

            .global-wrapper {
                padding-top: 35px;
                padding-bottom: 35px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .sponsor-logos-mobile {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                margin-top: 25px;
                margin-bottom: 25px;
                padding-top: 25px;
                padding-bottom: 25px;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

            .footer-left {
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                border-right-style: none;
                border-right-width: 0px;
            }

            .footer-right {
                padding-top: 20px;
                padding-right: 0px;
                padding-left: 0px;
                border-top: 0px;
            }

            .footer-social-media-buttons {
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .columns-2 {
                padding-bottom: 10px;
            }

            #blogimg {
                max-height: 200px;
                height: 200px;
                min-width: 200px;
            }

            #megasearch {
                width: 100%;
                height: 100%;
            }
        }

        @media (max-width:824px) {

            .global-section {
                height: 130vh;
            }

            #sponsor-logos-1 {
                height: 25vh;
            }

            #sponsor-logos-2 {
                height: 25vh;
            }

            #sponsor-logos-3 {
                height: 25vh;
            }

            #sponsor-logos-4 {
                height: 25vh;
            }
        }

        @media (max-width:812px) {

            .social-wrapper {
                height: 50vh;
            }

            .global-section {
                height: 140vh;
            }
        }



        @media (max-width: 769px) {



            #megasearch {
                width: 100%;
                height: 100%;
            }


            .w-nav-overlay {
                width: 100%;
                height: 100%;
            }


            .follow-us-container {
                display: block;
                width: 80%;
                margin-right: auto;
                margin-left: auto;
            }

            .social-media-button {
                width: 40px;
                height: 40px;
            }

            .social-media-icon {
                font-size: 25px;
            }

            .about-section-heading {
                text-align: center;
            }

            .mason-link.okotoks {
                height: 250px;
            }

            .mason-link.sundre {
                height: 250px;
            }

            .mason-link.cochrane {
                height: 250px;
            }

            .mason-link.airdrie {
                height: 250px;
            }

            .mason-link.strathmore {
                height: 250px;
            }

            .mason-link.brooks {
                height: 250px;
            }

            .mason-link.sylvan {
                height: 250px;
            }

            .tabs-menu {
                display: none;
            }

            .search-tab-wrapper {
                width: 100%;
            }

            .tabs {
                width: 100%;
            }




            .social-container {
                display: block;
                width: 80%;
                margin-right: auto;
                margin-left: auto;
            }




            .footer-right {
                padding-left: 10px;
                border-top-style: none;
                border-top-width: 0px;
            }


            .footer-link {
                padding-top: 0px;
                padding-bottom: 8px;
                color: #000;
                font-size: 14px;
                text-decoration: none;
            }



            .cir-social-section {
                height: 70vh;
            }

            .social-container {
                height: 40vh;
            }


            .global-section {
                height: 140vh;
            }




            #sponsor-logos-1 {
                height: 25vh;
            }

            #sponsor-logos-2 {
                height: 25vh;
            }

            #sponsor-logos-3 {
                height: 25vh;
            }

            #sponsor-logos-4 {
                height: 25vh;
            }
        }

        @media (max-width: 667px) {

            .global-section {
                height: 160vh;
            }


            #sponsor-logos-1 {
                height: 30vh;
            }

            #sponsor-logos-2 {
                height: 30vh;
            }

            #sponsor-logos-3 {
                height: 30vh;
            }

            #sponsor-logos-4 {
                height: 30vh;
            }
        }



        @media (max-width:641px) {

            .social-container {
                height: 50vh;
            }

            .social-wrapper {
                height: 50vh;
            }


            .cir-social-section {
                height: 70vh;
            }


            .global-section {
                height: 160vh;
            }


            #sponsor-logos-1 {
                height: 30vh;
            }

            #sponsor-logos-2 {
                height: 30vh;
            }

            #sponsor-logos-3 {
                height: 30vh;
            }

            #sponsor-logos-4 {
                height: 30vh;
            }
        }



        @media (max-width: 568px) {

            .global-section {
                height: 200vh;
            }


            #sponsor-logos-1 {
                height: 35vh;
            }

            #sponsor-logos-2 {
                height: 35vh;
            }

            #sponsor-logos-3 {
                height: 35vh;
            }

            #sponsor-logos-4 {
                height: 35vh;
            }
        }

        @media (max-width: 479px) {

            #sponsor-logos-1 {
                height: 25vh;
            }

            #sponsor-logos-2 {
                height: 25vh;
            }

            #sponsor-logos-3 {
                height: 25vh;
            }

            #sponsor-logos-4 {
                height: 25vh;
            }


            #topictitle {
                font-size: 25px;
            }

            #loginhead {
                font-size: 25px;
            }

            .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open {
                padding: 0px;
                width: 100%;
                margin: 0px;
            }


            #image-section-a {
                left: 10%;
                right: 10%;
            }

            .global-section {
                height: 130vh;
            }

            .cir-social-section {
                height: 70vh;
            }

            .social-container {
                height: 60vh;
            }

            .social-wrapper {
                height: 55vh;
            }



            .social-section {
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .featured-container {
                margin-right: 10px;
                margin-left: 10px;
            }

            .featured-item-paragraph {
                margin-bottom: 20px;
            }

            .follow-us-container {
                width: 95%;
            }

            .social-media-buttons {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                padding-bottom: 0px;
                padding-top: 0px;
            }

            .social-media-button {
                border-radius: 150px;
                -webkit-border-radius: 150px;
                -moz-border-radius: 150px;
                padding-top: 0px;
                padding-bottom: 0px;
            }

            .social-media-icon {
                line-height: 40px;
            }


            .about-section-wrapper {
                padding-top: 0px;
                padding-bottom: 25px;
            }

            .about-section-image-placeholder {
                width: 100%;
            }

            .type-2-container {
                margin-right: 5px;
                margin-left: 5px;
            }

            .paragraph {
                margin-bottom: 25px;
            }

            .button {
                padding-right: 20px;
                padding-left: 20px;
            }

            .section-heading {
                font-size: 25px;
            }

            .mason-link.okotoks {
                height: 200px;
            }

            .mason-link.sundre {
                height: 200px;
            }

            .mason-link.cochrane {
                height: 200px;
            }

            .mason-link.airdrie {
                height: 200px;
            }

            .mason-link.strathmore {
                height: 200px;
            }

            .mason-link.brooks {
                height: 200px;
            }

            .mason-link.sylvan {
                height: 200px;
            }

            .submit-button {
                padding-right: 18px;
                padding-left: 18px;
                font-size: 12px;
            }

            .text-field {
                font-size: 12px;
            }

            .tabs {
                width: 95%;
            }

            .brand {
                padding-left: 20px;
            }

            .about-container {
                margin-right: 10px;
                margin-left: 10px;
            }

            /*
  .sponsor-logos {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }*/
            .about-wrapper {
                padding-top: 0px;
                padding-bottom: 25px;
            }

            .global-container {
                margin-right: 10px;
                margin-left: 10px;
            }

            .global-wrapper {
                padding-top: 25px;
                padding-bottom: 25px;
            }

            .sponsor-logos-mobile {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .footer-social-media-buttons {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
            }

            #blogimg {
                max-height: 200px;
                height: 200px;
                min-width: 200px;
            }



            .footer-link {
                padding-top: 0px;
                padding-bottom: 8px;
                color: #000;
                font-size: 13px;
                text-decoration: none;
            }
        }



        @media all and (max-width: 320px) {


            #topictitle {
                font-size: 22px;
            }

            #loginhead {
                font-size: 22px;
            }

            .footer-link {
                padding-top: 0px;
                padding-bottom: 8px;
                color: #000;
                font-size: 11px;
                text-decoration: none;
            }


            .global-section {
                height: 160vh;
            }


            #sponsor-logos-1 {
                height: 30vh;
            }

            #sponsor-logos-2 {
                height: 30vh;
            }

            #sponsor-logos-3 {
                height: 30vh;
            }

            #sponsor-logos-4 {
                height: 30vh;
            }


            .cir-social-section {
                height: 75vh;
            }

            .social-container {
                height: 65vh;
            }

            .social-wrapper {
                height: 60vh;
            }


            .featured-item-heading {
                font-size: 24px;
            }
        }


        @media all and (min-width: 479px) {
        }

        @media all and (min-width: 769px) {
        }

        @media all and (min-width: 1024px) {
        }




        @media all and (min-width:1100px) {
        }






        @media all and (min-width:1280px) {
        }







        @media all and (min-width: 1367px) {
        }







        @media all and (min-width: 1900px) {
        }



        @media all and (min-width: 1921px) {

            .brand {
                padding-left: 0px;
            }
        }


        @media all and (min-width:1950px) {

            .brand {
                left: -30px;
            }
        }


        @media all and (min-width: 2800px) {




            #image-section-a {
            }


            #image-section-button {
            }
        }





        @font-face {
            font-family: 'FA brands 400';
            src: url('../fonts/fa-brands-400.ttf') format('truetype');
            font-weight: 400;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat';
            src: url('../fonts/Montserrat-Regular.otf') format('opentype');
            font-weight: 400;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat';
            src: url('../fonts/Montserrat-ExtraBold.otf') format('opentype');
            font-weight: 800;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat';
            src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
            font-weight: 600;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat';
            src: url('../fonts/Montserrat-Light.otf') format('opentype');
            font-weight: 300;
            font-style: normal;
        }