body {
  color: #6a6767;
  /* #484848; */
  font-family: 'Lato';
  font-weight: 400;
  font: normal 16px "Lato";
}
.title_color{
  color: #6a6767;
}
.header_area + div {
  margin-top: 85px;
}

.banner_area {
  background: url(/kanadnetworks/img/banner/kanadnetworks_banner.jpg) no-repeat scroll center center;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Lato";
  font-weight: normal;
}
.header_area .navbar .nav .nav-item .nav-link {
  /* font-family: 'Lato'; */
  text-transform: none;
  /* font-size: 16px; */
  font: normal 16px/85px "Lato";
}
.header_area .container {
    max-width: 100%;
    max-height: 85px;
}
.header_area{
  width: 99%;
}
#footer .container {
  max-width: 100%;
}
#navbarSupportedContent #at-menu{
  justify-content: flex-end !important;
}
/* 
#footer .col-lg-2 {
    max-width: 12%;    
} */
#footer #footer-home a {
  width: 100px;  
}
#footer #products a {
    width: 100px;  
}
#footer #products {
  width: 100px;
  margin-left: 40px;
}
#footer #services a {
    width: 300px;  
}

#footer .border_line {
    width: 100%;
    height: 1px;
    background: 
    #eeeeee;
    margin-top: 0px;
}
.footer-area {
  padding-top: 0px;
  padding: 0px;
}

.slider_text_inner .slider_text p{
      margin-bottom: 20px;
}

#at-products #products-ItemsCarousel .MuiIconButton-label {
    border-radius: 50%;
    border: 1px solid #6a6767;
    background-color: #fff;
    color: #6a6767;
    width: 35px !important;
    height: 35px !important;
  }  
  #at-products #products-ItemsCarousel .kaHnvc {
    left: -19px;
  }
  #at-products #products-ItemsCarousel .dFFQiB {
    right: -25px;
  }
  #at-products #products-ItemsCarousel .kaHnvc {
    left: 10px;
  }
  #at-products #products-ItemsCarousel .dFFQiB {
    right: 10px;
  }

  #at-products #products-ItemsCarousel .MuiSvgIcon-root {
    font-size: 25px;
  }

  #at-products .mission_text {   
    max-width: 500px !important;
    margin-bottom: 0px;
    float: none;
    margin-left: 85px;
  }
  #at-products .mission_text h4 {
    font-size: 24px;
    text-transform: none;
    color: #6a6767;
  }
  #at-products h4 {
    font-size: 30px;
  }
  #at-products .item img {   
    max-width: 50%;
  }

  #at-services #services-ItemsCarousel .MuiIconButton-label {
    border-radius: 50%;
    border: 1px solid #6a6767;
    background-color: #fff;
    color: #6a6767;
    width: 35px !important;
    height: 35px !important;
  }  
  #at-services #services-ItemsCarousel .kaHnvc {
    left: -19px;
  }
  #at-services #services-ItemsCarousel .dFFQiB {
    right: -25px;
  }
  #at-services #services-ItemsCarousel .kaHnvc {
    left: 10px;
  }
  #at-services #services-ItemsCarousel .dFFQiB {
    right: 10px;
  }

  #at-services #services-ItemsCarousel .MuiSvgIcon-root {
    font-size: 25px;
  }

  #at-services .mission_text {
    max-width: 440px !important;
    margin-bottom: 0px;
  }
  #at-services .mission_text h4 {
    font-size: 24px;
    text-transform: none;
    color: #6a6767;
  }
  #at-services h4 {
    font-size: 30px;
  }

  #at-digitalservices #digitalservices-ItemsCarousel .MuiIconButton-label {
    border-radius: 50%;
    border: 1px solid #6a6767;
    background-color: #fff;
    color: #6a6767;
    width: 35px !important;
    height: 35px !important;
  }  
  #at-digitalservices #digitalservices-ItemsCarousel .kaHnvc {
    left: -19px;
  }
  #at-digitalservices #digitalservices-ItemsCarousel .dFFQiB {
    right: -25px;
  }
  #at-digitalservices #digitalservices-ItemsCarousel .kaHnvc {
    left: 10px;
  }
  #at-digitalservices #digitalservices-ItemsCarousel .dFFQiB {
    right: 10px;
  }

  #at-digitalservices #digitalservices-ItemsCarousel .MuiSvgIcon-root {
    font-size: 25px;
  }

  /* #at-digitalservices .mission_text {
    max-width: 500px !important;
    margin-bottom: 0px;
  } */
  #at-digitalservices .mission_text h4 {
    font-size: 24px;
    text-transform: none;
    color: #6a6767;
  }
  #at-digitalservices h4 {
    font-size: 30px;
  }

  #at-team #team-ItemsCarousel .MuiIconButton-label {
    border-radius: 50%;
    border: 1px solid #6a6767;
    background-color: #fff;
    color: #6a6767;
    width: 35px !important;
    height: 35px !important;
  }  
  #at-team #team-ItemsCarousel .kaHnvc {
    left: -19px;
  }
  #at-team #team-ItemsCarousel .dFFQiB {
    right: -25px;
  }
  #at-team #team-ItemsCarousel .kaHnvc {
    left: 10px;
  }
  #at-team #team-ItemsCarousel .dFFQiB {
    right: 10px;
  }

  #at-team #team-ItemsCarousel .MuiSvgIcon-root {
    font-size: 25px;
  }

  #at-team .mission_text {
    max-width: 400px !important;
    margin-bottom: 0px;
  }
  #at-team .mission_text h4 {
    font-size: 24px;
    text-transform: none;
    color: #6a6767;
  }
  #at-team h4 {
    font-size: 30px;
  }

  @media(max-width: 500px) {
      .mission_area{
          padding-top: 30px;
          border-top: 2px solid #a7cb00;
      }
      #products-ItemsCarousel img{
          height: 120px;
      }
      .slider_text_inner .slider_text {
        width: 345px;    
      }
      #at-products .mission_text {   
        max-width: 240px !important;
        margin-left: 68px;
      }   
      #at-services .mission_text {
        max-width: 240px !important;
        margin-left: 68px;
      }   
      /* #at-digitalservices .mission_text {
        max-width: 240px !important;
        margin-left: 68px;
      } */
      .header_area .container {
        max-height: inherit;
      }
      .header_area .navbar .nav .nav-item .nav-link {
        font: normal 16px/35px "Lato";
      }
      #footer #products {
        margin-left: 0px;  
    }
    #at-digitalservices img{
      width: 125%;
    }
    #at-services img{
      width: 125%;
    }
    /* #at-home-banner img{
      width: 50%;
    }
    #at-download img{
      width: 50%;
    } */
  }
  @media(max-width: 768px) {
    .MuiDialog-paperWidthSm {
      max-width: 500px;
      min-width: 360px !important;
    }
    #at-header .navbar-brand{
      width: 85%;
    }
    .slider_text_inner .slider_text {
      width: 400px;    
    }
    #at-products .mission_text {   
      max-width: 580px !important;    
      margin-left: 85px;
    }   
    #at-services .mission_text {
      max-width: 580px !important;    
      margin-left: 85px;
    }   
    /* #at-digitalservices .mission_text {
      max-width: 580px !important;    
      margin-left: 85px;
    } */    
    #at-digitalservices .p0 {
        padding-left: 15px;
        padding-right: 15px;
      }
    .header_area .container {
      max-height: inherit;
    }
    .header_area .navbar .nav .nav-item .nav-link {
      font: normal 16px/35px "Lato";
    }
  }
  @media(max-width: 414px){
    .slider_text_inner .slider_text {
      width: 385px;    
    }
    #at-products .mission_text {   
      max-width: 280px !important;
      margin-left: 68px;
    }   
    #at-services .mission_text {
      max-width: 280px !important;
      margin-left: 68px;
    }   
    /* #at-digitalservices .mission_text {
      max-width: 360px !important;
      margin-left: 25px;
    } */
    .header_area .navbar .nav .nav-item .nav-link {
      font: normal 16px/35px "Lato";
    }
  }
  @media(max-width: 375px){
    .slider_text_inner .slider_text {
      width: 330px;    
    }
    #at-products .mission_text {   
      max-width: 280px !important;
      margin-left: 25px;
    }   
    #at-services .mission_text {
      max-width: 230px !important;
      margin-left: 68px;
    }   
    /* #at-digitalservices .mission_text {
      max-width: 310px !important;
      margin-left: 25px;
    } */
    .header_area .navbar .nav .nav-item .nav-link {
      font: normal 16px/35px "Lato";
    }
  }

  #at-products-detail .text-heading {
    margin-top: 30px;
  }

#at-products-detail .sample-text-area {
  padding: 0px 0 0px 0;
}

#at-products-detail .col-sm-6 {
  flex: 0 0 70%;
  max-width: 70%;
}

#at-home-banner .slider_text_inner{
  left: 0px;
  visibility: visible;
  opacity: 1;
}
#at-home-banner .slider_text_inner .slider_text h2 {
  font: normal 36px "Lato";
}
#at-download .slider_text_inner{
  left: 0px;
  visibility: visible;
  opacity: 1;
}
#at-download .slider_text_inner .slider_text h2 {
  font: normal 36px "Lato";
}
/* .slick-slider{
  min-width: 1354px;
} */

.project_item::before {
    content: "";
    background: url(../img/team/team-overlay.png) no-repeat;
        background-size: auto;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 1;
}
  .project_item img {
    height: 310px;
  }

  #at-digitsl-services .banner_area .banner_inner .banner_content h2 {
    color: 
    #6a6767;
    font: normal 30px "Lato";
      text-transform: none;
  }
  #at-digitsl-services .sample-text-area {
    padding: 0px 0 0px 0;
  }
  #at-digitsl-services .col-sm-6 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  #at-digitsl-services .text-heading {
    margin-top: 30px;
  }
  #at-digitsl-services .banner_area .banner_inner .banner_content .page_link a {
    font: normal 16px "Lato";
    color: 
    #6a6767;
    font-family: 'Lato';
    text-transform: none;
}
.slider_text_inner .slider_text h2 {
  font-size: 48px;
  color: 
  #6a6767;
  text-transform: none;
  margin-bottom: 12px;
}
.footer_title {
  text-transform: none;
}
.project_item .hover_text h4 {
  text-transform: none;
  color: 
  #6a6767;
}
.banner_area .banner_inner .banner_content .page_link a {
  font: normal 16px "Lato";
  color: 
  #6a6767;
  font-family: 'Lato';
  text-transform: none;
}
.banner_area .banner_inner .banner_content h2 {
  color: 
  #6a6767;
  font: normal 36px "Lato";
  text-transform: none;
}
.single-footer-widget ul li a {
  color: 
  #6a6767;
  font: normal 16px/25px "Lato"
}
.project_item .hover_text .cat a {
  font-size: 15px;
  font-family: "Lato", sans-serif;
  color: 
  #6a6767;
}
.single-footer-widget p {
  font: normal 16px "Lato"
}
.contact_info .info_item h6 {
  font: bold 18px "Lato";
  color: 
  #6a6767;
}
.contact_info .info_item h6 a{
  color: 
  #6a6767;
}

/* LEVEL 2 */
#menu-products ul {
  top: 0;
  left: 201px; /* same value with line 28 */
}
#menu-services ul {
  top: 46px;
  left: 201px; /* same value with line 28 */
  width: 510px;
}
#menu-products ul li a{
  background-color: white;
  color: #6a6767;
  }
#menu-products ul li:hover a{
background-color: #a7cb00;
color: #fff;
}
#menu-services ul li a{
  background-color: white;
  color: #6a6767;
  }
#menu-services ul li:hover a{
  background-color: #a7cb00;
  color: #fff;
}
/* Dropdown triggers */
#navbarSupportedContent #telecom ul ul, #navbarSupportedContent #telecom ul li:hover ul ul, #navbarSupportedContent #telecom ul ul li:hover ul ul {display: none;}
#navbarSupportedContent #telecom ul li:hover ul, #navbarSupportedContent #telecom ul ul li:hover ul, #navbarSupportedContent #telecom ul ul ul li:hover ul {display: block;}

.slider_text_inner .slider_text {
  padding: 30px;
  font-size: 13px;
  color: #999;
  
  font-family: "Lato", sans-serif;
  border-radius: 30px;
}
.swiper-slide .sub-btn {
  background: #a7cb00;
  border-radius: 20px;
}

.plus {
  --t:2px;   /* Thickness */
  --l:30px;  /* size of the symbol */
  --s:10px;  /* space around the symbol */
  --c1:#fff; /* Plus color*/
  --c2:#a7cb00;; /* background color*/

  display:inline-block;
  width:var(--l);
  height:var(--l);
  padding:var(--s);
  box-sizing:border-box; /*Remove this if you don't want space to be included in the size*/
  
  background:
    linear-gradient(var(--c1),var(--c1)) content-box,
    linear-gradient(var(--c1),var(--c1)) content-box,
    var(--c2);
  background-position:center;
  background-size: 100% var(--t),var(--t) 100%;
  background-repeat:no-repeat;
  cursor: pointer;
    border: 1px solid #a7cb00;
}

.radius {
  border-radius:50%;
}
.contact_form .submit_btn {
 margin-top: 0px; 
}
.preloader-img pere-text img{
	top: 29%;
	left: 38%;
}
/* 20. preloader */
.preloader {
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  margin: 0 auto; }

.preloader .preloader-circle {
  width: 70px;
  height: 70px;
  position: relative;
  border-style: solid;
  border-width: 3px;
  border-top-color: #a7cb00;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  z-index: 10;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
  box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
  background-color: #ffffff;
  -webkit-animation: zoom 2000ms infinite ease;
  animation: zoom 2000ms infinite ease;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }

.preloader .preloader-circle2 {
  border-top-color: #0078ff; }

.preloader .preloader-img {
  position: absolute;
  top: 50%;
  z-index: 200;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 6px;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }

.preloader .preloader-img img {
  max-width: 55px; }

.preloader .pere-text strong {
  font-weight: 800;
  color: #a7cb00;
  text-transform: uppercase; }

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s; } }

@keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s; } }

  .bg-success {
      background-color: #a7cb00 !important;
  }
  .MuiLinearProgress-barColorPrimary {
    background-color: #d3ec5d !important;
}
.MuiLinearProgress-bar2Indeterminate{
  background-color: #d3ec5d !important;
}

.slider_text_inner .slider_text {
  padding: 15px;  
}
#at-home-banner .slider_text_inner .slider_text::before {
  height: 550px;
  visibility: hidden;
}
#at-download .slider_text_inner .slider_text::before {
  height: 510px;
  visibility: hidden;
}
.header_area + section, .header_area + row, .header_area + div {
  margin-top: 75px;
}
.flpzgB {
  min-height: 0px !important;
}

.contact_form .form-group {
  margin-bottom: 0px;
}
.contact_form .form-group textarea.form-control {
  height: 80px;
}
.contact_form .form-group .form-control{
  padding-left: 10px;
  border: 1px solid #d7cece;
  font-family: "Lato";
}


textarea, select, .at-select select, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
height: 35px;
padding: 10px 10px;
border: 1px solid #d7cece;
}
select, .at-select select, .form-control .uneditable-input {
  height: 40px !important;
}
.footer-bottom {
  padding-top: 20px;
  padding-bottom: 15px;
}
#at-contacts-list .MuiDialog-paperWidthSm {
  max-width: 500px;
  min-width: 400px;
}
.col-lg-4 {
  -ms-flex: 0 0 34.333333%;
  flex: 0 0 34.333%;
  max-width: 34.333%;
}
.preloader .preloader-circle {
  width: 60px;
  height: 60px;
}
.banner_area .banner_inner .banner_content {
  padding: 50px 30px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Lato";
  font-weight: normal;
}
#features-ItemsCarousel .mission_text {
  text-align: left;  
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  border: solid 1px #555;
}

.magic-dots.slick-dots ul{
  margin-bottom: 30px !important;
}

.MuiDialog-paperScrollPaper{
  max-height: calc(100% - 63px) !important;
}

.magic-dots.slick-dots li.slick-active button::before {
  color: #a7cb00 !important;
}