html {
  overflow-x: hidden;
}
body {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #232323;
  background: #fff;
}
#all_page {
  background: #2d2d2d;
}
p {
  font-family: 'Outfit', sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.375em;
  margin-top: 30px;
  color: #232323;
}
a {
  font-family: 'Outfit', sans-serif;
  text-decoration: underline;
  color: #455a64;
}
table {
  width: 90%;
  margin: 30px auto;
  border-collapse: collapse;
  margin-top: 35px;
  font-size: 1.8em;
  text-align: left;
}
table#dochazka {
  font-size: 1.3em;
}
table#price_table {
  margin: 35px;
}
table#price_table th {
  font-weight: 300;
  font-size: 0.8em;
  color: #fff;
  background: #099fb3;
}
table td,
table th {
  padding: 10px 15px;
}
table th.price,
table td.price {
  text-align: right;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
  color: #455a64;
}
.small {
  font-size: 0.8em;
}
.mainColor {
  color: #099fb3 !important;
}
.iframe_cont {
  position: relative;
  overflow: hidden;
  padding-top: 65%;
}
.iframe_cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 15px;
}
h1 {
  font-size: 36pt;
  font-weight: 700;
  line-height: 1.2em;
  margin: 30px 0 10px 0;
  color: #232323;
  font-family: 'Outfit', sans-serif;
}
h2 {
  font-size: 2.25em;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  color: #232323;
}
h3 {
  font-size: 1.75em;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1.25em;
  line-height: 15.4px;
  margin-top: 45px;
  color: #455a64;
  font-family: 'Outfit', sans-serif;
}
blockquote {
  font-size: 21px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 30px;
}
pre {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 18.5714px;
  color: #fff;
}
#main_menu_container {
  background: #fff;
  height: 92px;
  line-height: 92px;
}
#main_menu_container ul {
  float: right;
  margin: 0;
  padding: 0;
}
#main_menu_container ul li {
  display: inline-block;
}
#main_menu_container ul li a {
  font-size: 16px;
  transition: 0.1s;
  text-decoration: none;
  color: #232323;
  padding: 0 15px;
}
#main_menu_container ul li a:hover {
  color: #099fb3;
}
#mini_menu {
  background: #fff;
  width: 60%;
  min-height: 250px;
  position: absolute;
  left: -100%;
  top: 80px;
  z-index: 10;
  filter: drop-shadow(0px -8px 21px rgba(0,0,0,0.7));
}
#top_menu_container {
  position: relative;
  background: url("/images/top-menu.png") repeat-x;
  height: 49px;
  line-height: 48px;
}
#top_menu_container #show_mini_menu {
  display: block;
  position: absolute;
  top: -3px;
  right: 10px;
  font-size: 35px;
  text-decoration: none;
  color: #fff;
  z-index: 2;
}
#top_menu_container #show_mini_menu::before {
  content: "☰";
}
#top_menu_container #show_mini_menu.close::before {
  content: "✕";
}
#top_menu_container #motto {
  float: left;
  font-size: 19px;
  font-weight: 300;
  color: #fff;
  margin-left: 35px;
  position: relative;
  bottom: 2px;
}
#top_menu_container #idpasky_logo {
  background: #0ab0c3;
  background: linear-gradient(180deg, #0ab0c3 0%, #09898b 100%);
  display: block;
  width: 226px;
  height: 57px;
  float: left;
  position: relative;
  z-index: 2;
  text-align: center;
  filter: drop-shadow(0px -8px 21px rgba(0,0,0,0.7));
}
#top_menu_container #idpasky_logo a {
  display: block;
  width: 185px;
  height: 42px;
  margin: auto;
  margin-top: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 2948 699'><path fill='white' d='M399.359 335.929H426.653l-3.841-7.979h-16.405a24.208 24.208 0 0 1-7.048 7.979Zm.516 44.651a22.891 22.891 0 0 0-4.674 7.853c-1.014 2.897-1.359 6.061-1.074 9.512.285 3.451 1.244 6.873 2.896 10.305l5.606 11.645-14.128 6.801 5.09 10.575 24.128-11.656-10.737-22.306c-1.921-3.991-2.282-7.602-1.165-10.794 1.118-3.192 3.353-5.596 6.665-7.19 3.312-1.595 6.604-1.803 9.874-.625 3.272 1.179 5.809 3.693 7.672 7.564l5.606 11.645-15.838 7.623 5.109 10.612 25.836-12.481-10.696-22.221c-1.73-3.492-3.845-6.456-6.364-8.832-2.521-2.375-5.248-4.06-8.127-5.034-2.877-.975-5.863-1.356-8.956-1.145-3.093.211-6.137 1.037-9.13 2.478a24.31 24.31 0 0 0-7.593 5.671Zm-24.208 19.456 46.138-58.044-74.185-.222 28.047 58.266Zm2.277-21.004-12.449-25.861 34.001-.44-21.552 26.301Zm-57.24-176.606 17.765-26.101-5.859-12.171-41.245 60.752 5.859 12.172 15.925-23.593 17.676 1.366 4.184.323c12.303.95 19.876 13.889 14.682 25.081l-3.258 7.02-3.455 7.447-42.181-10.222 6.57 13.649 30.698 7.097-15.142 32.162 49.885-24.014 19.043 39.561a7.506 7.506 0 0 1-3.509 10.02 7.507 7.507 0 0 1-10.02-3.508l-7.667-15.927c-4.472-9.291-15.628-13.197-24.918-8.725-9.29 4.472-13.197 15.629-8.724 24.919l7.329 15.225 12.415.059-9.688-20.125a7.508 7.508 0 0 1 13.529-6.512l7.667 15.927c4.472 9.29 15.629 13.195 24.919 8.724 9.29-4.472 13.196-15.629 8.724-24.919l-24.095-50.055-30.929 14.888 8.714-18.158 4.031-8.401c9.159-19.087-3.779-41.406-24.895-42.941l-9.74-.708-4.29-.312Z'  transform='matrix(-2.63788 -5.47997 -5.47996 2.63789 4157.168 1569.266)'/><path d='M233.19 277.141v41.137h-21.398v-41.137h21.398Zm7.979-22.298h29.996c6.948 0 13.11 1.299 18.487 3.897 5.377 2.598 9.545 6.284 12.505 11.056 2.961 4.773 4.441 10.361 4.441 16.765s-1.48 11.992-4.441 16.765c-2.96 4.773-7.128 8.458-12.505 11.056-5.377 2.598-11.539 3.896-18.487 3.896h-29.996l.001-41.137h17.942v26.819h11.328c5.437 0 9.802-1.54 13.095-4.621 3.292-3.082 4.939-7.341 4.939-12.778s-1.647-9.696-4.939-12.778c-3.293-3.081-7.658-4.621-13.095-4.621h-29.271v-14.319Zm323.152 63.307c-.62-.949-.931-2.068-.931-3.356 0-1.758.578-3.184 1.735-4.279 1.156-1.095 2.614-1.643 4.372-1.643s3.215.548 4.371 1.643c1.157 1.095 1.735 2.521 1.735 4.279 0 1.288-.31 2.407-.931 3.356h-10.351Zm60.001-12.34a18.495 18.495 0 0 1-2.046 4.732c-1.892 3.105-4.513 5.441-7.745 7.103-3.521 1.811-7.35 2.569-11.293 2.569-3.922 0-7.719-.768-11.22-2.569-3.238-1.665-5.87-4.005-7.783-7.105-1.94-3.144-2.804-6.617-2.804-10.304 0-3.663.874-7.104 2.804-10.231 1.905-3.087 4.516-5.419 7.745-7.068 3.511-1.794 7.334-2.534 11.258-2.534 3.938 0 7.769.746 11.296 2.534 3.226 1.636 5.849 3.946 7.743 7.03a18.222 18.222 0 0 1 2.081 4.839h-13.405a8.394 8.394 0 0 0-1.306-1.832c-1.724-1.831-3.905-2.664-6.409-2.664s-4.684.833-6.408 2.664c-1.867 1.984-2.494 4.599-2.494 7.262 0 2.689.619 5.349 2.491 7.368 1.718 1.851 3.896 2.704 6.411 2.704 2.516 0 4.694-.853 6.412-2.704a8.524 8.524 0 0 0 1.27-1.794h13.402Zm37.165 4.229v8.974h-34.455v-7.194l18.542-21.349H627.53v-8.902h33.245v7.122l-18.542 21.349h19.254Zm-428.297-55.23v14.353h-21.398v-14.353h21.398Z' fill='white' transform='matrix(6.08179 0 0 6.0818 -1182.027 -1369.832)'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0px 0px 3px #134346);
}
#top_menu_container .menu_ico {
  display: block;
  width: 21px;
  height: 21px;
  margin: 12px 3px;
  position: relative;
}
#top_menu_container .menu_ico .badge {
  font-size: 0.8em;
  display: inline-block;
  background: #f00;
  color: #fff;
  position: absolute;
  width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: 17px;
  text-align: center;
  right: -7px;
  top: -7px;
}
#top_menu_container .menu_ico .badge.green {
  background: #008000;
}
#top_menu_container .menu_ico#cart_ico {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='white' d='M7.177 7.404c.144-.46-.206-.865-.554-.958a.792.792 0 0 0-.983.55c-.26.999 1.204 1.472 1.537.408zM1.61 7.318c.128.972 1.702.858 1.58-.213a.791.791 0 0 0-.9-.682.806.806 0 0 0-.68.895zm.87-2.117c-.026-.231.268-.556.342-.797l2.885.001c.342-.002.497-.05.684-.245.222-.231 1.114-1.972 1.362-2.398.315-.544.47-.958-.424-.954L1.692.812 1.319.006C.92.007.374-.038 0 .03v.771L.783.8c.086.142 1.389 2.805 1.455 3.072-.203.307-.676 1.074-.63 1.437.107.828 1.003.698 1.406.698h4.19v-.791L2.482 5.2z'/></svg>");
  background-repeat: no-repeat;
  background-size: 85% 85%;
  background-position: center center;
}
#top_menu_container .menu_ico#login_ico,
#top_menu_container .menu_ico.profile_ico {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 500 500'><path fill='white' d='M124.388 459.931s1.26-1.314 1.76-1.995a15.136 15.136 0 0 1-1.76 1.995Zm0 0c-5.152 4.89-13.23 5.546-19.153 1.192-4.492-3.307-6.602-8.655-5.988-13.83 1.036-48.043 47.022-109.544 150.313-109.544 104.484 0 151.294 61.047 151.294 112.524 0 8.254-6.701 14.958-14.958 14.958-8.255 0-14.958-6.704-14.958-14.958 0-40.086-40.02-82.608-121.378-82.608-81.179 0-120.415 43.781-120.415 81.29 0 4.052-4.757 10.976-4.757 10.976ZM289.482 127.76c-12.488 3.532-15.16 12.797-20.547 18.854-11.16 12.542-22.43 23.843-42.198 31.207-16.358 6.094-57.985.55-67.827-10.542-11.463-12.922-20.548 2.826-20.548 2.826-23.42 0-27.24-19.114-22.256-45.862 3.356-18.007 17.255-29.741 38.54-29.741 5.858 0 11.607 1.003 14.833 1.684a117.266 117.266 0 0 1 3.544-3.235c8.16-31.573 35.485-58.183 79.704-58.183 45.942 0 71.26 24.967 73.451 56.367h.062c50.722 0 50.819 60.726 30.775 92.248-.037 2.95.405 5.917.405 8.922 0 70.273-51.555 126.486-113.896 126.486-53.235 0-98.514-40.801-110.692-96.602-1.76-8.066 3.36-16.044 11.425-17.805 8.066-1.76 16.042 3.36 17.803 11.426 9.071 41.563 41.814 73.065 81.464 73.065 46.874 0 83.98-43.733 83.98-96.57 0-3.502-.49-6.961-.38-10.397.184-5.693.147-14.36-2.566-22.534-2.032-6.119-5.744-12.088-13.237-14.919-10.664-4.032-17.13-9.941-21.839-16.695Z'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#top_menu_container .menu_ico#lang_cz {
  top: 1px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5' viewBox='0 0 500 500'><path d='M587.912 160.819a20.514 20.514 0 0 0 0 26.37l15.714-13.185-15.714-13.185Z' style='fill:blue' transform='translate(-6602.7 -1725.39) scale(11.3526)'/><path d='M587.912 187.189a20.516 20.516 0 0 0 15.714 7.327c11.328 0 20.512-9.184 20.512-20.512h-20.512l-15.714 13.185Z' style='fill:red' transform='translate(-6602.7 -1725.39) scale(11.3526)'/><path d='M624.138 174.004c0-11.329-9.184-20.512-20.512-20.512a20.512 20.512 0 0 0-15.714 7.327l15.714 13.185h20.512Z' style='fill:white' transform='translate(-6602.7 -1725.39) scale(11.3526)'/><circle cx='681.249' cy='197.63' r='19.973' style='fill:none;stroke:white;stroke-width:2.5px' transform='translate(-7483.93 -1993.6) scale(11.3526)'/></svg>");
  background-repeat: no-repeat;
  background-size: 94% 94%;
}
#top_menu_container ul {
  float: right;
  margin: 0;
  padding: 0;
}
#top_menu_container ul li {
  text-align: right;
  display: inline-block;
}
#top_menu_container ul li a {
  padding: 0 15px;
  color: #fff;
  text-decoration: no;
}
#header {
  height: 666px;
  background: url("/images/header-back.png") repeat-x top #1f1f1f;
  position: relative;
}
#header #band_panel {
  font-size: 16px;
  position: absolute;
  top: 35px;
  width: 100%;
  height: 190px;
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 2px;
  filter: drop-shadow(0px 15px 8px rgba(0,0,0,0.6));
  background: #fff;
  background: linear-gradient(180deg, #fff 0%, #f3f3f3 80%, #d8d8d8 95%);
  -webkit-transition: background-image 0.3s ease-in-out;
  transition: background-image 0.3s ease-in-out;
}
#header a {
  text-decoration: none;
}
#header a.full_panel {
  position: relative;
}
#header a.full_panel.active:after {
  background: url("/images/menu-hover.png") repeat-x;
  background-size: auto 100%;
  opacity: 1;
}
#header a.full_panel:hover:after {
  opacity: 1;
}
#header a.full_panel:after {
  transition: opacity 1s ease;
  background: url("/images/menu-hover.png") repeat-x;
  background-size: auto 100%;
  content: "";
  opacity: 0;
  width: 100%;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#header .separator {
  position: absolute;
  right: -8px;
  top: 0;
  background: url("/images/menu-left-shadow.png") no-repeat center right;
  width: 8px;
  height: 184px;
}
#header .full_panel {
  height: 184px;
  text-align: center;
}
#header #band_panel_inner {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #099fb3;
  height: 186px;
}
#header .band img {
  width: 90%;
  position: relative;
}
#header .band .price {
  position: absolute;
  height: 35px;
  padding: 0 3px;
  border: 1px solid #fff;
  color: #fff;
  filter: drop-shadow(0px 15px 8px rgba(0,0,0,0.6));
  font-size: 0.8em;
  font-weight: 300;
  right: 10px;
  bottom: 10px;
}
#header .band .price strong {
  font-size: 1.7em;
  margin: 0 2px;
  font-weight: 800;
  display: inline-block;
  position: relative;
  top: 3px;
}
#header .band .mm {
  font-size: 0.6em;
  font-weight: 300;
  position: relative;
  bottom: 3px;
}
#header .band .color strong {
  font-weight: 700;
}
#header .band.band_19 .price {
  background-color: #0fa541;
}
#header .band.band_19 .color {
  color: #0fa541;
}
#header .band.band_19 img {
  right: 7px;
}
#header .band.band_25 .price {
  background-color: #dc1a5d;
}
#header .band.band_25 .color {
  color: #dc1a5d;
}
#header .band.band_25 img {
  bottom: 8px;
  right: 17px;
}
#header .band.band_premium .price {
  background-color: #b08800;
}
#header .band.band_premium .color {
  color: #b08800;
}
#header .band.band_premium img {
  bottom: 4px;
}
#header .band.other {
  text-align: left;
}
#header .band.other strong {
  color: #3f61ad;
  margin-top: 29px;
  display: inline-block;
  font-size: 18px;
  margin-left: 10px;
}
#header .band.other ul {
  margin-left: 10px;
}
#header .band.other ul li {
  margin-top: 6px;
  padding-left: 0px;
}
#header .band.other ul li span {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  display: inline-block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 100 100'><path fill='\%233F61AD' d='m1105.99 148.003-9 4.998v-9.996l9 4.998Z' transform='translate(-10968.8 -1430.54) scale(10.0035)'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#header .band.other ul li a {
  text-decoration: underline;
  color: #455a64;
}
#header .band.other ul li a:hover {
  text-decoration: none;
}
#header .band h2 {
  color: #455a64;
  font-size: 1.3em;
  height: 45px;
  font-weight: 500;
  background: url("/images/menu-header-shadow.png") no-repeat bottom center;
}
#header #header_image {
  position: absolute;
  background: url("/images/crowd.png") no-repeat top center #1f1f1f;
  bottom: 0;
  left: 0;
  height: 500px;
  width: 100%;
}
#header #header_bottom_line {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  position: absolute;
  background: rgba(255,255,255,0.5);
}
#header #main_subject {
  font-size: 52px;
  color: #fff;
  font-weight: 600;
  width: 100%;
  position: absolute;
  top: 40%;
  height: 95px;
}
#header #main_subject .inside_panel {
  display: none;
}
#header #main_subject .inside_panel.shown {
  display: block;
}
#header #main_subject #pasky_name {
  width: 372px;
  text-align: right;
  float: left;
  line-height: 1.1em;
}
#header #main_subject #pasky_separator {
  float: left;
  width: 5px;
  height: 100%;
  background: #099fb3;
  margin: 0 33px;
  margin-top: 9px;
  font-size: 1.5em;
}
#header #main_subject #pasky_size {
  float: left;
  font-size: 2.58em;
  font-weight: 800;
  line-height: 0.83em;
  left: -15px;
}
#header #main_subject #pasky_size span {
  font-size: 0.25em;
  color: #099fb3;
  font-weight: 500;
  position: relative;
}
#header #main_subject ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header #main_subject ul li {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  font-size: 0.5em;
  color: #fff;
  font-weight: 300;
  position: relative;
}
#header #main_subject ul li .star {
  width: 20px;
  height: 21px;
  display: block;
  position: absolute;
  left: -35px;
  top: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 500 500'><path fill='\%23099FB3' d='m249.965 23.896 78.45 142.118 159.541 30.609-111.058 118.46 20.16 161.017-147.093-68.905L102.872 476.1l20.16-161.017-111.058-118.46 159.541-30.609 78.45-142.118'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#header .container {
  position: relative;
  height: 666px;
  margin: 0 auto;
  padding: 0;
}
#header img#band {
  top: auto;
  position: absolute;
  left: 10%;
  bottom: -30%;
  z-index: 2;
  filter: drop-shadow(0px 0px 20px #fff);
}
#header #calc_panel {
  position: absolute;
  width: 50%;
  height: 300px;
  right: 0;
  z-index: 2;
  bottom: -100px;
}
#header #calc_panel #order_bands {
  position: absolute;
  width: 300px;
  padding: 15px;
  background: #b80f13;
  bottom: -100px;
  color: #fff;
  left: 50%;
  margin-left: -150px;
  font-weight: 800;
  text-align: center;
  font-size: 1.5em;
}
#header #calc_panel #inner {
  position: relative;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 2px;
  filter: drop-shadow(0px 15px 8px rgba(0,0,0,0.6));
  z-index: 2;
  background: #fff;
  background: linear-gradient(180deg, #fff 0%, #f3f3f3 80%, #d8d8d8 95%);
  height: 300px;
  width: 100%;
}
#header #calc_panel #inner .inner_cont {
  border-radius: inherit;
  border: 1px solid #099fb3;
  padding: 10px;
  height: 296px;
}
#header #calc_panel #inner .qty_stripe {
  color: #fff;
  font-size: 1.4em;
  padding: 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #2d2d2d;
}
#header #calc_panel #inner .qty_stripe input[type=text] {
  font-weight: 500;
  width: 125px;
  margin: 0 15px;
  text-align: center;
  border: 3px solid #455a64;
}
#header #calc_panel #inner .noprint_panel {
  background: url("/images/menu-left-shadow.png") no-repeat center right;
}
#header #calc_panel #inner .price_box {
  height: 60px;
  background: url("/images/menu-header-shadow.png") no-repeat bottom center;
}
#header #calc_panel #inner strong {
  color: #b80f13;
}
#header #calc_panel #inner .noprint_panel .price {
  position: relative;
  top: 10px;
}
#header #calc_panel #inner h3 {
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  margin: 25px 0 4px 0;
  color: #b80f13;
  font-size: 1.7em;
  background: url("/images/menu-header-shadow.png") no-repeat bottom center;
  padding-bottom: 30px;
}
#header #calc_panel #inner h3 span {
  color: #2d2d2d;
}
#header #calc_panel #inner .sum_with_dph {
  margin-top: 5px;
  font-weight: 300;
  color: #099fb3;
}
#header #calc_panel #inner .sum_with_dph strong {
  font-weight: 300;
  color: #099fb3;
}
#header #calc_panel #left_name {
  position: absolute;
  height: 290px;
  background: #b80f13;
  color: #fff;
  width: 60px;
  left: -58px;
  z-index: 1;
  top: 10px;
  border-radius: 5px;
}
#header #calc_panel #left_name div {
  font-weight: 300;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -60px;
  line-height: 60px;
  font-size: 1.6em;
  width: 290px;
  height: 60px;
  transform-origin: 0 0;
  transform: rotate(-90deg);
}
.order_button {
  position: relative;
  display: block;
  width: 280px;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  background: #fff;
  overflow: hidden;
  font-weight: 600;
  color: #232323;
  text-decoration: none;
  font-size: 20px;
  padding-left: 65px;
  transition: 0.5s;
}
.order_button#add2cart {
  margin-top: 21px;
  float: right;
  background-color: #eaf4f9;
}
.order_button span.arrow {
  display: block;
  width: 25px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 20px;
  z-index: 2;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 21 18' xmlns='http://www.w3.org/2000/svg'><path d='M13.761 6.941H2.108a.443.443 0 00-.442.444v2.239c0 .246.198.443.442.443h11.653v1.131a1.152 1.152 0 001.966.815l2.695-2.694c.45-.45.45-1.178 0-1.63l-2.695-2.692a1.153 1.153 0 00-1.255-.25c-.43.178-.71.597-.71 1.063v1.131z' fill='%23FFFFFF'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.order_button:hover {
  background: rgba(255,255,255,0.5);
}
.order_button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><path fill='%23232323' d='M7.177 7.404c.144-.46-.206-.865-.554-.958a.792.792 0 00-.983.55c-.26.999 1.204 1.472 1.537.408zM1.61 7.318c.128.972 1.702.858 1.58-.213a.791.791 0 00-.9-.682.806.806 0 00-.68.895zm.87-2.117c-.026-.231.268-.556.342-.797l2.885.001c.342-.002.497-.05.684-.245.222-.231 1.114-1.972 1.362-2.398.315-.544.47-.958-.424-.954L1.692.812 1.319.006C.92.007.374-.038 0 .03L0 .801.783.8c.086.142 1.389 2.805 1.455 3.072-.203.307-.676 1.074-.63 1.437.107.828 1.003.698 1.406.698h4.19v-.791L2.482 5.2z'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.order_button:after {
  top: 0;
  right: -80px;
  content: '';
  background: #099fb3;
  transform: skewX(-45deg);
  position: absolute;
  width: 60%;
  height: 100%;
}
#content {
  min-height: 550px;
  background: #fff;
}
.band_container {
  text-align: center;
  font-weight: 300;
  font-size: 0.9em;
}
.band_color {
  display: inline-block;
  position: relative;
  margin: 10px;
  width: 100px;
  height: 29px;
  overflow: hidden;
}
.band_color .overlay {
  width: 100%;
  height: 30px;
  position: absolute;
  background-image: url("/images/bands/mini-band.png");
  z-index: 15;
  background-size: 100% auto;
}
.band_color span {
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  width: 70px;
  height: 28px;
  top: 1px;
  left: 33px;
}
#cart {
  font-size: 1.4em;
  margin-bottom: 25px;
  margin-top: 50px;
}
#cart .row {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
#cart .row:first-child {
  border-top: none;
}
#cart .preview {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.info.empty_cart {
  text-align: center;
  font-size: 1.3em;
  padding: 15px;
}
#buy_button {
  font-size: 1.5em;
  margin-bottom: 35px;
  height: 55px;
  padding: 15px;
  line-height: 25px;
  background: #65c03c;
  border: none;
}
.add_item_container {
  margin: 35px 0;
  text-align: center;
}
.add_item_container .add_item {
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
  margin: 0 20px;
  padding-left: 45px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.938 7.938'><path fill='\%23099FB3' d='M3.64 2.08v1.56H2.08v.658h1.56v1.56h.658v-1.56h1.56V3.64h-1.56V2.08H3.64z'/></svg>");
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: 10px -6px;
}
.add_item_container .add_item span {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
}
.add2cartLeft {
  float: right;
  width: 40%;
  text-align: right;
}
.add2cartRight {
  float: right;
  width: 300px;
}
@media (max-width: 799px) {
  .add2cartLeft,
  .add2cartRight {
    width: 100%;
  }
}
.price_container {
  padding: 0 15px;
  color: #fff;
  font-size: 1.4em;
  font-weight: 600;
  margin-top: 55px;
  white-space: nowrap;
  height: 100px;
  line-height: 100px;
}
.price_container.single_price {
  background: #099fb3;
}
.price_container.single_price span {
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.3);
  padding: 0 17px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  background: #fff;
  color: #232323;
  font-weight: 500;
  text-align: center;
  margin-left: 25px;
  border-radius: 26px;
  display: inline-block;
}
.price_container.single_price span strong {
  font-weight: 600;
  color: #099fb3;
}
.price_container.sum_price {
  text-align: right;
  margin-top: 0;
  padding: 0 15px;
  background: #2d2d2d;
}
.price_container.sum_price strong {
  font-weight: 600;
  font-size: 1.3em;
  margin-left: 15px;
}
.price_container.sum_price #main_sum {
  display: inline-block;
  font-weight: 600;
  font-size: 1.3em;
  margin-left: 15px;
}
#band_color_container {
  padding: 30px;
  margin-top: 55px;
  min-height: 300px;
  background: #eaf4f9;
}
#page_message {
  background: #455a64;
  color: #fff;
  padding: 10px;
  text-align: center;
}
#page_message a {
  color: #fff;
}
#cookies_lista {
  position: fixed;
  font-size: 0.8em;
  width: 100%;
  bottom: 0;
  z-index: 11;
  padding: 15px 75px;
  background: #2d2d2d;
  color: #fff;
  border-top: 2px solid #fff;
}
#cookies_lista a {
  color: #fff;
}
#cookies_lista #cookies_lista_zavrit {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 0.9em;
}
#footer_container {
  font-size: 0.9em;
  background: #2d2d2d;
  color: #fff;
}
.bottom_panel {
  padding: 15px 0;
  margin-top: 30px;
  border-top: 1px solid #3c3c3c;
}
#footer_menu {
  text-align: right;
}
#footer_menu a {
  display: inline-block;
  margin-left: 15px;
  color: #fff;
  text-decoration: none;
}
#footer_menu a:hover {
  text-decoration: underline;
}
#upload_button {
  width: 100%;
  margin-bottom: 15px;
}
.drop .dz-preview,
.page .dz-preview {
  background: #fff;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.drop .dz-preview .dz-progress,
.page .dz-preview .dz-progress {
  position: absolute;
  height: 20px;
  width: 90%;
  left: 5%;
  border: 1px solid #aaa;
  top: 50%;
  margin-top: -10px;
}
.drop .dz-preview .dz-progress .dz-upload,
.page .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 20px;
  width: 0;
  background: $app_green;
}
.upload_progress {
  display: none;
  position: absolute;
  width: 90%;
  height: 28px;
  margin: 0;
  left: 5%;
  top: 50%;
  margin-top: -14px;
  background: #666;
  line-height: 28px;
}
.drop {
  position: relative;
}
.drop .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
  display: none;
}
.drop .dz-preview .dz-progress {
  display: block;
  height: 20px;
  border: 1px solid #aaa;
}
.drop .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: $app_green;
}
.drop .dz-preview .dz-error-message {
  color: #f00;
  display: none;
}
.drop .dz-preview.dz-success .dz-success-mark {
  display: block;
}
#dropzone_main .dz-preview.dz-error .dz-error-message,
.drop .dz-preview.dz-error .dz-error-mark {
  display: block;
}
#dropzone_main .dz-preview .dz-error-mark,
.drop .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}
.respo_size {
  position: fixed;
  background: #f00;
  color: #fff;
  padding: 5px 15px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 2em;
  z-index: 10000;
  bottom: 0;
  opacity: 0.5;
}
.animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-delay: 0.05s;
  animation-duration: 0.25s;
  animation-delay: 0.05s;
}
.animated.animation_direction_none {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
}
.animated.animation_direction_right {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.animated.animation_direction_left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.animated.animation_delay_1 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.animated.animation_delay_2 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.animated.animation_delay_3 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@-o-keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}