/*--------------------------- Color variations ----------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/* =================================== */
/*  Basic Style 
/* =================================== */
/* line 4, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
body {
  color: #8a949f;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  position: relative;
  background: #161e26;
}

/* line 14, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h1, h2, h3,
h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  color: #222222;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
}

/* line 24, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h1, .h1 {
  font-size: 36px;
}

/* line 25, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h2, .h2 {
  font-size: 30px;
}

/* line 26, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h3, .h3 {
  font-size: 24px;
}

/* line 27, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h4, .h4 {
  font-size: 18px;
}

/* line 28, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h5, .h5 {
  font-size: 16px;
}

/* line 29, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
h6, .h6 {
  font-size: 14px;
}

/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
::-webkit-input-placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
::-moz-input-placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
::-o-input-placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 37, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
::-moz-selection {
  /* Code for Firefox */
  background-color: #1da0f9;
  color: #fff;
}

/* line 41, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
::selection {
  background-color: #1da0f9;
  color: #fff;
}

/* line 47, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 52, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
select {
  display: block;
}

/* line 55, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
figure {
  margin: 0;
}

/* line 59, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
a {
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 63, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
a.link {
  color: #49c0fc;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 66, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
a.link:hover {
  opacity: .7;
}

/* line 71, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
iframe {
  border: 0;
}

/* line 75, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
a, a:focus, a:hover {
  text-decoration: none;
  outline: 0;
}

/* line 79, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  text-decoration: none;
  outline: 0;
}

/* line 89, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.card-panel {
  margin: 0;
  padding: 60px;
}

/**
 *  Typography
 *
 **/
/* line 97, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
  font-size: 1em;
  line-height: inherit;
}

/* line 101, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
td, th {
  border-radius: 0px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.clear::before, .clear::after {
  content: " ";
  display: table;
}

/* line 119, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.clear::after {
  clear: both;
}

/* line 125, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-10 {
  margin-top: 10px;
}

/* line 126, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-15 {
  margin-top: 15px;
}

/* line 127, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-20 {
  margin-top: 20px;
}

/* line 128, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-25 {
  margin-top: 25px;
}

/* line 129, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-30 {
  margin-top: 30px;
}

/* line 130, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-35 {
  margin-top: 35px;
}

/* line 131, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-40 {
  margin-top: 40px;
}

/* line 132, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-50 {
  margin-top: 50px;
}

/* line 133, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-60 {
  margin-top: 60px;
}

/* line 134, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-70 {
  margin-top: 70px;
}

/* line 135, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-80 {
  margin-top: 80px;
}

/* line 136, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-100 {
  margin-top: 100px;
}

/* line 137, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-120 {
  margin-top: 120px;
}

/* line 138, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mt-150 {
  margin-top: 150px;
}

/* line 140, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.ml-10 {
  margin-left: 10px;
}

/* line 141, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.ml-15 {
  margin-left: 15px;
}

/* line 142, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.ml-20 {
  margin-left: 20px;
}

/* line 143, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.ml-30 {
  margin-left: 30px;
}

/* line 144, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.ml-50 {
  margin-left: 50px;
}

/* line 146, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mr-15 {
  margin-right: 15px;
}

/* line 147, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mr-10 {
  margin-right: 10px;
}

/* line 148, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mr-20 {
  margin-right: 20px;
}

/* line 149, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mr-30 {
  margin-right: 30px;
}

/* line 150, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mr-50 {
  margin-right: 50px;
}

/* line 152, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-0-i {
  margin-bottom: 0px;
}

/* line 153, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 154, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-15 {
  margin-bottom: 15px;
}

/* line 155, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 156, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-25 {
  margin-bottom: 25px;
}

/* line 157, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-30 {
  margin-bottom: 30px;
}

/* line 158, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-40 {
  margin-bottom: 40px;
}

/* line 159, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-50 {
  margin-bottom: 50px;
}

/* line 160, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-60 {
  margin-bottom: 60px;
}

/* line 161, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-70 {
  margin-bottom: 70px;
}

/* line 162, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-80 {
  margin-bottom: 80px;
}

/* line 163, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-90 {
  margin-bottom: 90px;
}

/* line 164, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.mb-100 {
  margin-bottom: 100px;
}

/* line 166, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-10 {
  padding-top: 10px;
}

/* line 167, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-15 {
  padding-top: 15px;
}

/* line 168, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-20 {
  padding-top: 20px;
}

/* line 169, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-25 {
  padding-top: 25px;
}

/* line 170, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-30 {
  padding-top: 30px;
}

/* line 171, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-40 {
  padding-top: 40px;
}

/* line 172, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-50 {
  padding-top: 50px;
}

/* line 173, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-60 {
  padding-top: 60px;
}

/* line 174, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-70 {
  padding-top: 70px;
}

/* line 175, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-80 {
  padding-top: 80px;
}

/* line 176, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-90 {
  padding-top: 90px;
}

/* line 177, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-100 {
  padding-top: 100px;
}

/* line 178, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-120 {
  padding-top: 120px;
}

/* line 179, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-150 {
  padding-top: 150px;
}

/* line 180, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pt-170 {
  padding-top: 170px;
}

/* line 182, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-10 {
  padding-bottom: 10px;
}

/* line 183, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-15 {
  padding-bottom: 15px;
}

/* line 184, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-20 {
  padding-bottom: 20px;
}

/* line 185, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-25 {
  padding-bottom: 25px;
}

/* line 186, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-30 {
  padding-bottom: 30px;
}

/* line 187, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-40 {
  padding-bottom: 40px;
}

/* line 188, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-50 {
  padding-bottom: 50px;
}

/* line 189, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-60 {
  padding-bottom: 60px;
}

/* line 190, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-70 {
  padding-bottom: 70px;
}

/* line 191, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-80 {
  padding-bottom: 80px;
}

/* line 192, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-90 {
  padding-bottom: 90px;
}

/* line 193, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-100 {
  padding-bottom: 100px;
}

/* line 194, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-120 {
  padding-bottom: 120px;
}

/* line 195, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pb-150 {
  padding-bottom: 150px;
}

/* line 197, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pr-30 {
  padding-right: 30px;
}

/* line 198, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pl-30 {
  padding-left: 30px;
}

/* line 199, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.pl-90 {
  padding-left: 90px;
}

/* line 202, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.p-40 {
  padding: 40px;
}

/* line 205, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.text-color {
  color: #8a949f;
}

/* line 210, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.darken-bg2 {
  background: #161e26;
}

/* line 213, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_reset.scss */
.darken-bg3 {
  background: #1d2732;
}

/* =================================== */
/*  Start Section Spacing Area Styles
/* =================================== */
/* line 4, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.section-gap {
  padding: 120px 0;
}

@media (max-width: 991px) {
  /* line 4, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
  .section-gap {
    padding: 80px 0;
  }
}

/* line 11, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.section-gap-top {
  padding-top: 120px;
}

@media (max-width: 991px) {
  /* line 11, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
  .section-gap-top {
    padding-top: 80px;
  }
}

/* line 18, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.section-gap-bottom {
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  /* line 18, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
  .section-gap-bottom {
    padding-bottom: 80px;
  }
}

/* =================================== */
/*  End Section Spacing Area Styles
/* =================================== */
/* line 28, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.gradient-bg, .gradient-color, .primary-btn, .primary-btn2:hover, .primary-btn3:hover, .single-snippet:hover .version, .snippet-pagination .page-item:hover:first-child .page-link, .snippet-pagination .page-item:hover:last-child .page-link, .select2-container.select2-container--default.select2-container--open .select2-selection--single, .navbar-nav .nav-item .nav-link.nav-hovarable:hover, .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle, .blog-details-area .meta-info .athor-social a:hover, .blog-details-area .blog-btn:hover i, .comment-section .votecell button:hover, .comment-section .comment .comment-btn:hover, .athor-social a:hover {
  background: -webkit-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
  background: -moz-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
  background: -o-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
  background: -linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
}

/* line 32, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.gradient-color {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 38, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn {
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0px 28px;
  border-radius: 0px;
  border: 1px solid transparent;
  background-origin: border-box;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

/* line 56, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn:focus {
  outline: none;
}

/* line 59, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn:hover {
  color: #8a949f;
  background: #1d2732;
}

/* line 65, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn2 {
  background: #1d2732;
  color: #8a949f;
  height: 50px;
  line-height: 50px;
  padding: 0px 28px;
  border-radius: 0px;
  border: 1px solid transparent;
  background-origin: border-box;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

/* line 83, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn2:focus {
  outline: none;
}

/* line 86, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn2:hover {
  color: #fff;
}

/* line 92, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn3 {
  background: #45546d;
  color: #8a949f;
  height: 50px;
  line-height: 50px;
  padding: 0px 28px;
  border-radius: 0px;
  border: 1px solid transparent;
  background-origin: border-box;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

/* line 110, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn3:focus {
  outline: none;
}

/* line 113, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn3:hover {
  color: #fff;
}

/* line 118, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.primary-btn3.text-white:hover {
  background: #45546d;
}

/* line 124, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 132, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_predefined.scss */
.img-100 {
  max-width: 100px;
  height: auto;
}

/* =================================== */
/*  Start Single Snippets Area Styles
/* =================================== */
/* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet {
  position: relative;
  margin-bottom: 30px;
}

/* line 9, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .overlay {
  width: 101%;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 14, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .short-details {
  position: absolute;
  top: -75px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  padding: 0px 20px;
  max-height: 78px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 28, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .meta {
  position: relative;
  background: #1d2732;
  padding: 30px 25px;
  border-radius: 20px 20px 0px 0px;
  margin-top: -20px;
  z-index: 10;
}

/* line 36, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  max-width: 72%;
}

/* line 41, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet h4 a {
  display: block;
  color: #8a949f;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 47, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .version {
  display: inline-block;
  background: #424b55;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  padding: 5px 9px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 56, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .meta-bottom {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

/* line 60, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .meta-bottom a {
  color: #586779;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 63, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet .meta-bottom a:hover {
  cursor: pointer;
  color: #fff;
}

/* line 70, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet:hover .overlay {
  background: #161e26;
  opacity: .4;
}

/* line 74, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet:hover .short-details {
  top: -95px;
  opacity: 1;
  visibility: visible;
}

/* line 80, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet:hover h4 a {
  color: #fff;
}

/* line 84, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.single-snippet:hover .version {
  color: #fff;
}

/* =================================== */
/*  End Single Snippets Area Styles
/* =================================== */
/* =================================== */
/*  Start Pagination Area Styles
/* =================================== */
/* line 103, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-pagination ul li{
  display: inline-block;
}
.snippet-pagination ul li .page-numbers.current,
.snippet-pagination ul li a {
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #161e26;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  padding: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.snippet-pagination ul li a {
  background: rgba(66, 75, 85, 0.25);
  color: #8a949f;
}
.snippet-pagination ul li .page-numbers.current,
.snippet-pagination ul li:hover a {
    background: transparent;
    color: #fff;
}
.snippet-pagination ul li:first-child:hover a,
.snippet-pagination ul li:last-child:hover a {
    background: -webkit-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
    background: -moz-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
    background: -o-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
    background: -linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
}
/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-pagination .page-item:hover .page-link {
  background: transparent;
  color: #fff;
}

/* line 124, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-pagination .page-item:hover:first-child .page-link, .snippet-pagination .page-item:hover:last-child .page-link {
  color: #fff;
}

/* =================================== */
/*  End Pagination Area Styles
/* =================================== */
/* =================================== */
/*  Start Subscriber Area Styles
/* =================================== */
/* line 144, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscriber-area .promise {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #586779;
}

/* line 152, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscribe-form {
  background: rgba(88, 103, 121, 0.2);
  max-width: 660px;
  margin: 0px auto;
  padding: 0px 30px;
  border-radius: 20px 20px 0px 0px;
}

/* line 158, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscribe-form h2 {
  font-size: 30px;
}

/* line 161, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscribe-form .form-control,
.subscribe-form .btn {
  height: 60px;
}

/* line 165, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscribe-form .form-control {
  background: transparent;
  padding: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #8a949f;
}

/* line 172, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscribe-form .btn {
  border: 0px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 180, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.subscribe-form .btn:hover {
  background: transparent;
  opacity: .7;
}

/* =================================== */
/*  End Subscriber Area Styles
/* =================================== */
/* =================================== */
/*  Start Filter Area Styles
/* =================================== */
/* line 197, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.filters {
  text-align: center;
}

@media (max-width: 991px) {
  /* line 197, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .filters {
    margin-top: 40px;
  }
}

/* line 202, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.filters ul {
  padding: 0;
  text-align: right;
}

@media (max-width: 991px) {
  /* line 202, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .filters ul {
    text-align: left;
  }
}

/* line 208, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.filters ul li {
  list-style: none;
  display: inline-block;
  padding: 6px 31px;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  background: #1d2732;
  color: #8a949f;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 221, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.filters ul li.active, .filters ul li:hover {
  background: #586779;
  border-bottom: 2px solid #1da0f9;
  color: #fff;
}

/* =================================== */
/*  End Filter Area Styles
/* =================================== */
/* =================================== */
/*  Start Select Area Styles
/* =================================== */
/* line 243, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default {
  width: 100% !important;
}

/* line 245, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-selection--single {
  background: #1d2732;
  border: 0px;
  border-radius: 0px;
  height: 40px;
  padding-right: 100px;
}

@media (max-width: 1480px) {
  /* line 245, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .select2-container.select2-container--default .select2-selection--single {
    padding-right: 10px;
  }
}

/* line 254, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-selection--single:focus {
  outline: none;
}

/* line 257, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #586779;
  font-size: 13px;
  line-height: 40px;
  padding-left: 20px;
}

/* line 264, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0px;
  position: relative;
}

/* line 267, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "\e64b";
  font-family: 'themify';
  position: absolute;
  top: -10px;
  left: 0px;
  left: -14px;
  font-size: 12px;
  color: #586779;
}

@media (max-width: 1480px) {
  /* line 267, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    left: -6px;
  }
}

/* line 286, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

/* line 291, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  color: #fff;
}

/* line 297, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
  border: 0px;
}

/* line 301, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-results > .select2-results__options {
  background: #1d2732;
  min-width: 184px;
  padding: 16px 0px;
}

/* line 306, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
  background: transparent;
  font-size: 12px;
  font-weight: 300;
  color: #586779;
}

/* line 312, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container.select2-container--default .select2-results__option[aria-selected] {
  padding: 4px 20px;
  font-size: 13px;
}

@media (max-width: 1480px) {
  /* line 312, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .select2-container.select2-container--default .select2-results__option[aria-selected] {
    padding: 4px 16px;
  }
}

/* line 321, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #1d2732;
}

/* =================================== */
/*  Start Select Area Styles
/* =================================== */
/* line 330, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-editor {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

/* line 336, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-selection-area {
  padding: 20px 0px;
}

/* line 338, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-selection-area .form-control {
  background: #1d2732;
  font-size: 13px;
  color: #fff;
  font-weight: 300;
  padding: 0px 20px;
}
.snippet-selection-area textarea.form-control {
  padding-top: 11px;
  height: 96px;
}
/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.snippet-selection-area .form-control.placeholder {
  font-size: 13px;
  color: #586779;
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.snippet-selection-area .form-control::-webkit-input-placeholder {
  font-size: 13px;
  color: #586779;
}

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.snippet-selection-area .form-control::-moz-input-placeholder {
  font-size: 13px;
  color: #586779;
}

/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.snippet-selection-area .form-control::-o-input-placeholder {
  font-size: 13px;
  color: #586779;
}

/* line 350, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-selection-area .navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle {
  border-top: 0px;
}

/* line 353, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-selection-area .navbar-nav .nav-item .nav-link.dropdown-toggle {
  padding: 4px 25px 5px;
  border-top: 0px;
  background: #1d2732;
}

@media (max-width: 1199px) {
  /* line 353, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .snippet-selection-area .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding: 4px 18px 5px;
  }
}

/* line 360, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-selection-area .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  margin-left: 61%;
}

@media (max-width: 1680px) {
  /* line 360, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .snippet-selection-area .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    margin-left: 54%;
  }
}

@media (max-width: 1480px) {
  /* line 360, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .snippet-selection-area .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    margin-left: 44%;
  }
}

/* line 369, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-selection-area .navbar-nav .nav-item .nav-link.dropdown-toggle:hover {
  border-top: 0px;
}

/* line 377, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.snippet-area .create-snippet {
  background: #273248;
  padding: 30px 0px;
}

/* line 385, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.login-area {
  max-height: 100vh;
  overflow: hidden;
}

.snippet-selection-area .navbar-nav .dropdown-menu span {
  cursor: pointer;
}

@media (max-width: 1199px) {
  /* line 385, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .login-area {
    max-height: initial;
  }
}

/* line 391, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.login-area .fb-btn {
  background: #4668b5;
}

/* line 393, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.login-area .fb-btn:hover {
  opacity: .7;
}

/* line 397, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.login-area .github-btn {
  background: #24292e;
}

/* line 399, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.login-area .github-btn:hover {
  opacity: .7;
}

/* line 404, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.login-area .text-color:hover {
  color: #49c0fc;
}

/* necessary to give position: relative to parent. */
/* line 419, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.input-effect {
  width: 100%;
  border: 0;
  padding: 4px 0;
  border-bottom: 1px solid rgba(138, 148, 159, 0.25);
  background-color: transparent;
  color: #586779;
  font-weight: 300;
}

/* line 427, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.input-effect:focus {
  outline: none;
}

/* line 432, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.input-effect ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #49c0fc;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* line 442, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.input-effect:focus ~ .focus-border,
.has-content.input-effect ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0;
}

/* line 449, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.input-effect ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 9px;
  color: #586779;
  font-size: 13px;
  text-transform: capitalize;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px;
}

/* line 462, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.input-effect:focus ~ label,
.has-content.input-effect ~ label {
  top: -20px;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  transition: 0.3s;
}

/* line 472, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.common-checkbox input {
  position: relative;
  z-index: -9999;
  display: none;
}

/* line 478, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.common-checkbox span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: rgba(138, 148, 159, 0.5);
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  top: 3px;
}

/* line 489, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.common-checkbox input:checked + span {
  position: relative;
  background: #8a949f;
}

/* line 492, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.common-checkbox input:checked + span:before {
  content: "\e64c";
  font-family: 'themify';
  color: #161e26;
  font-size: 12px;
  display: inline-block;
  position: absolute;
  top: -4px;
  left: 2px;
  font-weight: 500;
}

/* line 505, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.common-checkbox ~ label {
  cursor: pointer;
}

/* line 509, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.hv-cnter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 517, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-top {
  border-bottom: 1px solid rgba(138, 148, 159, 0.2);
  padding-bottom: 50px;
}

/* line 520, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-top .nav-tabs {
  border: 0px;
}

/* line 522, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-top .nav-tabs .nav-link {
  background: #45546d;
  color: #8a949f;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 2px;
  border: 0px;
  border-bottom: 2px solid transparent;
}
.sinppet-details-top .nav-tabs .nav-link span a {
  color: #8a949f;
  font-size: 12px;
  font-weight: 500;
}
/* line 531, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-top .nav-tabs .nav-link:hover, .sinppet-details-top .nav-tabs .nav-link.active {
  background: #586779;
  color: #fff;
  border-bottom: 2px solid #49c0fc;
}
.sinppet-details-top .nav-tabs .nav-link:hover span a {
  color: #fff;
}
/* line 541, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom {
  padding-top: 120px;
  padding-bottom: 90px;
}

/* line 544, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-title {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

/* line 549, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-header {
  border-bottom: 0px;
  padding: 50px 40px 15px;
}

/* line 552, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-header .close {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-author img {
  width: 40px;
  height: 40px;
}
/* line 554, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-header .close:focus {
  outline: 0px;
  box-shadow: 0px;
}

/* line 558, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-header .close span {
  color: #fff;
  font-weight: 300;
}

/* line 564, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-body {
  padding: 5px 40px 50px;
}

/* line 566, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-body ul {
  margin-left: 22px;
}

/* line 568, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-body ul li {
  list-style: decimal-leading-zero;
  margin-bottom: 8px;
}

/* line 571, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-body ul li:last-child {
  margin-bottom: 0px;
}

/* line 577, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .modal-content {
  background: #161e26;
  border: 0px;
}

/* line 582, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .owl-carousel .owl-nav {
  display: flex !important;
  justify-content: space-between !important;
  position: absolute;
  top: 45%;
  width: 110%;
  left: -67px;
}
#preview-container {
  max-height: 600px;
  overflow-x: hidden;
}
#preview-container iframe {
  width: 100%;
  height:auto;
}
#preview-container.wdw-fullscreen {
  max-height: 100%;
}
@media (max-width: 1480px) {
  /* line 582, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .sinppet-details-bottom .owl-carousel .owl-nav {
    width: 108%;
    left: -44px;
  }
}

@media (max-width: 1270px) {
  /* line 582, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
  .sinppet-details-bottom .owl-carousel .owl-nav {
    display: none !important;
  }
}

/* line 597, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .owl-carousel .owl-prev,
.sinppet-details-bottom .owl-carousel .owl-next {
  width: 40px;
  height: 40px;
  background: rgba(66, 75, 85, 0.25) !important;
  color: #fff !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 604, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.sinppet-details-bottom .owl-carousel .owl-prev:hover,
.sinppet-details-bottom .owl-carousel .owl-next:hover {
  background: linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%) !important;
  background: -webkit-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%) !important;
  background: -moz-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%) !important;
  background: -o-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%) !important;
  background: -ms-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%) !important;
}

/* line 615, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.ace-monokai {
  background: #45546d;
}

/* line 619, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.ace-monokai .ace_gutter {
  background: #1d2732;
}

/* line 623, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.ace-monokai .ace_print-margin {
  width: 0px;
  background: transparent;
}

/* line 628, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.ace-monokai .ace_marker-layer .ace_active-line {
  background: #586779;
}

/* line 632, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.ace_folding-enabled > .ace_gutter-cell {
  padding-right: 17px;
}

/* line 636, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_component.scss */
.ace_gutter-cell {
  padding-left: 11px;
}

/* =================================== */
/*  Start Header Area Styles
/* =================================== */
/* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
#header {
  padding: 0px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 997;
  background: #1d2732;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 1199px) {
  /* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  #header {
    padding: 15px;
  }
}

/* line 17, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
#header.header-scrolled {
  position: fixed;
  width: 100%;
  box-shadow: 0px 5px 30px #101820;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 24, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
#header .navbar-toggler i {
  color: #fff;
}

@media (max-width: 1199px) {
  /* line 28, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  #header .navbar-collapse {
    position: absolute;
    top: 70px;
    left: 15px;
    right: 15px;
    box-shadow: 0px 5px 30px #101820;
  }
}

/* line 40, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item {
  border-left: 2px solid #1d2732;
}

/* line 42, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .nav-link {
  background: #161e26;
  color: #8a949f;
  border-top: 2px solid transparent;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 16px 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 1380px) {
  /* line 42, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .nav-link {
    padding: 16px 25px;
  }
}

/* line 54, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .nav-link:hover {
  border-top: 2px solid #49c0fc;
}

/* line 57, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .nav-link.dropdown-toggle {
  padding: 13px 25px 15px;
}

@media (max-width: 1680px) {
  /* line 57, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding: 13px 25px 13px 16px;
  }
}

/* line 62, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  content: "\e64b";
  font-family: 'themify';
  position: relative;
  top: 3px;
  font-size: 12px;
  margin-left: 90px;
  border: 0px;
}

@media (max-width: 1680px) {
  /* line 62, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    margin-left: 40px;
  }
}

@media (max-width: 1380px) {
  /* line 62, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    margin-left: 20px;
  }
}

/* line 79, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .nav-link.nav-hovarable:hover {
  color: #fff;
  border-top: 2px solid transparent;
}

/* line 86, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu {
  background: #1d2732;
  padding: 28px 25px;
}

@media (max-width: 1680px) {
  /* line 86, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .dropdown-menu {
    padding: 28px 15px;
  }
}

/* line 92, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu li.separator a {
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 300;
  color: #586779;
  border-bottom: 1px solid rgba(138, 148, 159, 0.1);
  cursor: inherit;
  text-transform: capitalize;
}

.navbar-nav .nav-item .dropdown-menu li.separator .dropdown-item:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 0px;
  height: 0px;
  background: transparent;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.navbar-nav .nav-item .dropdown-menu li.separator .dropdown-item:hover, 
.navbar-nav .nav-item .dropdown-menu li.separator .dropdown-item:focus {
  background: transparent;
  color: #586779;
  padding-left: 0px;
}
/* line 100, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: #8a949f;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 8px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

@media (max-width: 1680px) {
  /* line 100, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    font-size: 11px;
  }
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
/*.navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0px;
}*/

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu .dropdown-item i {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 0px;
}

/* line 120, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu .dropdown-item:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 9px;
  height: 9px;
  background: #1da0f9;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 131, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
  background: transparent;
  color: #fff;
  padding-left: 24px;
}

@media (max-width: 1680px) {
  /* line 131, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
    padding-left: 16px;
  }
}

/* line 139, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover:before, .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus:before {
  opacity: 1;
}

@media (max-width: 1199px) {
  /* line 145, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item.dropdown {
    max-height: 300px;
    overflow: scroll;
  }
}

/* line 152, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle {
  color: #fff;
  border-top: 2px solid transparent;
}

/* line 160, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group {
  min-width: 545px;
}

@media (max-width: 1610px) {
  /* line 160, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .input-group {
    min-width: 350px;
  }
}

@media (max-width: 1199px) {
  /* line 160, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
  .navbar-nav .nav-item .input-group {
    min-width: 250px;
  }
}

/* line 168, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group .input-group-text {
  background: #161e26;
}

/* line 171, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group .form-control,
.navbar-nav .nav-item .input-group .btn {
  background: #161e26;
}

/* line 174, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group .form-control:focus,
.navbar-nav .nav-item .input-group .btn:focus {
  box-shadow: none;
}

/* line 178, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group .form-control {
  height: 40px;
  font-size: 12px;
  font-weight: 300;
  padding: 0px 20px;
  color: #fff;
}

/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.navbar-nav .nav-item .input-group .form-control.placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #586779;
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.navbar-nav .nav-item .input-group .form-control::-webkit-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #586779;
}

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.navbar-nav .nav-item .input-group .form-control::-moz-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #586779;
}

/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.navbar-nav .nav-item .input-group .form-control::-o-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #586779;
}

/* line 190, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group .btn {
  color: #fff;
}

/* line 192, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_header.scss */
.navbar-nav .nav-item .input-group .btn i {
  font-size: 12px;
  font-weight: 400;
  color: #8a949f;
}

/* =================================== */
/*  End Header Area Styles
/* =================================== */
/* =================================== */
/*  Start Home Banner Area Styles
/* =================================== */
/* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.home-banner-area {
  background: #101820;
  padding: 80px 0px;
}

/* line 9, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.home-banner-area .video-play-box {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(88, 103, 121, 0.5);
  min-width: 80px;
  min-height: 80px;
  line-height: 80px;
  border-radius: 65px;
  text-align: center;
}

/* line 21, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.home-banner-area .video-play-box:after {
  background: #1d2732;
  z-index: 0;
  -webkit-animation: pulse-border 2000ms ease-out infinite;
  -moz-animation: pulse-border 2000ms ease-out infinite;
  -o-animation: pulse-border 2000ms ease-out infinite;
  animation: pulse-border 2000ms ease-out infinite;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

/* line 39, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.home-banner-content h1 {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  /* line 39, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .home-banner-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  /* line 47, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .home-banner-content h1 br {
    display: none;
  }
}

/* line 53, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.home-banner-content p {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 45px;
  max-width: 565px;
}

/* =================================== */
/*  End Home Banner Area Styles
/* =================================== */
/* =================================== */
/*  Start Common Banner Area Styles
/* =================================== */
/* line 70, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area {
  background-position: center center;
  background-size: cover;
}

/* line 73, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area.blog-banner-area {
  background-position: center center;
}

/* line 75, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area.blog-banner-area .banner-content {
  padding: 120px 0 316px;
}

@media (max-width: 767px) {
  /* line 75, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .common-banner-area.blog-banner-area .banner-content {
    padding: 120px 0px;
  }
}

/* line 82, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area .banner-content {
  min-height: 300px;
  padding: 120px 0;
}

/* line 85, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area .banner-content p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  /* line 85, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .common-banner-area .banner-content p {
    line-height: 34px;
  }
}

/* line 93, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area .banner-content a {
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 300;
  position: relative;
  display: inline-block;
  padding-right: 28px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.common-banner-area .banner-content span {
  color: #fff;
}
/* line 102, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area .banner-content a:hover {
  opacity: .7;
}

/* line 105, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.common-banner-area .banner-content a:after {
  content: '|';
  position: absolute;
  top: 0px;
  right: 10px;
}

/* line 121, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.snip-breadcrumb {
  position: relative;
  padding-left: 26px;
}

@media (max-width: 767px) {
  /* line 121, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .snip-breadcrumb {
    padding-left: 0px;
  }
}

/* line 127, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.snip-breadcrumb:after, .snip-breadcrumb:before {
  content: '';
  position: absolute;
  left: 0px;
  width: 5px;
}

@media (max-width: 767px) {
  /* line 127, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .snip-breadcrumb:after, .snip-breadcrumb:before {
    display: none;
  }
}

/* line 137, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.snip-breadcrumb:after {
  top: 0px;
  background: rgba(238, 238, 238, 0.1);
  height: 100%;
}

/* line 142, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.snip-breadcrumb:before {
  bottom: 0px;
  background: #fff;
  height: 5px;
  z-index: 9;
}

/* line 148, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.snip-breadcrumb h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}
.comment-respond .snip-breadcrumb h2 a {
  font-size: 14px;
}

@media (max-width: 575px) {
  /* line 148, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
  .snip-breadcrumb h2 {
    line-height: 32px;
  }
}

/* line 158, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.snip-breadcrumb.main-color:before {
  background: #49c0fc;
}

/* =================================== */
/*  End Common Banner Area Styles
/* =================================== */
/* =================================== */
/*  Start Profile Banner Area Styles
/* =================================== */
/* line 171, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.profile-banner-area {
  background: url(../img/cover-img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 300px;
  position: relative;
}

/* line 176, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_banner.scss */
.profile-banner-area .overlay {
  background: -webkit-linear-gradient(90deg, rgba(22, 30, 38, 0.8) 0%, rgba(22, 30, 38, 0.25) 100%);
  background: -moz-linear-gradient(90deg, rgba(22, 30, 38, 0.8) 0%, rgba(22, 30, 38, 0.25) 100%);
  background: -o-linear-gradient(90deg, rgba(22, 30, 38, 0.8) 0%, rgba(22, 30, 38, 0.25) 100%);
  background: -linear-gradient(90deg, rgba(22, 30, 38, 0.8) 0%, rgba(22, 30, 38, 0.25) 100%);
}

/* =================================== */
/*  End Profile Banner Area Styles
/* =================================== */
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@-moz-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@-o-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

/* =================================== */
/*  Start About Area Styles
/* =================================== */
/* line 8, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card {
  background: #1d2732;
  border: 0;
  margin-bottom: 10px;
}

/* line 12, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card:last-child {
  margin-bottom: 0px;
}

/* line 15, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card .card-body {
  margin-left: 30px;
  padding: 20px 0px;
}

/* line 20, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header {
  padding: 0px;
}

/* line 22, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header [data-toggle="collapse"] .ti:before {
  font-family: 'themify';
  content: "\e648";
  font-style: normal;
}

/* line 27, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header [data-toggle="collapse"].collapsed .ti:before {
  font-family: 'themify';
  content: "\e64b";
  font-style: normal;
}

/* line 32, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header .btn-link {
  display: block;
  width: 100%;
  background: #1d2732;
  text-align: left;
  color: #8a949f;
  font-weight: 400;
  font-size: 15px;
  padding: 13px 30px;
  position: relative;
  word-break: break-all;
  white-space: normal;
}

/* line 44, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header .btn-link i {
  position: absolute;
  right: 30px;
  margin-right: 10px;
}

@media (max-width: 778px) {
  /* line 44, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
  .about-area .faq-tabs .card-header .btn-link i {
    display: none;
  }
}

/* line 52, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header .btn-link:hover {
  text-decoration: none;
}

/* line 56, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_about.scss */
.about-area .faq-tabs .card-header .btn-link[aria-expanded="true"] {
  background: #586779;
  color: #fff;
}

/* =================================== */
/*  End About Area Styles
/* =================================== */
/* =================================== */
/*  Start Tag Area Styles
/* =================================== */
/* line 5, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_tags.scss */
.single-tag {
  background: #1d2732;
  text-align: center;
  position: relative;
  padding: 45px 15px 42px;
  margin-bottom: 30px;
}

/* line 11, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_tags.scss */
.single-tag h4 {
  color: #8a949f;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 16, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_tags.scss */
.single-tag p {
  font-size: 12px;
  text-transform: uppercase;
  color: #586779;
  font-weight: 400;
  margin-bottom: 0px;
}

/* line 24, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_tags.scss */
.single-tag:hover h4 {
  color: #fff;
}

/* =================================== */
/*  End Tag Area Styles
/* =================================== */
/* =================================== */
/*  Start Profile Area Styles
/* =================================== */
/* line 4, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_profile.scss */
.profile-info {
  min-height: 300px;
}
@media (max-width: 767px) {
  .profile-info {
    text-align: center;
  }
  .profile-info img {
    margin: 0 auto;
  }
}

/* =================================== */
/*  End Profile Area Styles
/* =================================== */
/* =================================== */
/*  Start Account Area Styles
/* =================================== */
/* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_account.scss */
.account-area .form-control {
  background: #1d2732;
  font-size: 13px;
  color: #fff;
  font-weight: 300;
  padding: 25px 16px;
}

/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.account-area .form-control.placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.account-area .form-control::-webkit-input-placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.account-area .form-control::-moz-input-placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.account-area .form-control::-o-input-placeholder {
  color: #8a949f;
  font-size: 13px;
  font-weight: 300;
}

/* line 18, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_account.scss */
.account-area .primary-btn2, .account-area .primary-btn3 {
  height: 40px;
  line-height: 40px;
}

/* =================================== */
/*  End Account Area Styles
/* =================================== */
/* line 31, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_account.scss */
.privacy-policy-area p:last-of-type {
  margin-bottom: 0px;
}

/* =================================== */
/*  Start Blog Area Styles
/* =================================== */
/* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-area {
  position: relative;
  margin-top: -196px;
}

@media (max-width: 767px) {
  /* line 6, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .blog-area {
    margin-top: 80px;
  }
}

/* line 14, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog {
  position: relative;
  margin-bottom: 30px;
}

/* line 17, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog .overlay {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 21, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog .short-details {
  max-height: 78px;
  overflow: hidden;
  font-weight: 300;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 27, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog .meta {
  position: relative;
  background: #1d2732;
  padding: 40px;
  border-radius: 20px 20px 0px 0px;
  margin-top: -20px;
  z-index: 10;
}

@media (max-width: 767px) {
  /* line 27, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .single-blog .meta {
    padding: 40px 15px;
  }
}

/* line 38, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog .date {
  font-size: 12px;
  text-transform: uppercase;
  color: #586779;
  font-weight: 400;
}

/* line 44, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

/* line 48, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog h3 a {
  display: block;
  color: #8a949f;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 54, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog .blog-link {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #586779;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 62, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog:hover .overlay {
  background: #161e26;
  opacity: .4;
}

/* line 67, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog:hover h3 a {
  color: #1da0f9;
}

/* line 71, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.single-blog:hover .blog-link {
  color: #fff;
}

/* line 78, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .meta-info {
  padding-bottom: 20px;
  margin-bottom: 35px;
  border-bottom: 1px solid #1d2732;
}

/* line 83, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .meta-info .athor-social a {
  background: #1d2732;
}

/* line 92, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .meta a {
  display: inline-block;
  margin-right: 30px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #586779;
}

/* line 99, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .meta a i {
  display: inline-block;
  margin-right: 10px;
}

/* line 103, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .meta a:hover {
  color: #fff;
}

/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .blog-btn a,
.blog-details-area .blog-btn {
  font-size: 12px;
  text-transform: uppercase;
  color: #8a949f;
  font-weight: 500;
  display: inline-block;
}

/* line 113, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .blog-btn i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: 500;
  background: #1d2732;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 124, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.blog-details-area .blog-btn a:hover,
.blog-details-area .blog-btn:hover {
  color: #fff;
}

/* line 136, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.post-comment .post-form .form-control {
  border-radius: 0px;
  width: 100%;
  background: #1d2732;
  border: 0px;
  padding: 0.675rem 0.75rem;
  font-size: 14px;
}

/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.post-comment .post-form .form-control.placeholder {
  color: #586779;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.post-comment .post-form .form-control::-webkit-input-placeholder {
  color: #586779;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.post-comment .post-form .form-control::-moz-input-placeholder {
  color: #586779;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.post-comment .post-form .form-control::-o-input-placeholder {
  color: #586779;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 148, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.post-comment .post-form .form-control:focus {
  box-shadow: none;
  outline: none;
}

/* line 154, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.post-comment .btn {
  background: transparent;
  padding: 0px;
  border: 0px;
  color: #8a949f;
  font-size: 12px;
  font-weight: 300;
  border-right: 1px solid #8a949f;
  padding-right: 10px;
  padding-left: 7px;
  line-height: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 167, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.post-comment .btn:last-child {
  border-right: 0px;
  padding-right: 0px;
}

/* line 171, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.post-comment .btn:hover {
  color: #49c0fc;
}
.comment-form-cookies-consent input {
  margin-right: 8px;
}
/* line 178, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section {
  margin: 80px 0 30px;
}

@media (max-width: 576px) {
  /* line 178, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .comment-section {
    font-size: 12px;
  }
}

/* line 183, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
/*.comment-section .comment-left {
  max-width: 80%;
}*/
.commentlist .parent .parent,
.bypostauthor .left-padding {
  padding-left: 40px;
}
/* line 187, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .votecell button {
  background: rgba(66, 75, 85, 0.25);
  border: 0px;
  color: #8a949f;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 9px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 197, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .votecell button:hover {
  color: #fff;
}

/* line 202, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .votecell span {
  width: 30px;
  background: rgba(29, 39, 50, 0.25);
  padding: 2px 0px;
  text-align: center;
}

/* line 209, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .comment-time {
  padding-left: 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #586779;
  line-height: 12px;
  border-left: 1px solid #586779;
}

@media (max-width: 767px) {
  /* line 209, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .comment-section .comment-time {
    padding-left: 0px;
    border-left: 0px;
  }
}

/* line 221, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .single-comment {
  padding: 30px 0px;
  border-bottom: 1px solid rgba(138, 148, 159, 0.2);
}

/* line 224, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .single-comment .comment-img {
  margin-right: 25px;
}

@media (max-width: 576px) {
  /* line 224, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .comment-section .single-comment .comment-img {
    margin-right: 10px;
  }
}

/* line 230, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .single-comment h5 {
  color: #fff;
  font-size: 14px;
}

@media (max-width: 576px) {
  /* line 230, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .comment-section .single-comment h5 {
    margin-bottom: 3px;
  }
}

/* line 237, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
#cancel-comment-reply-link,
.comment-section .single-comment .comment-btn {
  background: rgba(138, 148, 159, 0.2);
  color: #8a949f;
  border: 0px;
  cursor: pointer;
  font-size: 10px;
  text-transform: uppercase;
  padding: 2px 22px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
}
#cancel-comment-reply-link {
  padding: 6px;
}
/* line 247, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
#cancel-comment-reply-link:hover,
.comment-section .single-comment .comment-btn:hover {
  color: #fff;
}

/* line 253, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.comment-section .comment-reply {
  margin-left: 40px;
}
.comment-edit-link,
.logged-in-as a{
  color: #fff;
}
.comment-edit-link:hover,
.logged-in-as a:hover{
  color: #586779;
}
@media (max-width: 576px) {
  /* line 253, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .comment-section .comment-reply {
    margin-left: 25px;
  }
}

@media (max-width: 1199px) {
  /* line 262, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
  .sidebar-widgets {
    padding: 0px 15px !important;
  }
}
.commentlist .comment-respond {
  margin-top: 80px;
}
.commentlist .comment-respond textarea {
  border-radius: 0px;
  width: 100%;
  background: #1d2732;
  border: 0px;
  padding: 0.675rem 0.75rem;
  font-size: 14px;
}
/* line 269, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .widget-title {
  background: #1d2732;
  padding: 14px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  margin-bottom: 30px;
}

/* line 277, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .widget-title:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 20px;
  width: 100px;
  height: 2px;
  background: #49c0fc;
}

/* line 287, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .single-sidebar-widget {
  margin-top: 60px;
}

/* line 289, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .single-sidebar-widget:first-child {
  margin-top: 0px;
}

/* line 294, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .recent-post-list {
  margin-top: 30px;
}

/* line 297, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .recent-post-list .thumb img {
  width: 100%;
}

/* line 302, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .single-post-list {
  margin-bottom: 20px;
}

/* line 304, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .single-post-list .details {
  margin-left: 20px;
}

/* line 306, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .single-post-list .details h5 {
  font-size: 16px;
  line-height: 24px;
  color: #8a949f;
  font-weight: 400;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 313, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .single-post-list .details h5:hover {
  color: #fff;
}

/* line 317, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .recent-post-widget .single-post-list .details p {
  margin-bottom: 0px;
  font-size: 12px;
  text-transform: uppercase;
  color: #586779;
}

/* line 328, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .post-category-widget ul li {
  border-left: 2px solid #1d2732;
  margin-bottom: 5px;
  padding: 7px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 333, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .post-category-widget ul li a {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 339, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .post-category-widget ul li a {
  color: #8a949f;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 344, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .post-category-widget ul li:hover {
  border-left: 2px solid #49c0fc;
  background: rgba(29, 39, 50, 0.5);
}

/* line 347, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .post-category-widget ul li:hover a {
  color: #fff;
}

/* line 360, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .col-autos {
  width: 100%;
}

/* line 363, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget p {
  margin: 20px 0px;
}

/* line 366, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .primary-btn {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
}

/* line 371, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .input-group-text {
  background: #1d2732;
  border-radius: 0px;
  vertical-align: top;
  border: 0px;
}

/* line 376, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .input-group-text i {
  color: #586779;
  font-size: 12px;
}

/* line 381, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .form-control {
  height: 40px;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px;
  font-size: 13px;
  color: #ccc;
  padding: 9px;
  padding-left: 0px;
  background: #1d2732;
}
.search-form .form-control { 
  height: 50px;
}

/* line 391, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .form-control:focus {
  box-shadow: none;
}

/* line 108, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.widget-wrap .newsletter-widget .form-control.placeholder {
  color: #586779;
  font-size: 12px;
}

/* line 111, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.widget-wrap .newsletter-widget .form-control::-webkit-input-placeholder {
  color: #586779;
  font-size: 12px;
}

/* line 114, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.widget-wrap .newsletter-widget .form-control::-moz-input-placeholder {
  color: #586779;
  font-size: 12px;
}

/* line 117, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_mixins.scss */
.widget-wrap .newsletter-widget .form-control::-o-input-placeholder {
  color: #586779;
  font-size: 12px;
}

/* line 399, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.widget-wrap .newsletter-widget .text-bottom {
  margin-bottom: 0px;
}

/* line 405, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.athor-area {
  background: #1d2732;
  padding: 30px;
}

/* line 408, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.athor-area h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 400;
  color: #fff;
}

/* line 415, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.athor-social {
  position: relative;
}

/* line 417, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.athor-social a {
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  background: #161e26;
  border-radius: 20px;
  margin-right: 10px;
  font-size: 12px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 432, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_blog.scss */
.athor-social a:last-child {
  margin-right: 0px;
}

/* =================================== */
/*  End Blog Area Styles
/* =================================== */
/* =================================== */
/*  Start Footer Styles
/* =================================== */
/* line 5, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area {
  background: #101820;
  padding: 50px 0px;
  position: relative;
}

@media (max-width: 1199px) {
  /* line 5, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
  .footer-area {
    padding: 80px 0px;
  }
}

/* line 12, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area p {
  margin-bottom: 0px;
}

/* line 14, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area p a {
  color: #1da0f9;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 17, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area p a:hover {
  opacity: .7;
}

/* line 23, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-left p {
  font-size: 12px;
  text-transform: uppercase;
}

/* line 28, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-left ul li {
  display: inline-block;
}

/* line 30, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-left ul li a {
  color: #8a949f;
  font-size: 12px;
  text-transform: uppercase;
  border-right: 1px solid #8a949f;
  padding: 0px 10px;
}

/* line 36, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-left ul li a:hover {
  color: #fff;
}

/* line 41, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-left ul li:first-child a {
  padding-left: 0px;
}

/* line 46, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-left ul li:last-child a {
  border-right: 0px;
}

/* line 54, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .footer-right p {
  font-size: 15px;
}

/* line 60, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .social-area ul {
  line-height: 2;
}
.footer-area .social-area ul li {
  display: inline-block;
}
.fb-like-btn {
  margin-right: 7px;
  display: inline-block !important;
}
@media (max-width: 575px) {
  /* line 60, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
  .footer-area .social-area ul li {
    margin-bottom: 10px;
  }
}

/* line 65, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .social-area ul li a {
  padding: 8px 21px;
  background: red;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
  border-radius: 5px;
}

/* line 73, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .social-area ul li a:hover:hover {
  opacity: .7;
}

/* line 77, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .social-area ul li a.facebook {
  background: #3b5998;
}

/* line 80, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .social-area ul li a.twitter {
  background: #1da1f2;
}

/* line 85, /Applications/MAMP/htdocs/naim/client/snippet-bug/scss/theme/_footer.scss */
.footer-area .social-area ul li:last-child a {
  margin-right: 0px;
}
.not-found h1 {
  color: #fff;
}
/* =================================== */
/*  End Footer Styles
/* =================================== */
.wdw-alert {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 1;
  border-radius: 0px;
  display: none;
}
.wdw-fullscreen{
  position: fixed;
  z-index: 1000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #eee;
}
.wdwscreenclose {
  color: #272323;
  border: 2px solid #1d2732;
  padding: 12px 8px;
  display: none;
  font-weight: bold;
  cursor: pointer;
  float: right;
  margin-top: 16px;
  margin-right: 24px;
  margin-bottom: 24px;

}
.create-wall {
  cursor: pointer;
}
.inner-fof {
  color: #fff;
  display: table;
  height: 100vh;
  width: 100%;
}
.inner-child-fof {
  display: table-cell;
  vertical-align: middle;
}
.sinppet-details-top .nav-tabs .nav-tab-right .nav-link {
background: #1d2732;
  
}
@media (max-width: 380px) {
  .sinppet-details-top .nav-tabs .nav-tab-right .nav-link {
    padding: 7px;
  }
}
.sinppet-details-top .nav-tabs .nav-tab-right .nav-link:hover {
background: -webkit-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
background: -moz-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
background: -o-linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
background: -linear-gradient(0deg, #1da0f9 0%, #49c0fc 100%);
border-bottom: 2px solid transparent;
}
.snippet-download,
.wdwfullscreen,
.wdw-fork {
  cursor: pointer;
}
/****/
.page--content h4 {
  margin-bottom: 25px;
  color: #fff;
}
.page--content ul {
  margin-left: 1rem !important;
  margin-bottom: 1rem !important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
    display: block;
    width: 100%;
    background: #1d2732;
    text-align: left;
    color: #8a949f;
    font-weight: 400;
    font-size: 15px;
    padding: 13px 30px;
    position: relative;
    word-break: break-all;
    white-space: normal;
}
.elementor-accordion .elementor-accordion-item {
    border: 0px !important;
    background: #1d2732;
    border: 0;
    margin-bottom: 10px;
}
.elementor-accordion .elementor-tab-content {
  border: 0px !important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active {
    background: #586779;
    color: #fff !important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
  color: #8a949f !important;
}
.vh--100 {
  height: 100vh !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #586779;
   -webkit-box-shadow: 0 0 0px 1000px #161e26 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.subscribe-form .info {
    padding: 10px 0px;
}
.subscribe-form .info.error {
  color: #dc3545;
}
.subscribe-form .info.valid {
  color: #28a745;
}