/* --------------------------------------------
===============================================
  = Common
=============================================*/
html {
    box-sizing: border-box;
}

*, ::after, ::before {
    box-sizing: inherit;
}

body {
  background-color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
}

#ntr-app {
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
}

a,
a:visited,
a:focus,
a:active {
  color: #a97ca9;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #fb0001;
}

p { margin-bottom: 1.3em; }

h1, h2, h3, h4 {
  margin: 0 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 2.074em;
}

h2 {font-size: 1.728em;}

h3 {font-size: 1.44em;}

h4 {font-size: 1.2em;}

small, .font_small {font-size: 0.833em;}

small, .ntr-small {
  font-size: 12px;
}

figure {
  margin: 0;
}

hr {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  border-width: 0;
  border-top: 1px solid #d8d9dc; }

img {
  vertical-align: middle;
  border-style: none;
  max-width: none;
  height: auto;
}

img.ntr-img-max {
  max-width: 100%;
}

img.ntr-img-fluid {
  max-width: none;
  width: 100%;
}

.ntr-cfix {
  content: "";
  display: table;
  clear: both;
}

/* --------------------------------------------
===============================================
  = Lists
=============================================*/
ul.ntr-list-unstyled,
ol.ntr-list-unstyled {
  list-style: none; }
  ul.ntr-list-unstyled ul,
  ul.ntr-list-unstyled ol,
  ul.ntr-list-unstyled ol,
  ul.ntr-list-unstyled ul,
  ol.ntr-list-unstyled ul,
  ol.ntr-list-unstyled ol,
  ol.ntr-list-unstyled ol,
  ol.ntr-list-unstyled ul {
    margin: 10px 0 10px 10px;
    font-size: 92%;
    list-style: none;
}

/* --------------------------------------------
===============================================
  = Tables
=============================================*/
.ntr-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.ntr-table-wrap .ntr-table {
  width: 100%;
  margin: 10px 0;
}

.ntr-table-wrap .ntr-table th,
.ntr-table-wrap .ntr-table td {
  text-align: left;
  border-bottom: 1px solid #cecfd2;
}

.ntr-table-wrap .ntr-table td {
  padding: 10px 15px;
}

.ntr-table-wrap .ntr-table th {
  padding: 8px 15px;
  border-color: #989aa2;
  border-width: 1px;
}
.ntr-table-wrap .ntr-table th:first-child,
.ntr-table-wrap .ntr-table td:first-child {
  padding-left: 0;
}
.ntr-table-wrap .ntr-table th:last-child,
.ntr-table-wrap .ntr-table td:last-child {
  padding-right: 0;
}

/* --------------------------------------------
===============================================
  = Typography
=============================================*/

.ntr-h1 {

}

/* --------------------------------------------
===============================================
  = Grid
=============================================*/
.ntr-container,
.ntr-container-fluid {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1440px) {
  .ntr-container {
    max-width: 1344px;
  }
}

.ntr-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ntr-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .ntr-row {
    flex-direction: column;
  }
}

.ntr-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
}

.ntr-row [class*="ntr-col-"] {
  padding-left: 20px;
  padding-right: 20px;
}

/*** Small screens ***/
@media (max-width: 767px) {

  .ntr-col-5\@sm {
    width: 5%;
    flex-basis: 5%;
  }

  .ntr-col-10\@sm {
    width: 10%;
    flex-basis: 10%;
  }

  .ntr-col-15\@sm {
    width: 15%;
    flex-basis: 15%;
  }

  .ntr-col-20\@sm {
    width: 20%;
    flex-basis: 20%;
  }

  .ntr-col-25\@sm {
    width: 25%;
    flex-basis: 25%;
  }

  .ntr-col-30\@sm {
    width: 30%;
    flex-basis: 30%;
  }

  .ntr-col-35\@sm {
    width: 35%;
    flex-basis: 35%;
  }

  .ntr-col-40\@sm {
    width: 40%;
    flex-basis: 40%;
  }

  .ntr-col-45\@sm {
    width: 45%;
    flex-basis: 45%;
  }

  .ntr-col-50\@sm {
    width: 50%;
    flex-basis: 50%;
  }

  .ntr-col-55\@sm {
    width: 55%;
    flex-basis: 55%;
  }

  .ntr-col-60\@sm {
    width: 60%;
    flex-basis: 60%;
  }

  .ntr-col-65\@sm {
    width: 65%;
    flex-basis: 65%;
  }

  .ntr-col-70\@sm {
    width: 70%;
    flex-basis: 70%;
  }

  .ntr-col-75\@sm {
    width: 75%;
    flex-basis: 75%;
  }

  .ntr-col-80\@sm {
    width: 80%;
    flex-basis: 80%;
  }

  .ntr-col-85\@sm {
    width: 85%;
    flex-basis: 85%;
  }

  .ntr-col-90\@sm {
    width: 90%;
    flex-basis: 90%;
  }

  .ntr-col-95\@sm {
    width: 95%;
    flex-basis: 95%;
  }

  .ntr-col-100\@sm {
    width: 100%;
    flex-basis: 100%;
  }

  .ntr-col-33\@sm {
    width: 33.3333%;
    flex-basis: 33.33333%;
  }

  .ntr-col-66\@sm {
    width: 66.6666%;
    flex-basis: 66.66666%;
  }
}

/*** Large screens ***/
@media (min-width: 1024px) {

  .ntr-col-5 {
    width: 5%;
    flex-basis: 5%;
  }

  .ntr-col-10 {
    width: 10%;
    flex-basis: 10%;
  }

  .ntr-col-20 {
    width: 20%;
    flex-basis: 20%;
  }

  .ntr-col-25 {
    width: 25%;
    flex-basis: 25%;
  }

  .ntr-col-30 {
    width: 30%;
    flex-basis: 30%;
  }

  .ntr-col-35 {
    width: 35%;
    flex-basis: 35%;
  }

  .ntr-col-40 {
    width: 40%;
    flex-basis: 40%;
  }

  .ntr-col-45 {
    width: 45%;
    flex-basis: 45%;
  }

  .ntr-col-50 {
    width: 50%;
    flex-basis: 50%;
  }

  .ntr-col-55 {
    width: 55%;
    flex-basis: 55%;
  }

  .ntr-col-60 {
    width: 60%;
    flex-basis: 60%;
  }

  .ntr-col-65 {
    width: 65%;
    flex-basis: 65%;
  }

  .ntr-col-70 {
    width: 70%;
    flex-basis: 70%;
  }

  .ntr-col-75 {
    width: 75%;
    flex-basis: 75%;
  }

  .ntr-col-80 {
    width: 80%;
    flex-basis: 80%;
  }

  .ntr-col-85 {
    width: 85%;
    flex-basis: 85%;
  }

  .ntr-col-90 {
    width: 90%;
    flex-basis: 90%;
  }

  .ntr-col-95 {
    width: 95%;
    flex-basis: 95%;
  }

  .ntr-col-100 {
    width: 100%;
    flex-basis: 100%;
  }

  .ntr-col-33 {
    width: 33.3333%;
    flex-basis: 33.3333%;
  }

  .ntr-col-66 {
    width: 66.6666%;
    flex-basis: 66.6666%;
  }
}


.ntr-btn {

}

.ntr-btn-outline {

}

/* --------------------------------------------
===============================================
  = Animations
=============================================*/

/* Pulse animation
----------------------------*/
.ntr-anim--pulse:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  -o-transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: f_pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  animation: f_pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1; }

@keyframes ntr_anim_pulse {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@-webkit-keyframes ntr_pulse_animation {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes ntr_pulse_animation {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }


/* --------------------------------------------
===============================================
  = Box shadow
=============================================*/
.ntr-z-0 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.ntr-z-1 {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 2px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 2px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2); }

.ntr-z-2 {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 6px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 6px -1px rgba(0, 0, 0, 0.3); }

.ntr-z-3 {
  -webkit-box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 5px 8px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 5px 8px -3px rgba(0, 0, 0, 0.2); }

.ntr-z-4 {
  -webkit-box-shadow: 0 16px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12), 0 8px 14px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12), 0 8px 14px -7px rgba(0, 0, 0, 0.2); }

.ntr-z-5 {
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 18px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 18px -7px rgba(0, 0, 0, 0.2); }


/* --------------------------------------------
===============================================
  = Spacers
=============================================*/
.ntr-pt {
  padding-top: 80px;
}

.ntr-pb {
  padding-bottom: 80px;
}

.ntr-pl {
  padding-left: 80px;
}

.ntr-pr {
  padding-right: 80px;
}

.ntr-pv {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ntr-ph {
  padding-left: 80px;
  padding-right: 80px;
}

.ntr-mt {
  margin-top: 80px;
}

.ntr-mb {
  margin-bottom: 80px;
}

.ntr-ml {
  margin-left: 80px;
}

.ntr-mr {
  margin-right: 80px;
}

.ntr-mv {
  margin-top: 80px;
  margin-bottom: 80px;
}

.ntr-mh {
  margin-left: 80px;
  margin-right: 80px;
}

.ntr-nm {
  margin: 0!important;
}

.ntr-np {
  padding: 0!important;
}


/* --------------------------------------------
===============================================
  = Pagination
=============================================*/
.ntr-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  clear:both;
  padding:20px 0;
  position:relative;
  font-size: 12px;
  line-height: 13px;
  list-style: none;
  border-top: 1px solid #eee;
  margin-top: 15px;
}

.ntr-pagination span, .ntr-pagination a {
  float: left;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  padding: 0;
  border-radius: 100px;
  margin-right: 3px;
  border: 1px solid #ddd;
  color: #454545;
}

.ntr-pagination a:hover{
  background: #ddd;
  color: #757575;
}

.ntr-pagination .ntr-pagination-current {
  float: left;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  padding: 0;
  border-radius: 100px;
  margin-right: 3px;
  box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
  background: #333;
  color: #fff;
}