/* Основные параметры */
/* FLAT COLORS */
body,
html,
#warper {
  height: 100%;
}
body {
  font-family: roboto;
  font-size: 17px;
  font-weight: 400;
}
body b {
  font-weight: 600;
}
a {
  color: #2483b7;
}
a:hover {
  color: #369fd8;
}
.content em.fa {
  font-style: normal !important;
}
.load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.load .topfix.transparent,
.load .transparent .transparent {
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}
img {
  margin-bottom: -4px;
  /* Убирает баг во всех браузерах - непонятный лишний отступ под картинкой */
  /* Однако, его нет во Flex-Box контейнерах */
}
p {
  margin-top: -3px;
  /* равняет с картинкой */
  margin-bottom: 24px;
  line-height: 1.5;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.bg-p-aqua {
  background-color: #1abc9c;
}
.c-p-aqua {
  color: #1abc9c;
}
.bg-p-dark-aqua {
  background-color: #16a085;
}
.c-p-dark-aqua {
  color: #16a085;
}
.bg-p-green {
  background-color: #2ecc71;
}
.c-p-green {
  color: #2ecc71;
}
.bg-p-dark-green {
  background-color: #27ae60;
}
.c-p-dark-green {
  color: #27ae60;
}
.bg-p-blue {
  background-color: #3498db;
}
.c-p-blue {
  color: #3498db;
}
.bg-p-dark-blue {
  background-color: #377da4;
}
.c-p-dark-blue {
  color: #377da4;
}
.bg-p-magenta {
  background-color: #9b59b6;
}
.c-p-magenta {
  color: #9b59b6;
}
.bg-p-dark-magenta {
  background-color: #8e44ad;
}
.c-p-dark-magenta {
  color: #8e44ad;
}
.bg-p-asphalt {
  background-color: #34495e;
}
.c-p-asphalt {
  color: #34495e;
}
.bg-p-dark-asphalt {
  background-color: #2c3e50;
}
.c-p-dark-asphalt {
  color: #2c3e50;
}
.bg-p-yellow {
  background-color: #f1c40f;
}
.c-p-yellow {
  color: #f1c40f;
}
.bg-p-orange {
  background-color: #fe982a;
}
.c-p-orange {
  color: #fe982a;
}
.bg-p-brown {
  background-color: #e67e22;
}
.c-p-brown {
  color: #e67e22;
}
.bg-p-dark-brown {
  background-color: #d35400;
}
.c-p-dark-brown {
  color: #d35400;
}
.bg-p-red {
  background-color: #e74c3c;
}
.c-p-red {
  color: #e74c3c;
}
.bg-p-dark-red {
  background-color: #c0392b;
}
.c-p-dark-red {
  color: #c0392b;
}
.bg-p-silver {
  background-color: #ecf0f1;
}
.c-p-silver {
  color: #ecf0f1;
}
.bg-p-dark-silver {
  background-color: #bdc3c7;
}
.c-p-dark-silver {
  color: #bdc3c7;
}
.bg-p-gray {
  background-color: #95a5a6;
}
.c-p-gray {
  color: #95a5a6;
}
.bg-p-dark-gray {
  background-color: #7f8c8d;
}
.c-p-dark-gray {
  color: #7f8c8d;
}
.bg-p-white {
  background-color: #ffffff;
}
.c-p-white {
  color: #ffffff;
}
.bg-p-black {
  background-color: #000000;
}
.c-p-black {
  color: #000000;
}
.banner-section {
  position: relative;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  max-height: 125px;
  overflow: hidden;
}
#warper.scrolled .banner-section {
  max-height: 0;
}
/* Телефоны и т.п. */
/* SEE IT */
.phone-section {
  position: absolute;
  top: 30px;
  right: 24px;
  text-align: right;
  z-index: 30;
  color: #0e4d67;
  font-family: clearsans;
  font-weight: 600;
  font-size: 15px;
}
.phone-section a {
  color: #0e4d67;
  text-decoration: none;
  margin-left: 24px;
}
.phone-section a:hover {
  text-decoration: underline;
}
#warper:not(.mobile-menu) .phone-section {
  transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
}
#warper:not(.mobile-menu).scrolled .phone-section {
  transform: translate(0, -100px);
  -moz-transform: translate(0, -100px);
  -webkit-transform: translate(0, -100px);
  -o-transform: translate(0, -100px);
  -ms-transform: translate(0, -100px);
}
.phone-section i.fa {
  color: #2483b7;
  margin-right: 7px;
  display: inline-block;
}
.mobile-menu .phone-section {
  position: absolute;
  top: 15px;
  height: 43px;
  line-height: 34px;
  right: auto;
  left: 50%;
}
.mobile-menu .phone-section i.fa {
  margin-right: 0 !important;
}
.mobile-menu .phone-section .phone {
  display: none;
}
.mobile-menu .phone-section .mail span,
.mobile-menu .phone-section .enter span,
.mobile-menu .phone-section .username span {
  display: none;
}
/* Шапка и вертикальное меню */
header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: auto;
  z-index: 3000;
}
.topfix {
  position: relative;
  z-index: 3000;
  background: #fff;
}
.topfix.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.topfix.shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.topfix.nofill.shadow {
  box-shadow: none;
}
#top-menu {
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#warper:not(.mobile-menu) #top-menu.menu-on-top {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#warper:not(.mobile-menu) #top-menu.menu-on-bottom {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
#btn-mobile-menu {
  display: none;
  background: url(/img/sys/menu.png) no-repeat;
  width: 21px;
  height: 17px;
  cursor: pointer;
}
.mobile-menu #btn-mobile-menu {
  display: inline-block;
}
/* Desktop menu styles */
#menu-holder ul li {
  cursor: pointer;
}
#warper:not(.mobile-menu) #menu-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 10px;
  opacity: 0;
  /* Для проверки размера меню перед его появлением */
}
#warper:not(.mobile-menu) #menu-holder > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  height: 100%;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  box-sizing: border-box;
  position: relative;
  margin-right: 6px;
}
#warper:not(.mobile-menu) #menu-holder > ul > li {
  font-size: 16px;
  line-height: 1;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50px;
  /* &.has-child:after {
				content:"";
				position:absolute;
				left:50%;
				margin-left:-5px;
				bottom:-6px;
				width:12px;
				height:12px;
				background:@MenuABgColor;
				.transform(rotate(45deg););
				border-left:solid 1px rgba(255,255,255,0.5); // SEE IT (треугольник в меню)
				border-top:solid 1px rgba(0,0,0,0.3); // SEE IT (треугольник в меню)
				//border-bottom:solid 1px rgba(0,0,0,0.2);
				//box-shadow:1px 1px 0 0 rgba(255,255,255,0.4);
				z-index:100;
				opacity:0;
			} */
  /*
			// SEE IT - другая реализация треугольника в меню
			&.has-child:after {
				content:"";
				border: 8px solid transparent;
				border-bottom: 8px solid @MenuABgColor;
				display: block;
				width: 0;
				height: 0;
				position:absolute;
				left:50%;
				margin-left:-5px;
				bottom:-1px;
				z-index:100;
				opacity:0;
			}
			&.has-child.selected:after {
				opacity:1;
			}
			*/
}
#warper:not(.mobile-menu) #menu-holder > ul > li.active,
#warper:not(.mobile-menu) #menu-holder > ul > li.has-child:hover,
.m-all #warper:not(.mobile-menu) #menu-holder > ul > li:hover:not(.no-highlight) {
  background: #2483b7;
}
#warper:not(.mobile-menu) #menu-holder > ul > li.active:after,
#warper:not(.mobile-menu) #menu-holder > ul > li.has-child:hover:after,
.m-all #warper:not(.mobile-menu) #menu-holder > ul > li:hover:not(.no-highlight):after {
  opacity: 1;
}
#warper:not(.mobile-menu) #menu-holder > ul > li.active > a,
#warper:not(.mobile-menu) #menu-holder > ul > li.has-child:hover > a,
.m-all #warper:not(.mobile-menu) #menu-holder > ul > li:hover:not(.no-highlight) > a {
  color: #ffffff;
}
#warper:not(.mobile-menu) #menu-holder > ul > li.active > ul,
#warper:not(.mobile-menu) #menu-holder > ul > li.has-child:hover > ul,
.m-all #warper:not(.mobile-menu) #menu-holder > ul > li:hover:not(.no-highlight) > ul {
  display: block;
  top: 105%;
  opacity: 0;
  z-index: 10;
  padding: 15px 0;
  animation: opacity-off-animation 0.2s ease-out 0s 1 normal forwards;
  -webkit-animation: opacity-off-animation 0.2s ease-out 0s 1 normal forwards;
  -moz-animation: opacity-off-animation 0.2s ease-out 0s 1 normal forwards;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > a:not([class]) {
  font-family: clearsans;
  font-weight: 600;
  color: #0e4d67;
  font-size: 16px;
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  height: 33px;
  padding: 0 18px;
  z-index: 300;
  text-transform: uppercase;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > a:not([class]) em {
  font-family: Cabin;
  font-weight: normal;
  font-style: normal !important;
  font-size: 20.8px;
  margin-left: 4px;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > a:not([class]) i {
  font-size: 20px;
  color: inherit !important;
}
#warper:not(.mobile-menu) #menu-holder > ul > li:hover > a {
  color: #2aa6da;
}
#warper:not(.mobile-menu) #menu-holder > ul > li.spec > a {
  font-family: clearsans;
  color: #ca0101;
  text-decoration: none;
}
#warper:not(.mobile-menu) #menu-holder > ul > li.spec > a:hover {
  color: #FFF;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > ul {
  background: #2483b7;
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
  display: none;
  padding: 6px 1px;
  top: 200%;
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset, 2px 7px 15px 0 rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > ul > li {
  padding: 6px 18px;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > ul > li > a {
  font-family: clearsans;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
}
#warper:not(.mobile-menu) #menu-holder > ul > li > ul > li:hover > a {
  color: #ffc656;
}
/* Mobile menu styles */
#warper.mobile-menu #menu-holder #btn-mobile-menu {
  display: inline-block;
  margin: 0 12px;
  position: relative;
  z-index: 700;
}
#warper.mobile-menu #menu-holder > ul {
  position: fixed;
  right: 0;
  top: 0;
  padding: 36px 12px 24px 12px;
  max-width: 100%;
  background: #ffc656;
  z-index: 600;
  box-sizing: border-box;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  -webkit-transform: translateY(-130%);
  -o-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset, 2px 7px 15px 0 rgba(0, 0, 0, 0.5);
}
#warper.mobile-menu #menu-holder > ul li {
  padding: 0 12px 6px 12px;
  margin-bottom: 6px;
}
#warper.mobile-menu #menu-holder > ul li ul {
  height: auto;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -webkit-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  -ms-transition: max-height 0.5s ease-in-out;
}
#warper.mobile-menu #menu-holder > ul li ul li:first-child {
  padding-top: 18px;
}
#warper.mobile-menu #menu-holder > ul li.active ul {
  max-height: 400px;
  font-size: 0.8em;
}
#warper.mobile-menu #menu-holder.active > ul {
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
}
#warper.mobile-menu #menu-holder a {
  font-family: clearsans;
  font-size: 18px;
  font-weight: 600;
  color: #2483b7;
  text-decoration: none;
}
#warper.mobile-menu #menu-holder a:hover {
  color: #000;
}
#warper.mobile-menu #menu-holder a i {
  font-family: Cabin;
  font-weight: normal;
  font-size: 20.8px;
  margin-left: 4px;
}
#warper.mobile-menu #menu-holder a i.fa {
  font-family: "FontAwesome";
  color: #2483b7;
}
#warper.mobile-menu #menu-holder a i.fa:hover {
  color: #000;
}
#warper.mobile-menu #menu-holder a em {
  font-family: Cabin;
  font-weight: normal;
  font-size: 20.8px;
  margin-left: 4px;
}
/* end mobile menu */
#logo-holder {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#logo-holder .logo-multi {
  width: 330px;
  padding: 23px 12px 30px 12px;
  transition: padding 0.2s, width 0.2s;
  -moz-transition: padding 0.2s, width 0.2s;
  -webkit-transition: padding 0.2s, width 0.2s;
  -o-transition: padding 0.2s, width 0.2s;
  -ms-transition: padding 0.2s, width 0.2s;
}
#logo-holder .logo-single img {
  display: inline-block;
  width: 325px;
  transition: width 0.2s;
  -moz-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  height: auto;
}
#logo-holder .logo-multi img {
  display: block;
  float: left;
  transition: height 0.2s;
  -moz-transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  width: auto;
}
#logo-holder .logo-multi img.logo-part-1 {
  height: 63px;
}
#logo-holder .logo-multi img.logo-part-2 {
  height: 63px;
}
#logo-holder .logo-multi img.logo-part-3 {
  height: 0px;
}
.fixed #logo-holder .logo-multi,
.mobile-menu #logo-holder .logo-multi {
  width: 200px;
  padding: 10px 24px 17px 24px;
}
.fixed #logo-holder .logo-multi img.logo-part-1,
.mobile-menu #logo-holder .logo-multi img.logo-part-1 {
  height: 40px;
}
.fixed #logo-holder .logo-multi img.logo-part-2,
.mobile-menu #logo-holder .logo-multi img.logo-part-2 {
  height: 0px;
}
.fixed #logo-holder .logo-multi img.logo-part-3,
.mobile-menu #logo-holder .logo-multi img.logo-part-3 {
  height: 35px;
  position: relative;
  top: 5px;
}
.fixed #logo-holder .logo-single img {
  width: 0px;
  max-width: 90%;
}
.transparent.nofill .transparent {
  background-color: rgba(0, 0, 0, 0);
}
/* Конец меню */
/* BUTTONS */
.button {
  height: 47px;
  display: inline-block;
  border-radius: 3px;
  color: #fff !important;
  text-decoration: none;
  background-color: #ed5565;
  cursor: pointer;
  position: relative;
  left: 0;
  top: 0;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  font-size: 16px;
  box-sizing: content-box;
}
.b-text-bump {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2) !important;
}
.c-dark.b-text-bump,
.c-dark .b-text-bump,
.b-text-bump .c-dark {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.button.pressed {
  position: relative;
  left: 1px;
  top: 2px;
}
.button > span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  color: inherit;
  font-size: inherit;
  box-sizing: border-box;
  border-radius: 3px;
}
.button > span > span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  height: 100%;
  padding: 0 24px;
  border-radius: 3px;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding-top: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 25px 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.4s;
  -moz-transition: box-shadow 0.4s;
  -webkit-transition: box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  -ms-transition: box-shadow 0.4s;
  vertical-align: top;
}
.button.b-small,
.b-small .button {
  height: 34.1px;
  font-size: 14px;
}
.button.b-small span > span,
.b-small .button span > span {
  padding: 0 16.8px;
  padding-top: 2px;
}
.button.b-big,
.b-big .button {
  height: 59.9px;
  font-size: 20px;
}
.button.b-big span > span,
.b-big .button span > span {
  padding: 0 31.2px;
}
.button.b-rounded,
.button.b-rounded span,
.b-rounded .button,
.b-rounded .button span {
  border-radius: 100px;
}
.button.p-aqua {
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.button.p-aqua:hover {
  background-color: #12e8be;
  border-color: #12e8be;
}
.button.b-boxed.p-aqua,
.b-boxed .button.p-aqua {
  color: #1abc9c;
  border-color: #1abc9c;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-aqua:hover,
.b-boxed .button.p-aqua:hover {
  background-color: #1abc9c;
}
.button.b-boxed.b-nofill.p-aqua:hover,
.b-boxed .button.b-nofill.p-aqua:hover,
.b-boxed.b-nofill .button.p-aqua:hover {
  color: #12e8be;
  border-color: #12e8be;
  background: none;
}
.button.b-glow.p-aqua > span > span,
.b-glow .button.p-aqua > span > span {
  box-shadow: 0 0 0 0 #18e2ba, 0 0 0 0 #18e2ba inset;
}
.button.b-glow.p-aqua:hover > span > span,
.b-glow .button.p-aqua:hover > span > span {
  box-shadow: 0 0 17px 4px #18e2ba, 0 0 15px 2px #18e2ba inset;
}
.button.p-dark-aqua {
  background-color: #16a085;
  border-color: #16a085;
}
.button.p-dark-aqua:hover {
  background-color: #0fcaa6;
  border-color: #0fcaa6;
}
.button.b-boxed.p-dark-aqua,
.b-boxed .button.p-dark-aqua {
  color: #16a085;
  border-color: #16a085;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-aqua:hover,
.b-boxed .button.p-dark-aqua:hover {
  background-color: #16a085;
}
.button.b-boxed.b-nofill.p-dark-aqua:hover,
.b-boxed .button.b-nofill.p-dark-aqua:hover,
.b-boxed.b-nofill .button.p-dark-aqua:hover {
  color: #0fcaa6;
  border-color: #0fcaa6;
  background: none;
}
.button.b-glow.p-dark-aqua > span > span,
.b-glow .button.p-dark-aqua > span > span {
  box-shadow: 0 0 0 0 #15c5a2, 0 0 0 0 #15c5a2 inset;
}
.button.b-glow.p-dark-aqua:hover > span > span,
.b-glow .button.p-dark-aqua:hover > span > span {
  box-shadow: 0 0 17px 4px #15c5a2, 0 0 15px 2px #15c5a2 inset;
}
.button.p-green {
  background-color: #2ecc71;
  border-color: #2ecc71;
}
.button.p-green:hover {
  background-color: #3de182;
  border-color: #3de182;
}
.button.b-boxed.p-green,
.b-boxed .button.p-green {
  color: #2ecc71;
  border-color: #2ecc71;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-green:hover,
.b-boxed .button.p-green:hover {
  background-color: #2ecc71;
}
.button.b-boxed.b-nofill.p-green:hover,
.b-boxed .button.b-nofill.p-green:hover,
.b-boxed.b-nofill .button.p-green:hover {
  color: #3de182;
  border-color: #3de182;
  background: none;
}
.button.b-glow.p-green > span > span,
.b-glow .button.p-green > span > span {
  box-shadow: 0 0 0 0 #42db83, 0 0 0 0 #42db83 inset;
}
.button.b-glow.p-green:hover > span > span,
.b-glow .button.p-green:hover > span > span {
  box-shadow: 0 0 17px 4px #42db83, 0 0 15px 2px #42db83 inset;
}
.button.p-dark-green {
  background-color: #27ae60;
  border-color: #27ae60;
}
.button.p-dark-green:hover {
  background-color: #21d86e;
  border-color: #21d86e;
}
.button.b-boxed.p-dark-green,
.b-boxed .button.p-dark-green {
  color: #27ae60;
  border-color: #27ae60;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-green:hover,
.b-boxed .button.p-dark-green:hover {
  background-color: #27ae60;
}
.button.b-boxed.b-nofill.p-dark-green:hover,
.b-boxed .button.b-nofill.p-dark-green:hover,
.b-boxed.b-nofill .button.p-dark-green:hover {
  color: #21d86e;
  border-color: #21d86e;
  background: none;
}
.button.b-glow.p-dark-green > span > span,
.b-glow .button.p-dark-green > span > span {
  box-shadow: 0 0 0 0 #27d16f, 0 0 0 0 #27d16f inset;
}
.button.b-glow.p-dark-green:hover > span > span,
.b-glow .button.p-dark-green:hover > span > span {
  box-shadow: 0 0 17px 4px #27d16f, 0 0 15px 2px #27d16f inset;
}
.button.p-blue {
  background-color: #3498db;
  border-color: #3498db;
}
.button.p-blue:hover {
  background-color: #48a9eb;
  border-color: #48a9eb;
}
.button.b-boxed.p-blue,
.b-boxed .button.p-blue {
  color: #3498db;
  border-color: #3498db;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-blue:hover,
.b-boxed .button.p-blue:hover {
  background-color: #3498db;
}
.button.b-boxed.b-nofill.p-blue:hover,
.b-boxed .button.b-nofill.p-blue:hover,
.b-boxed.b-nofill .button.p-blue:hover {
  color: #48a9eb;
  border-color: #48a9eb;
  background: none;
}
.button.b-glow.p-blue > span > span,
.b-glow .button.p-blue > span > span {
  box-shadow: 0 0 0 0 #4da8e5, 0 0 0 0 #4da8e5 inset;
}
.button.b-glow.p-blue:hover > span > span,
.b-glow .button.p-blue:hover > span > span {
  box-shadow: 0 0 17px 4px #4da8e5, 0 0 15px 2px #4da8e5 inset;
}
.button.p-dark-blue {
  background-color: #377da4;
  border-color: #377da4;
}
.button.p-dark-blue:hover {
  background-color: #3395cb;
  border-color: #3395cb;
}
.button.b-boxed.p-dark-blue,
.b-boxed .button.p-dark-blue {
  color: #377da4;
  border-color: #377da4;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-blue:hover,
.b-boxed .button.p-dark-blue:hover {
  background-color: #377da4;
}
.button.b-boxed.b-nofill.p-dark-blue:hover,
.b-boxed .button.b-nofill.p-dark-blue:hover,
.b-boxed.b-nofill .button.p-dark-blue:hover {
  color: #3395cb;
  border-color: #3395cb;
  background: none;
}
.button.b-glow.p-dark-blue > span > span,
.b-glow .button.p-dark-blue > span > span {
  box-shadow: 0 0 0 0 #3a93c5, 0 0 0 0 #3a93c5 inset;
}
.button.b-glow.p-dark-blue:hover > span > span,
.b-glow .button.p-dark-blue:hover > span > span {
  box-shadow: 0 0 17px 4px #3a93c5, 0 0 15px 2px #3a93c5 inset;
}
.button.p-magenta {
  background-color: #9b59b6;
  border-color: #9b59b6;
}
.button.p-magenta:hover {
  background-color: #ae68cb;
  border-color: #ae68cb;
}
.button.b-boxed.p-magenta,
.b-boxed .button.p-magenta {
  color: #9b59b6;
  border-color: #9b59b6;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-magenta:hover,
.b-boxed .button.p-magenta:hover {
  background-color: #9b59b6;
}
.button.b-boxed.b-nofill.p-magenta:hover,
.b-boxed .button.b-nofill.p-magenta:hover,
.b-boxed.b-nofill .button.p-magenta:hover {
  color: #ae68cb;
  border-color: #ae68cb;
  background: none;
}
.button.b-glow.p-magenta > span > span,
.b-glow .button.p-magenta > span > span {
  box-shadow: 0 0 0 0 #ac6dc6, 0 0 0 0 #ac6dc6 inset;
}
.button.b-glow.p-magenta:hover > span > span,
.b-glow .button.p-magenta:hover > span > span {
  box-shadow: 0 0 17px 4px #ac6dc6, 0 0 15px 2px #ac6dc6 inset;
}
.button.p-dark-magenta {
  background-color: #8e44ad;
  border-color: #8e44ad;
}
.button.p-dark-magenta:hover {
  background-color: #a44cc9;
  border-color: #a44cc9;
}
.button.b-boxed.p-dark-magenta,
.b-boxed .button.p-dark-magenta {
  color: #8e44ad;
  border-color: #8e44ad;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-magenta:hover,
.b-boxed .button.p-dark-magenta:hover {
  background-color: #8e44ad;
}
.button.b-boxed.b-nofill.p-dark-magenta:hover,
.b-boxed .button.b-nofill.p-dark-magenta:hover,
.b-boxed.b-nofill .button.p-dark-magenta:hover {
  color: #a44cc9;
  border-color: #a44cc9;
  background: none;
}
.button.b-glow.p-dark-magenta > span > span,
.b-glow .button.p-dark-magenta > span > span {
  box-shadow: 0 0 0 0 #a252c3, 0 0 0 0 #a252c3 inset;
}
.button.b-glow.p-dark-magenta:hover > span > span,
.b-glow .button.p-dark-magenta:hover > span > span {
  box-shadow: 0 0 17px 4px #a252c3, 0 0 15px 2px #a252c3 inset;
}
.button.p-asphalt {
  background-color: #34495e;
  border-color: #34495e;
}
.button.p-asphalt:hover {
  background-color: #385b7e;
  border-color: #385b7e;
}
.button.b-boxed.p-asphalt,
.b-boxed .button.p-asphalt {
  color: #34495e;
  border-color: #34495e;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-asphalt:hover,
.b-boxed .button.p-asphalt:hover {
  background-color: #34495e;
}
.button.b-boxed.b-nofill.p-asphalt:hover,
.b-boxed .button.b-nofill.p-asphalt:hover,
.b-boxed.b-nofill .button.p-asphalt:hover {
  color: #385b7e;
  border-color: #385b7e;
  background: none;
}
.button.b-glow.p-asphalt > span > span,
.b-glow .button.p-asphalt > span > span {
  box-shadow: 0 0 0 0 #3c5b7a, 0 0 0 0 #3c5b7a inset;
}
.button.b-glow.p-asphalt:hover > span > span,
.b-glow .button.p-asphalt:hover > span > span {
  box-shadow: 0 0 17px 4px #3c5b7a, 0 0 15px 2px #3c5b7a inset;
}
.button.p-dark-asphalt {
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.button.p-dark-asphalt:hover {
  background-color: #31506f;
  border-color: #31506f;
}
.button.b-boxed.p-dark-asphalt,
.b-boxed .button.p-dark-asphalt {
  color: #2c3e50;
  border-color: #2c3e50;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-asphalt:hover,
.b-boxed .button.p-dark-asphalt:hover {
  background-color: #2c3e50;
}
.button.b-boxed.b-nofill.p-dark-asphalt:hover,
.b-boxed .button.b-nofill.p-dark-asphalt:hover,
.b-boxed.b-nofill .button.p-dark-asphalt:hover {
  color: #31506f;
  border-color: #31506f;
  background: none;
}
.button.b-glow.p-dark-asphalt > span > span,
.b-glow .button.p-dark-asphalt > span > span {
  box-shadow: 0 0 0 0 #35506b, 0 0 0 0 #35506b inset;
}
.button.b-glow.p-dark-asphalt:hover > span > span,
.b-glow .button.p-dark-asphalt:hover > span > span {
  box-shadow: 0 0 17px 4px #35506b, 0 0 15px 2px #35506b inset;
}
.button.p-yellow {
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.button.p-yellow:hover {
  background-color: #fed326;
  border-color: #fed326;
}
.button.b-boxed.p-yellow,
.b-boxed .button.p-yellow {
  color: #f1c40f;
  border-color: #f1c40f;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-yellow:hover,
.b-boxed .button.p-yellow:hover {
  background-color: #f1c40f;
}
.button.b-boxed.b-nofill.p-yellow:hover,
.b-boxed .button.b-nofill.p-yellow:hover,
.b-boxed.b-nofill .button.p-yellow:hover {
  color: #fed326;
  border-color: #fed326;
  background: none;
}
.button.b-glow.p-yellow > span > span,
.b-glow .button.p-yellow > span > span {
  box-shadow: 0 0 0 0 #f8d02b, 0 0 0 0 #f8d02b inset;
}
.button.b-glow.p-yellow:hover > span > span,
.b-glow .button.p-yellow:hover > span > span {
  box-shadow: 0 0 17px 4px #f8d02b, 0 0 15px 2px #f8d02b inset;
}
.button.p-orange {
  background-color: #fe982a;
  border-color: #fe982a;
}
.button.p-orange:hover {
  background-color: #ffa94d;
  border-color: #ffa94d;
}
.button.b-boxed.p-orange,
.b-boxed .button.p-orange {
  color: #fe982a;
  border-color: #fe982a;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-orange:hover,
.b-boxed .button.p-orange:hover {
  background-color: #fe982a;
}
.button.b-boxed.b-nofill.p-orange:hover,
.b-boxed .button.b-nofill.p-orange:hover,
.b-boxed.b-nofill .button.p-orange:hover {
  color: #ffa94d;
  border-color: #ffa94d;
  background: none;
}
.button.b-glow.p-orange > span > span,
.b-glow .button.p-orange > span > span {
  box-shadow: 0 0 0 0 #ffa94d, 0 0 0 0 #ffa94d inset;
}
.button.b-glow.p-orange:hover > span > span,
.b-glow .button.p-orange:hover > span > span {
  box-shadow: 0 0 17px 4px #ffa94d, 0 0 15px 2px #ffa94d inset;
}
.button.p-brown {
  background-color: #e67e22;
  border-color: #e67e22;
}
.button.p-brown:hover {
  background-color: #f49038;
  border-color: #f49038;
}
.button.b-boxed.p-brown,
.b-boxed .button.p-brown {
  color: #e67e22;
  border-color: #e67e22;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-brown:hover,
.b-boxed .button.p-brown:hover {
  background-color: #e67e22;
}
.button.b-boxed.b-nofill.p-brown:hover,
.b-boxed .button.b-nofill.p-brown:hover,
.b-boxed.b-nofill .button.p-brown:hover {
  color: #f49038;
  border-color: #f49038;
  background: none;
}
.button.b-glow.p-brown > span > span,
.b-glow .button.p-brown > span > span {
  box-shadow: 0 0 0 0 #ef903d, 0 0 0 0 #ef903d inset;
}
.button.b-glow.p-brown:hover > span > span,
.b-glow .button.p-brown:hover > span > span {
  box-shadow: 0 0 17px 4px #ef903d, 0 0 15px 2px #ef903d inset;
}
.button.p-dark-brown {
  background-color: #d35400;
  border-color: #d35400;
}
.button.p-dark-brown:hover {
  background-color: #f76200;
  border-color: #f76200;
}
.button.b-boxed.p-dark-brown,
.b-boxed .button.p-dark-brown {
  color: #d35400;
  border-color: #d35400;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-brown:hover,
.b-boxed .button.p-dark-brown:hover {
  background-color: #d35400;
}
.button.b-boxed.b-nofill.p-dark-brown:hover,
.b-boxed .button.b-nofill.p-dark-brown:hover,
.b-boxed.b-nofill .button.p-dark-brown:hover {
  color: #f76200;
  border-color: #f76200;
  background: none;
}
.button.b-glow.p-dark-brown > span > span,
.b-glow .button.p-dark-brown > span > span {
  box-shadow: 0 0 0 0 #f76200, 0 0 0 0 #f76200 inset;
}
.button.b-glow.p-dark-brown:hover > span > span,
.b-glow .button.p-dark-brown:hover > span > span {
  box-shadow: 0 0 17px 4px #f76200, 0 0 15px 2px #f76200 inset;
}
.button.p-red {
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.button.p-red:hover {
  background-color: #f46253;
  border-color: #f46253;
}
.button.b-boxed.p-red,
.b-boxed .button.p-red {
  color: #e74c3c;
  border-color: #e74c3c;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-red:hover,
.b-boxed .button.p-red:hover {
  background-color: #e74c3c;
}
.button.b-boxed.b-nofill.p-red:hover,
.b-boxed .button.b-nofill.p-red:hover,
.b-boxed.b-nofill .button.p-red:hover {
  color: #f46253;
  border-color: #f46253;
  background: none;
}
.button.b-glow.p-red > span > span,
.b-glow .button.p-red > span > span {
  box-shadow: 0 0 0 0 #ef6557, 0 0 0 0 #ef6557 inset;
}
.button.b-glow.p-red:hover > span > span,
.b-glow .button.p-red:hover > span > span {
  box-shadow: 0 0 17px 4px #ef6557, 0 0 15px 2px #ef6557 inset;
}
.button.p-dark-red {
  background-color: #c0392b;
  border-color: #c0392b;
}
.button.p-dark-red:hover {
  background-color: #df4030;
  border-color: #df4030;
}
.button.b-boxed.p-dark-red,
.b-boxed .button.p-dark-red {
  color: #c0392b;
  border-color: #c0392b;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-red:hover,
.b-boxed .button.p-dark-red:hover {
  background-color: #c0392b;
}
.button.b-boxed.b-nofill.p-dark-red:hover,
.b-boxed .button.b-nofill.p-dark-red:hover,
.b-boxed.b-nofill .button.p-dark-red:hover {
  color: #df4030;
  border-color: #df4030;
  background: none;
}
.button.b-glow.p-dark-red > span > span,
.b-glow .button.p-dark-red > span > span {
  box-shadow: 0 0 0 0 #d94536, 0 0 0 0 #d94536 inset;
}
.button.b-glow.p-dark-red:hover > span > span,
.b-glow .button.p-dark-red:hover > span > span {
  box-shadow: 0 0 17px 4px #d94536, 0 0 15px 2px #d94536 inset;
}
.button.p-silver {
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}
.button.p-silver:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button.b-boxed.p-silver,
.b-boxed .button.p-silver {
  color: #ecf0f1;
  border-color: #ecf0f1;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-silver:hover,
.b-boxed .button.p-silver:hover {
  background-color: #ecf0f1;
}
.button.b-boxed.b-nofill.p-silver:hover,
.b-boxed .button.b-nofill.p-silver:hover,
.b-boxed.b-nofill .button.p-silver:hover {
  color: #ffffff;
  border-color: #ffffff;
  background: none;
}
.button.b-glow.p-silver > span > span,
.b-glow .button.p-silver > span > span {
  box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff inset;
}
.button.b-glow.p-silver:hover > span > span,
.b-glow .button.p-silver:hover > span > span {
  box-shadow: 0 0 17px 4px #ffffff, 0 0 15px 2px #ffffff inset;
}
.button.p-dark-silver {
  background-color: #bdc3c7;
  border-color: #bdc3c7;
}
.button.p-dark-silver:hover {
  background-color: #ccd5dc;
  border-color: #ccd5dc;
}
.button.b-boxed.p-dark-silver,
.b-boxed .button.p-dark-silver {
  color: #bdc3c7;
  border-color: #bdc3c7;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-silver:hover,
.b-boxed .button.p-dark-silver:hover {
  background-color: #bdc3c7;
}
.button.b-boxed.b-nofill.p-dark-silver:hover,
.b-boxed .button.b-nofill.p-dark-silver:hover,
.b-boxed.b-nofill .button.p-dark-silver:hover {
  color: #ccd5dc;
  border-color: #ccd5dc;
  background: none;
}
.button.b-glow.p-dark-silver > span > span,
.b-glow .button.p-dark-silver > span > span {
  box-shadow: 0 0 0 0 #ced5da, 0 0 0 0 #ced5da inset;
}
.button.b-glow.p-dark-silver:hover > span > span,
.b-glow .button.p-dark-silver:hover > span > span {
  box-shadow: 0 0 17px 4px #ced5da, 0 0 15px 2px #ced5da inset;
}
.button.p-gray {
  background-color: #95a5a6;
  border-color: #95a5a6;
}
.button.p-gray:hover {
  background-color: #a0bdbe;
  border-color: #a0bdbe;
}
.button.b-boxed.p-gray,
.b-boxed .button.p-gray {
  color: #95a5a6;
  border-color: #95a5a6;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-gray:hover,
.b-boxed .button.p-gray:hover {
  background-color: #95a5a6;
}
.button.b-boxed.b-nofill.p-gray:hover,
.b-boxed .button.b-nofill.p-gray:hover,
.b-boxed.b-nofill .button.p-gray:hover {
  color: #a0bdbe;
  border-color: #a0bdbe;
  background: none;
}
.button.b-glow.p-gray > span > span,
.b-glow .button.p-gray > span > span {
  box-shadow: 0 0 0 0 #a4b9ba, 0 0 0 0 #a4b9ba inset;
}
.button.b-glow.p-gray:hover > span > span,
.b-glow .button.p-gray:hover > span > span {
  box-shadow: 0 0 17px 4px #a4b9ba, 0 0 15px 2px #a4b9ba inset;
}
.button.p-dark-gray {
  background-color: #7f8c8d;
  border-color: #7f8c8d;
}
.button.p-dark-gray:hover {
  background-color: #88a6a8;
  border-color: #88a6a8;
}
.button.b-boxed.p-dark-gray,
.b-boxed .button.p-dark-gray {
  color: #7f8c8d;
  border-color: #7f8c8d;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-dark-gray:hover,
.b-boxed .button.p-dark-gray:hover {
  background-color: #7f8c8d;
}
.button.b-boxed.b-nofill.p-dark-gray:hover,
.b-boxed .button.b-nofill.p-dark-gray:hover,
.b-boxed.b-nofill .button.p-dark-gray:hover {
  color: #88a6a8;
  border-color: #88a6a8;
  background: none;
}
.button.b-glow.p-dark-gray > span > span,
.b-glow .button.p-dark-gray > span > span {
  box-shadow: 0 0 0 0 #8da1a3, 0 0 0 0 #8da1a3 inset;
}
.button.b-glow.p-dark-gray:hover > span > span,
.b-glow .button.p-dark-gray:hover > span > span {
  box-shadow: 0 0 17px 4px #8da1a3, 0 0 15px 2px #8da1a3 inset;
}
.button.p-white {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button.p-white:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button.b-boxed.p-white,
.b-boxed .button.p-white {
  color: #ffffff;
  border-color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-white:hover,
.b-boxed .button.p-white:hover {
  background-color: #ffffff;
}
.button.b-boxed.b-nofill.p-white:hover,
.b-boxed .button.b-nofill.p-white:hover,
.b-boxed.b-nofill .button.p-white:hover {
  color: #ffffff;
  border-color: #ffffff;
  background: none;
}
.button.b-glow.p-white > span > span,
.b-glow .button.p-white > span > span {
  box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff inset;
}
.button.b-glow.p-white:hover > span > span,
.b-glow .button.p-white:hover > span > span {
  box-shadow: 0 0 17px 4px #ffffff, 0 0 15px 2px #ffffff inset;
}
.button.p-black {
  background-color: #000000;
  border-color: #000000;
}
.button.p-black:hover {
  background-color: #141010;
  border-color: #141010;
}
.button.b-boxed.p-black,
.b-boxed .button.p-black {
  color: #000000;
  border-color: #000000;
  background-color: rgba(0, 0, 0, 0);
}
.button.b-boxed.p-black:hover,
.b-boxed .button.p-black:hover {
  background-color: #000000;
}
.button.b-boxed.b-nofill.p-black:hover,
.b-boxed .button.b-nofill.p-black:hover,
.b-boxed.b-nofill .button.p-black:hover {
  color: #141010;
  border-color: #141010;
  background: none;
}
.button.b-glow.p-black > span > span,
.b-glow .button.p-black > span > span {
  box-shadow: 0 0 0 0 #131111, 0 0 0 0 #131111 inset;
}
.button.b-glow.p-black:hover > span > span,
.b-glow .button.p-black:hover > span > span {
  box-shadow: 0 0 17px 4px #131111, 0 0 15px 2px #131111 inset;
}
.button.b-bulk,
.b-bulk .button {
  border: none;
}
.button.b-bulk > span,
.b-bulk .button > span {
  box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
.button.b-bulk.active > span,
.b-bulk .button.active > span {
  box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
.button.shadow,
.b-shadow .button {
  box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, 0.4);
}
.button.shadow.active,
.b-shadow .button.pressed {
  box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.4);
}
.dark .button.shadow,
.dark .dark .b-shadow .button {
  box-shadow: 2px 7px 25px 0 rgba(0, 0, 0, 0.5);
}
.dark .button.shadow.active,
.dark .b-shadow .button.pressed {
  box-shadow: 2px 4px 13px 0 rgba(0, 0, 0, 0.5);
}
.button.b-bulk > span > span,
.b-bulk .button > span > span {
  padding-top: 0;
  padding-bottom: 0;
}
.button.b-small.b-bulk > span,
.b-bulk .button.b-small > span,
.b-small.b-bulk .button > span {
  box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
.button.b-small.b-bulk.active > span,
.b-bulk .button.b-small.active > span,
.b-bulk.b-small .button.active > span {
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset;
}
.button.b-small.b-bulk > span,
.b-bulk .button.b-small > span {
  padding-bottom: 0px;
}
.button.b-boxed,
.b-boxed .button {
  height: 43px;
  border: solid 2px #ed5565;
}
.button.b-small.b-boxed,
.b-boxed .button.b-small,
.b-boxed.b-small .button {
  height: 30.1px;
}
.button.b-big.b-boxed,
.b-boxed .button.b-big,
.b-boxed.b-big .button {
  height: 55.9px;
}
.button.b-boxed:hover,
.b-boxed .button:hover {
  color: #fff;
}
.button.b-glow:hover,
.b-glow .button:hover {
  color: #fff;
}
.button.b-card > span,
.b-card .button > span {
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}
.button.c-dark,
.button.hc-dark:hover {
  color: #000000 !important;
}
/* buttons container */
.buttons {
  overflow: hidden;
}
.buttons .button {
  margin: 6px;
}
.message-window .buttons {
  background: #fff;
  padding: 0 12px 12px 12px;
  margin: 0;
}
/* END BUTTONS */
.light {
  background: #ffffff;
  color: #2c3e50;
}
.light p a {
  color: #377da4;
}
.light p {
  color: #000000;
}
.light h1 {
  color: #000000;
}
.light h2,
.light h3,
.light h4 {
  color: #000000;
}
.lightgray {
  background: #ecf0f1;
  color: #2c3e50;
}
.lightgray p a {
  color: #377da4;
}
.lightgray p {
  color: #000000;
}
.lightgray h1 {
  color: #000000;
}
.lightgray h2,
.lightgray h3,
.lightgray h4 {
  color: #000000;
}
.dark {
  background: #000000;
  color: #ecf0f1;
}
.dark p a {
  color: #377da4;
}
.dark p {
  color: #ffffff;
}
.dark h1 {
  color: #ffffff;
}
.dark h2,
.dark h3,
.dark h4 {
  color: #ffffff;
}
.darkgray {
  background: #7f8c8d;
  color: #ecf0f1;
}
.darkgray p a {
  color: #377da4;
}
.darkgray p {
  color: #ffffff;
}
.darkgray h1 {
  color: #ffffff;
}
.darkgray h2,
.darkgray h3,
.darkgray h4 {
  color: #ffffff;
}
.center {
  text-align: center;
  vertical-align: top;
}
h1 {
  font-family: robotocond;
  font-size: 46px;
  font-weight: bold;
  line-height: 1.1;
}
h2 {
  font-family: clearsans;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
}
h3,
h4,
h5 {
  font-family: robotocond;
  font-weight: 600;
  line-height: 1.1;
}
.fullpage {
  width: 100%;
  height: auto;
}
.fullpage .inner {
  position: relative;
  text-align: center;
  z-index: 100;
}
.fullpage h1 {
  font-size: 62px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 24px;
}
.fullpage h2 {
  font-size: 32px;
  margin-bottom: 36px;
  line-height: 1.1;
  font-weight: 600;
}
section {
  overflow: hidden;
  position: relative;
}
section .parallax {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
#shifter {
  transition: height 0.3s;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  -ms-transition: height 0.3s;
  height: 236px;
  overflow: hidden;
}
.nopad {
  padding: 0;
}
.parallaxing {
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
}
.parallaxCrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.overlay {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
body.fix-width .fix-width {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.fix-width-slider {
  max-width: 1222px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.fixBg {
  background-attachment: fixed;
}
.col1 .item {
  width: 100%;
}
.col2 .item {
  width: 50%;
}
.col3 .item {
  width: 33.3333%;
}
.col4 .item {
  width: 25%;
}
.col4 .item:nth-child(4n+1) {
  clear: left;
}
/* Разбивка текста на колонки */
.columns {
  width: 100%;
  text-align: left;
  column-gap: 48px;
}
.columns.sep {
  column-rule: 1px solid #ecf0f1;
}
.columns.dashsep {
  column-rule: 1px dashed #ecf0f1;
}
.col1 .columns {
  column-count: 1;
}
.col2 .columns {
  column-count: 2;
}
.col3 .columns {
  column-count: 3;
}
.col4 .columns {
  column-count: 4;
}
/* Айтемы с равными размерами и расстояниями 1,2,3 модуля */
.items-container .item {
  margin-bottom: 24px;
}
.items-container.dv1 {
  margin-top: -6px;
  margin-bottom: -6px;
}
.items-container.dv1 .item {
  padding-top: 6px;
  padding-bottom: 6px;
}
.items-container.dv2 {
  margin-top: -12px;
  margin-bottom: -12px;
}
.items-container.dv2 .item {
  padding-top: 12px;
  padding-bottom: 12px;
}
.items-container.dv3 {
  margin-top: -18px;
  margin-bottom: -18px;
}
.items-container.dv3 .item {
  padding-top: 18px;
  padding-bottom: 18px;
}
.items-container.dh1 {
  margin-left: -6px;
  margin-right: -6px;
}
.items-container.dh1 .item {
  padding-left: 6px;
  padding-right: 6px;
}
.items-container.dh2 {
  margin-left: -12px;
  margin-right: -12px;
}
.items-container.dh2 .item {
  padding-left: 12px;
  padding-right: 12px;
}
.items-container.dh3 {
  margin-left: -18px;
  margin-right: -18px;
}
.items-container.dh3 .item {
  padding-left: 18px;
  padding-right: 18px;
}
.item {
  float: left;
  position: relative;
  box-sizing: border-box;
}
.item h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.item p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  hyphens: auto;
  /* переносы слов */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  text-align: left !important;
}
.item .icon {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.tinyIcon .item,
.item.tinyIcon {
  min-height: 28px;
}
.tinyIcon .item .icon,
.item.tinyIcon .icon {
  width: 16px;
  height: 16px;
  margin-bottom: 12px;
}
.tinyIcon .item .h3,
.item.tinyIcon .h3,
.tinyIcon .item .p,
.item.tinyIcon .p {
  margin-left: 28px;
}
.smallIcon .item,
.item.smallIcon {
  min-height: 44px;
}
.smallIcon .item .icon,
.item.smallIcon .icon {
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
}
.smallIcon .item .h3,
.item.smallIcon .h3,
.smallIcon .item .p,
.item.smallIcon .p {
  margin-left: 44px;
}
.midIcon .item,
.item.midIcon {
  min-height: 76px;
}
.midIcon .item .icon,
.item.midIcon .icon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
}
.midIcon .item .h3,
.item.midIcon .h3,
.midIcon .item .p,
.item.midIcon .p {
  margin-left: 88px;
}
.bigIcon .item,
.item.bigIcon {
  min-height: 140px;
}
.bigIcon .item .icon,
.item.bigIcon .icon {
  width: 128px;
  height: 128px;
  margin-bottom: 24px;
}
.bigIcon .item .h3,
.item.bigIcon .h3,
.bigIcon .item .p,
.item.bigIcon .p {
  margin-left: 152px;
}
.hugeIcon .item,
.item.hugeIcon {
  min-height: 268px;
}
.hugeIcon .item .icon,
.item.hugeIcon .icon {
  width: 256px;
  height: 256px;
  margin-bottom: 36px;
}
.hugeIcon .item .h3,
.item.hugeIcon .h3,
.hugeIcon .item .p,
.item.hugeIcon .p {
  margin-left: 292px;
}
/* Логотипы */
.logos {
  text-align: center;
}
.logos img {
  margin: 24px 36px;
  vertical-align: middle;
}
/* Маркированные списки */
section ul {
  margin: 24px 0;
  padding: 0;
}
section ul li {
  line-height: 1.5;
  margin-bottom: 6px;
  list-style: none;
  padding-left: 26px;
  margin-left: 0;
  font-size: 18px;
}
section.light ul li {
  background: url(http://img/common/bullet-arrow.svg) 0 6px no-repeat;
  background-size: 11px 16px;
}
/* Нумерованные списки */
section ol {
  list-style: decimal;
  margin: 24px 0;
}
section ol li {
  position: relative;
  margin: 0 0 12px 24px;
  line-height: 1.3;
}
/* Кнопки репоста в социалки Яндекса */
#share {
  height: 33px;
  width: 300px;
  position: fixed;
  z-index: 1000;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding-right: 20px;
}
/* ОКНА */
/* ОКНА */
.popup-form-cover {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5000;
  display: none;
  overflow: auto;
}
#mescont {
  z-index: 6000;
}
.message-window {
  width: 440px;
  max-width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
}
.message-window textarea {
  width: 100%;
  height: 150px;
}
.messageCaption {
  width: 100%;
  padding: 0;
  position: relative;
  background-color: #377da4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.messageCaption h2 {
  font-size: 22px;
  font-weight: normal;
  text-align: left;
  padding: 14px 40px 14px 24px;
  color: #ffffff;
  margin-bottom: 0 !important;
  line-height: 1.1;
}
.message {
  box-sizing: border-box;
  padding: 24px;
  background: #fff;
}
.closeBtn {
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.closeButton {
  width: 16px;
  height: 16px;
  background: url(/img/sys/crossBlack.png) no-repeat;
  position: absolute;
  right: 12px;
  top: 16px;
  z-index: 1000;
  cursor: pointer;
}
.closeButton:hover {
  background-image: url(/img/sys/crossRed.png);
}
#message h1 {
  font-size: 22px;
  font-weight: 600;
}
label {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}
label b {
  color: #DF0003;
  margin-left: 10px;
  font-size: 20px;
  font-weight: normal;
}
.popup-form-cover fieldset {
  border: none;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.popup-form-cover fieldset input {
  border: none;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 24px;
  padding: 3px 5px;
  background: #eaeaea;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
}
.yashare-auto-init {
  float: right;
}
.fullwidth {
  width: 100%;
  height: auto;
}
.whitebox {
  width: 230px;
  height: 80px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.whitecover {
  width: 181px;
  height: 17px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.inputBox {
  max-width: 800px;
  margin: 0 auto 24px auto;
  position: relative;
  text-align: left;
}
.inputBox .leftBox {
  width: 60%;
  box-sizing: border-box;
  padding-right: 12px;
  float: left;
  text-align: right;
}
.inputBox .leftBox b,
.inputBox .leftBox strong,
.inputBox .leftBox em,
.inputBox .leftBox i {
  color: #ffcd22;
}
.inputBox .leftBox h2,
.inputBox .leftBox h2 p {
  font-size: 30px;
  line-height: 140%;
  color: #fff;
  font-weight: bold;
  text-align: right;
  margin-bottom: 12px;
}
.inputBox .leftBox h2 p {
  margin: 0;
}
.inputBox .leftBox .timer {
  display: inline-block;
  text-align: center;
}
.inputBox .leftBox .timer h2 {
  font-size: 22px;
  text-align: center;
  color: #000;
  margin-bottom: 12px;
  background: #ffcd22;
  border-radius: 4px;
  padding: 5px 12px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.inputBox label {
  color: #000;
  font-family: robotocond;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 3px;
}
.inputBox form {
  margin-left: 60%;
  padding: 18px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  border: solid 2px rgba(255, 255, 255, 0.9);
}
.inputBox input[type='text'] {
  width: 100%;
  font-size: 18px;
  padding: 4px 10px;
  box-sizing: border-box;
  border: solid 1px #aaa;
  border-radius: 4px;
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.inputBox input[type='button'] {
  border: none;
  cursor: pointer;
  margin-top: 10px;
}
.inputBox #f1_name {
  background-image: url(http://img/user.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  padding-left: 35px;
}
.inputBox #f1_phone {
  background-image: url(http://img/phone.png);
  background-repeat: no-repeat;
  background-position: 9px 7px;
  padding-left: 35px;
}
.inputBox #f1_email {
  background-image: url(http://img/mail.png);
  background-repeat: no-repeat;
  background-position: 8px 9px;
  padding-left: 35px;
}
@media screen and (max-width: 900px) {
  .inputBox .leftBox {
    float: none;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .inputBox .leftBox h2 {
    text-align: center;
  }
  .inputBox form {
    margin-left: 0;
  }
  .inputBox .timer {
    display: inline-block;
  }
}
#projectForm {
  padding: 0 24px 24px 24px;
  text-align: left;
}
#projectForm h3 {
  font-size: 18px;
  font-family: robotocond;
  margin: 0 0 5px 0;
}
#projectForm h3 b {
  color: #DF0003;
  margin-left: 10px;
  font-size: 18px;
  font-weight: normal;
}
#projectForm input[type='text'] {
  font-size: 16px;
  padding: 3px 2px;
  border: solid 3px #dadada;
  border-radius: 3px;
}
#projectForm label {
  line-height: 24px;
  cursor: pointer;
}
#projectForm label input {
  margin: 0 10px 0 0;
  position: relative;
  top: -1px;
}
#projectForm fieldset {
  background: #f0f0f0;
  margin: 5px 0;
  border-radius: 5px;
  padding: 12px;
}
@media screen and (max-width: 641px) {
  .message-window {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    display: table;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
  }
  .message-window a.button-3,
  .message-window input.button-3 {
    width: 60%;
    padding: 7px 10px;
    font-size: 16px;
    margin-bottom: 10px;
  }
}
/* =======================================================================================*/
/* =======================================================================================*/
/* Пользовательские стили */
/* Ниже пишем своё */
.perc {
  font-size: 52px;
  color: #ff3c15;
}
#pricing-table {
  margin: 72px auto;
  text-align: center;
  width: 100%;
  zoom: 1;
}
#pricing-table:before,
#pricing-table:after {
  content: "";
  display: table;
}
#pricing-table:after {
  clear: both;
}
#pricing-table .plan {
  font-weight: bold;
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  padding: 20px 10px;
  width: 33%;
  float: left;
  _display: inline;
  position: relative;
  margin: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
#pricing-table .plan:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  right: 4px;
  width: 80%;
  top: 80%;
  box-shadow: 0 12px 5px rgba(0, 0, 0, 0.3);
  transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
}
#pricing-table .popular-plan {
  top: -20px;
  padding: 40px 10px;
}
#pricing-table .header {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 40px;
  margin: -20px -10px 20px -10px;
  border-bottom: 8px solid;
  background-color: #eee;
  background-image: linear-gradient(#ffffff, #eeeeee);
}
#pricing-table .header:after {
  position: absolute;
  bottom: -8px;
  left: 0;
  height: 3px;
  width: 100%;
  content: '';
  background-image: url(http://img/triangle.png);
}
#pricing-table .popular-plan .header {
  margin-top: -40px;
  padding-top: 60px;
}
#pricing-table .plan1 .header {
  border-bottom-color: #B3E03F;
}
#pricing-table .plan2 .header {
  border-bottom-color: #7BD553;
}
#pricing-table .plan3 .header {
  border-bottom-color: #3AD5A0;
}
#pricing-table .plan4 .header {
  border-bottom-color: #45D0DA;
}
#pricing-table .price {
  font-size: 38px;
}
#pricing-table .monthly {
  font-size: 14px;
  margin: 20px 0;
  line-height: 130%;
  text-transform: uppercase;
  color: #999;
}
#pricing-table ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
#pricing-table li {
  padding: 5px 0;
  margin: 0;
  background: none;
  font-size: 16px;
}
#pricing-table li:nth-child(even) {
  background: #fbfbfb;
}
#pricing-table .signup {
  position: relative;
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  background-color: #72ce3f;
  border-radius: 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  opacity: .9;
}
#pricing-table .signup:hover {
  opacity: 1;
}
#pricing-table .signup:active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
}
#pricing-table .plan1 .signup {
  background: #B3E03F;
}
#pricing-table .plan2 .signup {
  background: #7BD553;
}
#pricing-table .plan3 .signup {
  background: #3AD5A0;
}
#pricing-table .plan4 .signup {
  background: #45D0DA;
}
.oldprice {
  text-decoration: line-through;
  font-size: 20px;
  color: #A73032;
}
@media screen and (max-width: 660px) {
  #pricing-table .plan {
    width: 100%;
    clear: both;
    margin: 20px 0;
    box-sizing: border-box;
  }
  #pricing-table .popular-plan {
    top: 0px;
  }
}
.error {
  font-size: 18px;
  font-weight: bold;
  color: #AA0000;
}
.reg_0 {
  display: none;
}
.reg_51 {
  position: absolute;
  right: 24px;
  bottom: -62px;
  width: 70px;
  height: 50px;
  background: url(http://img/murmansk.png) no-repeat;
}
.halls {
  text-align: center;
}
.halls img {
  width: 30%;
  height: auto;
}
@media screen and (max-width: 780px) {
  .halls img {
    width: 100%;
    margin-bottom: 10px;
  }
}
a.download {
  color: #000;
  padding-left: 60px;
  background: url(http://img/pdf.png) no-repeat;
  height: 56px;
  line-height: 56px;
  display: inline-block;
  font-style: italic;
}
a.download:hover {
  color: #ed1b24;
}
.fil0 {
  fill: #99CB3F;
}
/* ======== ПЕРЕНОС ============== */
td,
tr,
table {
  padding: 0;
  margin: 0;
}
/* Эффекты текста */
.smoothText {
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.7), 2px 2px 2px rgba(0, 0, 0, 0.7);
}
.3dText {
  text-shadow: 0px 0px 0 #c5c5c5, 1px 1px 0 #ababab, 2px 2px 0 #919191, 3px 3px 0 #777777, 4px 4px 3px #000000, 4px 4px 1px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.flatShadow {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4), 2px 2px 1px rgba(0, 0, 0, 0.9);
}
/* Рамочки */
.circle-border {
  border-radius: 50%;
  border-width: 10px;
  border-style: solid;
}
.light .circle-border {
  border-color: #000000;
}
.dark .circle-border {
  border-color: #ffffff;
}
.frame-1 {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* Живая кнопка */
.flashed {
  animation-name: flashedbutton;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  position: relative;
}
@keyframes flashedbutton {
  0% {
    background: #ed5565;
  }
  20% {
    background: #2ecc71;
  }
  40% {
    background: #f1c40f;
  }
  60% {
    background: #e74c3c;
  }
  80% {
    background: #3498db;
  }
  100% {
    background: #ed5565;
  }
}
/* Под вопросом */
.left {
  float: left;
  margin: 0 48px 24px 0;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}
.left img {
  max-width: 100%;
  height: auto !important;
}
.right img {
  max-width: 100%;
  height: auto !important;
}
.right {
  float: right;
  margin: 0 0 24px 48px;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}
/* Text-shadow от цифр нумерованного списка */
.tshad-1 {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.3);
}
/* Рамка с тенью */
.drop-shadow {
  position: relative;
  background: #fff;
  width: auto;
  height: auto;
  padding: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
}
.drop-shadow:after {
  right: 10px;
  left: auto;
}
.round {
  border-radius: 4px;
}
.round:before,
.round:after {
  max-width: 300px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
}
.round:after {
  transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
}
.curls {
  border: 1px solid #efefef;
  border-radius: 0 0 120px 120px, 0 0 6px 6px;
}
.curls:before,
.curls:after {
  bottom: 12px;
  max-width: 200px;
  height: 55%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
  transform: skew(-8deg), rotate(-4deg);
  -moz-transform: skew(-8deg), rotate(-4deg);
  -webkit-transform: skew(-8deg), rotate(-4deg);
  -o-transform: skew(-8deg), rotate(-4deg);
  -ms-transform: skew(-8deg), rotate(-4deg);
}
.curls:after {
  transform: skew(8deg), rotate(4deg);
  -moz-transform: skew(8deg), rotate(4deg);
  -webkit-transform: skew(8deg), rotate(4deg);
  -o-transform: skew(8deg), rotate(4deg);
  -ms-transform: skew(8deg), rotate(4deg);
}
.perspective:before {
  left: 28px;
  bottom: 8px;
  max-width: 200px;
  height: 35%;
  box-shadow: -60px 5px 8px rgba(0, 0, 0, 0.4);
  transform: skew(50deg);
  -moz-transform: skew(50deg);
  -webkit-transform: skew(50deg);
  -o-transform: skew(50deg);
  -ms-transform: skew(50deg);
}
.perspective:after {
  display: none;
}
.raised:before {
  width: auto;
  right: 10px;
  left: 10px;
  bottom: 0;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
}
.rotated {
  transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
}
.rotated *:first-child:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* ОТСТУПЫ (должны быть внизу) */
.m {
  margin: 12px;
}
.m2 {
  margin: 24px;
}
.m3 {
  margin: 36px;
}
.mb {
  margin-bottom: 12px;
}
.mb2 {
  margin-bottom: 24px;
}
.mb3 {
  margin-bottom: 36px;
}
.mt {
  margin-top: 12px;
}
.mt2 {
  margin-top: 24px;
}
.mt3 {
  margin-top: 36px;
}
.mv {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mv2 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mv3 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.mh {
  margin-left: 12px;
  margin-right: 12px;
}
.mh2 {
  margin-left: 24px;
  margin-right: 24px;
}
.mh3 {
  margin-left: 36px;
  margin-right: 36px;
}
.ml {
  margin-left: 12px;
}
.ml2 {
  margin-left: 24px;
}
.ml3 {
  margin-left: 36px;
}
.mr {
  margin-right: 12px;
}
.mr2 {
  margin-right: 24px;
}
.mr3 {
  margin-right: 36px;
}
.p {
  padding: 12px;
}
.p2 {
  padding: 24px;
}
.p3 {
  padding: 36px;
}
.pv {
  padding-top: 12px;
  padding-bottom: 12px;
}
.pv2 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pv3 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.ph {
  padding-left: 12px;
  padding-right: 12px;
}
.ph2 {
  padding-left: 24px;
  padding-right: 24px;
}
.ph3 {
  padding-left: 36px;
  padding-right: 36px;
}
.pl {
  padding-left: 12px;
}
.pl2 {
  padding-left: 24px;
}
@media screen and (max-width: 420px) {
  .pl2 {
    padding-left: 12px;
  }
}
.pl3 {
  padding-left: 36px;
}
@media screen and (max-width: 420px) {
  .pl3 {
    padding-left: 12px;
  }
}
.pr {
  padding-right: 12px;
}
.pr2 {
  padding-right: 24px;
}
.pr3 {
  padding-right: 36px;
}
.pt {
  padding-top: 12px;
}
.pt2 {
  padding-top: 24px;
}
.pt3 {
  padding-top: 36px;
}
/* Animations */
/* bottom-to-top */
@keyframes bottom-to-top-animation {
  0% {
    transform: translate3d(0, 50%, 0);
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
  }
}
@-webkit-keyframes bottom-to-top-animation {
  0% {
    -webkit-transform: translate3d(0, 50%, 0px);
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes bottom-to-top-animation {
  0% {
    -moz-transform: translate3d(0, 50%, 0px);
    opacity: 0;
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
}
.anim-bottom-to-top {
  animation: bottom-to-top-animation 0.3s ease-out 0s 1 normal forwards;
  -webkit-animation: bottom-to-top-animation 0.3s ease-out 0s 1 normal forwards;
  -moz-animation: bottom-to-top-animation 0.3s ease-out 0s 1 normal forwards;
}
@keyframes opacity-off-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacity-off-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes opacity-off-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim-opacity-off {
  animation: opacity-off-animation 0.2s ease-out 0s 1 normal forwards;
  -webkit-animation: opacity-off-animation 0.2s ease-out 0s 1 normal forwards;
  -moz-animation: opacity-off-animation 0.2s ease-out 0s 1 normal forwards;
}
/* Animations end */
/* Миксины FLEX */
/* Old webkit fixes for android until at least 4.2 */
/* End old */
/* Old webkit fixes for android until at least 4.2 */
/* Transition mixins */
/* можно писать по нескольку транзишнов через запятую, в конце точка с запятой */
/* TRANSFORM MIXIN */
.card {
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset;
}
.cardshadow {
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset, 2px 7px 15px 0 rgba(0, 0, 0, 0.5);
}
.phone {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  font-style: italic;
  color: #2483b7 !important;
}
.button i.fa {
  margin: 0 14.4px 0 0;
  position: relative;
  top: -1px;
}
#top-menu i.fa {
  width: 24px;
  margin-right: 8px;
  display: inline-block;
  color: #000000;
}
.mobile-menu #top-menu i.fa {
  color: #ecf0f1;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.cell {
  display: table-cell;
  vertical-align: middle;
}
.popup-form-cover .cell {
  text-align: center;
}
.poster-holder {
  position: relative;
}
/*
.poster {
	height:100%;
	width:auto;
	position:relative;
	z-index:100;
	position:relative;
	z-index:1;
}*/
.resp-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.resp-video iframe,
.resp-video object,
.resp-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leftside {
  width: auto;
  transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  margin-top: 130px;
  max-width: 120%;
  height: auto;
  position: relative;
  z-index: 10;
}
.age {
  position: absolute;
  margin-top: 130px;
  height: 9%;
  width: auto;
  left: 2%;
  top: 4%;
  z-index: 100;
}
.rightside {
  height: 100%;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.midside {
  display: none;
}
.film-name {
  position: relative;
  max-width: 100%;
  height: auto;
  padding: 10px 0;
}
.vkino {
  position: relative;
  z-index: 10;
  max-width: 100%;
  height: auto;
  padding: 10px 0;
}
.slogan {
  position: relative;
  z-index: 10;
  max-width: 100%;
  height: auto;
  padding: 10px 0;
}
.content ul li {
  list-style: disc;
  margin-left: 21px;
  padding-left: 0;
  font-size: 16px;
}
.content em,
.content i:not(.fa) {
  font-style: italic;
}
.content b,
.content strong {
  font-weight: bold;
}
.content p {
  text-align: justify;
}
.content div {
    text-align: justify;
    margin-top: 0px;
    /* равняет с картинкой */
    margin-bottom: 0px;
    line-height: 1.45;
    color: #000000;
}
.news-gal img {
  width: 100%;
  max-width: 424px;
  height: auto;
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 820px) {
  section h1 {
    font-size: 36.8px;
  }
  .news-gal img {
    width: 100%;
    max-width: 424px;
    height: auto;
    margin-bottom: 10px;
    display: block;
  }
}
@media screen and (max-width: 420px) {
  section h1 {
    font-size: 27.6px;
  }
  section h2 {
    font-size: 27px;
  }
  .p3,
  .pv3,
  .ph {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  section p {
    font-size: 15.3px;
  }
  #gallery .ph,
  #trailer .ph {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 820px) {
  .left,
  .right,
  img.left,
  img.right {
    float: none;
  }
  .left,
  .right {
    margin: 0 auto;
    display: inline-block;
  }
  img.left,
  img.right {
    margin: 0 auto 36px auto;
    display: block;
  }
  h2 {
    text-align: center;
  }
}
.slider-wrapper {
  width: 100%;
  margin: 12px auto;
}
a.TRB {
  position: absolute;
  left: 10px;
  bottom: 10px;
  opacity: 0.3;
  color: #fff;
  z-index: 100;
  font-size: 12px;
}
a.arrdown {
  display: block;
  position: fixed;
  right: 2%;
  bottom: 0;
  width: 74px;
  height: 74px;
  z-index: 1000;
  transform: translateY(55%);
  -moz-transform: translateY(55%);
  -webkit-transform: translateY(55%);
  -o-transform: translateY(55%);
  -ms-transform: translateY(55%);
  border-radius: 50%;
  background: #fab507;
  text-align: center;
}
a.arrdown img {
  margin-top: 10px;
  transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
}
@media screen and (max-width: 640px) {
  a.arrdown {
    display: none;
  }
}
.rotato {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
  0% {
    margin-top: 10%;
  }
  50% {
    margin-top: 20%;
  }
  100% {
    margin-top: 10%;
  }
}
@-webkit-keyframes floating {
  0% {
    margin-top: 10%;
  }
  50% {
    margin-top: 20%;
  }
  100% {
    margin-top: 10%;
  }
}
/* Собственные анимации элементов */
.anim-enabled .anim-light-up .anim {
  transform: translateY(30%);
  -moz-transform: translateY(30%);
  -webkit-transform: translateY(30%);
  -o-transform: translateY(30%);
  -ms-transform: translateY(30%);
  opacity: 0;
}
.anim-enabled .anim-light-up .anim.animate {
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  opacity: 1;
  transition-property: all;
  transition-duration: 1.5s;
  transition-timing-function: easein;
  -webkit-transition-property: all;
  -webkit-transition-duration: 1.5s;
  -webkit-transition-timing-function: easein;
}
#buybtn {
  padding: 0 30px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  transform: translate(-8%, 0%);
  -moz-transform: translate(-8%, 0%);
  -webkit-transform: translate(-8%, 0%);
  -o-transform: translate(-8%, 0%);
  -ms-transform: translate(-8%, 0%);
  z-index: 500;
  color: #fff;
  line-height: 1.1;
  background: #12612f;
  transition: left 0.5s, transform 0.5s;
  -moz-transition: left 0.5s, transform 0.5s;
  -webkit-transition: left 0.5s, transform 0.5s;
  -o-transition: left 0.5s, transform 0.5s;
  -ms-transition: left 0.5s, transform 0.5s;
  display: none;
}
.fixed #buybtn {
  left: 50%;
  transform: translate(-25%, 0%);
  -moz-transform: translate(-25%, 0%);
  -webkit-transform: translate(-25%, 0%);
  -o-transform: translate(-25%, 0%);
  -ms-transform: translate(-25%, 0%);
}
#buybtn .cell span {
  display: inline-block;
  padding: 10px 0 0 60px;
  position: relative;
  top: -5px;
  background: url(/img/tickets.png) no-repeat;
}
#bottomline {
  position: absolute;
  display: none;
  border-top: solid 4px #000;
}
@media screen and (max-width: 640px) {
  #buybtn .table {
    display: none;
  }
  #buybtn {
    background: none;
  }
  #bottomline {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    line-height: 74px;
    background: #fab507;
    text-align: center;
    z-index: 1000;
    font-size: 28px;
  }
}
a.clickarea {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
@media screen and (max-width: 340px) {
  #bottomline {
    font-size: 20px;
  }
}
/* Слайдер новостей */
#owl-news.owl-carousel .owl-nav {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 100%;
  height: 0;
  overflow: visible;
}
#owl-news.owl-carousel .owl-prev,
#owl-news.owl-carousel .owl-next {
  height: 29px;
  width: 17px;
  position: absolute;
  padding: 0;
  margin: 0;
}
#owl-news.owl-carousel .owl-prev {
  left: -35px;
  margin-top: -15px;
  background: url(/img/nav-arr-left.png) no-repeat;
}
#owl-news.owl-carousel .owl-next {
  right: -35px;
  margin-top: -15px;
  background: url(/img/nav-arr-right.png) no-repeat;
}
/* Слайдер (на базе OWL с текстом) */
#slider.owl-carousel a {
  text-decoration: none !important;
}
#slider.owl-carousel .slider-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
}
#slider.owl-carousel .slider-info {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  padding: 24px 80px;
}
#slider.owl-carousel .slider-date {
  color: #fff;
  font-size: 18px;
  font-weight: normal !important;
  line-height: 1.2;
  font-family: roboto;
  margin-bottom: 18px;
}
#slider.owl-carousel .slider-text {
  max-width: 420px;
  font-size: 26px;
  font-weight: normal;
  color: #fff;
  font-family: robotocond;
  margin-bottom: 18px;
  line-height: 1.2;
}
#slider.owl-carousel .slider-sep {
  width: 96px;
  height: 4px;
  background: #fff;
  margin: 15px 0;
}
#slider.owl-carousel .owl-nav {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 100%;
  height: 0;
  overflow: visible;
}
#slider.owl-carousel .owl-prev,
#slider.owl-carousel .owl-next {
  height: 33px;
  width: 18px;
  position: absolute;
  padding: 0;
  margin: 0;
}
#slider.owl-carousel .owl-prev {
  left: 12px;
  top: -33px;
  background: url(/img/arr-left.png) no-repeat;
}
#slider.owl-carousel .owl-next {
  right: 12px;
  top: -33px;
  background: url(/img/arr-right.png) no-repeat;
}
#slider.owl-carousel .owl-dots {
  position: absolute;
  bottom: 7px;
  width: 100%;
}
#slider.owl-carousel .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: #fff;
}
#slider.owl-carousel .owl-dots .owl-dot.active span,
#slider.owl-carousel .owl-theme .owl-dots .owl-dot:hover span {
  background: #ffe21e;
}
@media screen and (max-width: 940px) {
  #slider.owl-carousel .slider-info {
    position: relative;
    display: table;
    height: 250px;
    width: 100%;
    box-sizing: border-box;
  }
  #slider.owl-carousel .slider-item img {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  #slider.owl-carousel .slider-info {
    padding: 24px;
    background: rgba(0, 0, 0, 0.4);
  }
  #slider.owl-carousel .owl-nav {
    display: none;
  }
  #slider.owl-carousel .slider-info {
    left: 0;
  }
}
@media screen and (max-width: 460px) {
  #slider.owl-carousel .slider-text {
    font-size: 16px;
    font-weight: normal;
  }
  #slider.owl-carousel .slider-date {
    font-size: 20px;
  }
}
.slider-section {
  background: #2aa6da;
  box-sizing: border-box;
  position: relative;
}
#shifter {
  background: #fff;
  min-height: 43px;
  height: 114px;
}
.frame-2 {
  border: solid 10px #fff;
  box-shadow: 11px 11px 0 0 #c2c9d3, 0 0 2px rgba(0, 0, 0, 0.2);
}
.frame-3 {
  border: solid 10px #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
i {
  font-style: italic;
}
.kaprin {
  padding-right: 300px;
  position: relative;
}
.enter-ratro {
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  width: 170px;
}
.flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-row.vat {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-row.vab {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.pr2-d {
  padding-right: 24px;
}
.item .img {
  background-size: cover;
  margin-bottom: 24px;
}
.item .img img {
  width: 100%;
  height: auto;
}
.item h3 {
  line-height: 1.2;
}
.item .date {
  font-size: 16px;
  font-weight: bold;
  color: #171a42;
  margin-bottom: 11px;
}
.item .date i.fa {
  font-size: 14px;
  margin-right: 5px;
}
.item a.amore {
  color: #554;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
}
h2 {
  margin-bottom: 24px !important;
}
.calendar-info {
  background: url(/img/bg-paper.png);
}
.calendar-info .date {
  margin-bottom: 24px;
  color: #f48e20;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.calendar-info .date i.fa {
  font-size: 14px;
  margin-right: 5px;
}
.calendar-info h3 {
  font-size: 22px;
  text-transform: uppercase;
}
footer {
  color: #fff !important;
  background-color: #2483b7;
}
footer .fix-width {
  padding: 24px;
}
footer p {
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1100px) {
  .col4 .item {
    width: 33.33%;
  }
  .col4 .item:nth-child(4n+1) {
    clear: none;
  }
  .col4 .item:nth-child(3n+1) {
    clear: left;
  }
  .col4 .hotnews .item:last-child {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .col4 .item {
    width: 100%;
    max-width: 460px;
    float: none;
    margin: 0 auto 48px auto;
  }
  .col4 .item:last-child {
    display: block;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 730px) {
  .kaprin {
    padding-right: 0;
  }
  .enter-ratro {
    position: relative;
    display: block;
    margin: 36px auto 0 auto;
  }
}
@media screen and (max-width: 420px) {
  .calendar-info {
    padding-left: 12px !important;
  }
}
/* DATEPICKER CUSTOMIZE */
.datepicker {
  border: none;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 10px;
}
.datepicker--cell.-current- {
  font-weight: bold;
}
.datepicker--cell.clickable,
.datepicker--cell.clickable a {
  color: #fff;
  text-decoration: none;
}
.mw900 {
  max-width: 900px;
}
.clickable,
.clickable.-focus- {
  background-color: #4ebd4a;
  color: #fff;
}
.picker {
  background: #fff;
  width: 60em;
}
/* END DATEPICKER */
@media screen and (max-width: 820px) {
  .flex-row {
    display: block;
  }
  .pr2-d {
    padding-right: 0;
  }
  .calendar {
    padding-left: 0;
  }
  .calendar-info {
    padding-left: 24px;
  }
  .picker {
    width: auto;
  }
}
.articleInfo {
  font-size: 16px;
  font-weight: 600;
  color: #377da4;
  margin: 12px 0 36px 0;
}
.articleInfo i {
  margin-right: 7px;
}
.articleInfo span {
  margin-right: 12px;
}
img.middle {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .content p {
    text-align: left;
  }
}
.commentsHeader {
  margin-top: 36px;
}
.content-head .head-inner {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  text-align: right;
  padding-right: 24px;
}
.content-head h1 {
  text-transform: uppercase;
  font-family: clearsans;
  font-weight: 600 !important;
}
.content-head .breadcrumbs {
  font-size: 14px !important;
  font-style: italic;
  font-family: clearsans;
  font-weight: 600 !important;
  color: #fff;
  font-size: 16px !important;
  margin-bottom: 12px;
}
.content-head .breadcrumbs a {
  color: #ffce25;
  text-decoration: underline;
}
.blue {
  overflow: hidden;
}
.gray {
  background: #e7eaef;
  overflow: hidden;
  margin-top: -36px;
}
.left-side {
  width: 60%;
  float: left;
  background: #f6f6f6;
  padding-right: 36px;
  box-sizing: border-box;
}
.right-side {
  width: 40%;
  float: left;
  padding: 0;
}
@media screen and (max-width: 980px) {
  .left-side,
  .right-side {
    float: none;
    margin-bottom: 36px;
    width: auto;
  }
  .left-side {
    padding-right: 0;
  }
}
@media screen and (max-width: 820px) {
  .articleInfo {
    margin-top: 36px;
  }
}
@media screen and (max-width: 560px) {
  .frame-3 {
    box-shadow: none;
  }
}
@media screen and (max-width: 420px) {
  .frame-3 {
    border: solid 5px #fff;
  }
  .mb3 {
    margin-bottom: 12px;
  }
}
.light h3 {
  font-weight: bold !important;
  margin-bottom: 12px;
  font-size: 19px;
}
.calendar-info a {
  text-decoration: none !important;
}
.calendar-info a:hover h3 {
  color: #e74c3c !important;
}
.infoBlocks .img {
  float: left;
  width: 140px;
  height: 130px;
  overflow: hidden;
}
.infoBlocks .img img {
  width: auto !important;
  height: auto !important;
}
.info {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}
.infobig {
  font-size: 16px;
  font-weight: 600;
  color: #377da4;
  margin-bottom: 36px;
}
.attaches {
  margin-bottom: 24px;
  font-size: 22px;
  font-weight: 600;
}
.attaches a {
  font-size: 22px;
}
.attaches i.fa {
  margin-right: 15px;
}
.attaches .AttachesDoc {
  margin-bottom: 10px;
}
.user {
  display: inline-block;
  margin-left: 24px;
}
.who {
  color: #3146b2;
  font-style: italic;
  font-weight: 600;
}
.p25 {
  padding: 25px 20px;
}
.p2025 {
  padding: 15px 15px 0 0;
}
.comments {
  margin-top: 40px;
}
.comments .text p {
  font-size: 16px !important;
  margin-bottom: 0 !important;
}
.comments .text h2 {
  margin-bottom: 10px !important;
  position: relative;
  font-size: 20px !important;
  color: #377da4;
}
.comments .text h2 a {
  font-size: 16px;
  font-weight: 600;
  color: #e83c63;
  font-style: italic;
}
.ifooter a.more,
.ifooter a.writemsg {
  margin-bottom: 10px;
}
.like {
  position: relative;
  cursor: pointer;
  text-align: left;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
.vlen,
.looks {
  position: relative;
  text-align: left;
  padding: 0;
  box-sizing: border-box;
}
.like:hover,
.docomment:hover {
  text-decoration: underline;
}
.like .sprite {
  width: 20px;
  height: 20px;
  left: 0;
  top: 5px;
  background-position: 0 -140px;
}
.like.self .sprite {
  background-position: 0 -120px;
}
.cloud {
  height: 22px;
  text-align: center;
  background: url(/img/sprites.png) -20px -100px;
  display: inline-block;
  padding-left: 11px;
  margin-left: 4px;
}
.cloud span {
  padding-right: 9px;
  background: url(/img/sprites.png) right -150px #f8f9fc;
  display: inline-block;
  height: 22px;
  text-align: center;
  min-width: 20px;
}
.docomment {
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}
.sprite,
.delBtn {
  background-image: url(/img/sprites.png);
  background-repeat: no-repeat;
}
.delBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  background-position: -42px -126px;
  cursor: pointer;
  opacity: 0.4;
}
.delBtn:hover {
  opacity: 1;
}
.ifooter {
  font-size: 12px;
  color: #3e5799;
  overflow: hidden;
  background: #f8f9fc;
  position: relative;
  z-index: 100;
  text-align: right;
}
.ifooter div {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 20px;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  line-height: 20px;
}
.comments .item {
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  float: none !important;
}
.comments .item .date {
  float: left;
}
.like {
  position: relative;
  cursor: pointer;
  text-align: left;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
.looks {
  position: relative;
  text-align: left;
  padding: 0;
  box-sizing: border-box;
}
.like:hover,
.docomment:hover {
  text-decoration: underline;
}
.like .sprite {
  width: 20px;
  height: 20px;
  left: 0;
  top: 5px;
  background-position: 0 -140px;
}
.like.self .sprite {
  background-position: 0 -120px;
}
span.sprite {
  position: absolute;
}
a.button {
  text-transform: uppercase;
}
.userevent {
  margin-bottom: 24px;
}
.userevent a {
  font-weight: 600;
  text-decoration: none;
  line-height: 1.3;
}
.period {
  margin-bottom: 12px;
}
#userDataForm input[type=text],
#userDataForm select {
  font-size: 16px;
  padding: 5px 5px;
  width: 100%;
  background: #f6f6f6;
  border: solid 1px #d5dae0;
  box-sizing: border-box;
}
#userDataForm .red input[type=text],
#userDataForm .red select {
  background: #FDE2D9;
}
#userDataForm fieldset {
  margin-bottom: 5px;
}
.userAvatarSelf {
  border: solid 1px #e1e5ea;
  margin-bottom: 24px;
  position: relative;
  width: 260px;
  height: 260px;
}
a.a-fill {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition-property: border;
  transition-duration: 0.3s;
  border: solid 1px rgba(0, 0, 0, 0);
}
.content .item {
  transition-property: background, box-shadow;
  transition-duration: 0.3s;
  padding-top: 12px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 4px;
}
.content .item:hover {
  background: #fff;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
#ashow {
  margin-left: 5px;
}
#pricingTable {
  display: none;
  overflow: hidden;
}
.price {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  padding: 10px 20px;
  margin-left: -20px;
  color: #fff;
  background: #bbb;
  margin-top: -10px;
}
.tarif {
  padding: 20px;
  background: #dedede;
  border-radius: 4px;
  margin: 15px 0;
  overflow: hidden;
}
.tarif .button {
  float: right;
}
.ticketHeader {
  margin: 10px 0;
}
.ticket {
  margin: 20px 0;
}
.warning {
  padding: 20px;
  color: #fff;
  background: #e74c3c;
  margin: 12px 0;
  border-radius: 4px;
}
p.time {
  white-space: nowrap;
  padding: 3px 5px;
  background: #fe982a;
  font-weight: 600;
}
.program {
  width: 100%;
}
.program td {
  padding: 10px 10px 10px 0;
}
@media screen and (max-width: 560px) {
  .program tr,
  .program td {
    display: block;
  }
  .program td {
    width: 100%;
    float: none;
    padding: 0 10px 7px 0;
  }
  .program tr {
    margin-bottom: 15px;
  }
  .program p {
    display: inline-block;
  }
}
.content .program p {
  text-align: left;
  margin-bottom: 0;
}
.hd3 p {
  font-size: 20px;
  font-weight: 600;
  color: #235383;
  font-style: italic;
}
.hd2 p {
  font-size: 26px;
  font-weight: 600;
  color: #000;
  line-height: 1;
}
.border {
  border: solid 10px #fff;
}
.btn-blue {
  background-color: #2aa6da;
  border: solid 3px #fff;
  padding: 7px 25px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 20px;
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.btn-blue:hover {
  background-color: #f0d72e;
  color: #000;
}
.btn-blue:active {
  position: relative;
  left: 1px;
  top: 1px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.7);
}
.news-text {
  padding: 0 15px 15px 0;
}
.news-text p {
  font-size: 14px;
  font-family: roboto;
  color: #171a42;
  margin-bottom: 9px !important;
}
.news-text-2 {
  padding: 0 0 20px 0;
}
.news-text-2 p {
  font-size: 14px;
  font-family: roboto;
  color: #171a42;
  margin-bottom: 9px !important;
}
#owl-news .item {
  transition: background-color, 0.2s;
  -moz-transition: background-color, 0.2s;
  -webkit-transition: background-color, 0.2s;
  -o-transition: background-color, 0.2s;
  -ms-transition: background-color, 0.2s;
  background-color: #fff;
}
#owl-news .item:hover {
  background-color: #d8edf9;
}
.footer-flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
.footer-flex-row p {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 940px) {
  .footer-flex-row {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
  }
  .footer-flex-row div {
    margin-bottom: 20px;
    text-align: center;
  }
  .footer-flex-row div:last-child {
    margin-bottom: 0 !important;
  }
  .footer-flex-row div img {
    max-width: 100%;
  }
}
.footer-partners {
  padding: 25px 0;
  background: #145c8e;
  line-height: 45px;
  font-size: 13px;
  text-align: center;
}
.footer-partners img {
  height: 40px;
  vertical-align: middle;
  margin: 0 5px;
}
.footer-partners span {
  margin-right: 10px;
}
@media screen and (max-width: 940px) {
  .footer-partners span {
    display: block;
    text-align: center;
  }
}
.follow img {
  margin: 7px 7px 7px 0;
}
.follow img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 940px) {
  .follow img {
    margin: 7px;
  }
}
.big-img img {
  max-width: 100%;
}
.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.persons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
}
.persons .person {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  margin: 0 6px 22% 6px;
  text-align: center;
}
.persons .person img {
  margin-bottom: 12px;
}
.persons .person p {
  line-height: 1.1 !important;
  text-align: center !important;
  font-size: 14px !important;
}
.persons .hd-person {
  font-family: roboto;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}
.doc-head {
  font-family: clearsans;
  font-size: 20px;
  font-weight: 600;
  padding: 18px;
  margin-bottom: 12px;
  line-height: 1.3;
}
.mh200 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 150px;
  border: solid 1px #377da4;
  overflow: hidden;
}
.banner728x90 {
  background: #f0f0f0;
}
.banner728x90 .fix-width {
  padding: 18px;
  text-align: center;
}
.banner728x90 .fix-width img {
  max-width: 100%;
}
#smallAvatar {
  width: 24px;
  height: 24px;
  margin-right: 7px;
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.nav-personal {
  margin-bottom: 36px;
}
.nav-personal a {
  color: #377da4 !important;
  margin-right: 12px;
}
.links a {
  color: #D8D347;
}
.links a:hover {
  color: #fff;
}
.closebtn {
  width: 50px;
  height: 50px;
  background: url(/img/closebtn.png) no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.info-window {
  position: fixed;
  width: 400px;
  max-width: 100%;
  box-sizing: border-box;
  right: 0;
  top: 0;
  height: 100%;
  background: #fff;
  z-index: 5500;
  overflow: auto;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);
  transform: translateX(150%);
  -moz-transform: translateX(150%);
  -webkit-transform: translateX(150%);
  -o-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  padding: 60px 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 20px;
  line-height: 1.5;
}
.info-window.active {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}
.info-window h3 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
  text-transform: uppercase;
  line-height: 1.2;
}
.info-window h2 {
  font-size: 24px;
  margin-bottom: 12px !important;
}
.info-window .doctorAvatar {
  margin-bottom: 24px;
}
.doctorAvatar{
    width: 132px;
    height: 200px;
}
.info-window .doctorItem {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: solid 1px #dadada;
}
.info-window .doctorItem:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.adaptiveTableCol3,
.adaptiveTableCol2 {
  /* background: #DCBB9B; */
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.adaptiveTableCol3 h3,
.adaptiveTableCol2 h3 {
  margin-bottom: 25px;
}
.adaptiveTableCol3 tr,
.adaptiveTableCol2 tr {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}
.adaptiveTableCol3 td,
.adaptiveTableCol2 td {
  width: 33.33%;
  display: block;
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
}
.adaptiveTableCol3 td img,
.adaptiveTableCol2 td img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 940px) {
  .adaptiveTableCol3 td,
  .adaptiveTableCol2 td {
    width: 100%;
  }
  .adaptiveTableCol3 td img,
  .adaptiveTableCol2 td img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}
.adaptiveTableCol3 td p,
.adaptiveTableCol2 td p {
  text-align: left !important;
}
.adaptiveTableCol2 td {
  width: 50%;
}
@media screen and (max-width: 940px) {
  .adaptiveTableCol2 td {
    width: 100%;
  }
  .adaptiveTableCol2 td img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}
.userinfo {
  border: solid 1px #333;
  background: #FFCA7E;
  padding: 15px;
  margin-top: 25px;
  margin-bottom: -20px;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.4);
}
.userinfored {
  border: solid 1px #830F11;
  background: #FFCA7E;
  color: #9E0002;
  padding: 15px;
  margin-top: 25px;
  margin-bottom: 0px;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.4);
}
.userinfored a {
  font-weight: bold;
  color: #2c3e50;
}
.promocode {
  display: block;
  margin-bottom: 40px;
}
.promocode input {
  padding: 5px 10px;
  width: 200px;
}
.video-cover {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 4000;
  display: none;
}
.video-container {
  width: 100%;
  position: relative;
  top: 50%;
  margin: 0 auto;
  overflow: hidden;
  transform: translateY(-50%);
  max-width: 720px;
}
.video-inner {
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  box-sizing: border-box;
}
.video-holder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: block;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration,
.vjs-time-divider {
  display: block;
}
.video-js .vjs-remaining-time {
  display: none;
}
.vjs-matrix.video-js {
  color: #ffc656;
}
.vjs-matrix .vjs-big-play-button {
  border-color: #ffc656;
}
.vjs-matrix .vjs-volume-level,
.vjs-matrix .vjs-play-progress,
.vjs-matrix .vjs-slider-bar {
  background: #0d95e8;
}
.video-js .vjs-control-bar {
  background: #0d95e8;
}
.video-js .vjs-progress-control .vjs-progress-holder,
.video-js .vjs-slider {
  background: #ffc656;
}
.video-archive h2:not(:first-child) {
  margin-top: 40px;
}
.video-archive h2 {
  color: #2483b7;
}
.video-archive h3 {
  font-size: 22px;
}
.doclad {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.doclad .time {
  width: 90px;
  font-size: 14px;
  flex: none;
  font-weight: bold;
  display: inline-block;
  padding: 5px 7px;
  background: #ffc656;
  border-radius: 2px;
  margin-right: 20px;
}
.doclad .videoname {
  font-size: 14px;
  padding: 10px;
  background-color: #eaeaea;
  border-radius: 5px;
  line-height: 1.3;
  cursor: pointer;
}
.doclad .videoname:hover {
  background-color: #efefef;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.unselectable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently  not supported by any browser */
}
.hidden{
    display: none;
}