@font-face {

    font-family: 'Graphik Web';

    src: url(../webfonts/Graphik-Regular-Web.eot);

    src: url(../webfonts/Graphik-Regular-Web.eot?#iefix) format("embedded-opentype"), url(../webfonts/Graphik-Regular-Web.woff) format("woff"), url(../webfonts/Graphik-Regular-Web.ttf) format("truetype"), url(../webfonts/Graphik-Regular-Web.svg#Graphik-Regular) format("svg");

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    font-display: block;

}



@font-face {

    font-family: 'Graphik Web';

    src: url(../webfonts/Graphik-Medium-Web.eot);

    src: url(../webfonts/Graphik-Medium-Web.eot?#iefix) format("embedded-opentype"), url(../webfonts/Graphik-Medium-Web.woff) format("woff"), url(../webfonts/Graphik-Medium-Web.ttf) format("truetype"), url(../webfonts/Graphik-Medium-Web.svg#Graphik-Medium) format("svg");

    font-weight: 500;

    font-style: normal;

    font-stretch: normal;

    font-display: block;

}



@font-face {

    font-family: 'Graphik Web';

    src: url(../webfonts/Graphik-Semibold-Web.eot);

    src: url(../webfonts/Graphik-Semibold-Web.eot?#iefix) format("embedded-opentype"), url(../webfonts/Graphik-Semibold-Web.woff) format("woff"), url(../webfonts/Graphik-Semibold-Web.ttf) format("truetype"), url(../webfonts/Graphik-Semibold-Web.svg#Graphik-Semibold) format("svg");

    font-weight: 600;

    font-style: normal;

    font-stretch: normal;

    font-display: block;

}

*, ::after, ::before {

    box-sizing: border-box;

}

body{

    margin: 0;

    padding: 0;

    font-family: 'Graphik Web';

    overflow-x: hidden;

}

.container{

    width: 100%;

    max-width: 1140px;

    margin: 0 auto;

}

@media only screen and (max-width: 767px) {

    .container{

        padding-left: 15px;

        padding-right: 15px;

    }

  }

.full-wrapper{

    width: 100%;

    height: 100%;

    min-height: 100vh;

    position: relative;

    overflow-x: hidden;



}

.full-wrapper .shade{

    position: absolute;

    top: 4vh;

    right: -35%;

    width: 90%;

}

@media only screen and (max-width: 767px) {

    .full-wrapper .shade{

        display: none;

        /* top: -2vh;

        right: -29%;

        width: 100%; */

    }

  }

/* HEADER */

.header-wrapper{

    background-color: #e4edf0;

    padding: 100px 0 85px;

}

@media only screen and (max-width: 767px) {

    .header-wrapper{

        background-color: #e4edf0;

        padding: 50px 0 30px;

    }

  }

.header-wrapper .container{

    display: flex;

    align-items: flex-start;

    flex-direction: column;

}

.header-wrapper .logo{

    margin: 0 0 30px;

}

.header-wrapper .logo img{

    height: 80px;

}

.header-wrapper .heading{

    font-size: 68px;

    font-weight: 600;

    color: #000;

    margin: 0 0 30px;

    position: relative;

    z-index: 1;

}

@media only screen and (max-width: 767px) {

    .header-wrapper .heading{

        font-size: 30px;

    }

  }

.header-wrapper .sub-heading{

    font-size: 21px;

    font-weight: 500;

    color: #000;

    margin: 0 0 15px;

    position: relative;

    z-index: 1;

}

@media only screen and (max-width: 767px) {

    .header-wrapper .sub-heading{

        font-size: 16px;

        margin-bottom: 20px;

    }

  }

/* FOOTER */

.footer-wrapper{

    padding-top: 50px;

}

.footer-wrapper .top-wrapper{

    position: relative;

}

.footer-wrapper .top-wrapper:after{

    position: absolute;

    content: "";

    width: 100px;

    height: 1px;

    background-color: #e5e5e5;

    margin-top: 30px;

}

.footer-wrapper .heading{

    font-size: 22px;

    font-weight: 500;

    color: #37b23a;

    text-transform: uppercase;

}

.footer-wrapper .sub-heading{

    font-size: 22px;

    font-weight: 500;

    color: #37b23a;

    text-transform: lowercase;

}

.footer-wrapper .bottom-wrapper{

    display: flex;

    flex-wrap: wrap;

    margin-top: 60px;

}



.footer-wrapper .bottom-wrapper .bottom-wrapper-col{

    margin-right: 50px;

}

@media only screen and (max-width: 767px) {

    .footer-wrapper .bottom-wrapper .bottom-wrapper-col{

        margin-right: 25px;

    }

  }
  .footer-wrapper .bottom-wrapper.logo .bottom-wrapper-col{

    margin-right: 20px;

}
.footer-wrapper .bottom-wrapper-col .label{

    font-size: 13px;

    font-weight: 400;

    color: #000;

}

@media only screen and (max-width: 767px) {

    .footer-wrapper .bottom-wrapper-col .label{

        font-size: 11px;

    }

  }

.footer-wrapper .bottom-wrapper-col .text{

    font-size: 24px;

    font-weight: 500;

    color: #3D66DB;

    text-decoration: none;

}

@media only screen and (max-width: 767px) {

    .footer-wrapper .bottom-wrapper-col .text{

        font-size: 20px;

    }

  }

  .cmm{
      max-height: 75px;
  }
  .iso{
    max-height: 75px;
}
@media only screen and (max-width: 767px) {

    .cmm{
        max-height: 50px;
    }
    .iso{
      max-height: 50px;
  }

  }