/*
 * Pure marking v1.1.0
 * Copyright 2016-2017 Techoof.
 */
/*
 * Base styles
 */
/* Basic */
*,
*:focus,
*:active {
  box-sizing: border-box;
  outline: none !important;
  text-decoration: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
body {
  font-size: 14px;
}
.pointer {
  cursor: pointer;
}
/* Lists */
.ul-h li {
  display: inline-block;
}
.ul-v {
  list-style-type: none;
}
.ul-v li {
  padding-bottom: 3px;
}
.ul-p-right li {
  padding-right: 10px;
}
.ul-p-left li {
  padding-left: 10px;
}
/* Display elements */
.ds-i {
  display: inline;
}
.ds-i-b {
  display: inline-block;
}
.ds-b {
  display: block;
}
.ds-t {
  display: table;
}
.ds-t-c {
  display: table-cell;
}
.ds-n {
  display: none;
}
/* Position elements */
.fl-left {
  float: left;
}
.fl-right {
  float: right;
}
/* Text position */
.tx-center {
  text-align: center;
}
.tx-right {
  text-align: right;
}
.tx-left {
  text-align: left;
}
/* Text styles */
.tx-bold {
  font-weight: bold;
}
.tx-oblique {
  font-style: oblique;
}
.tx-normal {
  font-style: normal;
}
.tx-italic {
  font-style: italic;
}
/* hr */
.hr {
  height: 0px;
  margin: 10px 0 10px 0;
  width: 100%;
}
.hr-1 {
  height: 1px;
}
.hr-2 {
  height: 2px;
}
.hr-3 {
  height: 3px;
}
.hr-4 {
  height: 4px;
}
.hr-5 {
  height: 5px;
}
/* Position */
.pos-fx {
  position: fixed;
}
.pos-ab {
  position: absolute;
}
.pos-rl {
  position: relative;
}
.pos-st {
  position: static;
}
/*
 * Font size collections
 */
.tx-fz-10 {
  font-size: 10px;
}
.tx-fz-20 {
  font-size: 20px;
}
.tx-fz-30 {
  font-size: 30px;
}
.tx-fz-40 {
  font-size: 40px;
}
.tx-fz-50 {
  font-size: 50px;
}
.tx-fz-60 {
  font-size: 60px;
}
.tx-fz-70 {
  font-size: 70px;
}
.tx-fz-80 {
  font-size: 80px;
}
.tx-fz-90 {
  font-size: 90px;
}
.tx-fz-100 {
  font-size: 100px;
}
/*
 * Margin collections
 */
.mg-h-auto {
  /* horisontal */
  margin: 0 auto;
}
.mg-v-auto {
  /* vertical */
  margin: auto 0;
}
.mg-0 {
  margin: 0px;
}
.mg-1 {
  margin: 1px;
}
.mg-2 {
  margin: 2px;
}
.mg-3 {
  margin: 3px;
}
.mg-4 {
  margin: 4px;
}
.mg-5 {
  margin: 5px;
}
.mg-6 {
  margin: 6px;
}
.mg-7 {
  margin: 7px;
}
.mg-8 {
  margin: 8px;
}
.mg-9 {
  margin: 9px;
}
.mg-t-10 {
  margin-top: 10px;
}
.mg-t-20 {
  margin-top: 20px;
}
.mg-t-30 {
  margin-top: 30px;
}
.mg-t-40 {
  margin-top: 40px;
}
.mg-t-50 {
  margin-top: 50px;
}
.mg-t-60 {
  margin-top: 60px;
}
.mg-t-70 {
  margin-top: 70px;
}
.mg-t-80 {
  margin-top: 80px;
}
.mg-t-90 {
  margin-top: 90px;
}
.mg-t-100 {
  margin-top: 100px;
}
.mg-t-200 {
  margin-top: 200px;
}
.mg-t-300 {
  margin-top: 300px;
}
.mg-t-400 {
  margin-top: 400px;
}
.mg-b-10 {
  margin-bottom: 10px;
}
.mg-b-20 {
  margin-bottom: 20px;
}
.mg-b-30 {
  margin-bottom: 30px;
}
.mg-b-40 {
  margin-bottom: 40px;
}
.mg-b-50 {
  margin-bottom: 50px;
}
.mg-b-60 {
  margin-bottom: 60px;
}
.mg-b-70 {
  margin-bottom: 70px;
}
.mg-b-80 {
  margin-bottom: 80px;
}
.mg-b-90 {
  margin-bottom: 90px;
}
.mg-b-100 {
  margin-bottom: 100px;
}
.mg-b-200 {
  margin-bottom: 200px;
}
.mg-b-300 {
  margin-bottom: 300px;
}
.mg-b-400 {
  margin-bottom: 400px;
}
/*
 * Padding collections
 */
.pd-0 {
  padding: 0px;
}
.pd-1 {
  padding: 1px;
}
.pd-2 {
  padding: 2px;
}
.pd-3 {
  padding: 3px;
}
.pd-4 {
  padding: 4px;
}
.pd-5 {
  padding: 5px;
}
.pd-6 {
  padding: 6px;
}
.pd-7 {
  padding: 7px;
}
.pd-8 {
  padding: 8px;
}
.pd-9 {
  padding: 9px;
}
.pd-t-10 {
  padding-top: 10px;
}
.pd-t-20 {
  padding-top: 20px;
}
.pd-t-30 {
  padding-top: 30px;
}
.pd-t-40 {
  padding-top: 40px;
}
.pd-t-50 {
  padding-top: 50px;
}
.pd-t-60 {
  padding-top: 60px;
}
.pd-t-70 {
  padding-top: 70px;
}
.pd-t-80 {
  padding-top: 80px;
}
.pd-t-90 {
  padding-top: 90px;
}
.pd-t-100 {
  padding-top: 100px;
}
.pd-t-200 {
  padding-top: 200px;
}
.pd-t-300 {
  padding-top: 300px;
}
.pd-t-400 {
  padding-top: 400px;
}
.pd-b-10 {
  padding-bottom: 10px;
}
.pd-b-20 {
  padding-bottom: 20px;
}
.pd-b-30 {
  padding-bottom: 30px;
}
.pd-b-40 {
  padding-bottom: 40px;
}
.pd-b-50 {
  padding-bottom: 50px;
}
.pd-b-60 {
  padding-bottom: 60px;
}
.pd-b-70 {
  padding-bottom: 70px;
}
.pd-b-80 {
  padding-bottom: 80px;
}
.pd-b-90 {
  padding-bottom: 90px;
}
.pd-b-100 {
  padding-bottom: 100px;
}
.pd-b-200 {
  padding-bottom: 200px;
}
.pd-b-300 {
  padding-bottom: 300px;
}
.pd-b-400 {
  padding-bottom: 400px;
}
/*
 * Fixes
 */
/* Fix autofill */
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 {
  border: 0;
  -webkit-text-fill-color: #ссс;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%);
}
/* Add the correct display in IE 10-. */
[hidden] {
  display: none;
}
/*
 * Grid styles
 */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-left: 15px;
  margin-right: 15px;
}
.row,
.row-fluid {
  display: flex;
  flex-flow: row wrap;
}
[class*="col-"] {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-1 {
  width: 8.33333333%;
}
.col-2 {
  width: 16.66666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333333%;
}
.col-5 {
  width: 41.66666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333333%;
}
.col-8 {
  width: 66.66666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333%;
}
.col-11 {
  width: 91.66666667%;
}
.col-12 {
  width: 100%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-offset-12 {
  margin-left: 100%;
}
[class*="col-xs-"] {
  float: left;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
}
/* Small devices (tablets, 768px and to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 710px;
  }
  .col-sm-hidden {
    display: none;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
/* Medium devices (desktops, 992px and to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 965px;
  }
  .col-md-hidden {
    display: none;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .col-lg-hidden {
    display: none;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}