* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body,
html {
  margin: 0;
  padding: 0; }

html {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6; }
  @media (min-width: 38em) {
    html {
      font-size: 18px; } }

body {
  color: #515151;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a {
  color: #00BCFF;
  text-decoration: none;
  transition: .3s; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.1;
  color: #1a191b;
  letter-spacing: -.025rem; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.6rem; }

h3 {
  font-size: 1.3rem; }

h4,
h5,
h6 {
  font-size: 1rem; }

p {
  margin: 0 0 1rem; }

img {
  max-width: 100%; }

.size {
  width: 900px;
  max-width: 90%; }

.margin {
  margin: 0 auto; }

.min-height {
  min-height: calc(100vh - 80px - 200px);
  padding-top: 20px; }

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal; }

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal; }

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal; }

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal; }

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal; }

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal; }

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal; }

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal; }

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal; }

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic; }

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic; }

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic; }

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic; }

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic; }

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic; }

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic; }

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic; }

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic; }

.indent {
  margin-left: 2rem; }

.firstline {
  text-indent: 2em; }

/* only first line */
.menu {
  background: #072459;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden; }

.menu--content {
  height: 80px; }

.menu a {
  color: #00BCFF; }

.menu a span {
  font-weight: bold; }

.back-to-site {
  font-size: 14px; }
  @media screen and (max-width: 480px) {
    .back-to-site img {
      width: 22px; } }
  .back-to-site .back-to-site-text {
    margin-left: 5px;
    transition: .3s; }
    @media screen and (max-width: 480px) {
      .back-to-site .back-to-site-text {
        display: none; } }

.bg-header {
  background: #000; }

.header {
  min-height: 200px;
  background: url("../assets/img/pattern2.svg"), rgba(7, 36, 89, 0.9);
  background-size: 310px;
  width: 100%; }
  .header .header--block {
    color: #fff; }
    .header .header--block .header--block--input {
      display: flex;
      align-items: center;
      background: #fff;
      margin-top: 20px;
      border-radius: 4px;
      overflow: hidden;
      width: 100%;
      opacity: 0.5;
      transition: 0.3s; }
      .header .header--block .header--block--input:focus-within {
        opacity: 1;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); }
        .header .header--block .header--block--input:focus-within .header--block--input--icon {
          opacity: 1; }
      .header .header--block .header--block--input .header--block--input--icon {
        display: flex;
        align-content: center;
        justify-content: center;
        margin: 10px;
        box-sizing: border-box;
        opacity: 0.5; }
        .header .header--block .header--block--input .header--block--input--icon span {
          color: black; }
      .header .header--block .header--block--input .input-search {
        width: 100%;
        height: 60px;
        border: none;
        box-sizing: border-box;
        outline: none;
        font-size: 16px;
        background: transparent; }

.position-search {
  position: relative; }

.header--block--result {
  width: 100%;
  background: #fff;
  z-index: 9;
  position: absolute;
  top: 80px;
  left: 0;
  border-radius: 4px; }
  .header--block--result ul {
    list-style: none; }
    .header--block--result ul li {
      border-bottom: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      padding: 10px;
      box-sizing: border-box; }
      .header--block--result ul li:first-child {
        border-top: 1px solid #ddd; }
      .header--block--result ul li a:hover {
        color: #00BCFF; }

.footer {
  min-height: 200px;
  background: #ECECEC;
  overflow: hidden; }
  .footer .footer--block a {
    color: #00BCFF; }
    .footer .footer--block a span {
      font-weight: bold; }
  .footer .footer--block .by a {
    color: #00BCFF; }

.category-title {
  margin-bottom: 80px; }

@font-face {
  font-family: 'featherIcons';
  src: url("../assets/fonts/feather.eot?xsegw2");
  src: url("../assets/fonts/feather.eot?xsegw2#iefix") format("embedded-opentype"), url("../assets/fonts/feather.ttf?xsegw2") format("truetype"), url("../assets/fonts/feather.woff?xsegw2") format("woff"), url("../assets/fonts/feather.svg?xsegw2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'featherIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-activity:before {
  content: "\e900"; }

.icon-airplay:before {
  content: "\e901"; }

.icon-alert-circle:before {
  content: "\e902"; }

.icon-alert-octagon:before {
  content: "\e903"; }

.icon-alert-triangle:before {
  content: "\e904"; }

.icon-align-center:before {
  content: "\e905"; }

.icon-align-justify:before {
  content: "\e906"; }

.icon-align-left:before {
  content: "\e907"; }

.icon-align-right:before {
  content: "\e908"; }

.icon-anchor:before {
  content: "\e909"; }

.icon-aperture:before {
  content: "\e90a"; }

.icon-arrow-down:before {
  content: "\e90b"; }

.icon-arrow-down-left:before {
  content: "\e90c"; }

.icon-arrow-down-right:before {
  content: "\e90d"; }

.icon-arrow-left:before {
  content: "\e90e"; }

.icon-arrow-right:before {
  content: "\e90f"; }

.icon-arrow-up:before {
  content: "\e910"; }

.icon-arrow-up-left:before {
  content: "\e911"; }

.icon-arrow-up-right:before {
  content: "\e912"; }

.icon-at-sign:before {
  content: "\e913"; }

.icon-award:before {
  content: "\e914"; }

.icon-bar-chart:before {
  content: "\e915"; }

.icon-bar-chart-2:before {
  content: "\e916"; }

.icon-battery:before {
  content: "\e917"; }

.icon-battery-charging:before {
  content: "\e918"; }

.icon-bell:before {
  content: "\e919"; }

.icon-bell-off:before {
  content: "\e91a"; }

.icon-bluetooth:before {
  content: "\e91b"; }

.icon-bold:before {
  content: "\e91c"; }

.icon-book:before {
  content: "\e91d"; }

.icon-bookmark:before {
  content: "\e91e"; }

.icon-box:before {
  content: "\e91f"; }

.icon-briefcase:before {
  content: "\e920"; }

.icon-calendar:before {
  content: "\e921"; }

.icon-camera:before {
  content: "\e922"; }

.icon-camera-off:before {
  content: "\e923"; }

.icon-cast:before {
  content: "\e924"; }

.icon-check:before {
  content: "\e925"; }

.icon-check-circle:before {
  content: "\e926"; }

.icon-check-square:before {
  content: "\e927"; }

.icon-chevron-down:before {
  content: "\e928"; }

.icon-chevron-left:before {
  content: "\e929"; }

.icon-chevron-right:before {
  content: "\e92a"; }

.icon-chevron-up:before {
  content: "\e92b"; }

.icon-chevrons-down:before {
  content: "\e92c"; }

.icon-chevrons-left:before {
  content: "\e92d"; }

.icon-chevrons-right:before {
  content: "\e92e"; }

.icon-chevrons-up:before {
  content: "\e92f"; }

.icon-chrome:before {
  content: "\e930"; }

.icon-circle:before {
  content: "\e931"; }

.icon-clipboard:before {
  content: "\e932"; }

.icon-clock:before {
  content: "\e933"; }

.icon-cloud:before {
  content: "\e934"; }

.icon-cloud-drizzle:before {
  content: "\e935"; }

.icon-cloud-lightning:before {
  content: "\e936"; }

.icon-cloud-off:before {
  content: "\e937"; }

.icon-cloud-rain:before {
  content: "\e938"; }

.icon-cloud-snow:before {
  content: "\e939"; }

.icon-codepen:before {
  content: "\e93a"; }

.icon-command:before {
  content: "\e93b"; }

.icon-compass:before {
  content: "\e93c"; }

.icon-copy:before {
  content: "\e93d"; }

.icon-corner-down-left:before {
  content: "\e93e"; }

.icon-corner-down-right:before {
  content: "\e93f"; }

.icon-corner-left-down:before {
  content: "\e940"; }

.icon-corner-left-up:before {
  content: "\e941"; }

.icon-corner-right-down:before {
  content: "\e942"; }

.icon-corner-right-up:before {
  content: "\e943"; }

.icon-corner-up-left:before {
  content: "\e944"; }

.icon-corner-up-right:before {
  content: "\e945"; }

.icon-cpu:before {
  content: "\e946"; }

.icon-credit-card:before {
  content: "\e947"; }

.icon-crop:before {
  content: "\e948"; }

.icon-crosshair:before {
  content: "\e949"; }

.icon-delete:before {
  content: "\e94a"; }

.icon-disc:before {
  content: "\e94b"; }

.icon-download:before {
  content: "\e94c"; }

.icon-download-cloud:before {
  content: "\e94d"; }

.icon-droplet:before {
  content: "\e94e"; }

.icon-edit:before {
  content: "\e94f"; }

.icon-edit-2:before {
  content: "\e950"; }

.icon-edit-3:before {
  content: "\e951"; }

.icon-external-link:before {
  content: "\e952"; }

.icon-eye:before {
  content: "\e953"; }

.icon-eye-off:before {
  content: "\e954"; }

.icon-facebook:before {
  content: "\e955"; }

.icon-fast-forward:before {
  content: "\e956"; }

.icon-feather:before {
  content: "\e957"; }

.icon-file:before {
  content: "\e958"; }

.icon-file-minus:before {
  content: "\e959"; }

.icon-file-plus:before {
  content: "\e95a"; }

.icon-file-text:before {
  content: "\e95b"; }

.icon-film:before {
  content: "\e95c"; }

.icon-filter:before {
  content: "\e95d"; }

.icon-flag:before {
  content: "\e95e"; }

.icon-folder:before {
  content: "\e95f"; }

.icon-github:before {
  content: "\e960"; }

.icon-gitlab:before {
  content: "\e961"; }

.icon-globe:before {
  content: "\e962"; }

.icon-grid:before {
  content: "\e963"; }

.icon-hash:before {
  content: "\e964"; }

.icon-headphones:before {
  content: "\e965"; }

.icon-heart:before {
  content: "\e966"; }

.icon-help-circle:before {
  content: "\e967"; }

.icon-home:before {
  content: "\e968"; }

.icon-image:before {
  content: "\e969"; }

.icon-inbox:before {
  content: "\e96a"; }

.icon-info:before {
  content: "\e96b"; }

.icon-instagram:before {
  content: "\e96c"; }

.icon-italic:before {
  content: "\e96d"; }

.icon-layers:before {
  content: "\e96e"; }

.icon-layout:before {
  content: "\e96f"; }

.icon-life-buoy:before {
  content: "\e970"; }

.icon-link:before {
  content: "\e971"; }

.icon-link-2:before {
  content: "\e972"; }

.icon-list:before {
  content: "\e973"; }

.icon-loader:before {
  content: "\e974"; }

.icon-lock:before {
  content: "\e975"; }

.icon-log-in:before {
  content: "\e976"; }

.icon-log-out:before {
  content: "\e977"; }

.icon-mail:before {
  content: "\e978"; }

.icon-map:before {
  content: "\e979"; }

.icon-map-pin:before {
  content: "\e97a"; }

.icon-maximize:before {
  content: "\e97b"; }

.icon-maximize-2:before {
  content: "\e97c"; }

.icon-menu:before {
  content: "\e97d"; }

.icon-message-circle:before {
  content: "\e97e"; }

.icon-message-square:before {
  content: "\e97f"; }

.icon-mic:before {
  content: "\e980"; }

.icon-mic-off:before {
  content: "\e981"; }

.icon-minimize:before {
  content: "\e982"; }

.icon-minimize-2:before {
  content: "\e983"; }

.icon-minus:before {
  content: "\e984"; }

.icon-minus-circle:before {
  content: "\e985"; }

.icon-minus-square:before {
  content: "\e986"; }

.icon-monitor:before {
  content: "\e987"; }

.icon-moon:before {
  content: "\e988"; }

.icon-more-horizontal:before {
  content: "\e989"; }

.icon-more-vertical:before {
  content: "\e98a"; }

.icon-move:before {
  content: "\e98b"; }

.icon-music:before {
  content: "\e98c"; }

.icon-navigation:before {
  content: "\e98d"; }

.icon-navigation-2:before {
  content: "\e98e"; }

.icon-octagon:before {
  content: "\e98f"; }

.icon-package:before {
  content: "\e990"; }

.icon-paperclip:before {
  content: "\e991"; }

.icon-pause:before {
  content: "\e992"; }

.icon-pause-circle:before {
  content: "\e993"; }

.icon-percent:before {
  content: "\e994"; }

.icon-phone:before {
  content: "\e995"; }

.icon-phone-call:before {
  content: "\e996"; }

.icon-phone-forwarded:before {
  content: "\e997"; }

.icon-phone-incoming:before {
  content: "\e998"; }

.icon-phone-missed:before {
  content: "\e999"; }

.icon-phone-off:before {
  content: "\e99a"; }

.icon-phone-outgoing:before {
  content: "\e99b"; }

.icon-pie-chart:before {
  content: "\e99c"; }

.icon-play:before {
  content: "\e99d"; }

.icon-play-circle:before {
  content: "\e99e"; }

.icon-plus:before {
  content: "\e99f"; }

.icon-plus-circle:before {
  content: "\e9a0"; }

.icon-plus-square:before {
  content: "\e9a1"; }

.icon-pocket:before {
  content: "\e9a2"; }

.icon-power:before {
  content: "\e9a3"; }

.icon-printer:before {
  content: "\e9a4"; }

.icon-radio:before {
  content: "\e9a5"; }

.icon-refresh-ccw:before {
  content: "\e9a6"; }

.icon-refresh-cw:before {
  content: "\e9a7"; }

.icon-repeat:before {
  content: "\e9a8"; }

.icon-rewind:before {
  content: "\e9a9"; }

.icon-rotate-ccw:before {
  content: "\e9aa"; }

.icon-rotate-cw:before {
  content: "\e9ab"; }

.icon-save:before {
  content: "\e9ac"; }

.icon-scissors:before {
  content: "\e9ad"; }

.icon-search:before {
  content: "\e9ae"; }

.icon-server:before {
  content: "\e9af"; }

.icon-settings:before {
  content: "\e9b0"; }

.icon-share:before {
  content: "\e9b1"; }

.icon-share-2:before {
  content: "\e9b2"; }

.icon-shield:before {
  content: "\e9b3"; }

.icon-shopping-cart:before {
  content: "\e9b4"; }

.icon-shuffle:before {
  content: "\e9b5"; }

.icon-sidebar:before {
  content: "\e9b6"; }

.icon-skip-back:before {
  content: "\e9b7"; }

.icon-skip-forward:before {
  content: "\e9b8"; }

.icon-slack:before {
  content: "\e9b9"; }

.icon-slash:before {
  content: "\e9ba"; }

.icon-sliders:before {
  content: "\e9bb"; }

.icon-smartphone:before {
  content: "\e9bc"; }

.icon-speaker:before {
  content: "\e9bd"; }

.icon-square:before {
  content: "\e9be"; }

.icon-star:before {
  content: "\e9bf"; }

.icon-stop-circle:before {
  content: "\e9c0"; }

.icon-sun:before {
  content: "\e9c1"; }

.icon-sunrise:before {
  content: "\e9c2"; }

.icon-sunset:before {
  content: "\e9c3"; }

.icon-tablet:before {
  content: "\e9c4"; }

.icon-tag:before {
  content: "\e9c5"; }

.icon-target:before {
  content: "\e9c6"; }

.icon-thermometer:before {
  content: "\e9c7"; }

.icon-thumbs-down:before {
  content: "\e9c8"; }

.icon-thumbs-up:before {
  content: "\e9c9"; }

.icon-toggle-left:before {
  content: "\e9ca"; }

.icon-toggle-right:before {
  content: "\e9cb"; }

.icon-trash:before {
  content: "\e9cc"; }

.icon-trash-2:before {
  content: "\e9cd"; }

.icon-trending-down:before {
  content: "\e9ce"; }

.icon-trending-up:before {
  content: "\e9cf"; }

.icon-triangle:before {
  content: "\e9d0"; }

.icon-tv:before {
  content: "\e9d1"; }

.icon-twitter:before {
  content: "\e9d2"; }

.icon-type:before {
  content: "\e9d3"; }

.icon-umbrella:before {
  content: "\e9d4"; }

.icon-underline:before {
  content: "\e9d5"; }

.icon-unlock:before {
  content: "\e9d6"; }

.icon-upload:before {
  content: "\e9d7"; }

.icon-upload-cloud:before {
  content: "\e9d8"; }

.icon-user:before {
  content: "\e9d9"; }

.icon-user-check:before {
  content: "\e9da"; }

.icon-user-minus:before {
  content: "\e9db"; }

.icon-user-plus:before {
  content: "\e9dc"; }

.icon-user-x:before {
  content: "\e9dd"; }

.icon-users:before {
  content: "\e9de"; }

.icon-video:before {
  content: "\e9df"; }

.icon-video-off:before {
  content: "\e9e0"; }

.icon-voicemail:before {
  content: "\e9e1"; }

.icon-volume:before {
  content: "\e9e2"; }

.icon-volume-1:before {
  content: "\e9e3"; }

.icon-volume-2:before {
  content: "\e9e4"; }

.icon-volume-x:before {
  content: "\e9e5"; }

.icon-watch:before {
  content: "\e9e6"; }

.icon-wifi:before {
  content: "\e9e7"; }

.icon-wifi-off:before {
  content: "\e9e8"; }

.icon-wind:before {
  content: "\e9e9"; }

.icon-x:before {
  content: "\e9ea"; }

.icon-x-circle:before {
  content: "\e9eb"; }

.icon-x-square:before {
  content: "\e9ec"; }

.icon-zap:before {
  content: "\e9ed"; }

.icon-zoom-in:before {
  content: "\e9ee"; }

.icon-zoom-out:before {
  content: "\e9ef"; }

.content-post {
  min-height: calc(100vh - 480px);
  background: #f3f5f7;
  padding-top: 30px;
  padding-bottom: 30px; }

.list-item {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #C1C1C1;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  transition: .3s;
  overflow: hidden;
  cursor: pointer; }
  .list-item:last-child {
    margin-bottom: 0px; }
  .list-item:hover {
    border-color: #072459; }
  .list-item .list-item-icon {
    flex-basis: 100px;
    padding-right: 20px;
    font-size: 2rem;
    color: #072459; }
  .list-item .list-post-title {
    font-size: 22px;
    transition: .3s;
    color: #072459; }
  .list-item .list-post-description {
    font-size: 16px; }
  .list-item .list-post-written span {
    font-weight: bold; }
  .list-item small {
    font-size: 12px;
    opacity: 0.7; }

.list-item-2 {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #C1C1C1;
  padding: 40px;
  box-sizing: border-box;
  transition: .3s;
  margin-bottom: 10px;
  overflow: hidden; }
  .list-item-2:hover {
    border-color: #072459; }
    .list-item-2:hover .list-post-title {
      color: #072459; }
  .list-item-2 .list-item-2-img {
    margin-right: 20px; }
    @media screen and (max-width: 839px) {
      .list-item-2 .list-item-2-img {
        margin-right: 0;
        margin-top: 20px; } }

.please-note {
  border-left: 5px solid #3bd3c5;
  background-color: #e6f9f7;
  padding: 15px;
  padding-top: 25px;
  margin: 20px 0; }

.please-note strong {
  text-transform: uppercase; }

.breadcrumbs {
  margin-top: 20px;
  font-size: 14px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5); }
  .breadcrumbs a {
    color: #00BCFF; }