﻿/* Lato font */
 
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


  body, html{
font-family: 'Lato'!important;
font-weight: 300!important;
font-size:17px!important;
line-height: 1.6!important;
letter-spacing: normal;
color:#151e24!important;
}


.black {

	color:#151e24!important;
}

  h1, h2, h3, h4, h5, h6 {
	line-height: 1.3!important;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 8px 0!important;
}
h1{
	font-weight: 700!important;
	font-size: 44px!important;
}

h2{
	font-size: 36px!important;
	font-weight: 400!important;
}

h3{
	font-size: 30px!important;
	font-weight: 400!important;
}

h4{
	font-size: 26px!important;
	font-weight: 400!important;
}

h5{
	font-size: 22px!important;
	font-weight: 400!important;
}

h6{
	font-size: 19px!important;
	font-weight: 400!important;
}

small{
	font-size: 15px!important;
	
}

html strong, html b, body strong, body b {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
}


/* Lato font */


:root {
    --grey-light: #f2f7f7;
    --grey-normal: #e9f0f2;
    --grey-medium: #d5dfe2;
    --grey-dark: #8296a5;
    --teal: #559bab;
    --slate: #37525f;
    --navy: #18303d;
    --charcoal: #151e24;
    --mint: #ccebe8;
    --seafoam: #20d2b5;
    --lemon: #e7fba8;
    --blue: #0083c6;
    --cyan:#2E5361;
    --green:#b8ff06;
  }

  .bg-grey-light {
    background: var(--grey-light) !important;
  }
  .bg-grey-normal {
    background-color: #e9f0f2 !important;
  }
  .bg-grey-medium {
    background: var(--grey-medium) !important;
  }
  .bg-grey-dark {
    background: var(--grey-dark) !important;
  }
  .bg-teal {
    background-color: #559bab !important;
  }
  .bg-slate {
    background-color: #37525f !important;
  }
  .bg-navy {
    background-color: #18303d !important;
  }
  .bg-charcoal {
    background-color: #151e24 !important;
  }
  .bg-mint {
    background-color: #ccebe8 !important;
  }
  .bg-seafoam {
    background: var(--seafoam) !important;
  }
  .bg-lemon {
    background: var(--lemon) !important;
  }
  .bg-light-green {
    background-color: #e7fba8 !important;
  }
  .bg-blue {
    background: var(--blue) !important;
  }
  .bg-green {
    background-color:var(--green) !important;
  }

  .grey-dark{
    color:#8296a5;
    }
    
  
  .text-lemon {
    color: var(--lemon) !important;
  }
 
  .light-green {
    color: #e7fba8 !important;
  }

  .charcoal {
    color: #151e24 !important;
  }

  .cyan {
    color: var(--cyan) !important;
  }
  .teal {
    color: var(--teal) !important;
  }
  .bg-slate {
    background-color: #2E5361 !important;
}
.text-slate {
  color: var(--slate) !important;
}
  .fs-19 {
    font-size: 19px;
    line-height: 26px;
    }
    
    .bold {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
    }
    
    .mt-30 {
    margin-top: 30px !important;
    }
    
    .mt-20 {
    margin-top: 20px !important;
    }
    
    .mt-15 {
    margin-top: 15px !important;
    }
    
    .mb-3 {
    margin-bottom: 3px;
    }
    
    .mb-5 {
    margin-bottom: 5px;
    }

    .lfs-17{
      font-size: 17px!important;
    }
    .lfs-19{
      font-size: 19px!important;
    }
    .lfs-21{
      font-size: 21px!important;
    } 

    .lfs-24{
      font-size: 24px!important;
    }.lfw-300{
      font-weight: 300!important;
          }
    .lfw-400{
font-weight: 400!important;
    } .lfw-700{
      font-weight: 700!important;
          }


.highlight{
  background: var(--lemon);
  font-weight: 400;
  display: inline-block;
  padding: 3px 10px;
}

.mt-0 {
  margin-top: 0!important;
}

.img-caption{
  font-weight: 400;
  margin-top: 20px;
}
.hr-grey-normal{
	margin: 60px 0;
    border-bottom: 1px solid #e9f0f2;
    display: block;
    width: 100%;
    padding: 0;
}.img-block{width: 100%!important;}
    @media (max-width: 1025px) {
     
     
      body.single .panel.author {
       
        padding: 20px;
    }
    }

    @media (max-width: 992px) {
      body, html, h1, h2, h3, h4, h5, h6, p, .description{
        text-align: left
        }
     
    }

    @media (max-width: 769px) {
   
     
      h1{
        font-size: 34px!important;
      }

      h2{
        font-size: 31px!important;
      }
      h3{
        font-size: 28px!important;
      }
      h4{
        font-size: 25px!important;
      }
      h5{
        font-size: 22px!important;
      }
      h6{
        font-size: 19px!important;
      }
    
    }

    @media (max-width: 480px) {
      h1, h2, h3, h4, h5, h6 {
        line-height: normal!important;
      }
      body, html{
        font-size: 15px!important;
        line-height: 1.5!important;
        }
        h1{
          font-size: 28px!important;
        }
  
        h2{
          font-size: 23px!important;
        }
        h3{
          font-size: 21px!important;
        }
        h4{
          font-size: 19px!important;
        }
        h5{
          font-size: 18px!important;
        }
        h6{
          font-size: 17px!important;
        }
        small{
          font-size: 14px!important;
          
        }
        .lfs-17{
          font-size: 15px!important;
        }
        .lfs-19{
          font-size: 17px!important;
        }
        .lfs-21{
          font-size: 18px!important;
        } .lfs-24{
          font-size: 20px!important;
        }
    }

    @media (max-width: 320px) {
     
    }


   