/*
Theme Name: Start
Theme URI: https://wordpress.org/themes/CustomTheme/
Author: the KofeLatte team
Author URI: http://KofeLatte.com.ua/
Description: CustomTheme brings your site to life with immersive featured images and subtle animations. Our default theme works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: start
Tags: custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
::selection {
  color: #e72a00;
  background: #000; }

/*components var*/
.markup .btn {
  margin-bottom: 12px; }

.markup-colors div {
  height: 100px;
  width: 250px;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 18px;
  font-weight: 900; }

.markup-colors .brand-primary {
  background-color: #e72a00; }

.markup-colors .brand-secondary {
  background-color: #00ff91; }

.markup-colors .violet {
  background-color: #674CC2; }

.markup-colors .white {
  background-color: #fff;
  border: 1px solid #000; }

.markup-colors .black {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff; }

.font-weight-light {
  font-weight: 200; }

.font-weight-normal {
  font-weight: 400; }

.font-weight-bold {
  font-weight: 900; }

h1,
.title_1,
h2,
.title_2,
h3,
.title_3,
h4,
.title_4,
h5,
.title_5,
h6,
.title_6 {
  font-family: "Brygada1918-Regular";
  color: #000;
  margin-bottom: .5em;
  line-height: 1.4; }

h1,
.title_1 {
  font-size: 40px; }

h2,
.title_2 {
  font-size: 34px; }

h3,
.title_3 {
  font-size: 30px; }

h4,
.title_4 {
  font-size: 26px; }

h5,
.title_5 {
  font-size: 22px; }

h6,
.title_6 {
  font-size: 18px; }

a {
  color: #e72a00; }
  a:hover {
    color: #00ff91; }

.btn {
  padding: var(--btn-py) var(--btn-px);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  border-radius: var(--btn-border-radius); }

.btn {
  text-align: center;
  outline: none; }
  .btn:active:focus {
    box-shadow: none;
    outline: none; }

.btn-primary {
  color: #fff;
  background-color: #000;
  border: 3px solid #000; }
  .btn-primary:hover {
    color: #fff;
    background-color: #674CC2;
    border: 3px solid #674CC2; }
  .btn-primary:focus {
    color: #fff;
    background-color: #000;
    border: 3px solid #00ff91; }

.btn-secondary {
  color: #fff;
  background-color: #e72a00; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #000; }
  .btn-secondary:active:focus {
    background-color: #674CC2; }

.btn-success {
  color: #fff;
  background-color: #674CC2; }
  .btn-success:hover, .btn-success:focus {
    color: #fff;
    background-color: #00ff91; }

.btn-link {
  color: #f3f3f3;
  font-weight: 700;
  padding: 0;
  border-radius: 0;
  font-size: 12px; }
  .btn-link:hover {
    color: #e72a00;
    text-decoration: none; }

ol {
  padding: 0;
  counter-reset: li; }
  ol li {
    list-style: none;
    list-style-position: outside; }
    ol li:before {
      content: counter(li, decimal) " ";
      counter-increment: li;
      margin-left: 20px;
      margin-right: 20px;
      font-size: 16px;
      line-height: 30px;
      color: #000; }

ol ol {
  padding-left: 30px; }

ul {
  padding: 0;
  list-style: none; }
  ul li {
    display: flex;
    align-items: center; }
    ul li:before {
      content: "";
      margin-left: 20px;
      margin-right: 20px;
      background-color: #e72a00;
      border-radius: 50%;
      width: 5px;
      min-width: 5px;
      height: 5px; }

ul li,
ol li {
  list-style: none; }
  ul li[class]:before,
  ol li[class]:before {
    display: none; }

input[type="checkbox"],
input[type="radio"] {
  display: none; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    color: #595959;
    cursor: pointer; }
    input[type="checkbox"] + label:hover,
    input[type="radio"] + label:hover {
      color: #000; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      content: '';
      padding: 9px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-right: 19px;
      width: 16px;
      height: 16px;
      background-color: #ffffff;
      border: 1px solid #ededed;
      border-radius: 2px; }

input[type=radio] + label:before {
  border-radius: 50%; }

input[type=radio]:checked + label:before {
  border-radius: 50%;
  background: url(assets/img/radio.png) center no-repeat;
  background-size: contain;
  border: 1px solid transparent; }

input:checked + label {
  color: #000; }
  input:checked + label:before {
    content: '';
    background: url(assets/img/checkbox.png) center no-repeat;
    background-size: contain;
    border: 1px solid transparent; }

.scroll {
  max-height: 200px;
  /* IE */
  scrollbar-face-color: #e72a00;
  scrollbar-shadow-color: #f3f3f3;
  scrollbar-highlight-color: #f3f3f3;
  /* FireFox */
  scrollbar-color: #e72a00 #f3f3f3;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px; }
  .scroll::-webkit-scrollbar {
    width: 6px; }
  .scroll::-webkit-scrollbar-thumb {
    background-color: #e72a00;
    background-clip: padding-box;
    border: 0px solid #f3f3f3; }
    .scroll::-webkit-scrollbar-thumb:hover {
      background-color: #00ff91;
      cursor: pointer; }
  .scroll::-webkit-scrollbar-track {
    background-color: #f3f3f3;
    cursor: pointer; }
  .scroll ::-webkit-scrollbar-button {
    background-color: transparent; }

.site-map ol {
  padding-left: 40px;
  padding-bottom: 20px; }
  .site-map ol li {
    position: relative;
    border-left: 2px solid #e72a00; }
    .site-map ol li:hover {
      cursor: pointer; }
      .site-map ol li:hover > a {
        text-decoration: underline; }
      .site-map ol li:hover:before {
        background-color: #00ff91; }
    .site-map ol li a {
      line-height: 40px;
      margin-left: 15px;
      height: 40px;
      display: flex; }
    .site-map ol li:before {
      content: "";
      position: absolute;
      left: -26px;
      top: 15px;
      width: 10px;
      height: 10px;
      background-color: #e72a00;
      border-radius: 50%; }
    .site-map ol li:after {
      content: "";
      position: absolute;
      left: -2px;
      top: 25px;
      width: 50%;
      height: 15px;
      border-left: 2px solid #e72a00;
      border-bottom: 2px solid #e72a00; }

.tooltip-inner {
  background-color: #000;
  min-width: 710px !important;
  padding: 5px; }

.template-items {
  padding: 30px;
  border: 1px solid #e2e2e2; }

body {
  font-family: 'Roboto Mono', monospace; }

.wrapper {
  width: 100vw;
  height: 100vh;
  background: url(assets/img/img.png) center no-repeat;
  background-size: cover; }

.logo {
  display: flex;
  text-align: center;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0); }

.info-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 15px; }

.brand-title {
  font-size: 26px;
  line-height: 50px;
  text-align: center;
  color: #EF8F36;
  font-family: 'El Messiri', sans-serif; }

.subtitle {
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  padding-top: 9px;
  color: #FFF;
  font-family: 'El Messiri', sans-serif; }

.action-caunter {
  flex-direction: column;
  padding: 17px 30px;
  display: flex;
  align-items: center;
  color: #fff; }

.action-cainter__slogan img {
  margin-right: 12px; }

.timer {
  text-align: center; }

.days,
.hours,
.minutes,
.seconds {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff; }

.seconds {
  color: #EF8F36; }

.uncorrectDays,
.uncorrectHours,
.uncorrectMinutes,
.uncorrectSeconds {
  font-size: 12px; }

.days-block,
.hours-block,
.minutes-block,
.seconds-block {
  width: 48px;
  height: 48px;
  border: 1px solid #ff9800;
  display: flex;
  justify-content: center;
  align-items: center; }

.days-block.big {
  width: 65px; }

.action-cainter__slogan {
  font-size: 12px;
  margin-bottom: 12px; }

.timer-section {
  display: inline-block; }

.timer-text {
  display: block;
  font-size: 12px; }

.brand-title {
  position: relative; }
  .brand-title:before {
    content: "";
    display: flex;
    width: 140px;
    height: 1px;
    background: white;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%); }

@media screen and (max-width: 767px) {
  .logo {
    display: flex;
    text-align: center;
    position: static;
    top: 40px;
    left: 50%;
    margin: 0 auto 24px;
    width: 100%;
    justify-content: center;
    padding-top: 50px;
    transform: none; }
  .info-block {
    position: static;
    top: 0;
    left: 0;
    transform: none; } }

img.alignleft, img.alignright,
figure.alignleft,
figure.alignright {
  max-width: 49%; }

img.alignleft,
figure.alignleft {
  margin: 0 30px 25px 0;
  float: left; }

img.alignright,
figure.alignright {
  margin: 0 0 25px 30px;
  float: right; }

img.aligncenter,
figure.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  max-width: 100%; }

/* === BEGIN MEDIA === */
/* ======================
$mobile-small 240px
$mobile-large 320px
$tablet-small 480px
$tablet-large 768px
$screen-small 1024px
$screen-large 1280px 
====================== */
/* === END MEDIA === */

/*# sourceMappingURL=style.css.map */