/* Start:/js/bxslider/jquery.bxslider.css?14648532903749*/
/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  padding-top: 10px;
  padding-bottom: 10px;
}
/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('/js/bxslider/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 20px;
  background: url(/js/bxslider/../../images/cal-prev.png)no-repeat;
}

.bx-wrapper .bx-next {
  right: 20px;
  background: url(/js/bxslider/../../images/cal-next.png)no-repeat;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 10px;
  outline: 0;
  width: 14px;
  height: 24px;
  text-indent: -9999px;
  z-index: 2;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/js/bxslider/images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/js/bxslider/images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* End */


/* Start:/css/vendor.min.css?151723598413904*/
@charset "utf-8";body,html{height:100%}*,body,html{margin:0;padding:0}.carousel,.carousel-inner,html{position:relative}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box}body{width:100%;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix:after{content:"";display:block;height:0;clear:both}button,input[type=submit],input[type=button]{-webkit-appearance:none}@font-face{font-family:HelveticaNeueCyrLight;src:url(/fonts/HelveticaNeueCyrLight.eot);src:url(/fonts/HelveticaNeueCyrLight.eot) format('embedded-opentype'),url(/fonts/HelveticaNeueCyrLight.woff2) format('woff2'),url(/fonts/HelveticaNeueCyrLight.woff) format('woff'),url(/fonts/HelveticaNeueCyrLight.ttf) format('truetype'),url(/fonts/HelveticaNeueCyrLight.svg#HelveticaNeueCyrLight) format('svg')}@font-face{font-family:HelveticaNeueCyrBlack;src:url(/fonts/HelveticaNeueCyrBlack.eot);src:url(/fonts/HelveticaNeueCyrBlack.eot) format('embedded-opentype'),url(/fonts/HelveticaNeueCyrBlack.woff2) format('woff2'),url(/fonts/HelveticaNeueCyrBlack.woff) format('woff'),url(/fonts/HelveticaNeueCyrBlack.ttf) format('truetype'),url(/fonts/HelveticaNeueCyrBlack.svg#HelveticaNeueCyrBlack) format('svg')}@font-face{font-family:HelveticaNeueCyrBold;src:url(/fonts/HelveticaNeueCyrBold.eot);src:url(/fonts/HelveticaNeueCyrBold.eot) format('embedded-opentype'),url(/fonts/HelveticaNeueCyrBold.woff2) format('woff2'),url(/fonts/HelveticaNeueCyrBold.woff) format('woff'),url(/fonts/HelveticaNeueCyrBold.ttf) format('truetype'),url(/fonts/HelveticaNeueCyrBold.svg#HelveticaNeueCyrBold) format('svg')}@font-face{font-family:HelveticaNeueCyrBoldItalic;src:url(/fonts/HelveticaNeueCyrBoldItalic.eot);src:url(/fonts/HelveticaNeueCyrBoldItalic.eot) format('embedded-opentype'),url(/fonts/HelveticaNeueCyrBoldItalic.woff2) format('woff2'),url(/fonts/HelveticaNeueCyrBoldItalic.woff) format('woff'),url(/fonts/HelveticaNeueCyrBoldItalic.ttf) format('truetype'),url(/fonts/HelveticaNeueCyrBoldItalic.svg#HelveticaNeueCyrBoldItalic) format('svg')}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;width:100%;height:auto;line-height:1}

.slide-block{
width: 100%;
height: 625px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}

.carousel-inner{
width:100%;
overflow:hidden
}

.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;width:14px;height:24px;top:50%;margin-top:-12px}.carousel-control.left{left:15px;background:url(/css/../images/arrow-left.png) no-repeat}.carousel-control.right{right:15px;background:url(/css/../images/arrow-right.png) no-repeat}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;top:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin-left:8px;margin-right:8px;text-indent:-999px;cursor:pointer}.carousel-indicators li:first-child{background-color:#7fcbcb}.carousel-indicators li:first-child.active{background-color:#099}.carousel-indicators li:nth-child(2){background-color:#98cbff}.carousel-indicators li:nth-child(2).active{background-color:#3299ff}.carousel-indicators li:nth-child(3){background-color:#ff7f7f}.carousel-indicators li:nth-child(3).active{background-color:red}.carousel-indicators li:nth-child(4){background-color:#cb98ff}.carousel-indicators li:nth-child(4).active{background-color:#9932ff}.carousel-indicators li:nth-child(5){background-color:#ffcbe5}.carousel-indicators li:nth-child(5).active{background-color:#f9c}.carousel-indicators li:nth-child(6){background-color:#ffb298}.carousel-indicators li:nth-child(6).active{background-color:#ff6532}.carousel-indicators li:nth-child(7){background-color:#ffe57f}.carousel-indicators li:nth-child(7).active{background-color:#fc0}.carousel-indicators .active{width:14px;height:14px;position:relative;top:2px}.carousel-caption{position:absolute;left:0;width:100%;bottom:0;z-index:10;color:#fff}.owl-carousel,.owl-carousel .owl-wrapper{position:relative;display:none}.carousel-caption .btn{text-shadow:none}.contact-carousel .carousel-control{margin-top:-40px}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-indicators{top:20px}}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;padding-top:30px}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;left:0;top:6px;width:100%;z-index:2}.grabbing{cursor:url(/css/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-buttons{display:none}.owl-pagination{text-align:center}.owl-pagination .owl-page{width:10px;height:10px;display:inline-block;margin-right:10px;margin-left:10px}.owl-pagination .owl-page.active{width:14px;height:14px;position:relative;top:2px}.owl-pagination .owl-page:first-child{background-color:#7fcbcb}.owl-pagination .owl-page:nth-child(2){background-color:#98cbff}.owl-pagination .owl-page:nth-child(3){background-color:red}.owl-pagination .owl-page:nth-child(4){background-color:#cb98ff}.owl-pagination .owl-page:nth-child(5){background-color:#ffcbe5}.owl-pagination .owl-page:nth-child(6){background-color:#ffb298}.owl-pagination .owl-page:last-child{background-color:#ffe57f}.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scrollbar-inner{height:220px;background-color:#ffd9d9;overflow: scroll;}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:0;padding:2px;position:relative!important;top:0;width:100%!important}.modal,.modal-open,.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:8px;top:0;width:3px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#fffdfd}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#000}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .4s ease-out;-o-transition:-o-transform .4s ease-out;transition:transform .4s ease-out;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:absolute;width:275px;height:440px;top:50%;left:50%;margin-top:-220px;margin-left:-137.5px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=70);opacity:.7}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.actor-modal .modal-dialog{width:320px;height:auto;top:0;left:0;margin:60px auto 30px;position:relative}
.actor-modal .modal-content {padding:25px;position:relative}
.actor-modal .modal-content a {text-decoration: none; color: black;}
.actor-modal .modal-content a:hover{ text-decoration: underline; }

.actor-modal strong{font-family:HelveticaNeueCyrBold}.actor-modal .actor-img{margin-bottom:15px}.actor-modal .actor-name{font-size:24px;font-family:HelveticaNeueCyrBlack;line-height:1.1;margin-bottom:15px}.actor-modal .actor-info,.actor-modal .actor-show{font-size:14px;font-family:HelveticaNeueCyrLight;line-height:1.2}.actor-modal .actor-info{color:#000;margin-bottom:20px}.actor-modal .actor-link{background:#fff}.actor-modal .actor-link a{display:block;height:30px;width:100%;line-height:30px;text-align:center;text-decoration:none;background:#c2c2c2;color:#fff;font-size:18px;font-family:HelveticaNeueCyrBold}.actor-close{display:block;width:19px;height:18px;z-index:2;position:absolute;right:20px;top:25px;border:0;outline:0;background:0 0;cursor:pointer}

@font-face {
    font-family: 'HelveticaNeueCyrRoman';
    src: url('/fonts/HelveticaNeueCyrRoman.eot');
    src: url('/fonts/HelveticaNeueCyrRoman.eot') format('embedded-opentype'),
         url('/fonts/HelveticaNeueCyrRoman.woff2') format('woff2'),
         url('/fonts/HelveticaNeueCyrRoman.woff') format('woff'),
         url('/fonts/HelveticaNeueCyrRoman.ttf') format('truetype'),
         url('/fonts/HelveticaNeueCyrRoman.svg#HelveticaNeueCyrRoman') format('svg');
}
/* End */


/* Start:/css/main.css?158383873860912*/
@font-face {
    font-family: "RobotoRegular";
    src: url("/css/../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("/css/../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("/css/../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("/css/../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RobotoLight";
    src: url("/css/../fonts/RobotoLight/RobotoLight.eot");
    src: url("/css/../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("/css/../fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("/css/../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RobotoMedium";
    src: url("/css/../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("/css/../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("/css/../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("/css/../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RobotoBold";
    src: url("/css/../fonts/RobotoBold/RobotoBold.eot");
    src: url("/css/../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("/css/../fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("/css/../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


body { background-color: #949594; } .wrapp { width: 1170px; margin: auto; position: relative; height: 100%; background-color: #ececec; } img { max-width: 100%; } .block-vertical { display: table-cell; vertical-align: middle; height:65px; overflow: hidden;} .icon-table { display: table; width: 100%; height: 100%; table-layout: fixed; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } body { color: black; } body.hidden { overflow: hidden; } h3.black { font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 10px; } h3.light { font-size: 24px; font-family: 'HelveticaNeueCyrLight'; margin-bottom: 10px; } h3.bold { font-size: 24px; font-family: 'HelveticaNeueCyrBold'; margin-bottom: 10px; } h3.bold b { font-family: 'HelveticaNeueCyrBlack'; } h2.black { font-size: 30px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 10px; } h2.bold { font-size: 30px; font-family: 'HelveticaNeueCyrBold'; margin-bottom: 15px; } h2.bold b { font-family: 'HelveticaNeueCyrBlack'; } .sidebar { width: 235px; height: 100%; font-family: 'HelveticaNeueCyrLight'; text-align: center; position: fixed; z-index: 101; font-size: 18px; background-color: white; } .sidebar .menu { position: absolute; top: 50%; width: 100%; left: 0; z-index: 2; cursor: pointer; margin-top: -21.5px; outline: 0 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .sidebar .menu img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sidebar .menu .title { padding-bottom: 10px; } .sidebar .menu.active img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sidebar .info { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 2; } .sidebar .info .inquiries { padding-bottom: 20px; line-height: 1.2; } .sidebar .info .name { padding-bottom: 35px; line-height: 1.2; } .sidebar .info .name a{ text-decoration: none; color: #010101; } .sidebar .info .name a:hover{ text-decoration: underline; } .logo { padding-top: 25px; } .wrapper { padding-left: 235px; padding-bottom: 50px; background-color: #ececec; min-height: 100%; } .wrapper.main-wrapper { background-color: #d6d6d6; } .col-29 { float: left; width: 29%; } .col-42 { float: left; width: 42%; } .col-58 { float: left; width: 58%; } .col-64 { float: left; width: 64%; } .col-36 { float: left; width: 36%; } .date-time { font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; padding: 0;text-align:center; height: 34px; line-height: 34px; margin-top: 88px; } .date-time .date { float: left; width: 100%; } .date-time .time { float: left; width: 30%; text-align: right; } .name-show { text-align: center; padding: 15px 0; font-size: 18px; font-family: 'HelveticaNeueCyrBlack'; margin-top: 28px; } .name-show.main-name-show { height: 60px; padding: 0; } .place { font-size: 14px; font-family: 'HelveticaNeueCyrLight'; text-align: center; height: 32px; line-height: 32px; margin-top: 35px; overflow: hidden; } .comment { text-align: center; padding: 5px 0; font-size: 18px; font-family: 'HelveticaNeueCyrBold'; } .large-visible .comment{ width: 100.5%; top: 0;margin-top: 0} .large-visible .tickets.main-tickets{ width: 100.5%; } .carousel-caption .more { width: 60%; margin-top: 59px; line-height: 26px; } .carousel-caption .more-link { display: block; width: 100%; padding: 5px 0; text-align: center; color: white; font-size: 24px; font-family: 'HelveticaNeueCyrLight'; text-decoration: none; } .carousel-caption .more-link:hover { color: black; } .carousel-caption .more-link:active { background: white; color: black; } .carousel-caption .tickets-link { display: block; width: 60%; padding: 5px 0; float: right; text-align: center; color: white; font-size: 24px; font-family: 'HelveticaNeueCyrLight'; text-decoration: none; } .carousel-caption .tickets-link:hover { color: black; } .carousel-caption .tickets-link:active { background: white; color: black; } /*.carousel-inner .item:first-child .date-time, .carousel-inner .item:first-child .name-show, .carousel-inner .item:first-child .place, .carousel-inner .item:first-child .comment { background-color: #009999; } .carousel-inner .item:first-child .more-link { /*background-color: #4db7b7 !important; } .carousel-inner .item:first-child .tickets-link { /*background-color: #7fcbcb !important; } .carousel-inner .item:nth-child(2) .date-time, .carousel-inner .item:nth-child(2) .name-show, .carousel-inner .item:nth-child(2) .place, .carousel-inner .item:nth-child(2) .comment { background-color: #3299ff; } .carousel-inner .item:nth-child(2) .more-link { background-color: #70b7ff; } .carousel-inner .item:nth-child(2) .tickets-link { background-color: #98cbff; } .carousel-inner .item:nth-child(3) .date-time, .carousel-inner .item:nth-child(3) .name-show, .carousel-inner .item:nth-child(3) .place, .carousel-inner .item:nth-child(3) .comment { background-color: red; } .carousel-inner .item:nth-child(3) .more-link { background-color: #ff4d4d; } .carousel-inner .item:nth-child(3) .tickets-link { background-color: #ff7f7f; } .carousel-inner .item:nth-child(4) .date-time, .carousel-inner .item:nth-child(4) .name-show, .carousel-inner .item:nth-child(4) .place, .carousel-inner .item:nth-child(4) .comment { background-color: #9932ff; } .carousel-inner .item:nth-child(4) .more-link { background-color: #b770ff; } .carousel-inner .item:nth-child(4) .tickets-link { background-color: #d6adff; } .carousel-inner .item:nth-child(5) .date-time, .carousel-inner .item:nth-child(5) .name-show, .carousel-inner .item:nth-child(5) .place, .carousel-inner .item:nth-child(5) .comment { background-color: #ff99cc; } .carousel-inner .item:nth-child(5) .more-link { background-color: #ffb7db; } .carousel-inner .item:nth-child(5) .tickets-link { background-color: #ffcbe5; } .carousel-inner .item:nth-child(6) .date-time, .carousel-inner .item:nth-child(6) .name-show, .carousel-inner .item:nth-child(6) .place, .carousel-inner .item:nth-child(6) .comment { background-color: #ff6532; } .carousel-inner .item:nth-child(6) .more-link { background-color: #ff9470; } .carousel-inner .item:nth-child(6) .tickets-link { background-color: #ffb298; } .carousel-inner .item:nth-child(7) .date-time, .carousel-inner .item:nth-child(7) .name-show, .carousel-inner .item:nth-child(7) .place, .carousel-inner .item:nth-child(7) .comment { background-color: #ffbe00; } .carousel-inner .item:nth-child(7) .more-link { background-color: #ffd633; } .carousel-inner .item:nth-child(7) .tickets-link { background-color: #ffe065; } */ .calendar { text-align: center; background: #d6d6d6; font-size: 18px; font-family: 'HelveticaNeueCyrBold'; padding: 10px 0; } .nav { position: fixed; z-index: 100; width: 320px; left: 0; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav.active { visibility: visible; opacity: 1; }

.nav-list a { text-decoration: none; color: #010101; } .nav-list a:hover { color: #959595; } .nav-list a:active { background: black; color: white; } 

.nav-list > li { border-top: 2px solid white; } 
.nav-list > li:last-child { border-bottom: 3px solid white; } 
.nav-list > li > a { font-size: 24px; font-family: 'HelveticaNeueCyrBold'; padding: 4px 0; padding-left: 70px; display: block; } 
.nav-list > li > ul > li:first-child a { border-top: 1px solid black; } 
.nav-list > li > ul a { font-size: 18px; font-family: 'HelveticaNeueCyrLight'; padding: 3px 0; padding-left: 70px; display: block; border-bottom: 1px solid black; } 
.small-img { background-repeat: no-repeat; background-position: 50%; background-size: cover; height: 190px; } 
.small-img .name-show { width: 50%; margin-top: 66px; height: 60px; padding: 0; } 
.small-img .place { width: 50%; float: left; margin: 0; height: 34px; line-height: 34px; } 
.small-img .date-time { width: 50%; float: left; margin: 0; } 
.small-img .more { width: 60%; } 
.small-img .more-link { display: block; width: 100%; height: 33px; line-height: 33px; font-size: 24px; font-family: 'HelveticaNeueCyrLight'; text-align: center; text-decoration: none; } .small-img .tickets-link { display: block; width: 60%; float: right; height: 34px; margin-top: 3px; line-height: 33px; font-size: 24px; font-family: 'HelveticaNeueCyrLight'; text-align: center; text-decoration: none; position: relative;right: -1px;} .small-img .bot-block { margin-top: 30px; } .small-img .more { margin-top: 123px; } .purple .name-show, .purple .place, .purple .date-time { background-color: #9932ff; color: white; } .purple .tickets-link { background-color: #d6adff; color: white; } .purple .tickets-link:hover { color: black; } .purple .more-link { color: white; background-color: #b770ff; } .purple .more-link:hover { color: black; } .poster .title { font-size: 12px; font-family: 'HelveticaNeueCyrLight'; padding: 10px 0; padding-left: 20px; } .poster-container { margin-bottom: 60px; } .poster-container.mrg { margin-bottom: 20px; } .poster-container.archive { text-align: center; } .poster-container.archive img { max-width: 100%; height: auto; } .poster-container.second { padding-right: 60px; padding-left: 10px; } .poster-container.left{ margin-left: -15px; } .poster-container .city { text-align: center; font-size: 24px; font-family: 'HelveticaNeueCyrLight'; margin-bottom: 25px; } .poster-list { text-align: center; } .poster-list .theatre { font-size: 24px; font-family: 'HelveticaNeueCyrBold'; margin-bottom: 5px; } .poster-list .poster-tel { font-size: 18px; font-family: 'HelveticaNeueCyrLight'; margin-bottom: 5px; } .poster-list h4 { font-size: 18px; font-family: 'HelveticaNeueCyrBold'; margin-bottom: 10px; } .poster-list .yandex { display: inline-block; background: white; padding: 2px 40px; } .poster-list .searcher { margin-bottom: 16px; } .poster-list .google { display: inline-block; background: white; padding: 2px 40px; } .poster-list .scheme { margin-bottom: 25px; } .poster-list .scheme a { display: inline-block; background-color: white; text-decoration: none; color: black; font-size: 24px; font-family: 'HelveticaNeueCyrLight'; padding: 2px 100px; } .advert { background-color: white; width: 80%; padding: 25px 20px; margin-bottom: 25px; } .advert h4 { font-size: 18px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 25px; } .advert h3 { font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 25px; } 


.advert p { font-size: 18px; font-family: 'HelveticaNeueCyrLight'; line-height: 1.3; margin-bottom: 20px; } 
.advert a {text-decoration: none; color: #7f7f7f; }
.advert a:hover{ text-decoration: underline; }

.advert p.small {
    font-size: 14px;
}

.advert strong, .advert b {
    font-family: 'HelveticaNeueCyrBold';
}

.afisha-news.advert p {
    margin-bottom: 12px;
}

.afisha-news.advert h3 {
    margin-bottom: 14px;
}

.facebook {
    display: inline-block;
    width: 13px;
    height: 23px;
    background: url(/images/facebook.png) no-repeat;
}

.youtube {
    display: inline-block;
    width: 22px;
    height: 26px;
    background: url(/images/youtube.png) no-repeat;
}

.vk {
    display: inline-block;
    width: 24px;
    height: 14px;
    background: url(/images/vk.png) no-repeat;
}

.instagram {
    display: inline-block;
    width: 23px;
    height: 22px;
    background: url(/images/instagram.png) no-repeat;
}

.social {
    text-align: center;
}

.social .icon {
    display: inline-block;
    width: 42px;
    height: 42px;
}

.social .icon:hover {
    background-color: #ebebeb;
}

.social .icon:active {
    background-color: black;
}

.social .icon:active .facebook {
    background: url(/images/facebook-active.png) no-repeat;
}

.social .icon:active .youtube {
    background: url(/images/youtube-active.png) no-repeat;
}

.social .icon:active .vk {
    background: url(/images/vk-active.png) no-repeat;
}

.social .icon:active .instagram {
    background: url(/images/instagram-active.png) no-repeat;
}

.social li>div
{
  display:inline-block;
}

.adress {
    text-align: center;
    line-height: 1.3;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
    margin-bottom: 15px;
}

.adress.mrg {
    margin-top: 90px;
}

.up-block {
    text-align: center;
}

.up-btn {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBold';
}

.up-btn p {
    margin-top: 3px;
}

.left-content {
    padding-left: 0;
}

.show {
    width: 270px;
    margin: auto;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}

.show.red {
    background-color: red;
}

.show.red .more {
    background-color: #ff4d4d;
}

.show.red .tickets {
    background-color: #ff7f7f;
}





.show.dark-orange {
    background-color: #ff6532;
}

.show.dark-orange .name-show {
    background-color: #ff6532;
}

.show.dark-orange .more {
    background-color: #ff9470;
}

.show.dark-orange .tickets {
    background-color: #ffb298;
}

.show.pink {
    background-color: #ff99cc;
}

.show.pink .more {
    background-color: #ffb7db;
}

.show.pink .tickets {
    background-color: #ffcbe5;
}

.show.pink .name-show {
    background-color: #ff99cc;
}

.show.blue {
    background-color: #3299ff;
}

.show.blue .more {
    background-color: #70b7ff;
}

.show.blue .tickets {
    background-color: #98cbff;
}

.show.blue .name-show {
    background-color: #3299ff;
}

.show.orange {
    background-color: #ff6532;
}

.show.orange .name-show {
    background-color: #ff6532;
}

.show.orange .more {
    background-color: #ff9470;
}

.show.orange .tickets {
    background-color: #ffb298;
}

.show.purple {
    background-color: #9932ff;
}

.show.purple .name-show {
    background-color: #9932ff;
}

.show.purple .more {
    background-color: #b770ff;
}

.show.purple .tickets {
    background-color: #d6adff;
}

.show.green {
    background-color: #009999;
}

.show.green .name-show {
    background-color: #009999;
}

.show.green .more {
    background-color: #4db7b7;
}

.show.green .tickets {
    background-color: #7fcbcb;
}

.show.yellow {
    background-color: #ffbe00;
}

.show.yellow .name-show {
    background-color: #ffbe00;
}

.show.yellow .more {
    background-color: #ffd633;
}

.show.yellow .tickets {
    background-color: #ffe065;
}

.show.brown {
    background-color: #A06B3C;
}
.cast-list.brown  a:hover {
    background-color: #A06B3C;
}

.show.brown .more {
    background-color: #BE8251;
}

.show.brown .tickets {
    background-color: #C69F7C;
}

.show img {
    max-width: 100%;
    height: auto;
    text-align: center;
}

.show .date-show {
    font-size: 24px;
    font-family: 'HelveticaNeueCyrBlack';
    padding-top: 10px;
}

.show .date-show span {
    font-family: 'HelveticaNeueCyrBold';
}

.show .theatre-show {
    font-size: 15px;
    font-family: 'HelveticaNeueCyrLight';
    padding-top: 10px;
    padding-bottom: 5px;
}

.show .table-block {
    display: table;
    width: 100%;
    height: 120px;
}

.show .name-show {
    font-size: 24px;
    font-family: 'HelveticaNeueCyrBlack';
    padding: 0;
    margin-top: 0;
}

.show .name-show span {
    font-size: 24px;
    font-family: 'HelveticaNeueCyrLight';
}

.show .more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    line-height: 30px;
    font-family: 'HelveticaNeueCyrLight';
    font-size: 24px;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.show .tickets {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-family: 'HelveticaNeueCyrLight';
    font-size: 24px;
    color: white;
    text-align: center;
    text-decoration: none !important;
}

.show .more:hover,
.show .tickets:hover
 {
   text-decoration: underline !important;
 }

.city-reg {
    text-align: center;
    color: black;
}

.city-reg .year {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBold';
    margin-bottom: 15px;
}

.city-reg .city-place {
    font-size: 24px;
    margin-bottom: 10px;
    font-family: 'HelveticaNeueCyrBlack';
}

.city-reg .date {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBold';
}

.region .advert {
    width: 270px;
    margin: auto;
    margin-top: 59px;
    margin-bottom: 20px;
}

.region.second .advert {
    margin-top: 3px;
    height: 457px;
    margin-bottom: 20px;
}

.show-link {
    display: block;
    cursor: pointer;
}

.modal-dialog .title {
    padding: 0 25px;
    color: white;
    padding-top: 12px;
    padding-bottom: 8px;
}

.modal-dialog .date-time-modal {
    font-size: 24px;
    margin-bottom: 8px;
}

.modal-dialog .date {
    width: 60%;
    float: left;
    font-family: 'HelveticaNeueCyrBlack';
}

.modal-dialog .time {
    width: 40%;
    float: left;
    text-align: right;
    font-family: 'HelveticaNeueCyrBold';
}

.modal-dialog .theatre-name {
    text-align: center;
    font-family: 'HelveticaNeueCyrLight';
    font-size: 18px;
}

.modal-dialog .name-show-modal {
    height: 60px;
    padding-left: 23px;
    padding-right: 23px;
}

.modal-dialog h2 {
    font-size: 18px;
    text-align: center;
    font-family: 'HelveticaNeueCyrBlack';
}

.modal-dialog .about-show {
    display: block;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    font-size: 24px;
    font-family: 'HelveticaNeueCyrLight';
    color: white;
}

.modal-dialog .tickets-link {
    display: block;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    font-size: 24px;
    font-family: 'HelveticaNeueCyrLight';
    color: white;
}

.modal-dialog .close {
    position: absolute;
    z-index: 2;
    right: 0;
    top: -30px;
    cursor: pointer;
}

.cast header {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBlack';
    text-align: center;
}

.cast header.grey {
    background: #c2c2c2;
}

.cast header.red {
    background: #ffb2b2;
}

.cast-list.grey a:hover {
    background: #acacac;
}

.cast-list {
    font-size: 18px;
    padding-top: 10px;
}

.cast-list.red {
    background-color: #ffd9d9;
}

.cast-list.grey {
    background-color: #d7d7d7;
}

.cast-list li {
    margin-bottom: 10px;
}

.cast-list p {
    font-family: 'HelveticaNeueCyrLight';
    padding: 1px 20px;
}

.cast-list a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 2px 20px;
    cursor: pointer;
}

.cast-list a:hover {
    color: white;
    background-color: red;
}

.cast-list strong {
    font-family: 'HelveticaNeueCyrBold';
}

.breadcrumb {
    font-size: 12px;
    font-family: 'HelveticaNeueCyrBold';
    padding: 7px 0;
    margin-bottom: 10px;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li + li:before {
    content: "»";
    padding: 0 2px;
}

.breadcrumb li a {
    color: black;
    text-decoration: none;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

.about {
    height: 176px;
    padding-left: 20px;
    padding-right: 350px;
}

.about.red {
    background: url(/images/red-header.jpg) no-repeat 50%;
    background-size: cover;
}

.about.grey {
    background: #acacac;
}

.about .producer {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBold';
}

.about .show-name {
    font-size: 34px;
    color: white;
    font-family: 'HelveticaNeueCyrBlack';
    margin: 10px 0;
}

.about .description {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBold';
}
.about .description p { margin-bottom: 5px; } 

.about-content { padding-left: 20px; font-size: 18px; font-family: 'HelveticaNeueCyrLight'; padding-top: 15px; }

.about-content .list ul li strong a {text-decoration: none; color: #000; }
.about-content .list ul li strong a:hover {color: rgba(0, 0, 0, 0.62); }

.about-content strong { font-family: 'HelveticaNeueCyrBold'; } .about-content > div { margin-bottom: 25px; }

.about-content h3 { font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 20px; } 

.about-content .list li { margin-bottom: 5px; }

 .about-content .text-show p { margin-bottom: 15px; line-height: 1.3; } 


.about-content .text-show p a {text-decoration: none; color: #7f7f7f; }
.about-content .text-show p a:hover{ text-decoration: underline; } 
.about-content .press li { margin-bottom: 15px; } 
.about-content .press li a{ color: #7f7f7f; text-decoration: none; }

.about-content .press li a:hover {
    text-decoration: underline;
}

.about-sidebar {
    position: absolute;
    z-index: 2;
    width: 270px;
    top: 0;
    right: 40px;
    height: 100%;
}

.cast {
    height: 100%;
}
.sidebar-content {
    /*
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    */
    position: relative;
    top: 0;
}

.sidebar-content .next-show {
    overflow: hidden;
    max-height: 530px;
}

.sidebar-content .next-show.open {
    max-height: none;
    overflow: initial;
}

.show-more-button {
    display: flex;
    height: 30px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-family: 'Roboto';
    font-size: 19px;
    margin-bottom: 30px;
}

.show-more-button .text {
    flex-grow: 1;
}

.show-more-button span {
    text-align: center;
}

.show-more-button .icon-arrow {
    width: 30px;
    height: 30px;
    background-image: url('/images/arrow.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px; 
}

.show-more-button .icon-arrow.active {
    transform: rotate(180deg);
}

.show-more-button.blue {
    background-color: #3399ff;
}

.show-more-button.red {
    background-color: #ff0000;
}

.show-more-button.purple {
    background-color: #9933ff;
}

.show-more-button.pink {
    background-color: #ff99cc;
}

.show-more-button.orange, .show-more-button.orange1 {
    background-color: #ff6633;
}

.show-more-button.yellow {
    background-color: #ffbe00;
}

.show-more-button.dark-orange {
    background-color: #FF7204;
}

.show-more-button.zelenca {
    background-color: #7cb800;
}

.show-more-button.purpursy {
    background-color: #9c145e;
}

.show-more-button.yarkfil {
    background-color: #ff33ff;
}

.show-more-button.brown {
    background-color: #A06B3C;
}

.show-more-button.green {
    background-color: #009999;
}

.show-more-button.sinka {
    background-color: #0000ff;
}

.show-more-button .icon-arrow.blue {
    background-color: #71b8ff;
}

.show-more-button .icon-arrow.red {
    background-color: #ff4d4d;
}

.show-more-button .icon-arrow.purple {
    background-color: #b871ff;
}

.show-more-button .icon-arrow.pink {
    background-color: #ffb8db;
}

.show-more-button .icon-arrow.orange, .show-more-button .icon-arrow.orange1 {
    background-color: #ff9471;
}

.show-more-button .icon-arrow.yellow {
    background-color: #ffd24d;
}

.show-more-button .icon-arrow.dark-orange {
    background-color: #FF9A43;
}

.show-more-button .icon-arrow.zelenca {
    background-color: #a3cd4d;
}

.show-more-button .icon-arrow.purpursy {
    background-color: #ba5b8e;
}

.show-more-button .icon-arrow.yarkfil {
    background-color: #ff70ff;
}

.show-more-button .icon-arrow.brown {
    background-color: #C58D5B;
}

.show-more-button .icon-arrow.green {
    background-color: #4db8b8;
}

.show-more-button .icon-arrow.sinka {
    background-color: #0000ff;
}

.button-buy {
    width: 100%;
    height: 60px;
    text-align: center;
    opacity: 0.85;
    /*display: none;*/
}

.button-buy a {
    color: white;
    font-family: 'Roboto';
    text-decoration: none;
    vertical-align: middle;
    display: block;
    font-size: 25px;
    padding-top: 15px;
    font-weight: bolder;
}
.button-buy a b {
    color: white;
    font-family: 'Roboto';
    text-decoration: none;
    vertical-align: middle;
    display: block;
    font-size: 25px;
    font-weight: bolder;
}

.button-buy.red {
    background-color: red;
}
.button-buy.dark-orange {
    background-color: #ff6532;
}
.button-buy.pink {
    background-color: #ff99cc;
}
.button-buy.blue {
    background-color: #3299ff;
}
.button-buy.orange, .button-buy.orange1 {
    background-color: #ff6532;
}
.button-buy.purple {
    background-color: #9932ff;
}
.button-buy.green {
    background-color: #009999;
}
.button-buy.yellow {
    background-color: #ffbe00;
}
.button-buy.brown {
    background-color: #A06B3C;
}
.button-buy.zelenca {
    background-color: #7cb800;
}
.button-buy.purpursy {
    background-color: #9c145e;
}
.button-buy.yarkfil {
    background-color: #ff33ff;
}

.about-sidebar .cast-list {
    padding-bottom: 10px;
}

.about-sidebar .cast-list li:last-child {
    margin-bottom: 0;
}

.trailer {
    margin-bottom: 30px;
}

.trailer.archive {
    margin-top: 30px;
}

.about-wrapper {
    position: relative;
    margin-bottom: 50px;
}

.about-wrapper.journal {
    min-height: 420px;
}

.about-wrapper.journal .about-content {
    padding-top: 0;
}

.about-wrapper.journal .text-comment .title {
    height: 220px;
    font-size: 14px;
}

.about-content {
    padding-right: 350px;
}

.next-show {
    padding-top: 5px;
    background-color: red;
    margin-bottom: 30px;
}



.about.blue {
    background: url(/images/blue-header.jpg) no-repeat 50%;
    background-size: cover;
}

.next-show.blue {
    background-color: #3399ff;
}

.more.blue {
    background-color: #71b8ff;
}

.tickets.blue {
    background-color: #99ccff;
}

.cast-list.blue {
    background-color: #e1f0ff;
}

.cast header.blue {
    background-color: #c1e0ff;
}

.cast-list.blue a:hover {
    background-color: #3399ff;
}

.about.yellow {
    background: url(/images/yellow-header.jpg) no-repeat 50%;
    background-size: cover;
}

.next-show.yellow {
    background-color: #ffbe00;
}

.more.yellow {
    background-color: #ffd24d;
}

.tickets.yellow {
    background-color: #ffdf80;
}

.cast-list.yellow {
    background-color: #fff5d9;
}

.cast header.yellow {
    background-color: #ffecb3;
}

.cast-list.yellow a:hover {
    background-color: #ffbe00;
}

.about.pink {
    background: url(/images/pink-header.jpg) no-repeat 50%;
    background-size: cover;
}

.next-show.pink {
    background-color: #ff99cc;
}

.more.pink {
    background-color: #ffb8db;
}

.tickets.pink {
    background-color: #ffcce5;
}

.cast-list.pink {
    background-color: #fff0f7;
}

.cast header.pink {
    background-color: #ffe0f0;
}

.cast-list.pink a:hover {
    background-color: #ff99cc;
}

.about.purple {
    background: url(/images/purple.jpg) no-repeat 50%;
    background-size: cover;
}

.next-show.purple {
    background-color: #9933ff;
}

.more.purple {
    background-color: #b871ff;
}

.tickets.purple {
    background-color: #cc99ff;
}

.cast-list.purple {
    background-color: #f0e1ff;
}

.cast header.purple {
    background-color: #e0c1ff;
}

.cast-list.purple a:hover {
    background-color: #9933ff;
}

.about.green {
    background: url(/images/green-header.jpg) no-repeat 50%;
    background-size: cover;
}

.about.orange {
    background: url(/images/orange-header.jpg) no-repeat 50%;
    background-size: cover;
}

.about.orange1 {
    background: url(/images/orange-header-1.png) no-repeat 50%;
    background-size: cover;
}


.about.brown {
    background: url(/images/brown-header.png) no-repeat 50%;
    background-size: cover;
}

.next-show.brown {
    background-color: #A06B3C;
}

.more.brown {
    background-color: #C58D5B;
}

.tickets.brown {
    background-color: #ECB17D;
}

.cast-list.brown {
    background-color: #ECB17D;
}

.cast header.brown {
    background-color: #C69F7C;
}

.cast-list.brown a:hover {
    background-color: #A06B3C;
}

.modal.brown .modal-dialog .title {
    background-color: #A06B3C;
}

.modal.brown .modal-dialog h2 {
    color: #A06B3C;
}

.modal.brown .cast header {
    background-color: #C69F7C;
}

.modal.brown .modal-dialog .about-show {
    background-color: #C58D5B;
}

.modal.brown  .modal-dialog .tickets-link {
    background-color: #ECB17D;

}

.modal.brown .scrollbar-inner {
    background-color: #fff !important;
}



.next-show.orange, .next-show.orange1 {
    background-color: #ff6633;
}

.more.orange, .more.orange1 {
    background-color: #ff9471;
}

.tickets.orange, .tickets.orange1 {
    background-color: #ffb299;
}

.cast-list.orange, .cast-list.orange1 {
    background-color: #ffe8e1;
}

.cast header.orange, .cast header.orange1 {
    background-color: #ffd1c1;
}

.cast-list.orange a:hover, .cast-list.orange1 a:hover {
    background-color: #ff6633;
}

.cast-list.dark-orange a:hover, .cast-list.dark-orange1 a:hover {
    background-color: #ff6633;
}

.next-show h4 {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBold';
    text-align: center;
}

.date-time-block {
    font-size: 24px;
    color: white;
    margin: 10px 0;
    padding: 0 10px;
}

.date-time-block .date {
    width: 55%;
    float: left;
    font-family: 'HelveticaNeueCyrBlack';
}

.date-time-block .time {
    width: 20%;
    float: left;
    text-align: right;
    font-family: 'HelveticaNeueCyrBold';
}

.name-theatre {
    text-align: center;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
    color: white;
    padding-bottom: 5px;
}

.more {
    display: block;
    height: 30px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-family: 'Roboto';
    font-size: 19px;
}

.more.red {
    background-color: #ff4d4d;
}

.tickets {
    display: block;
    height: 30px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    color: white;
    font-family: 'Roboto';
    font-size: 19px;
}

.tickets.main-tickets {
    margin-top: 6px;
    line-height: 32px;
}

.tickets.main-tickets .tickets-link {
    padding: 0;
}

.tickets.red {
    background-color: #ff7f7f;
}

.comments {
    margin-bottom: 10px;
}

.comments h4 {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBlack';
    margin-bottom: 10px;
}

.comments textarea {
    width: 100%;
    height: 90px;
    border: 0;
    outline: 0;
    background-color: white;
    resize: none;
    font-size: 14px;
    font-family: 'HelveticaNeueCyrLight';
    padding-left: 15px;
    padding-top: 7px;
}

.enter-with {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
    margin-bottom: 10px;
}

.enter-with .social {
    display: inline-block;
    vertical-align: middle;
}

.send-not-reg {
    width: 100%;
    background-color: white;
    border: 0;
    outline: 0;
    cursor: pointer;
    height: 30px;
    color: black;
    font-family: 'HelveticaNeueCyrLight';
    font-size: 18px;
    margin-bottom: 20px;
}

.text-comment {
    background-color: white;
    padding-left: 15px;
    padding-top: 10px;
}

.text-comment .title {
    font-size: 14px;
    color: #959595;
    font-family: 'HelveticaNeueCyrLight';
    height: 400px;
}

.content {
    padding-left: 20px;
    padding-right: 20px;
}

.team-block {
    text-align: center;
    font-size: 18px;
    height: 420px;
    padding: 0 10px;
}

.team-block .name {
    font-family: 'HelveticaNeueCyrBlack';
    margin-bottom: 8px;
}

.team-block .position {
    font-family: 'HelveticaNeueCyrLight';
}

.team-block .team-img {
    margin-bottom: 17px;
}

.about.dark-orange { background: url(/images/437orange-header.jpg) no-repeat 50%; background-size: cover; }

.team-block img
{
 min-width: 100%;
 height: auto; 
}

 .person-info { font-family: 'HelveticaNeueCyrLight'; width: 75%; line-height: 1.3; font-size: 18px; margin-top: 20px;} 
 .person-info a {text-decoration: none; color: #7f7f7f; }
 .person-info a:hover{ text-decoration: underline; }

.person-info strong { font-family: 'HelveticaNeueCyrBold'; } 
.person-info p { margin-bottom: 15px; } 
.person-info p a {text-decoration: none; color: #7f7f7f; }
.person-info p a:hover{ text-decoration: underline; }

.person-info .quote { padding-left: 20px; } 
.person-info h3 { font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 15px; } 
.person-info ul li a {text-decoration: none; color: #7f7f7f; }
.person-info ul li a:hover{ text-decoration: underline; }

.person-img { margin-bottom: 15px; position: relative; } .person-img > img { float: left; max-width: 100%; height: auto; } .person-img .person-name { float: left; padding-left: 15px; padding-top: 200px; font-size: 36px; font-family: 'HelveticaNeueCyrBlack'; } .person-slide { text-align: center; margin-bottom: 20px; } .person-slide img { max-width: 100%; height: auto; } .logo-brand { padding-left: 10px; } .person-aside { width: 140px; height: 140px; position: absolute; z-index: 2; background: white; top: 0; padding-top: 15px; right: 50px; } .person-aside .link-producer { display: block; width: 100%; height: 27px; border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; text-decoration: none; color: black; margin: 10px 0; font-size: 18px; line-height: 24px; font-family: 'HelveticaNeueCyrLight'; } .person-aside .link-producer:hover { color: #959595; } .person-aside .link-producer:active { background: black; color: white; } .person-aside .next-page { padding-left: 10px; } .about-theatre h3 { font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 10px; } .about-theatre .text { margin-left: -20px; background: #454545; font-size: 24px; font-family: 'HelveticaNeueCyrBold'; color: white; padding: 15px 20px; line-height: 1.3; margin-bottom: 30px; }

 .about-theatre-container { font-family: 'HelveticaNeueCyrLight'; } .about-theatre-container .title { background: white; padding: 3px 10px; font-size: 24px; margin-bottom: 20px; } .about-theatre-container .title.mrg { margin-bottom: 0; } .about-theatre-container .block { padding-right: 20px; } 

.about-theatre-container h2 {font-size: 24px; font-family: 'HelveticaNeueCyrBlack'; margin-bottom: 15px; }

.about-theatre-container p { font-size: 18px; line-height: 1.3; } 
.about-theatre-container p a {text-decoration: none; color: #757373; }
.about-theatre-container p a:hover{ text-decoration: underline; color: #959595; }

.about-theatre-container .afisha { text-align: center; } .about-theatre-container .afisha img { max-width: 100%; height: auto; } .about-theatre-container .text { background: #454545; font-size: 24px; font-family: 'HelveticaNeueCyrBold'; color: white; padding: 15px 20px; line-height: 1.3; margin-bottom: 30px; margin-top: 20px; } .about-theatre-container .col-lg-4 img { margin-bottom: 15px; } .about-theatre-container .col-lg-4 p { margin-bottom: 15px; } .archive-img { margin-bottom: 20px; } .text-container { font-size: 18px; font-family: 'HelveticaNeueCyrLight'; } .text-container p { line-height: 1.3; margin-bottom: 15px; }

 .text-container.pad { padding-right: 200px; } 
.text-container.pad a {text-decoration: none; color: #7f7f7f; }
.text-container.pad a:hover{ text-decoration: underline; }

.text-container img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.text-container strong, .text-container b {
    font-family: 'HelveticaNeueCyrBold';
}

.text-container i {
    font-family: 'HelveticaNeueCyrBoldItalic';
}

.text-container .quote {
    border-left: 20px solid white;
    padding-left: 5px;
    line-height: 1.3;
    margin-bottom: 25px;
}

.text-container .quote.second {
    text-align: center;
    border: 0;
    padding-left: 0;
    margin-bottom: 15px;
    font-size: 24px;
}

.text-container .quote.second .quote-block {
    display: inline-block;
    text-align: right;
    border-right: 20px solid white;
    padding: 20px 0;
    padding-right: 10px;
}

.journal .logo {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
}

.journal .text-container {
    position: relative;
    padding-right: 235px;
}

.journal .person-aside {
    position: relative;
    margin: auto;
    right: 0;
}

.journal .person-aside img {
    margin-bottom: 0;
}

.journal .aside-block {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 235px;
}

.journal .show-list {
    text-align: center;
    margin-top: 200px;
    padding: 0 20px;
}

.inerview-block {
    text-align: center;
    margin-bottom: 35px;
}

.inerview-block header {
    font-size: 24px;
    font-family: 'HelveticaNeueCyrBold';
    color: white;
    line-height: 1.3;
    background: #454545;
    padding: 5px 20px;
    text-align: left;
    margin-bottom: 15px;
}

.inerview-block header span {
    font-family: 'HelveticaNeueCyrBlack';
}

.inerview-block p {
    padding-left: 20px;
    text-align: left;
}

.inerview-block strong {
    font-family: 'HelveticaNeueCyrBold';
}

.interview-list {
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
}

.interview-list li {
    margin-top: 15px;
    line-height: 1.2;
}

.interview-list a {
    text-decoration: none;
    color: black;
}

.interview-list a:hover {
    text-decoration: underline;
}

.j-social {
    font-size: 18px;
}

.j-social .j-facebook {
    float: left;
}

.j-social .j-facebook img {
    float: left;
}

.j-social .j-vk {
    float: left;
    margin-left: 30px;
}

.j-social .j-vk img {
    float: left;
    position: relative;
    top: 8px;
}

.j-social a {
    width: 105px;
    height: 30px;
    display: block;
    text-align: center;
    float: left;
    line-height: 30px;
    color: black;
    font-family: 'HelveticaNeueCyrLight';
    background: white;
    text-decoration: none;
    margin-left: 10px;
}

.contact-block {
    margin-bottom: 30px;
}

.contact-block .poster-list {
    text-align: left;
}

.contact-desc {
    font-size: 18px;
    line-height: 1.2;
}

.send-form {
    margin-top: 20px;
    width: 270px;
}

.send-form input[type="text"] {
    width: 280px;
    height: 30px;
    border: 0;
    outline: 0;
    background-color: white;
    padding-left: 15px;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
}

.send-form input[type="text"].for-symbol {
    text-align: center;
    padding: 0;
}

.send-form textarea {
    width: 280px;
    height: 260px;
    resize: none;
    border: 0;
    outline: 0;
    background-color: white;
    padding-left: 15px;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
    padding-top: 8px;
}

.send-form .send {
    width: 280px;
    height: 30px;
    border: 0;
    outline: 0;
    cursor: pointer;
    background-color: white;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
    color: black;
}

.send-form .send:hover {
    color: #959595;
}

.send-form .send:active {
    background: black;
    color: white;
}

.input-block {
    margin-bottom: 7px;
}

.symbol {
    height: 30px;
    background-color: white;
    text-align: center;
    line-height: 30px;
}

.next-performances {
    padding-top: 10px;
    text-align: center;
}

.next-performances a {
    display: inline-block;
    text-decoration: none;
    font-family: 'HelveticaNeueCyrBold';
    font-size: 18px;
    color: black;
}

.next-performances img {
    margin-top: 5px;
}

.alphabet {
    text-transform: uppercase;
    font-family: 'HelveticaNeueCyrLight';
    font-size: 9px;
    text-align: center;
    background-color: white;
    padding-top: 5px;
    margin-left: -20px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.alphabet span {
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

.small-team {
    margin-left: -20px;
}

.date-block {
    display: inline-block;
    width: 24px;
    text-align: center;
    position: relative;
}

.date-block .tooltip {
    position: absolute;
    padding: 3px 10px;
    color: white;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrBlack';
    min-width: 250px;
    height: auto;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    margin-left: -85px;
    top: 0;
    transform: translateY(calc(-100% - 10px));
    z-index: 1000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.date-block .tooltip.right{
   left: auto;
    margin-left: 0;
    right: 0;
  }
.date-block .tooltip.left{
  left: 0;
  margin-left: 0;
  right: auto;
}

.hoverwhite:hover {color:#fff;}.date-block span {cursor:default;}

.date-block .number-date{ font-family: 'HelveticaNeueCyrBold'; font-size: 18px; height: 24px; background-color: white; cursor: pointer; line-height: 24px; display: inline-block; width: 100%; } .date-block .day-cal{ font-family: 'HelveticaNeueCyrBold'; font-size: 18px; position: relative; top: -3px; z-index: 2; } .cal-month .distributor{ color: #8C8C8C; padding-left: 10px; padding-right: 10px; } .date-block .number-date:hover + div { visibility: visible; opacity: 1; top: 0; z-index: 7 !important; } .date-block .number-date[data-slide-to="0"] { background-color: #009999; } .date-block .number-date[data-slide-to="0"]:hover { color: white; } .date-block .number-date[data-slide-to="0"] + div { background-color: #009999; } .date-block .number-date[data-slide-to="1"] { background-color: #3299ff; } .date-block .number-date[data-slide-to="1"]:hover { color: white; } .date-block .number-date[data-slide-to="1"] + div { background-color: #3299ff; } .date-block .number-date[data-slide-to="2"] { background-color: red; } .date-block .number-date[data-slide-to="2"]:hover { color: white; } .date-block .number-date[data-slide-to="2"] + div { background-color: red; } .date-block .number-date[data-slide-to="3"] { background-color: #9932ff; } .date-block .number-date[data-slide-to="3"]:hover { color: white; } .date-block .number-date[data-slide-to="3"] + div { background-color: #9932ff; } .date-block .number-date[data-slide-to="4"] { background-color: #ff99cc; } .date-block .number-date[data-slide-to="4"] + div { background-color: #ff99cc; } .date-block .number-date[data-slide-to="4"]:hover { color: white; } .date-block .number-date[data-slide-to="5"] { background-color: #ff6532; } .date-block .number-date[data-slide-to="5"] + div { background-color: #ff6532; } .date-block .number-date[data-slide-to="5"]:hover { color: white; } .date-block .number-date[data-slide-to="6"] { background-color: #ffbe00; } .date-block .number-date[data-slide-to="6"] + div { background-color: #ffbe00; } .date-block .number-date[data-slide-to="6"]:hover { color: white; } .date-block .number-day { font-family: 'HelveticaNeueCyrRoman'; font-size: 11.5px; position: relative; z-index: 2 !important; } .date-block.top .number-day{ top: 20px; } .date-block.top-sec .number-day{ top: 10px; } .cal-month { margin-bottom: 60px; position: relative; padding-left: 30px; } .month-prev { position: absolute; cursor: pointer; z-index: 2; left: 20px; top: 0; } .month-prev.disable{ display: none; } .month-next { position: absolute; cursor: pointer; z-index: 2; right: 20px; top: 0; } .contact-carousel { margin-left: -20px; } .contacts-desc, .contact-desc { padding-left: 20px; padding-right: 20px; } 
.about-theatre-container .carousel { /* margin-left: -20px; */ } 
.inner-container{ position: absolute; width: 24px; height: 27px; z-index: 1; } .inner-container:hover{ z-index: 3; } .inner-container.second{ bottom: -9px; } .inner-container.second-var{ bottom: 2px; } .inner-container.first{ top: -17px; } .inner-container.third{ top: -24px; } .inner-container .number-date{ font-family: 'HelveticaNeueCyrLight'; font-size: 11.5px; } /**************************/ .modal.green .modal-dialog .title { background-color: #009999; } .modal.green .modal-dialog h2 { color: #009999; } .modal.green .modal-dialog .about-show { background-color: #009999; } .modal.green .modal-dialog .tickets-link { background-color: #7fcbcb; } .modal.green .cast-list a:hover{ background-color: #009999; } .modal.green .cast header{ background-color: #b2e0e0; } .modal.green .scrollbar-inner{ background-color: #d9f0f0; } /**************************/ .modal.blue .modal-dialog .title { background-color: #3299ff; } .modal.blue .modal-dialog h2 { color: #3299ff; } .modal.blue .modal-dialog .about-show { background-color: #3299ff; } .modal.blue .modal-dialog .tickets-link { background-color: #98cbff; } .modal.blue .cast-list a:hover{ background-color: #3299ff; } .modal.blue .cast header{ background-color: #c1e0ff; } .modal.blue .scrollbar-inner{ background-color: #e1f0ff; } /**************************/ .modal.red .modal-dialog .title { background-color: #fc0000; } .modal.red .modal-dialog h2 { color: #fc0000; } .modal.red .modal-dialog .about-show { background-color: #fc0000; } .modal.red .modal-dialog .tickets-link { background-color: #ff7f7f; } .modal.red .cast-list a:hover{ background-color: #fc0000; } .modal.red .cast header{ background-color: #ffb2b2; } /**************************/ .modal.purple .modal-dialog .title { background-color: #9932ff; } .modal.purple .modal-dialog h2 { color: #9932ff; } .modal.purple .modal-dialog .about-show { background-color: #9932ff; } .modal.purple .modal-dialog .tickets-link { background-color: #d6adff; } .modal.purple .cast-list a:hover{ background-color: #9932ff; } .modal.purple .cast header{ background-color: #e0c1ff; } .modal.purple .scrollbar-inner{ background-color: #f0e1ff; } /**************************/ .modal.pink .modal-dialog .title { background-color: #ff99cc; } .modal.pink .modal-dialog h2 { color: #ff99cc; } .modal.pink .modal-dialog .about-show { background-color: #ff99cc; } .modal.pink .modal-dialog .tickets-link { background-color: #ffcbe5; } .modal.pink .cast-list a:hover{ background-color: #ff99cc; } .modal.pink .cast header{ background-color: #ffe0f0; } .modal.pink .scrollbar-inner{ background-color: #fff0f7; } /**************************/ .modal.orange .modal-dialog .title { background-color: #ff6633; } .modal.orange .modal-dialog h2 { color: #ff6633; } .modal.orange .modal-dialog .about-show { background-color: #ff6633; } .modal.orange .modal-dialog .tickets-link { background-color: #ffb299; } .modal.orange .cast-list a:hover{ background-color: #ff6633; } .modal.orange .cast header{ background-color: #ffd1c1; } .modal.orange .scrollbar-inner{ background-color: #ffe8e1; } /**************************/ .modal.yellow .modal-dialog .title { background-color: #ffbe00; } .modal.yellow .modal-dialog h2 { color: #ffbe00; } .modal.yellow .modal-dialog .about-show { background-color: #ffbe00; } .modal.yellow .modal-dialog .tickets-link { background-color: #ffde7f; } .modal.yellow .cast-list a:hover{ background-color: #ffbe00; } .modal.yellow .cast header{ background-color: #ffebb2; } .modal.yellow .scrollbar-inner{ background-color: #fff5d9; } /**************************/ .hidden-day, .hidden-time{ display: none; } .comments-block{ width: 270px; margin-left: 20px; margin-top: 20px; } .poster-container .show .date-show{ text-align: left; padding-left: 15px; padding-right: 15px; } .poster-container .show .date-show span{ float: right; } .poster-container .show img{ height: 180px; }
 
 
 
 .share-link{
 height: 25px;
 line-height: 22px;
 width: 120px;
 border: 1px solid #555;
 text-decoration: none;
 text-align: center;
 box-shadow: inset 0 0 0 1px #f0efef;
 color: #555;
 padding: 0 16px 0 30px;
 margin-left: 0;
 font-size: 14px;
 display: block;
 background: url(/images/share-128.png)no-repeat 6px 48%;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
 }
 .share-block{
 position: relative;
 }
 .share-link:hover{
 color: #000;
 border-color: #000;
 }
 .share-wrapper{
 font-family: 'HelveticaNeueCyrLight';
 }
 .ya-share2__badge {
 display: block;
 border-radius: 2px;
 color: #fff;
 overflow: hidden;
 position: relative;
 width: 24px;
 height: 24px;
 }
 .ya-share2__badge.vkontakte{
 background-color: #48729e;
 }
 .ya-share2__badge.face{
 background-color: #3c5a98;
 }
 .ya-share2__badge.mail{
 background-color: #48729e;
 }
 .ya-share2__badge.odnoklasniki{
 background-color: #ff9f4d;
 }
 .share-social li{
 display: inline-block;
 vertical-align: middle;
 }
 .share-social{
 position: absolute;
 top: -29px;
 left: 250px;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: all 0.35s ease-in-out;
 -o-transition: all 0.35s ease-in-out;
 transition: all 0.35s ease-in-out;
 }
 .share-social.active{
 top: 1px;
 opacity: 1;
 visibility: visible;
 }
 


.about.green {
  background: url(/images/green-header.jpg) no-repeat 50%;
  background-size: cover;
}
.next-show.green{
  background-color: #009999;
}
.more.green{
  background-color: #4db8b8;
}
.tickets.green{
  background-color: #7fcccc;
}
.cast-list.green{
  background-color: #d9f0f0;
}
.cast header.green{
  background-color: #b2e0e0;
}
.cast-list.green a:hover{
  background-color: #009999;
}

.likebtn-wrapper{
  border: 1px solid #555;
  box-shadow: inset 0 0 0 1px #f0efef;
}
.likebtn-wrapper:hover{
  border-color: #000;
}

 
.likebtn-wrapper *{
  font-family: 'HelveticaNeueCyrLight' !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.lb-style-lightgray .lb-like, 
.lb-style-lightgray .lb-dislike{
  background-color: transparent !important;
  border: 0 !important;
  color: #555 !important;
}
.lb-style-lightgray .lb-like-label:hover,
.lb-style-lightgray .lb-dislike-label:hover,
.lb-style-lightgray .lb-like:hover,
.lb-style-lightgray .lb-dislike:hover
{
  color: #000 !important;
}
.lb-like, .lb-dislike{
  background-color: transparent;
  border-radius: 0;
}
.share-link{
  display: inline-block;
  margin-left: 10px;
}
.lb-style-lightgray .lb-like-label, 
.lb-style-lightgray .lb-dislike-label{
  color: #555 !important;
}
.likebtn-wrapper{
  height: 25px;
}
.lb-like .lb-a, 
.lb-dislike .lb-a{
  padding-left: 5px;
  padding-right: 5px;
}
/* .date-block .number-day{
  z-index: 4;
}
.inner-container:hover{
  z-index: 5;
} */
.small-img .date-time .date{
  width: 42%;
  text-align: left;
}
.small-img .date-time .time{
  text-align: left;
}
.preference>.more {cursor:pointer;}
.content blockquote { margin:20px 20px 20px 80px;}
.content i {font-style:italic;}
.content b {font-weight:bold;}

  .show .theatre-show {min-height: 33px;}

.width-show:hover .day-cal{
	color:#fff !important;
}
.width-show:hover .number-date,
.with-show:hover .number-date{
	color: #fff !important;
}
.date-block .number-date{
	border-top: 1px solid rgba(255,255,255,0.4);
}
.text-show b {
font-weight: bold;
	}
	
.cast header.sinka {
    background-color: #b2b2ff;
}

.cast header.zelenca {
    background-color: #d8eab2;
}

.cast header.purpursy {
    background-color: #e1b9cf;
}

.cast header.yarkfil {
    background-color: #ffc2ff;
}

.cast-list.sinka {
  background-color: #d9d9ff;
}
.cast-list.dark-orange {
    background-color: #FFD3AA;
}

.cast-list.zelenca{
    background-color: #ebf4d9;
}

.cast-list.purpursy{
      background-color: #f0dce7;
}

.cast-list.yarkfil {
   background-color: #ffe0ff;
}

.next-show.sinka  {
  background-color: #0000ff;
}
.next-show.dark-orange {
    background-color: #FF7204;
}

.next-show.zelenca{
     background-color: #7cb800;
}
.next-show.purpursy{
    background-color: #9c145e;
}
.next-show.yarkfil{
     background-color: #ff33ff;
}


.more.dark-orange {
    background-color: #FF9A43;
}

.more.zelenca {
    background-color: #a3cd4d;
}

.more.purpursy {
      background-color: #ba5b8e;
}

.more.yarkfil {
    background-color: #ff70ff;
}

.tickets.sinka, .poster .sinka .tickets, .carousel .item.sinka .tickets-link {
   background-color: #8080ff;
}

.tickets.dark-orange, .poster .dark-orange .tickets, .carousel .item.dark-orange .tickets-link {
    background-color: #FFB674;
}

.tickets.zelenca, .poster .zelenca .tickets, .carousel .item.zelenca .tickets-link {
  background-color: #bddc80;
}

.tickets.purpursy, .poster .purpursy .tickets, .carousel .item.purpur .tickets-link {
    background-color: #ce89ae;
}

.tickets.yarkfil, .poster .yarkfil .tickets, .carousel .item.yarkfiolet .tickets-link {
  background-color: #ff99ff;
}

.carousel .item.bezh .tickets-link {
  background-color: #aa7644;
}

.carousel .item.pink .tickets-link {
  background-color: #ffcbe5;
}

.carousel .item.red .tickets-link {
  background-color: #ff7f7f;
}

.carousel .item.orange .tickets-link {
  background-color: #ffb299;
}

.about.sinka {
 background-color: #0000ff;
	}
	
.about.zelenca {
  background: url(/images/zelenca.png) no-repeat 50%;
  background-size: cover;
	}

/*.about.purpursy {
   background-color: #9c145e;
}	*/
.about.purpursy {
  background: url(/images/purpursy-header.jpg) no-repeat 50%;
  background-size: cover;
}	

.about.yarkfil {
  background: url(/images/yarkfil.png) no-repeat 50%;
  background-size: cover;
}

.show.sinka {
 background-color: #0000ff;
 }
 
 .show.zelenca {
    background-color: #7cb800;
 }
 
  .show.purpursy {
     background-color: #9c145e;
 }

.show.yarkfil {
 background-color: #ff33ff;

}
.show.yarkfil .tickets  {
 background-color: #ff99ff;

}
.show.yarkfil .more  {
 background-color: #ff70ff;

}
 
 .cast-list.sinka  a:hover {
   background-color: #0000ff;
 }
 .cast-list.zelenca  a:hover {
    background-color: #7cb800;
 }
 
  .cast-list.purpursy  a:hover {
      background-color: #9c145e;
 }
 
    .cast-list.yarkfil  a:hover  {
     background-color: #ff33ff;
	 
 }
 
.calendar .bx-wrapper .bx-viewport {
   height: 130px !important;
}
 
.date-block  .four  {
 bottom: -33px;
}

.buttonsyser {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: 10px;
}

.buttonsyser .may{
  background: #b9b9b9;
}
.buttonsyser .may:nth-child(even) {
  background: #7f7f7f;
}
.buttonsyser .may:nth-child(1) {
    margin-left:0;
}
.buttonsyser .may:nth-child(3) {
    margin-right:0;
}

.buttonsyser .iun{
  background: #ececec;
}
.buttonsyser  .iun input{
  color: black !important;
}


.buttonsyser .iul{
   background: #7f7f7f;
   margin-left: 30px;
}

.activeMt {
    background-color: transparent;
    color:#000000;
}

.buttonsyser .col-lg-4 {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 268px;
    text-align: center;
    height: 30px;
}



.buttonsyser .col-lg-4  input{
  color: white;
  font-weight: bold;
  font-size: 24px;
  border: none;
  background: none;
  cursor: pointer;
    width: 100%;
}

input:focus {
        outline: none;
    }

.modal.sinka .modal-dialog .title {
    background-color: #0000ff;
}

.modal.sinka .modal-dialog h2 {
  color: #0000ff;
}

.modal.sinka .cast header {
     background-color: #b2b2ff;
}

.modal.sinka .modal-dialog .about-show {
    background-color: #FF9A43;
}

.modal.sinka  .modal-dialog .tickets-link {
   background-color: #8080ff;
}



.modal.zelenca .modal-dialog .title {
     background-color: #7cb800;
}

.modal.zelenca .modal-dialog h2 {
  color: #7cb800;
}

.modal.zelenca .cast header {
     background-color: #d8eab2;
}

.modal.zelenca .modal-dialog .about-show {
  background-color: #a3cd4d;
}

.modal.zelenca  .modal-dialog .tickets-link {
   background-color: #bddc80;
}




.modal.dark-orange .modal-dialog .title {
    background-color: #FF9A43;
}
.modal.dark-orange .modal-dialog h2 {
    color: #FF9A43;
}

.modal.dark-orange .cast header {
    background-color: rgba(255, 153, 67, 0.41);
}

.modal.dark-orange .cast header {
    background-color: rgba(255, 153, 67, 0.41);
}

.modal.dark-orange .modal-dialog .about-show {
    background-color: rgba(255, 154, 67, 0.75);
}

.modal.dark-orange .cast header {
    background-color: rgba(255, 154, 67, 0.3);
}
.modal.dark-orange  .modal-dialog .tickets-link {
    background-color: rgba(255, 154, 67, 0.3);

}

.modal.yarkfil .modal-dialog .title {
    background-color: #ff33ff;
}

.modal.yarkfil .modal-dialog h2 {
  color: #ff33ff;
}

.modal.yarkfil .cast header {
     background-color: #ffc2ff;
}

.modal.yarkfil .modal-dialog .about-show {
     background-color: #ff70ff;
}

.modal.yarkfil  .modal-dialog .tickets-link {
  background-color: #ff99ff;
   
}

.modal.purpursy .modal-dialog .title {
   background-color: #9c145e;
}

.modal.purpursy .modal-dialog h2 {
  color: #9c145e;
}

.modal.purpursy .cast header {
   background-color: #e1b9cf;
}

.modal.purpursy .modal-dialog .about-show {
      background-color: #ba5b8e;
}

.modal.purpursy  .modal-dialog .tickets-link {
   background-color: #ce89ae;
   
}

.four .tooltip {
 z-index: 999999 !important;
}



.poster .poster-container .litersy {
height: 500px;
}


.show.sinka .more {
  background-color: #FF9A43;

}

.show.zelenca .more {
    background-color: #a3cd4d;
}

.show.purpursy .more {
  background-color: #ba5b8e;
}


.show.yarkfil .more {
   background-color: #ff70ff;
}
.show.brown_header .more {
   background-color: #ffffff;
}

.show.sinka  .tickets {
    background-color: #8080ff;
}

.show.zelenca  .tickets {
   background-color: #bddc80;
}

.show.purpursy  .tickets {
    background-color: #ce89ae;
}

.show.yarkfil  .tickets {
    background-color: #ff99ff;
}

.logosy {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
}

.dayresult {
    float: none !important;
    /*color: red;*/
    color: white;
    margin-right: 4px;
    font-size: 21px;
}

.denned {
    width: 20%;
    float: left;
    font-family: 'HelveticaNeueCyrBold';
    position: relative;
    top: -2px;
    left: 4px;
}
.nedly {
    text-align: left;
    display: inline;
    float: left;
    width: 26%;
}

.show .date-show {
    font-size: 21px;
}

.sidebar .social {
	margin-top: 40px;
}

.presersy img {
	height: auto;
}

.linksobyt {
	text-decoration: none;
    color: black;
}

.linksobyt:hover {
	text-decoration: underline;
}

.specth
{
    line-height: 1.3;
    font-size: 18px;
    font-family: 'HelveticaNeueCyrLight';
    margin-bottom: 15px;
    margin-left: 20px;
    background: white;
    padding: 3px 10px;
    width: 185px;
}

.contact76 {
    display: inline-block;
    width: 29px;
    height: 22px;
    background: url(/images/contact76.png) no-repeat;
}


.sidebar .social 
{
    margin-right: 14px !important;
}



.sidebar .social .icon 
{

width: 36px !important;

}

.perserk 
{
	display: none;
	position: absolute;
	right: 2px;
}


.sidebar .social .icon:hover .perserk  
{
	display: block;

}

.sposob
{
 margin-top: 30px;
}

.sidebar .menu 
{
	    top: 40%;
}


.scvs
{
	margin-left: 18px;
}


.person-info .nameact
{
      display: inline-block;
      width: 20px;
      margin-left: 10px;

}

.hidetheatre
{
	width: 0;
	height: 0;
}


.about-content .press
{
	padding: 0 !important;
}


.cast-list.grey a.withouthover:hover {
    background: transparent !important;
}

.form-error {
    display: none;
    color: red;
    clear: right;
}

.send-form input {
    clear: left;
}

.news-injection {
    width: 112px;
    float: right;
}
.news-injection .block-vertical {
    height: 26px;
}

.news-injection .icon {
    width: 26px;
    height: 26px;
}

.calendar.hidden-xs>.bxslider>div:not(:nth-child(1)) {
    display: none;
}

.wrapp .button-buy.goal-buy.red,
.wrapp .tickets.goal-buy_r.js-unifd-trigger-link.red
    {
    background: #000a3e;
}
/* End */


/* Start:/bitrix/templates/main/assets/semantic.css?1488189165109849*/
 /*
 * # Semantic UI - 2.2.7
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*!
 * # Semantic UI 2.2.7 - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Icon
*******************************/

@font-face {
  font-family: 'Icons';
  src: url("/bitrix/templates/main/assets/./themes/default/assets/fonts/icons.eot");
  src: url("/bitrix/templates/main/assets/./themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("/bitrix/templates/main/assets/./themes/default/assets/fonts/icons.woff2") format('woff2'), url("/bitrix/templates/main/assets/./themes/default/assets/fonts/icons.woff") format('woff'), url("/bitrix/templates/main/assets/./themes/default/assets/fonts/icons.ttf") format('truetype'), url("/bitrix/templates/main/assets/./themes/default/assets/fonts/icons.svg#icons") format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}

i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0em 0.25rem 0em 0em;
  width: 1.18em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

i.icon:before {
  background: none !important;
}

/*******************************
             Types
*******************************/

/*--------------
    Loading
---------------*/

i.icon.loading {
  height: 1em;
  line-height: 1;
  -webkit-animation: icon-loading 2s linear infinite;
  animation: icon-loading 2s linear infinite;
}

@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*******************************
             States
*******************************/

i.icon.hover {
  opacity: 1 !important;
}

i.icon.active {
  opacity: 1 !important;
}

i.emphasized.icon {
  opacity: 1 !important;
}

i.disabled.icon {
  opacity: 0.45 !important;
}

/*******************************
           Variations
*******************************/

/*-------------------
        Fitted
--------------------*/

i.fitted.icon {
  width: auto;
  margin: 0em;
}

/*-------------------
         Link
--------------------*/

i.link.icon,
i.link.icons {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

i.link.icon:hover,
i.link.icons:hover {
  opacity: 1 !important;
}

/*-------------------
      Circular
--------------------*/

i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0.5em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}

i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}

/*-------------------
      Flipped
--------------------*/

i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

/*-------------------
      Rotated
--------------------*/

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*-------------------
      Bordered
--------------------*/

i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0.41em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}

i.bordered.inverted.icon {
  border: none;
  box-shadow: none;
}

/*-------------------
      Inverted
--------------------*/

/* Inverted Shapes */

i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

i.inverted.icon {
  color: #FFFFFF;
}

/*-------------------
       Colors
--------------------*/

/* Red */

i.red.icon {
  color: #da534b !important;
}

i.inverted.red.icon {
  color: #e37b75 !important;
}

i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: #da534b !important;
  color: #FFFFFF !important;
}

/* Orange */

i.orange.icon {
  color: #CF8E59 !important;
}

i.inverted.orange.icon {
  color: #daa981 !important;
}

i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
  background-color: #CF8E59 !important;
  color: #FFFFFF !important;
}

/* Yellow */

i.yellow.icon {
  color: #CFBD59 !important;
}

i.inverted.yellow.icon {
  color: #dacd81 !important;
}

i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
  background-color: #CFBD59 !important;
  color: #FFFFFF !important;
}

/* Olive */

i.olive.icon {
  color: #C7CC58 !important;
}

i.inverted.olive.icon {
  color: #d4d87f !important;
}

i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
  background-color: #C7CC58 !important;
  color: #FFFFFF !important;
}

/* Green */

i.green.icon {
  color: #92C053 !important;
}

i.inverted.green.icon {
  color: #aace78 !important;
}

i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
  background-color: #92C053 !important;
  color: #FFFFFF !important;
}

/* Teal */

i.teal.icon {
  color: #4F96B7 !important;
}

i.inverted.teal.icon {
  color: #73acc6 !important;
}

i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
  background-color: #4F96B7 !important;
  color: #FFFFFF !important;
}

/* Blue */

i.blue.icon {
  color: #4F6EB7 !important;
}

i.inverted.blue.icon {
  color: #738cc6 !important;
}

i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
  background-color: #4F6EB7 !important;
  color: #FFFFFF !important;
}

/* Violet */

i.violet.icon {
  color: #6B4FB7 !important;
}

i.inverted.violet.icon {
  color: #8973c6 !important;
}

i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
  background-color: #6B4FB7 !important;
  color: #FFFFFF !important;
}

/* Purple */

i.purple.icon {
  color: #A64FB7 !important;
}

i.inverted.purple.icon {
  color: #b873c6 !important;
}

i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
  background-color: #A64FB7 !important;
  color: #FFFFFF !important;
}

/* Pink */

i.pink.icon {
  color: #BF5380 !important;
}

i.inverted.pink.icon {
  color: #cd789b !important;
}

i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
  background-color: #BF5380 !important;
  color: #FFFFFF !important;
}

/* Brown */

i.brown.icon {
  color: #A5673F !important;
}

i.inverted.brown.icon {
  color: #bf8058 !important;
}

i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Grey */

i.grey.icon {
  color: #4E504B !important;
}

i.inverted.grey.icon {
  color: #686a64 !important;
}

i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
  background-color: #4E504B !important;
  color: #FFFFFF !important;
}

/* Black */

i.black.icon {
  color: #1B1C1D !important;
}

i.inverted.black.icon {
  color: #343637 !important;
}

i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/*-------------------
        Sizes
--------------------*/

i.mini.icon,
i.mini.icons {
  line-height: 1;
  font-size: 0.4em;
}

i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.5em;
}

i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 0.75em;
}

i.icon,
i.icons {
  font-size: 1em;
}

i.large.icon,
i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em;
}

i.big.icon,
i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
}

i.huge.icon,
i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em;
}

i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em;
}

/*******************************
            Groups
*******************************/

i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}

i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0;
}

i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  -webkit-transform: none;
  transform: none;
  margin-right: 0.25rem;
}

/* Corner Icon */

i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  font-size: 0.45em;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
}

/*
 * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/*******************************

Semantic-UI integration of font-awesome :

///class names are separated
i.icon.circle => i.icon.circle
i.icon.circle-o => i.icon.circle.outline

//abbreviation are replaced by full letters:
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
i.icon.ellipsis-v => i.icon.ellipsis.vertical
.alpha => .i.icon.alphabet
.asc => .i.icon.ascending
.desc => .i.icon.descending
.alt =>.alternate

ASCII order is conserved for easier maintenance.

Icons that only have one style 'outline', 'square' etc do not require this class
for instance `lemon icon` not `lemon outline icon` since there is only one lemon

*******************************/

/*******************************
            Icons
*******************************/

/* Web Content */

i.icon.search:before {
  content: "\f002";
}

i.icon.mail.outline:before {
  content: "\f003";
}

i.icon.signal:before {
  content: "\f012";
}

i.icon.setting:before {
  content: "\f013";
}

i.icon.home:before {
  content: "\f015";
}

i.icon.inbox:before {
  content: "\f01c";
}

i.icon.browser:before {
  content: "\f022";
}

i.icon.tag:before {
  content: "\f02b";
}

i.icon.tags:before {
  content: "\f02c";
}

i.icon.image:before {
  content: "\f03e";
}

i.icon.calendar:before {
  content: "\f073";
}

i.icon.comment:before {
  content: "\f075";
}

i.icon.shop:before {
  content: "\f07a";
}

i.icon.comments:before {
  content: "\f086";
}

i.icon.external:before {
  content: "\f08e";
}

i.icon.privacy:before {
  content: "\f084";
}

i.icon.settings:before {
  content: "\f085";
}

i.icon.comments:before {
  content: "\f086";
}

i.icon.external:before {
  content: "\f08e";
}

i.icon.trophy:before {
  content: "\f091";
}

i.icon.payment:before {
  content: "\f09d";
}

i.icon.feed:before {
  content: "\f09e";
}

i.icon.alarm.outline:before {
  content: "\f0a2";
}

i.icon.tasks:before {
  content: "\f0ae";
}

i.icon.cloud:before {
  content: "\f0c2";
}

i.icon.lab:before {
  content: "\f0c3";
}

i.icon.mail:before {
  content: "\f0e0";
}

i.icon.dashboard:before {
  content: "\f0e4";
}

i.icon.comment.outline:before {
  content: "\f0e5";
}

i.icon.comments.outline:before {
  content: "\f0e6";
}

i.icon.sitemap:before {
  content: "\f0e8";
}

i.icon.idea:before {
  content: "\f0eb";
}

i.icon.alarm:before {
  content: "\f0f3";
}

i.icon.terminal:before {
  content: "\f120";
}

i.icon.code:before {
  content: "\f121";
}

i.icon.protect:before {
  content: "\f132";
}

i.icon.calendar.outline:before {
  content: "\f133";
}

i.icon.ticket:before {
  content: "\f145";
}

i.icon.external.square:before {
  content: "\f14c";
}

i.icon.bug:before {
  content: "\f188";
}

i.icon.mail.square:before {
  content: "\f199";
}

i.icon.history:before {
  content: "\f1da";
}

i.icon.options:before {
  content: "\f1de";
}

i.icon.text.telephone:before {
  content: "\f1e4";
}

i.icon.find:before {
  content: "\f1e5";
}

i.icon.wifi:before {
  content: "\f1eb";
}

i.icon.alarm.mute:before {
  content: "\f1f6";
}

i.icon.alarm.mute.outline:before {
  content: "\f1f7";
}

i.icon.copyright:before {
  content: "\f1f9";
}

i.icon.at:before {
  content: "\f1fa";
}

i.icon.eyedropper:before {
  content: "\f1fb";
}

i.icon.paint.brush:before {
  content: "\f1fc";
}

i.icon.heartbeat:before {
  content: "\f21e";
}

i.icon.mouse.pointer:before {
  content: "\f245";
}

i.icon.hourglass.empty:before {
  content: "\f250";
}

i.icon.hourglass.start:before {
  content: "\f251";
}

i.icon.hourglass.half:before {
  content: "\f252";
}

i.icon.hourglass.end:before {
  content: "\f253";
}

i.icon.hourglass.full:before {
  content: "\f254";
}

i.icon.hand.pointer:before {
  content: "\f25a";
}

i.icon.trademark:before {
  content: "\f25c";
}

i.icon.registered:before {
  content: "\f25d";
}

i.icon.creative.commons:before {
  content: "\f25e";
}

i.icon.add.to.calendar:before {
  content: "\f271";
}

i.icon.remove.from.calendar:before {
  content: "\f272";
}

i.icon.delete.calendar:before {
  content: "\f273";
}

i.icon.checked.calendar:before {
  content: "\f274";
}

i.icon.industry:before {
  content: "\f275";
}

i.icon.shopping.bag:before {
  content: "\f290";
}

i.icon.shopping.basket:before {
  content: "\f291";
}

i.icon.hashtag:before {
  content: "\f292";
}

i.icon.percent:before {
  content: "\f295";
}

/* User Actions */

i.icon.wait:before {
  content: "\f017";
}

i.icon.download:before {
  content: "\f019";
}

i.icon.repeat:before {
  content: "\f01e";
}

i.icon.refresh:before {
  content: "\f021";
}

i.icon.lock:before {
  content: "\f023";
}

i.icon.bookmark:before {
  content: "\f02e";
}

i.icon.print:before {
  content: "\f02f";
}

i.icon.write:before {
  content: "\f040";
}

i.icon.adjust:before {
  content: "\f042";
}

i.icon.theme:before {
  content: "\f043";
}

i.icon.edit:before {
  content: "\f044";
}

i.icon.external.share:before {
  content: "\f045";
}

i.icon.ban:before {
  content: "\f05e";
}

i.icon.mail.forward:before {
  content: "\f064";
}

i.icon.share:before {
  content: "\f064";
}

i.icon.expand:before {
  content: "\f065";
}

i.icon.compress:before {
  content: "\f066";
}

i.icon.unhide:before {
  content: "\f06e";
}

i.icon.hide:before {
  content: "\f070";
}

i.icon.random:before {
  content: "\f074";
}

i.icon.retweet:before {
  content: "\f079";
}

i.icon.sign.out:before {
  content: "\f08b";
}

i.icon.pin:before {
  content: "\f08d";
}

i.icon.sign.in:before {
  content: "\f090";
}

i.icon.upload:before {
  content: "\f093";
}

i.icon.call:before {
  content: "\f095";
}

i.icon.remove.bookmark:before {
  content: "\f097";
}

i.icon.call.square:before {
  content: "\f098";
}

i.icon.unlock:before {
  content: "\f09c";
}

i.icon.configure:before {
  content: "\f0ad";
}

i.icon.filter:before {
  content: "\f0b0";
}

i.icon.wizard:before {
  content: "\f0d0";
}

i.icon.undo:before {
  content: "\f0e2";
}

i.icon.exchange:before {
  content: "\f0ec";
}

i.icon.cloud.download:before {
  content: "\f0ed";
}

i.icon.cloud.upload:before {
  content: "\f0ee";
}

i.icon.reply:before {
  content: "\f112";
}

i.icon.reply.all:before {
  content: "\f122";
}

i.icon.erase:before {
  content: "\f12d";
}

i.icon.unlock.alternate:before {
  content: "\f13e";
}

i.icon.write.square:before {
  content: "\f14b";
}

i.icon.share.square:before {
  content: "\f14d";
}

i.icon.archive:before {
  content: "\f187";
}

i.icon.translate:before {
  content: "\f1ab";
}

i.icon.recycle:before {
  content: "\f1b8";
}

i.icon.send:before {
  content: "\f1d8";
}

i.icon.send.outline:before {
  content: "\f1d9";
}

i.icon.share.alternate:before {
  content: "\f1e0";
}

i.icon.share.alternate.square:before {
  content: "\f1e1";
}

i.icon.add.to.cart:before {
  content: "\f217";
}

i.icon.in.cart:before {
  content: "\f218";
}

i.icon.add.user:before {
  content: "\f234";
}

i.icon.remove.user:before {
  content: "\f235";
}

i.icon.object.group:before {
  content: "\f247";
}

i.icon.object.ungroup:before {
  content: "\f248";
}

i.icon.clone:before {
  content: "\f24d";
}

i.icon.talk:before {
  content: "\f27a";
}

i.icon.talk.outline:before {
  content: "\f27b";
}

/* Messages */

i.icon.help.circle:before {
  content: "\f059";
}

i.icon.info.circle:before {
  content: "\f05a";
}

i.icon.warning.circle:before {
  content: "\f06a";
}

i.icon.warning.sign:before {
  content: "\f071";
}

i.icon.announcement:before {
  content: "\f0a1";
}

i.icon.help:before {
  content: "\f128";
}

i.icon.info:before {
  content: "\f129";
}

i.icon.warning:before {
  content: "\f12a";
}

i.icon.birthday:before {
  content: "\f1fd";
}

i.icon.help.circle.outline:before {
  content: "\f29c";
}

/* Users */

i.icon.user:before {
  content: "\f007";
}

i.icon.users:before {
  content: "\f0c0";
}

i.icon.doctor:before {
  content: "\f0f0";
}

i.icon.handicap:before {
  content: "\f193";
}

i.icon.student:before {
  content: "\f19d";
}

i.icon.child:before {
  content: "\f1ae";
}

i.icon.spy:before {
  content: "\f21b";
}

/* Gender & Sexuality */

i.icon.female:before {
  content: "\f182";
}

i.icon.male:before {
  content: "\f183";
}

i.icon.woman:before {
  content: "\f221";
}

i.icon.man:before {
  content: "\f222";
}

i.icon.non.binary.transgender:before {
  content: "\f223";
}

i.icon.intergender:before {
  content: "\f224";
}

i.icon.transgender:before {
  content: "\f225";
}

i.icon.lesbian:before {
  content: "\f226";
}

i.icon.gay:before {
  content: "\f227";
}

i.icon.heterosexual:before {
  content: "\f228";
}

i.icon.other.gender:before {
  content: "\f229";
}

i.icon.other.gender.vertical:before {
  content: "\f22a";
}

i.icon.other.gender.horizontal:before {
  content: "\f22b";
}

i.icon.neuter:before {
  content: "\f22c";
}

i.icon.genderless:before {
  content: "\f22d";
}

/* Accessibility */

i.icon.universal.access:before {
  content: "\f29a";
}

i.icon.wheelchair:before {
  content: "\f29b";
}

i.icon.blind:before {
  content: "\f29d";
}

i.icon.audio.description:before {
  content: "\f29e";
}

i.icon.volume.control.phone:before {
  content: "\f2a0";
}

i.icon.braille:before {
  content: "\f2a1";
}

i.icon.asl:before {
  content: "\f2a3";
}

i.icon.assistive.listening.systems:before {
  content: "\f2a2";
}

i.icon.deafness:before {
  content: "\f2a4";
}

i.icon.sign.language:before {
  content: "\f2a7";
}

i.icon.low.vision:before {
  content: "\f2a8";
}

/* View Adjustment */

i.icon.block.layout:before {
  content: "\f009";
}

i.icon.grid.layout:before {
  content: "\f00a";
}

i.icon.list.layout:before {
  content: "\f00b";
}

i.icon.zoom:before {
  content: "\f00e";
}

i.icon.zoom.out:before {
  content: "\f010";
}

i.icon.resize.vertical:before {
  content: "\f07d";
}

i.icon.resize.horizontal:before {
  content: "\f07e";
}

i.icon.maximize:before {
  content: "\f0b2";
}

i.icon.crop:before {
  content: "\f125";
}

/* Literal Objects */

i.icon.cocktail:before {
  content: "\f000";
}

i.icon.road:before {
  content: "\f018";
}

i.icon.flag:before {
  content: "\f024";
}

i.icon.book:before {
  content: "\f02d";
}

i.icon.gift:before {
  content: "\f06b";
}

i.icon.leaf:before {
  content: "\f06c";
}

i.icon.fire:before {
  content: "\f06d";
}

i.icon.plane:before {
  content: "\f072";
}

i.icon.magnet:before {
  content: "\f076";
}

i.icon.lemon:before {
  content: "\f094";
}

i.icon.world:before {
  content: "\f0ac";
}

i.icon.travel:before {
  content: "\f0b1";
}

i.icon.shipping:before {
  content: "\f0d1";
}

i.icon.money:before {
  content: "\f0d6";
}

i.icon.legal:before {
  content: "\f0e3";
}

i.icon.lightning:before {
  content: "\f0e7";
}

i.icon.umbrella:before {
  content: "\f0e9";
}

i.icon.treatment:before {
  content: "\f0f1";
}

i.icon.suitcase:before {
  content: "\f0f2";
}

i.icon.bar:before {
  content: "\f0fc";
}

i.icon.flag.outline:before {
  content: "\f11d";
}

i.icon.flag.checkered:before {
  content: "\f11e";
}

i.icon.puzzle:before {
  content: "\f12e";
}

i.icon.fire.extinguisher:before {
  content: "\f134";
}

i.icon.rocket:before {
  content: "\f135";
}

i.icon.anchor:before {
  content: "\f13d";
}

i.icon.bullseye:before {
  content: "\f140";
}

i.icon.sun:before {
  content: "\f185";
}

i.icon.moon:before {
  content: "\f186";
}

i.icon.fax:before {
  content: "\f1ac";
}

i.icon.life.ring:before {
  content: "\f1cd";
}

i.icon.bomb:before {
  content: "\f1e2";
}

i.icon.soccer:before {
  content: "\f1e3";
}

i.icon.calculator:before {
  content: "\f1ec";
}

i.icon.diamond:before {
  content: "\f219";
}

i.icon.sticky.note:before {
  content: "\f249";
}

i.icon.sticky.note.outline:before {
  content: "\f24a";
}

i.icon.law:before {
  content: "\f24e";
}

i.icon.hand.peace:before {
  content: "\f25b";
}

i.icon.hand.rock:before {
  content: "\f255";
}

i.icon.hand.paper:before {
  content: "\f256";
}

i.icon.hand.scissors:before {
  content: "\f257";
}

i.icon.hand.lizard:before {
  content: "\f258";
}

i.icon.hand.spock:before {
  content: "\f259";
}

i.icon.tv:before {
  content: "\f26c";
}

/* Shapes */

i.icon.crosshairs:before {
  content: "\f05b";
}

i.icon.asterisk:before {
  content: "\f069";
}

i.icon.square.outline:before {
  content: "\f096";
}

i.icon.certificate:before {
  content: "\f0a3";
}

i.icon.square:before {
  content: "\f0c8";
}

i.icon.quote.left:before {
  content: "\f10d";
}

i.icon.quote.right:before {
  content: "\f10e";
}

i.icon.spinner:before {
  content: "\f110";
}

i.icon.circle:before {
  content: "\f111";
}

i.icon.ellipsis.horizontal:before {
  content: "\f141";
}

i.icon.ellipsis.vertical:before {
  content: "\f142";
}

i.icon.cube:before {
  content: "\f1b2";
}

i.icon.cubes:before {
  content: "\f1b3";
}

i.icon.circle.notched:before {
  content: "\f1ce";
}

i.icon.circle.thin:before {
  content: "\f1db";
}

/* Item Selection */

i.icon.checkmark:before {
  content: "\f00c";
}

i.icon.remove:before {
  content: "\f00d";
}

i.icon.checkmark.box:before {
  content: "\f046";
}

i.icon.move:before {
  content: "\f047";
}

i.icon.add.circle:before {
  content: "\f055";
}

i.icon.minus.circle:before {
  content: "\f056";
}

i.icon.remove.circle:before {
  content: "\f057";
}

i.icon.check.circle:before {
  content: "\f058";
}

i.icon.remove.circle.outline:before {
  content: "\f05c";
}

i.icon.check.circle.outline:before {
  content: "\f05d";
}

i.icon.plus:before {
  content: "\f067";
}

i.icon.minus:before {
  content: "\f068";
}

i.icon.add.square:before {
  content: "\f0fe";
}

i.icon.radio:before {
  content: "\f10c";
}

i.icon.minus.square:before {
  content: "\f146";
}

i.icon.minus.square.outline:before {
  content: "\f147";
}

i.icon.check.square:before {
  content: "\f14a";
}

i.icon.selected.radio:before {
  content: "\f192";
}

i.icon.plus.square.outline:before {
  content: "\f196";
}

i.icon.toggle.off:before {
  content: "\f204";
}

i.icon.toggle.on:before {
  content: "\f205";
}

/* Media */

i.icon.film:before {
  content: "\f008";
}

i.icon.sound:before {
  content: "\f025";
}

i.icon.photo:before {
  content: "\f030";
}

i.icon.bar.chart:before {
  content: "\f080";
}

i.icon.camera.retro:before {
  content: "\f083";
}

i.icon.newspaper:before {
  content: "\f1ea";
}

i.icon.area.chart:before {
  content: "\f1fe";
}

i.icon.pie.chart:before {
  content: "\f200";
}

i.icon.line.chart:before {
  content: "\f201";
}

/* Pointers */

i.icon.arrow.circle.outline.down:before {
  content: "\f01a";
}

i.icon.arrow.circle.outline.up:before {
  content: "\f01b";
}

i.icon.chevron.left:before {
  content: "\f053";
}

i.icon.chevron.right:before {
  content: "\f054";
}

i.icon.arrow.left:before {
  content: "\f060";
}

i.icon.arrow.right:before {
  content: "\f061";
}

i.icon.arrow.up:before {
  content: "\f062";
}

i.icon.arrow.down:before {
  content: "\f063";
}

i.icon.chevron.up:before {
  content: "\f077";
}

i.icon.chevron.down:before {
  content: "\f078";
}

i.icon.pointing.right:before {
  content: "\f0a4";
}

i.icon.pointing.left:before {
  content: "\f0a5";
}

i.icon.pointing.up:before {
  content: "\f0a6";
}

i.icon.pointing.down:before {
  content: "\f0a7";
}

i.icon.arrow.circle.left:before {
  content: "\f0a8";
}

i.icon.arrow.circle.right:before {
  content: "\f0a9";
}

i.icon.arrow.circle.up:before {
  content: "\f0aa";
}

i.icon.arrow.circle.down:before {
  content: "\f0ab";
}

i.icon.caret.down:before {
  content: "\f0d7";
}

i.icon.caret.up:before {
  content: "\f0d8";
}

i.icon.caret.left:before {
  content: "\f0d9";
}

i.icon.caret.right:before {
  content: "\f0da";
}

i.icon.angle.double.left:before {
  content: "\f100";
}

i.icon.angle.double.right:before {
  content: "\f101";
}

i.icon.angle.double.up:before {
  content: "\f102";
}

i.icon.angle.double.down:before {
  content: "\f103";
}

i.icon.angle.left:before {
  content: "\f104";
}

i.icon.angle.right:before {
  content: "\f105";
}

i.icon.angle.up:before {
  content: "\f106";
}

i.icon.angle.down:before {
  content: "\f107";
}

i.icon.chevron.circle.left:before {
  content: "\f137";
}

i.icon.chevron.circle.right:before {
  content: "\f138";
}

i.icon.chevron.circle.up:before {
  content: "\f139";
}

i.icon.chevron.circle.down:before {
  content: "\f13a";
}

i.icon.toggle.down:before {
  content: "\f150";
}

i.icon.toggle.up:before {
  content: "\f151";
}

i.icon.toggle.right:before {
  content: "\f152";
}

i.icon.long.arrow.down:before {
  content: "\f175";
}

i.icon.long.arrow.up:before {
  content: "\f176";
}

i.icon.long.arrow.left:before {
  content: "\f177";
}

i.icon.long.arrow.right:before {
  content: "\f178";
}

i.icon.arrow.circle.outline.right:before {
  content: "\f18e";
}

i.icon.arrow.circle.outline.left:before {
  content: "\f190";
}

i.icon.toggle.left:before {
  content: "\f191";
}

/* Mobile */

i.icon.tablet:before {
  content: "\f10a";
}

i.icon.mobile:before {
  content: "\f10b";
}

i.icon.battery.full:before {
  content: "\f240";
}

i.icon.battery.high:before {
  content: "\f241";
}

i.icon.battery.medium:before {
  content: "\f242";
}

i.icon.battery.low:before {
  content: "\f243";
}

i.icon.battery.empty:before {
  content: "\f244";
}

/* Computer */

i.icon.power:before {
  content: "\f011";
}

i.icon.trash.outline:before {
  content: "\f014";
}

i.icon.disk.outline:before {
  content: "\f0a0";
}

i.icon.desktop:before {
  content: "\f108";
}

i.icon.laptop:before {
  content: "\f109";
}

i.icon.game:before {
  content: "\f11b";
}

i.icon.keyboard:before {
  content: "\f11c";
}

i.icon.plug:before {
  content: "\f1e6";
}

/* File System */

i.icon.trash:before {
  content: "\f1f8";
}

i.icon.file.outline:before {
  content: "\f016";
}

i.icon.folder:before {
  content: "\f07b";
}

i.icon.folder.open:before {
  content: "\f07c";
}

i.icon.file.text.outline:before {
  content: "\f0f6";
}

i.icon.folder.outline:before {
  content: "\f114";
}

i.icon.folder.open.outline:before {
  content: "\f115";
}

i.icon.level.up:before {
  content: "\f148";
}

i.icon.level.down:before {
  content: "\f149";
}

i.icon.file:before {
  content: "\f15b";
}

i.icon.file.text:before {
  content: "\f15c";
}

i.icon.file.pdf.outline:before {
  content: "\f1c1";
}

i.icon.file.word.outline:before {
  content: "\f1c2";
}

i.icon.file.excel.outline:before {
  content: "\f1c3";
}

i.icon.file.powerpoint.outline:before {
  content: "\f1c4";
}

i.icon.file.image.outline:before {
  content: "\f1c5";
}

i.icon.file.archive.outline:before {
  content: "\f1c6";
}

i.icon.file.audio.outline:before {
  content: "\f1c7";
}

i.icon.file.video.outline:before {
  content: "\f1c8";
}

i.icon.file.code.outline:before {
  content: "\f1c9";
}

/* Technologies */

i.icon.qrcode:before {
  content: "\f029";
}

i.icon.barcode:before {
  content: "\f02a";
}

i.icon.rss:before {
  content: "\f09e";
}

i.icon.fork:before {
  content: "\f126";
}

i.icon.html5:before {
  content: "\f13b";
}

i.icon.css3:before {
  content: "\f13c";
}

i.icon.rss.square:before {
  content: "\f143";
}

i.icon.openid:before {
  content: "\f19b";
}

i.icon.database:before {
  content: "\f1c0";
}

i.icon.server:before {
  content: "\f233";
}

i.icon.usb:before {
  content: "\f287";
}

i.icon.bluetooth:before {
  content: "\f293";
}

i.icon.bluetooth.alternative:before {
  content: "\f294";
}

/* Rating */

i.icon.heart:before {
  content: "\f004";
}

i.icon.star:before {
  content: "\f005";
}

i.icon.empty.star:before {
  content: "\f006";
}

i.icon.thumbs.outline.up:before {
  content: "\f087";
}

i.icon.thumbs.outline.down:before {
  content: "\f088";
}

i.icon.star.half:before {
  content: "\f089";
}

i.icon.empty.heart:before {
  content: "\f08a";
}

i.icon.smile:before {
  content: "\f118";
}

i.icon.frown:before {
  content: "\f119";
}

i.icon.meh:before {
  content: "\f11a";
}

i.icon.star.half.empty:before {
  content: "\f123";
}

i.icon.thumbs.up:before {
  content: "\f164";
}

i.icon.thumbs.down:before {
  content: "\f165";
}

/* Audio */

i.icon.music:before {
  content: "\f001";
}

i.icon.video.play.outline:before {
  content: "\f01d";
}

i.icon.volume.off:before {
  content: "\f026";
}

i.icon.volume.down:before {
  content: "\f027";
}

i.icon.volume.up:before {
  content: "\f028";
}

i.icon.record:before {
  content: "\f03d";
}

i.icon.step.backward:before {
  content: "\f048";
}

i.icon.fast.backward:before {
  content: "\f049";
}

i.icon.backward:before {
  content: "\f04a";
}

i.icon.play:before {
  content: "\f04b";
}

i.icon.pause:before {
  content: "\f04c";
}

i.icon.stop:before {
  content: "\f04d";
}

i.icon.forward:before {
  content: "\f04e";
}

i.icon.fast.forward:before {
  content: "\f050";
}

i.icon.step.forward:before {
  content: "\f051";
}

i.icon.eject:before {
  content: "\f052";
}

i.icon.unmute:before {
  content: "\f130";
}

i.icon.mute:before {
  content: "\f131";
}

i.icon.video.play:before {
  content: "\f144";
}

i.icon.closed.captioning:before {
  content: "\f20a";
}

i.icon.pause.circle:before {
  content: "\f28b";
}

i.icon.pause.circle.outline:before {
  content: "\f28c";
}

i.icon.stop.circle:before {
  content: "\f28d";
}

i.icon.stop.circle.outline:before {
  content: "\f28e";
}

/* Map, Locations, & Transportation */

i.icon.marker:before {
  content: "\f041";
}

i.icon.coffee:before {
  content: "\f0f4";
}

i.icon.food:before {
  content: "\f0f5";
}

i.icon.building.outline:before {
  content: "\f0f7";
}

i.icon.hospital:before {
  content: "\f0f8";
}

i.icon.emergency:before {
  content: "\f0f9";
}

i.icon.first.aid:before {
  content: "\f0fa";
}

i.icon.military:before {
  content: "\f0fb";
}

i.icon.h:before {
  content: "\f0fd";
}

i.icon.location.arrow:before {
  content: "\f124";
}

i.icon.compass:before {
  content: "\f14e";
}

i.icon.space.shuttle:before {
  content: "\f197";
}

i.icon.university:before {
  content: "\f19c";
}

i.icon.building:before {
  content: "\f1ad";
}

i.icon.paw:before {
  content: "\f1b0";
}

i.icon.spoon:before {
  content: "\f1b1";
}

i.icon.car:before {
  content: "\f1b9";
}

i.icon.taxi:before {
  content: "\f1ba";
}

i.icon.tree:before {
  content: "\f1bb";
}

i.icon.bicycle:before {
  content: "\f206";
}

i.icon.bus:before {
  content: "\f207";
}

i.icon.ship:before {
  content: "\f21a";
}

i.icon.motorcycle:before {
  content: "\f21c";
}

i.icon.street.view:before {
  content: "\f21d";
}

i.icon.hotel:before {
  content: "\f236";
}

i.icon.train:before {
  content: "\f238";
}

i.icon.subway:before {
  content: "\f239";
}

i.icon.map.pin:before {
  content: "\f276";
}

i.icon.map.signs:before {
  content: "\f277";
}

i.icon.map.outline:before {
  content: "\f278";
}

i.icon.map:before {
  content: "\f279";
}

/* Tables */

i.icon.table:before {
  content: "\f0ce";
}

i.icon.columns:before {
  content: "\f0db";
}

i.icon.sort:before {
  content: "\f0dc";
}

i.icon.sort.descending:before {
  content: "\f0dd";
}

i.icon.sort.ascending:before {
  content: "\f0de";
}

i.icon.sort.alphabet.ascending:before {
  content: "\f15d";
}

i.icon.sort.alphabet.descending:before {
  content: "\f15e";
}

i.icon.sort.content.ascending:before {
  content: "\f160";
}

i.icon.sort.content.descending:before {
  content: "\f161";
}

i.icon.sort.numeric.ascending:before {
  content: "\f162";
}

i.icon.sort.numeric.descending:before {
  content: "\f163";
}

/* Text Editor */

i.icon.font:before {
  content: "\f031";
}

i.icon.bold:before {
  content: "\f032";
}

i.icon.italic:before {
  content: "\f033";
}

i.icon.text.height:before {
  content: "\f034";
}

i.icon.text.width:before {
  content: "\f035";
}

i.icon.align.left:before {
  content: "\f036";
}

i.icon.align.center:before {
  content: "\f037";
}

i.icon.align.right:before {
  content: "\f038";
}

i.icon.align.justify:before {
  content: "\f039";
}

i.icon.list:before {
  content: "\f03a";
}

i.icon.outdent:before {
  content: "\f03b";
}

i.icon.indent:before {
  content: "\f03c";
}

i.icon.linkify:before {
  content: "\f0c1";
}

i.icon.cut:before {
  content: "\f0c4";
}

i.icon.copy:before {
  content: "\f0c5";
}

i.icon.attach:before {
  content: "\f0c6";
}

i.icon.save:before {
  content: "\f0c7";
}

i.icon.content:before {
  content: "\f0c9";
}

i.icon.unordered.list:before {
  content: "\f0ca";
}

i.icon.ordered.list:before {
  content: "\f0cb";
}

i.icon.strikethrough:before {
  content: "\f0cc";
}

i.icon.underline:before {
  content: "\f0cd";
}

i.icon.paste:before {
  content: "\f0ea";
}

i.icon.unlinkify:before {
  content: "\f127";
}

i.icon.superscript:before {
  content: "\f12b";
}

i.icon.subscript:before {
  content: "\f12c";
}

i.icon.header:before {
  content: "\f1dc";
}

i.icon.paragraph:before {
  content: "\f1dd";
}

i.icon.text.cursor:before {
  content: "\f246";
}

/* Currency */

i.icon.euro:before {
  content: "\f153";
}

i.icon.pound:before {
  content: "\f154";
}

i.icon.dollar:before {
  content: "\f155";
}

i.icon.rupee:before {
  content: "\f156";
}

i.icon.yen:before {
  content: "\f157";
}

i.icon.ruble:before {
  content: "\f158";
}

i.icon.won:before {
  content: "\f159";
}

i.icon.bitcoin:before {
  content: "\f15a";
}

i.icon.lira:before {
  content: "\f195";
}

i.icon.shekel:before {
  content: "\f20b";
}

/* Payment Options */

i.icon.paypal:before {
  content: "\f1ed";
}

i.icon.google.wallet:before {
  content: "\f1ee";
}

i.icon.visa:before {
  content: "\f1f0";
}

i.icon.mastercard:before {
  content: "\f1f1";
}

i.icon.discover:before {
  content: "\f1f2";
}

i.icon.american.express:before {
  content: "\f1f3";
}

i.icon.paypal.card:before {
  content: "\f1f4";
}

i.icon.stripe:before {
  content: "\f1f5";
}

i.icon.japan.credit.bureau:before {
  content: "\f24b";
}

i.icon.diners.club:before {
  content: "\f24c";
}

i.icon.credit.card.alternative:before {
  content: "\f283";
}

/* Networks and Websites*/

i.icon.twitter.square:before {
  content: "\f081";
}

i.icon.facebook.square:before {
  content: "\f082";
}

i.icon.linkedin.square:before {
  content: "\f08c";
}

i.icon.github.square:before {
  content: "\f092";
}

i.icon.twitter:before {
  content: "\f099";
}

i.icon.facebook.f:before {
  content: "\f09a";
}

i.icon.github:before {
  content: "\f09b";
}

i.icon.pinterest:before {
  content: "\f0d2";
}

i.icon.pinterest.square:before {
  content: "\f0d3";
}

i.icon.google.plus.square:before {
  content: "\f0d4";
}

i.icon.google.plus:before {
  content: "\f0d5";
}

i.icon.linkedin:before {
  content: "\f0e1";
}

i.icon.github.alternate:before {
  content: "\f113";
}

i.icon.maxcdn:before {
  content: "\f136";
}

i.icon.youtube.square:before {
  content: "\f166";
}

i.icon.youtube:before {
  content: "\f167";
}

i.icon.xing:before {
  content: "\f168";
}

i.icon.xing.square:before {
  content: "\f169";
}

i.icon.youtube.play:before {
  content: "\f16a";
}

i.icon.dropbox:before {
  content: "\f16b";
}

i.icon.stack.overflow:before {
  content: "\f16c";
}

i.icon.instagram:before {
  content: "\f16d";
}

i.icon.flickr:before {
  content: "\f16e";
}

i.icon.adn:before {
  content: "\f170";
}

i.icon.bitbucket:before {
  content: "\f171";
}

i.icon.bitbucket.square:before {
  content: "\f172";
}

i.icon.tumblr:before {
  content: "\f173";
}

i.icon.tumblr.square:before {
  content: "\f174";
}

i.icon.apple:before {
  content: "\f179";
}

i.icon.windows:before {
  content: "\f17a";
}

i.icon.android:before {
  content: "\f17b";
}

i.icon.linux:before {
  content: "\f17c";
}

i.icon.dribble:before {
  content: "\f17d";
}

i.icon.skype:before {
  content: "\f17e";
}

i.icon.foursquare:before {
  content: "\f180";
}

i.icon.trello:before {
  content: "\f181";
}

i.icon.gittip:before {
  content: "\f184";
}

i.icon.vk:before {
  content: "\f189";
}

i.icon.weibo:before {
  content: "\f18a";
}

i.icon.renren:before {
  content: "\f18b";
}

i.icon.pagelines:before {
  content: "\f18c";
}

i.icon.stack.exchange:before {
  content: "\f18d";
}

i.icon.vimeo.square:before {
  content: "\f194";
}

i.icon.slack:before {
  content: "\f198";
}

i.icon.wordpress:before {
  content: "\f19a";
}

i.icon.yahoo:before {
  content: "\f19e";
}

i.icon.google:before {
  content: "\f1a0";
}

i.icon.reddit:before {
  content: "\f1a1";
}

i.icon.reddit.square:before {
  content: "\f1a2";
}

i.icon.stumbleupon.circle:before {
  content: "\f1a3";
}

i.icon.stumbleupon:before {
  content: "\f1a4";
}

i.icon.delicious:before {
  content: "\f1a5";
}

i.icon.digg:before {
  content: "\f1a6";
}

i.icon.pied.piper:before {
  content: "\f1a7";
}

i.icon.pied.piper.alternate:before {
  content: "\f1a8";
}

i.icon.drupal:before {
  content: "\f1a9";
}

i.icon.joomla:before {
  content: "\f1aa";
}

i.icon.behance:before {
  content: "\f1b4";
}

i.icon.behance.square:before {
  content: "\f1b5";
}

i.icon.steam:before {
  content: "\f1b6";
}

i.icon.steam.square:before {
  content: "\f1b7";
}

i.icon.spotify:before {
  content: "\f1bc";
}

i.icon.deviantart:before {
  content: "\f1bd";
}

i.icon.soundcloud:before {
  content: "\f1be";
}

i.icon.vine:before {
  content: "\f1ca";
}

i.icon.codepen:before {
  content: "\f1cb";
}

i.icon.jsfiddle:before {
  content: "\f1cc";
}

i.icon.rebel:before {
  content: "\f1d0";
}

i.icon.empire:before {
  content: "\f1d1";
}

i.icon.git.square:before {
  content: "\f1d2";
}

i.icon.git:before {
  content: "\f1d3";
}

i.icon.hacker.news:before {
  content: "\f1d4";
}

i.icon.tencent.weibo:before {
  content: "\f1d5";
}

i.icon.qq:before {
  content: "\f1d6";
}

i.icon.wechat:before {
  content: "\f1d7";
}

i.icon.slideshare:before {
  content: "\f1e7";
}

i.icon.twitch:before {
  content: "\f1e8";
}

i.icon.yelp:before {
  content: "\f1e9";
}

i.icon.lastfm:before {
  content: "\f202";
}

i.icon.lastfm.square:before {
  content: "\f203";
}

i.icon.ioxhost:before {
  content: "\f208";
}

i.icon.angellist:before {
  content: "\f209";
}

i.icon.meanpath:before {
  content: "\f20c";
}

i.icon.buysellads:before {
  content: "\f20d";
}

i.icon.connectdevelop:before {
  content: "\f20e";
}

i.icon.dashcube:before {
  content: "\f210";
}

i.icon.forumbee:before {
  content: "\f211";
}

i.icon.leanpub:before {
  content: "\f212";
}

i.icon.sellsy:before {
  content: "\f213";
}

i.icon.shirtsinbulk:before {
  content: "\f214";
}

i.icon.simplybuilt:before {
  content: "\f215";
}

i.icon.skyatlas:before {
  content: "\f216";
}

i.icon.facebook:before {
  content: "\f230";
}

i.icon.pinterest:before {
  content: "\f231";
}

i.icon.whatsapp:before {
  content: "\f232";
}

i.icon.viacoin:before {
  content: "\f237";
}

i.icon.medium:before {
  content: "\f23a";
}

i.icon.y.combinator:before {
  content: "\f23b";
}

i.icon.optinmonster:before {
  content: "\f23c";
}

i.icon.opencart:before {
  content: "\f23d";
}

i.icon.expeditedssl:before {
  content: "\f23e";
}

i.icon.gg:before {
  content: "\f260";
}

i.icon.gg.circle:before {
  content: "\f261";
}

i.icon.tripadvisor:before {
  content: "\f262";
}

i.icon.odnoklassniki:before {
  content: "\f263";
}

i.icon.odnoklassniki.square:before {
  content: "\f264";
}

i.icon.pocket:before {
  content: "\f265";
}

i.icon.wikipedia:before {
  content: "\f266";
}

i.icon.safari:before {
  content: "\f267";
}

i.icon.chrome:before {
  content: "\f268";
}

i.icon.firefox:before {
  content: "\f269";
}

i.icon.opera:before {
  content: "\f26a";
}

i.icon.internet.explorer:before {
  content: "\f26b";
}

i.icon.contao:before {
  content: "\f26d";
}

i.icon.\35 00px:before {
  content: "\f26e";
}

i.icon.amazon:before {
  content: "\f270";
}

i.icon.houzz:before {
  content: "\f27c";
}

i.icon.vimeo:before {
  content: "\f27d";
}

i.icon.black.tie:before {
  content: "\f27e";
}

i.icon.fonticons:before {
  content: "\f280";
}

i.icon.reddit.alien:before {
  content: "\f281";
}

i.icon.microsoft.edge:before {
  content: "\f282";
}

i.icon.codiepie:before {
  content: "\f284";
}

i.icon.modx:before {
  content: "\f285";
}

i.icon.fort.awesome:before {
  content: "\f286";
}

i.icon.product.hunt:before {
  content: "\f288";
}

i.icon.mixcloud:before {
  content: "\f289";
}

i.icon.scribd:before {
  content: "\f28a";
}

i.icon.gitlab:before {
  content: "\f296";
}

i.icon.wpbeginner:before {
  content: "\f297";
}

i.icon.wpforms:before {
  content: "\f298";
}

i.icon.envira.gallery:before {
  content: "\f299";
}

i.icon.glide:before {
  content: "\f2a5";
}

i.icon.glide.g:before {
  content: "\f2a6";
}

i.icon.viadeo:before {
  content: "\f2a9";
}

i.icon.viadeo.square:before {
  content: "\f2aa";
}

i.icon.snapchat:before {
  content: "\f2ab";
}

i.icon.snapchat.ghost:before {
  content: "\f2ac";
}

i.icon.snapchat.square:before {
  content: "\f2ad";
}

i.icon.pied.piper.hat:before {
  content: "\f2ae";
}

i.icon.first.order:before {
  content: "\f2b0";
}

i.icon.yoast:before {
  content: "\f2b1";
}

i.icon.themeisle:before {
  content: "\f2b2";
}

i.icon.google.plus.circle:before {
  content: "\f2b3";
}

i.icon.font.awesome:before {
  content: "\f2b4";
}

/*******************************
            Aliases
*******************************/

i.icon.like:before {
  content: "\f004";
}

i.icon.favorite:before {
  content: "\f005";
}

i.icon.video:before {
  content: "\f008";
}

i.icon.check:before {
  content: "\f00c";
}

i.icon.close:before {
  content: "\f00d";
}

i.icon.cancel:before {
  content: "\f00d";
}

i.icon.delete:before {
  content: "\f00d";
}

i.icon.x:before {
  content: "\f00d";
}

i.icon.zoom.in:before {
  content: "\f00e";
}

i.icon.magnify:before {
  content: "\f00e";
}

i.icon.shutdown:before {
  content: "\f011";
}

i.icon.clock:before {
  content: "\f017";
}

i.icon.time:before {
  content: "\f017";
}

i.icon.play.circle.outline:before {
  content: "\f01d";
}

i.icon.headphone:before {
  content: "\f025";
}

i.icon.camera:before {
  content: "\f030";
}

i.icon.video.camera:before {
  content: "\f03d";
}

i.icon.picture:before {
  content: "\f03e";
}

i.icon.pencil:before {
  content: "\f040";
}

i.icon.compose:before {
  content: "\f040";
}

i.icon.point:before {
  content: "\f041";
}

i.icon.tint:before {
  content: "\f043";
}

i.icon.signup:before {
  content: "\f044";
}

i.icon.plus.circle:before {
  content: "\f055";
}

i.icon.question.circle:before {
  content: "\f059";
}

i.icon.dont:before {
  content: "\f05e";
}

i.icon.minimize:before {
  content: "\f066";
}

i.icon.add:before {
  content: "\f067";
}

i.icon.exclamation.circle:before {
  content: "\f06a";
}

i.icon.attention:before {
  content: "\f06a";
}

i.icon.eye:before {
  content: "\f06e";
}

i.icon.exclamation.triangle:before {
  content: "\f071";
}

i.icon.shuffle:before {
  content: "\f074";
}

i.icon.chat:before {
  content: "\f075";
}

i.icon.cart:before {
  content: "\f07a";
}

i.icon.shopping.cart:before {
  content: "\f07a";
}

i.icon.bar.graph:before {
  content: "\f080";
}

i.icon.key:before {
  content: "\f084";
}

i.icon.cogs:before {
  content: "\f085";
}

i.icon.discussions:before {
  content: "\f086";
}

i.icon.like.outline:before {
  content: "\f087";
}

i.icon.dislike.outline:before {
  content: "\f088";
}

i.icon.heart.outline:before {
  content: "\f08a";
}

i.icon.log.out:before {
  content: "\f08b";
}

i.icon.thumb.tack:before {
  content: "\f08d";
}

i.icon.winner:before {
  content: "\f091";
}

i.icon.phone:before {
  content: "\f095";
}

i.icon.bookmark.outline:before {
  content: "\f097";
}

i.icon.phone.square:before {
  content: "\f098";
}

i.icon.credit.card:before {
  content: "\f09d";
}

i.icon.hdd.outline:before {
  content: "\f0a0";
}

i.icon.bullhorn:before {
  content: "\f0a1";
}

i.icon.bell.outline:before {
  content: "\f0a2";
}

i.icon.hand.outline.right:before {
  content: "\f0a4";
}

i.icon.hand.outline.left:before {
  content: "\f0a5";
}

i.icon.hand.outline.up:before {
  content: "\f0a6";
}

i.icon.hand.outline.down:before {
  content: "\f0a7";
}

i.icon.globe:before {
  content: "\f0ac";
}

i.icon.wrench:before {
  content: "\f0ad";
}

i.icon.briefcase:before {
  content: "\f0b1";
}

i.icon.group:before {
  content: "\f0c0";
}

i.icon.linkify:before {
  content: "\f0c1";
}

i.icon.chain:before {
  content: "\f0c1";
}

i.icon.flask:before {
  content: "\f0c3";
}

i.icon.sidebar:before {
  content: "\f0c9";
}

i.icon.bars:before {
  content: "\f0c9";
}

i.icon.list.ul:before {
  content: "\f0ca";
}

i.icon.list.ol:before {
  content: "\f0cb";
}

i.icon.numbered.list:before {
  content: "\f0cb";
}

i.icon.magic:before {
  content: "\f0d0";
}

i.icon.truck:before {
  content: "\f0d1";
}

i.icon.currency:before {
  content: "\f0d6";
}

i.icon.triangle.down:before {
  content: "\f0d7";
}

i.icon.dropdown:before {
  content: "\f0d7";
}

i.icon.triangle.up:before {
  content: "\f0d8";
}

i.icon.triangle.left:before {
  content: "\f0d9";
}

i.icon.triangle.right:before {
  content: "\f0da";
}

i.icon.envelope:before {
  content: "\f0e0";
}

i.icon.conversation:before {
  content: "\f0e6";
}

i.icon.rain:before {
  content: "\f0e9";
}

i.icon.clipboard:before {
  content: "\f0ea";
}

i.icon.lightbulb:before {
  content: "\f0eb";
}

i.icon.bell:before {
  content: "\f0f3";
}

i.icon.ambulance:before {
  content: "\f0f9";
}

i.icon.medkit:before {
  content: "\f0fa";
}

i.icon.fighter.jet:before {
  content: "\f0fb";
}

i.icon.beer:before {
  content: "\f0fc";
}

i.icon.plus.square:before {
  content: "\f0fe";
}

i.icon.computer:before {
  content: "\f108";
}

i.icon.circle.outline:before {
  content: "\f10c";
}

i.icon.gamepad:before {
  content: "\f11b";
}

i.icon.star.half.full:before {
  content: "\f123";
}

i.icon.broken.chain:before {
  content: "\f127";
}

i.icon.question:before {
  content: "\f128";
}

i.icon.exclamation:before {
  content: "\f12a";
}

i.icon.eraser:before {
  content: "\f12d";
}

i.icon.microphone:before {
  content: "\f130";
}

i.icon.microphone.slash:before {
  content: "\f131";
}

i.icon.shield:before {
  content: "\f132";
}

i.icon.target:before {
  content: "\f140";
}

i.icon.play.circle:before {
  content: "\f144";
}

i.icon.pencil.square:before {
  content: "\f14b";
}

i.icon.eur:before {
  content: "\f153";
}

i.icon.gbp:before {
  content: "\f154";
}

i.icon.usd:before {
  content: "\f155";
}

i.icon.inr:before {
  content: "\f156";
}

i.icon.cny:before {
  content: "\f157";
}

i.icon.rmb:before {
  content: "\f157";
}

i.icon.jpy:before {
  content: "\f157";
}

i.icon.rouble:before {
  content: "\f158";
}

i.icon.rub:before {
  content: "\f158";
}

i.icon.krw:before {
  content: "\f159";
}

i.icon.btc:before {
  content: "\f15a";
}

i.icon.gratipay:before {
  content: "\f184";
}

i.icon.zip:before {
  content: "\f187";
}

i.icon.dot.circle.outline:before {
  content: "\f192";
}

i.icon.try:before {
  content: "\f195";
}

i.icon.graduation:before {
  content: "\f19d";
}

i.icon.circle.outline:before {
  content: "\f1db";
}

i.icon.sliders:before {
  content: "\f1de";
}

i.icon.weixin:before {
  content: "\f1d7";
}

i.icon.tty:before {
  content: "\f1e4";
}

i.icon.teletype:before {
  content: "\f1e4";
}

i.icon.binoculars:before {
  content: "\f1e5";
}

i.icon.power.cord:before {
  content: "\f1e6";
}

i.icon.wi-fi:before {
  content: "\f1eb";
}

i.icon.visa.card:before {
  content: "\f1f0";
}

i.icon.mastercard.card:before {
  content: "\f1f1";
}

i.icon.discover.card:before {
  content: "\f1f2";
}

i.icon.amex:before {
  content: "\f1f3";
}

i.icon.american.express.card:before {
  content: "\f1f3";
}

i.icon.stripe.card:before {
  content: "\f1f5";
}

i.icon.bell.slash:before {
  content: "\f1f6";
}

i.icon.bell.slash.outline:before {
  content: "\f1f7";
}

i.icon.area.graph:before {
  content: "\f1fe";
}

i.icon.pie.graph:before {
  content: "\f200";
}

i.icon.line.graph:before {
  content: "\f201";
}

i.icon.cc:before {
  content: "\f20a";
}

i.icon.sheqel:before {
  content: "\f20b";
}

i.icon.ils:before {
  content: "\f20b";
}

i.icon.plus.cart:before {
  content: "\f217";
}

i.icon.arrow.down.cart:before {
  content: "\f218";
}

i.icon.detective:before {
  content: "\f21b";
}

i.icon.venus:before {
  content: "\f221";
}

i.icon.mars:before {
  content: "\f222";
}

i.icon.mercury:before {
  content: "\f223";
}

i.icon.intersex:before {
  content: "\f224";
}

i.icon.venus.double:before {
  content: "\f226";
}

i.icon.female.homosexual:before {
  content: "\f226";
}

i.icon.mars.double:before {
  content: "\f227";
}

i.icon.male.homosexual:before {
  content: "\f227";
}

i.icon.venus.mars:before {
  content: "\f228";
}

i.icon.mars.stroke:before {
  content: "\f229";
}

i.icon.mars.alternate:before {
  content: "\f229";
}

i.icon.mars.vertical:before {
  content: "\f22a";
}

i.icon.mars.stroke.vertical:before {
  content: "\f22a";
}

i.icon.mars.horizontal:before {
  content: "\f22b";
}

i.icon.mars.stroke.horizontal:before {
  content: "\f22b";
}

i.icon.asexual:before {
  content: "\f22d";
}

i.icon.facebook.official:before {
  content: "\f230";
}

i.icon.user.plus:before {
  content: "\f234";
}

i.icon.user.times:before {
  content: "\f235";
}

i.icon.user.close:before {
  content: "\f235";
}

i.icon.user.cancel:before {
  content: "\f235";
}

i.icon.user.delete:before {
  content: "\f235";
}

i.icon.user.x:before {
  content: "\f235";
}

i.icon.bed:before {
  content: "\f236";
}

i.icon.yc:before {
  content: "\f23b";
}

i.icon.ycombinator:before {
  content: "\f23b";
}

i.icon.battery.four:before {
  content: "\f240";
}

i.icon.battery.three:before {
  content: "\f241";
}

i.icon.battery.three.quarters:before {
  content: "\f241";
}

i.icon.battery.two:before {
  content: "\f242";
}

i.icon.battery.half:before {
  content: "\f242";
}

i.icon.battery.one:before {
  content: "\f243";
}

i.icon.battery.quarter:before {
  content: "\f243";
}

i.icon.battery.zero:before {
  content: "\f244";
}

i.icon.i.cursor:before {
  content: "\f246";
}

i.icon.jcb:before {
  content: "\f24b";
}

i.icon.japan.credit.bureau.card:before {
  content: "\f24b";
}

i.icon.diners.club.card:before {
  content: "\f24c";
}

i.icon.balance:before {
  content: "\f24e";
}

i.icon.hourglass.outline:before {
  content: "\f250";
}

i.icon.hourglass.zero:before {
  content: "\f250";
}

i.icon.hourglass.one:before {
  content: "\f251";
}

i.icon.hourglass.two:before {
  content: "\f252";
}

i.icon.hourglass.three:before {
  content: "\f253";
}

i.icon.hourglass.four:before {
  content: "\f254";
}

i.icon.grab:before {
  content: "\f255";
}

i.icon.hand.victory:before {
  content: "\f25b";
}

i.icon.tm:before {
  content: "\f25c";
}

i.icon.r.circle:before {
  content: "\f25d";
}

i.icon.television:before {
  content: "\f26c";
}

i.icon.five.hundred.pixels:before {
  content: "\f26e";
}

i.icon.calendar.plus:before {
  content: "\f271";
}

i.icon.calendar.minus:before {
  content: "\f272";
}

i.icon.calendar.times:before {
  content: "\f273";
}

i.icon.calendar.check:before {
  content: "\f274";
}

i.icon.factory:before {
  content: "\f275";
}

i.icon.commenting:before {
  content: "\f27a";
}

i.icon.commenting.outline:before {
  content: "\f27b";
}

i.icon.edge:before {
  content: "\f282";
}

i.icon.ms.edge:before {
  content: "\f282";
}

i.icon.wordpress.beginner:before {
  content: "\f297";
}

i.icon.wordpress.forms:before {
  content: "\f298";
}

i.icon.envira:before {
  content: "\f299";
}

i.icon.question.circle.outline:before {
  content: "\f29c";
}

i.icon.assistive.listening.devices:before {
  content: "\f2a2";
}

i.icon.als:before {
  content: "\f2a2";
}

i.icon.ald:before {
  content: "\f2a2";
}

i.icon.asl.interpreting:before {
  content: "\f2a3";
}

i.icon.deaf:before {
  content: "\f2a4";
}

i.icon.american.sign.language.interpreting:before {
  content: "\f2a3";
}

i.icon.hard.of.hearing:before {
  content: "\f2a4";
}

i.icon.signing:before {
  content: "\f2a7";
}

i.icon.new.pied.piper:before {
  content: "\f2ae";
}

i.icon.theme.isle:before {
  content: "\f2b2";
}

i.icon.google.plus.official:before {
  content: "\f2b3";
}

i.icon.fa:before {
  content: "\f2b4";
}

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Dimmer
*******************************/

.dimmable:not(.body) {
  position: relative;
}

.ui.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  line-height: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: opacity;
  z-index: 1000;
}

/* Dimmer Content */

.ui.dimmer > .content {
  width: 100%;
  height: 100%;
  display: table;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ui.dimmer > .content > * {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF;
}

/* Loose Coupling */

.ui.segment > .ui.dimmer {
  border-radius: inherit !important;
}

/*******************************
            States
*******************************/

.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}

.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: block;
  opacity: 1;
}

.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important;
}

/*******************************
           Variations
*******************************/

/*--------------
      Page
---------------*/

.ui.page.dimmer {
  position: fixed;
  -webkit-transform-style: '';
  transform-style: '';
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}

body.dimmable > .dimmer {
  position: fixed;
}

/*--------------
    Blurring
---------------*/

.blurring.dimmable > :not(.dimmer) {
  -webkit-filter: blur(0px) grayscale(0);
  filter: blur(0px) grayscale(0);
  -webkit-transition: 800ms -webkit-filter ease;
  transition: 800ms -webkit-filter ease;
  transition: 800ms filter ease;
  transition: 800ms filter ease, 800ms -webkit-filter ease;
}

.blurring.dimmed.dimmable > :not(.dimmer) {
  -webkit-filter: blur(5px) grayscale(0.7);
  filter: blur(5px) grayscale(0.7);
}

/* Dimmer Color */

.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6);
}

.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.6);
}

/*--------------
    Aligned
---------------*/

.ui.dimmer > .top.aligned.content > * {
  vertical-align: top;
}

.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom;
}

/*--------------
    Inverted
---------------*/

.ui.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85);
}

.ui.inverted.dimmer > .content > * {
  color: #FFFFFF;
}

/*--------------
     Simple
---------------*/

/* Displays without javascript */

.ui.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 1;
  width: 0%;
  height: 0%;
  z-index: -100;
  background-color: rgba(0, 0, 0, 0);
}

.dimmed.dimmable > .ui.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1;
}

.ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0);
}

.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85);
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Modal
*******************************/

.ui.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  text-align: left;
  background: #FFFFFF;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  border-radius: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
}

.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui.modal > :last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*******************************
            Content
*******************************/

/*--------------
     Close
---------------*/

.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  z-index: 1;
  opacity: 0.8;
  font-size: 1.25em;
  color: #FFFFFF;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem;
}

.ui.modal > .close:hover {
  opacity: 1;
}

/*--------------
     Header
---------------*/

.ui.modal > .header {
  display: block;
  font-family: 'HeaderFont', Arial, Helvetica, sans-serif;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.modal > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.2857em;
  font-weight: bold;
}

/*--------------
     Content
---------------*/

.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF;
}

.ui.modal > .image.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* Image */

.ui.modal > .content > .image {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: '';
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top;
}

.ui.modal > [class*="top aligned"] {
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top;
}

.ui.modal > [class*="middle aligned"] {
  -ms-flex-item-align: middle;
  -ms-grid-row-align: middle;
  align-self: middle;
}

.ui.modal > [class*="stretched"] {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

/* Description */

.ui.modal > .content > .description {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 0px;
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top;
}

.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: '';
  width: auto;
  padding-left: 2em;
}

/*rtl:ignore*/

.ui.modal > .content > .image > i.icon {
  margin: 0em;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}

/*--------------
     Actions
---------------*/

.ui.modal > .actions {
  background: #F9FAFB;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}

.ui.modal .actions > .button {
  margin-left: 0.75em;
}

/*-------------------
       Responsive
--------------------*/

/* Modal Width */

@media only screen and (max-width: 767px) {
  .ui.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}

@media only screen and (min-width: 768px) {
  .ui.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}

@media only screen and (min-width: 992px) {
  .ui.modal {
    width: 850px;
    margin: 0em 0em 0em -425px;
  }
}

@media only screen and (min-width: 1200px) {
  .ui.modal {
    width: 900px;
    margin: 0em 0em 0em -450px;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.modal {
    width: 950px;
    margin: 0em 0em 0em -475px;
  }
}

/* Tablet and Mobile */

@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-right: 2.25rem;
  }

  .ui.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: #1b1b1b;
  }
}

/* Mobile */

@media only screen and (max-width: 767px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem !important;
    padding-right: 2.25rem !important;
  }

  .ui.modal > .content {
    display: block;
    padding: 1rem !important;
  }

  .ui.modal > .close {
    top: 0.5rem !important;
    right: 0.5rem !important;
  }

  /*rtl:ignore*/

  .ui.modal .image.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ui.modal .content > .image {
    display: block;
    max-width: 100%;
    margin: 0em auto !important;
    text-align: center;
    padding: 0rem 0rem 1rem !important;
  }

  .ui.modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center;
  }

  /*rtl:ignore*/

  .ui.modal .content > .description {
    display: block;
    width: 100% !important;
    margin: 0em !important;
    padding: 1rem 0rem !important;
    box-shadow: none;
  }

  /* Let Buttons Stack */

  .ui.modal > .actions {
    padding: 1rem 1rem 0rem !important;
  }

  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: 1rem;
  }
}

/*--------------
    Coupling
---------------*/

.ui.inverted.dimmer > .ui.modal {
  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
}

/*******************************
             Types
*******************************/

.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  box-shadow: none !important;
  color: #FFFFFF;
}

.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}

.ui.basic.modal > .header {
  color: #FFFFFF;
}

.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
}

.ui.inverted.dimmer > .basic.modal {
  color: #1b1b1b;
}

.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}

/* Tablet and Mobile */

@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #FFFFFF;
  }
}

/*******************************
             States
*******************************/

.ui.active.modal {
  display: block;
}

/*******************************
           Variations
*******************************/

/*--------------
    Scrolling
---------------*/

/* A modal that cannot fit on the page */

.scrolling.dimmable.dimmed {
  overflow: hidden;
}

.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scrolling.dimmable > .dimmer {
  position: fixed;
}

.modals.dimmer .ui.scrolling.modal {
  position: static !important;
  margin: 3.5rem auto !important;
}

/* undetached scrolling */

.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
  position: absolute;
  left: 50%;
  margin-top: 3.5rem !important;
}

/* Coupling with Sidebar */

.undetached.dimmable.dimmed > .pusher {
  z-index: auto;
}

@media only screen and (max-width: 991px) {
  .modals.dimmer .ui.scrolling.modal {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

/*--------------
   Full Screen
---------------*/

.ui.fullscreen.modal {
  width: 95% !important;
  left: 2.5% !important;
  margin: 1em auto;
}

.ui.fullscreen.scrolling.modal {
  left: 0em !important;
}

.ui.fullscreen.modal > .header {
  padding-right: 2.25rem;
}

.ui.fullscreen.modal > .close {
  top: 1.0535rem;
  right: 1rem;
  color: #1b1b1b;
}

/*--------------
      Size
---------------*/

.ui.modal {
  font-size: 1rem;
}

/* Small */

.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}

/* Small Modal Width */

@media only screen and (max-width: 767px) {
  .ui.small.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}

@media only screen and (min-width: 768px) {
  .ui.small.modal {
    width: 70.4%;
    margin: 0em 0em 0em -35.2%;
  }
}

@media only screen and (min-width: 992px) {
  .ui.small.modal {
    width: 680px;
    margin: 0em 0em 0em -340px;
  }
}

@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    width: 720px;
    margin: 0em 0em 0em -360px;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    width: 760px;
    margin: 0em 0em 0em -380px;
  }
}

/* Large Modal Width */

.ui.large.modal > .header {
  font-size: 1.6em;
}

@media only screen and (max-width: 767px) {
  .ui.large.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}

@media only screen and (min-width: 768px) {
  .ui.large.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}

@media only screen and (min-width: 992px) {
  .ui.large.modal {
    width: 1020px;
    margin: 0em 0em 0em -510px;
  }
}

@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    width: 1080px;
    margin: 0em 0em 0em -540px;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    width: 1140px;
    margin: 0em 0em 0em -570px;
  }
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
          Transitions
*******************************/

.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*******************************
            States
*******************************/

/* Animating */

.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */

.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */

.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */

.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}

/* Disabled */

.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/*******************************
          Variations
*******************************/

.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*******************************
          Transitions
*******************************/

/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/

/*--------------
     Browse
---------------*/

.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}

/* In */

@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }

  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }

  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }

  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }

  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }

  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }

  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

/* Out */

@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }

  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }

  80% {
    opacity: 1;
  }

  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

/*--------------
     Drop
---------------*/

.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}

/* Drop */

@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

/*--------------
      Fade
---------------*/

.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/* In */

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/* Out */

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

/*--------------
     Flips
---------------*/

.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}

/* In */

@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

/* Out */

@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

/*--------------
      Scale
---------------*/

.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Out */

@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/*--------------
      Fly
---------------*/

/* Inward */

.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}

/* Outward */

.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}

/* In */

@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

/* Out */

@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

/*--------------
     Slide
---------------*/

.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */

@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

/* Out */

@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

/*--------------
     Swing
---------------*/

.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */

@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}

@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}

@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}

@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}

/* Out */

@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }

  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }

  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }

  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

/*******************************
       Static Animations
*******************************/

/*--------------
    Emphasis
---------------*/

.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash;
}

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake;
}

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada;
}

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}

/* Flash */

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

/* Shake */

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

/* Bounce */

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* Tada */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

/* Pulse */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* Rubberband */

@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*******************************
         Site Overrides
*******************************/
/* End */


/* Start:/css/media.css?15578403719767*/
@media(min-width: 992px){
	.hide-xs {

	}
	.hide-md {

	}
	.hide-sm {

	}
	.hide-lg {
		display: none !important;
	}
	.show-xs {

	}
	.show-sm {

	}
	.show-md {

	}
	.show-lg {
		display: block !important;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	.hide-xs {

	}
	.hide-md {

	}
	.hide-sm {
		display: none !important;
	}
	.hide-lg {

	}
	.show-xs {

	}
	.show-sm {

	}
	.show-md {
		display: block !important;
	}
	.show-lg {

	}
}
@media(max-width: 767px){
	.hide-xs {
		display: none !important;
	}
	.hide-md {

	}
	.hide-sm {

	}
	.hide-lg {

	}
	.show-xs {
		display: block !important;
	}
	.show-sm {

	}
	.show-md {

	}
	.show-lg {

	}
}

@media (min-height : 800px) and (min-width: 767px){
	.large-visible{
		width: 935px;
		position: absolute;
		/*top: 50%;
		margin-top: -390px;*/
		top: 0;
		margin-top: 0;
	}
	.wrapper{
		padding-bottom: 0;
	}
}


@media(min-height: 800px){
	.large-visible .tickets.main-tickets{
		line-height: 33px;
	}
	.large-visible  .carousel-caption .more{
		line-height: 27px;
	}
	.large-visible .place{
		height: 33px;
	}
}
@media(min-height: 850px){
	.large-visible .tickets.main-tickets{
		line-height: 35px;
	}
	.large-visible .place{
		height: 36px;
	}
	.large-visible  .carousel-caption .more{
		line-height: 28px;
	}
	.large-visible .carousel-caption .tickets-link{
		height: 34px;
		position: relative;
		top: 2px;
	}
}

@media(min-width: 992px){
	.visible-sm{
		display: none !important;
	}

	.nav .nav-list{
	  background: #ebebeb;
	  width: 320px;
	  position: relative;
	  left: 0;
	  padding-top: 10px;
	  height: 100%;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	overflow: auto;
	}
	.nav.active .nav-list{
    left: 235px;
	overflow: auto;
  }
}
@media(min-width: 768px){
	.visible-xs{
		display: none !important;
	}
}

@media(min-width: 1171px){
	.nav{
		width: 1170px;
		left: 50%;
		margin-left: -585px;
	}
	
}

@media(max-width: 1170px){
	.wrapp{
		width: 100%;
	}
	.about{
		height: auto;
		padding-bottom: 20px;
	}
}
@media(max-width: 1199px){
	.hidden-md{
		display: none !important;
	}
	.date-time{
		font-size: 20px;
	}
	.main-name-show{
		font-size: 18px;
	}
	.poster-container.second{
		padding-right: 0;
	}
	.region .advert{
		width: 100%;
	}
	.region .show,
	.show-container .show{
		width: 100%;
	}
	.poster-container .col-lg-4{
		padding-left: 15px;
		padding-right: 15px;
	}

	.region .col-lg-6{
		padding-left: 15px;
		padding-right: 15px;
	}
	.region.second .col-lg-4{
		padding-left: 15px;
		padding-right: 15px;
	}
	.region .show .date-show{
		font-size: 20px;
	}
	.region .show .name-show{
		font-size: 24px;
	}
	.region.second .advert{
		height: 371px;
	}
	.person-info{
		width: 100%;
		padding-right: 20px;
	}
	.text-container.pad{
		padding-right: 20px;
	}

}

@media(max-width: 991px){
	.hidden-sm{
		display: none !important;
	}
	.sidebar{
		width: 100%;
		height: 60px;
		position: relative;
	}
	.sidebar .menu{
		position: absolute;
		left: 30px;
		width: auto;
		margin-top: -9px;
	}
	.wrapper{
		padding-left: 0;
	}
	.logo{
		padding-top: 7px;
	}
	.nav{
		position: absolute;
		min-height: 100%;
		height: auto;
		left: -235px;
		padding-top: 0;
		background: #fff;
	}
	.nav.active{
		left: 0;
	}
	.nav-list > li:first-child{
		border-top: 0;
	}
	.accardeon_inner{
		display: none;
	}	
	.nav-list{
		background-color: #ebebeb;
	}
	.accardeon_item.active > a{
		color: #959595;
	}
	.small-social{
		margin-top: 20px;
		text-align: left;
		padding-left: 60px;
	}
		.small-social li a{
			text-align: center;
		}
	.carousel{
		margin-left: -20px;
	}
	.contact-desc,
	.contacts-desc{
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media(max-width: 767px){
	.hidden-xs{
		display: none !important;
	}

	.about-theatre-container .hidden-xs {

		display: block !important;
	}

	.team-block img {
		max-width: 100%;
		height: auto;
	}

	.name {
		font-size: 13px;
	}

	.team-block {

		height: 360px;
	}


	
	.comments-block{
		float: left;
		margin: 0;
		margin-left: 20px;
	}

	.col-64{
		width: 100%;
	}
	.region .col-lg-8{
		width: 100%;
	}
	.modal{
		background: #fff;
	}
	.modal-dialog{
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		position: relative;
		margin: 60px auto 0;
	}
	.region.second .col-lg-4{
		width: 50%;
	}
	.about{
		height: auto;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-right: 20px;
		margin-top: -3px;
	}
	.about-content{
		padding-right: 20px;
	}
	.mobile-content{
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobile .breadcrumb{
		padding-left: 20px;
		margin-bottom: 0;
	}
	.person-img > img{
		float: none;
	}
	.person-img .person-name{
		float: none;
		padding-top: 20px;
		padding-left: 0;
	}
	.about-theatre-container .col-lg-8{
		width: 100%;
		float: none;
	}
	.about-theatre-container .col-lg-6{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.about-theatre-container .title{
		margin-bottom: 10px;
	}
	.about-theatre-container .text{
		font-size: 18px;
	}
	.poster-container .col-lg-4{
		width: 50%;
	}
	.poster-container .col-lg-4:nth-child(2n+1){
		clear: both;
	}
	.show .name-show{
		font-size: 24px;
	}
	.show .name-show span{
		font-size: 20px;
	}
	.mobile-block .col-lg-4{
		width: 100%;
		float: none;
	}
	.inerview-block header{
		background: transparent;
		color: #000;
		padding-left: 0;
	}
	.inerview-block p{
		padding-left: 0;
	}
	.interview .col-lg-4{
		width: 100%;
	}
	.text-container .quote{
		border-left: 0;
	}
	.journal .text-container{
		padding-right: 20px;
	}
	.text-container .quote.second .quote-block{
		display: block;
		border:0;
		text-align: left;
		padding:  0;
	}
	.j-social .j-vk{
		float: none;
		margin-left: 0;
	}
	.j-social .j-facebook{
		float: none;
		margin-bottom: 20px;
		padding-left: 10px;
	}
	.journal .logo{
		padding-left: 0;
		padding-right: 20px;
		text-align: center;
	}
	.about-wrapper.journal .about-sidebar{
		position: relative;
		right: 0;
	}
	.about-wrapper.journal .about-content{
		padding: 0;
		margin-bottom: 20px;
	}
	.person-info
}


 @media(max-width: 400px){
	 .team-block {

		 height: 160px;
	 }


	 .name {
		 font-size: 7px !important;
	 }


 }













@media(max-width: 480px){
	.poster-list .scheme a{
		padding: 2px 80px;
	}
	.poster-list .yandex,
	.poster-list .google{
		padding-left: 25px;
		padding-right: 25px;
	}
	.region .col-lg-6{
		width: 100%;
	}
	.poster-container .col-lg-4{
		width: 100%;
	}
	.region .show{
		width: 270px;
	}
	.show-container .show{
		height: auto;
		width: 270px;
	}
	.logo{
		padding-left: 50px;
	}
	.region.second .col-lg-4{
		width: 100%;
	}
	.about-sidebar{
		width: 100%;
		margin-left: -20px;
		padding-left: 20px;
	}
	.send-form{
		width: 100%;
		margin-left: -20px;
		padding-left: 20px;
	}
	.nav{
		width: 100%;
	}
}


@media(max-width: 767px){
.poster-container .litersy:nth-child(2n+1)
{
	clear: none !important;
	}
.about-theatre-container .visible-xs 
{
    display: none !important;
}

.about-theatre-container .presersy
{
	width: 100% !important;
}

.about-theatre-container .imagejournal
{
	width: 357px !important;
}

 .about-theatre-container  .text-container
{
    width: 334px !important;
}

.journal .aside-block 
{
	right: -238px !important;
}

.about-theatre-container .inerview-block header span
{
    background: #454545;
    padding: 5px;
    font-size: 24px;

}

.journal .about-theatre-container .block a img
{
	margin: 0 auto;
	display: block;
}
.about-theatre-container iframe {
	width: 100% !important
}


}



@media(max-width: 800px)
{

.carousel 
{
    margin-left: 1px !important;
}




}




@media (min-width: 310px) and (max-width: 425px)
{
 .about-theatre-container  .text-container
{
    width: 300px !important;
}

.journal .aside-block 
{
    right: -23px !important;
    top: -208px !important;
}

.about-theatre-container .imagejournal
{
	 width: 130px !important;
}

.about-theatre-container .inerview-block header span
{
    background: #454545 !important;
    padding: 5px !important;
    font-size: 19px !important;

}


h3.nameact
{
	display: inline !important;
	margin-left: 0 !important;

}


.small-social .icon:hover .perserk 
{
	display: block !important; 
	left: 193px !important;


}

.small-social .icon
{
	text-decoration: none !important;
    color: #010101 !important;
}

 .sposob
{
	width: 150px !important;
    margin: 45px auto 0 !important;
	display: block;
}


.small-social
{
	text-align: center !important;
	padding-left: 0 !important;
}

}

@media (min-width: 580px) and (max-width: 991px)
{
 .sposob
{
	width: 150px !important;
    margin: 45px auto !important;
	display: block;
}
}

@media (min-width: 580px) and (max-width: 1100px)
{
.wrapper .small-img .date
{
 font-size: 14px !important;
}

.small-social
{
	text-align: center !important;
	padding-left: 0 !important;
}


.small-social .icon
{
	text-decoration: none !important;
    color: #010101 !important;
}

.small-social .icon:hover .perserk 
{
	display: block !important; 
	left: 193px !important;

}

}


@media (min-width: 420px) and (max-width: 590px)
{
	.sposob
	{
		display: block !important;
		margin: 45px auto !important;
	}

	.wrapp .small-social
	{
		text-align: center !important;
		padding: inherit !important;

	}

}

@media (max-height: 690px) and (min-width: 992px)
{
.sidebar .menu {
    top: 34%;
}
}
@media (max-height: 585px) and (min-width: 992px)
{
	.logo img {
		width: 50%;
		height: 50%;
	}
	.sidebar .social {
	    margin-top: 0px;
	}
	.sidebar .info .inquiries {
	    padding-bottom: 0px;
	}
	.sidebar .info .name {
	    padding-bottom: 0px;
	}
	.sposob {
	    margin-top: 5px;
	}
}
@media (max-width: 991px) {
.sidebar .menu {
    top: 50%;
}
}

@media (max-width: 767px)
{
	.button-buy {
		height: 50px;
	}

	.button-buy a{
		padding-top: 10px;
	}
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/tree/style.min.css?1534481531737*/
div.menu-sitemap-tree{font-size:100%}div.menu-sitemap-tree ul{list-style-type:none;margin:0;padding:0 1em 0 0}div.menu-sitemap-tree ul ul{width:auto;margin:-0.75em 0 0 0;padding:0 0 0 .75em}div.menu-sitemap-tree li{margin:0 0 -0.85em 0;padding:0}div.menu-sitemap-tree li li{margin:0 0 -0.85em .5em;padding:0}div.menu-sitemap-tree li.close ul{display:none}div.menu-sitemap-tree div.item-text{position:relative;top:-19px;left:19px}div.folder,div.page{background-repeat:no-repeat;width:17px;height:17px;vertical-align:top}div.folder{cursor:pointer;cursor:hand;background-image:url(/bitrix/templates/.default/components/bitrix/menu/tree/images/folder_open.gif)}div.menu-sitemap-tree li.close div.folder{background-image:url(/bitrix/templates/.default/components/bitrix/menu/tree/images/folder_close.gif)}div.page{background-image:url(/bitrix/templates/.default/components/bitrix/menu/tree/images/page.gif)}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/mobile/style.min.css?1534481530737*/
div.menu-sitemap-tree{font-size:100%}div.menu-sitemap-tree ul{list-style-type:none;margin:0;padding:0 1em 0 0}div.menu-sitemap-tree ul ul{width:auto;margin:-0.75em 0 0 0;padding:0 0 0 .75em}div.menu-sitemap-tree li{margin:0 0 -0.85em 0;padding:0}div.menu-sitemap-tree li li{margin:0 0 -0.85em .5em;padding:0}div.menu-sitemap-tree li.close ul{display:none}div.menu-sitemap-tree div.item-text{position:relative;top:-19px;left:19px}div.folder,div.page{background-repeat:no-repeat;width:17px;height:17px;vertical-align:top}div.folder{cursor:pointer;cursor:hand;background-image:url(/bitrix/templates/.default/components/bitrix/menu/mobile/images/folder_open.gif)}div.menu-sitemap-tree li.close div.folder{background-image:url(/bitrix/templates/.default/components/bitrix/menu/mobile/images/folder_close.gif)}div.page{background-image:url(/bitrix/templates/.default/components/bitrix/menu/mobile/images/page.gif)}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/slider_mob/style.css?1534481754150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/slider/style.css?1534481752150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/main/styles.css?1597996865542*/
body{
	background-color: #949594;
}

.modal.brown .modal-dialog .title {
   background-color: #aa7644;
}

.modal.brown .modal-dialog h2 {
  color: #aa7644;
}

.modal.brown .cast header {
   background-color: #C69F7C;
}

.modal.brown .modal-dialog .about-show {
    background-color: #C58D5B;
}

.modal.brown  .modal-dialog .tickets-link {
    background-color: #ECB17D;
   
}

.show.brown .more {
    background-color: #C58D5B;
}

.show.brown  .tickets {
    background-color: #ECB17D;
}

.button-buy.brown {
    background-color: #aa7644;
}

/* End */


/* Start:/bitrix/templates/main/template_styles.css?15979968651065*/
.ui.modal{max-height:90vh;overflow:auto!important}.ui.modal>.close{top:1.0535rem!important;right:1rem!important;color:#1b1b1b!important}.ui.dimmer{background-color:rgba(144,144,144,.85)!important}#banner{background-size:contain!important;background-repeat:no-repeat!important;position:relative;cursor:pointer}#banner .blink{position:absolute}#banner .blink.close{width:110px;height:110px;right:0;z-index:10;top:0}#banner .blink.link-1{bottom:0;width:50%;height:150px;left:0;z-index:10}#banner .blink.link-2{bottom:0;width:50%;height:150px;right:0;z-index:10}#banner .blink.link-3{bottom:0;width:100%;height:100%;top:0;left:0;right:0;z-index:5}@media only screen and (min-width:400px) and (max-width:899px){#banner .blink.close{width:60px;height:60px}#banner .blink.link-1{height:70px}#banner .blink.link-2{height:70px}}.region.second .show-container{margin:3px}a.nice{text-decoration:none;color:#010101;padding-bottom:10px;font-family:HelveticaNeueCyrLight}a.nice:hover{text-decoration:underline}div.trailer iframe{max-height:165px!important;height:165px!important}
/* End */
/* /js/bxslider/jquery.bxslider.css?14648532903749 */
/* /css/vendor.min.css?151723598413904 */
/* /css/main.css?158383873860912 */
/* /bitrix/templates/main/assets/semantic.css?1488189165109849 */
/* /css/media.css?15578403719767 */
/* /bitrix/templates/.default/components/bitrix/menu/tree/style.min.css?1534481531737 */
/* /bitrix/templates/.default/components/bitrix/menu/mobile/style.min.css?1534481530737 */
/* /bitrix/templates/.default/components/bitrix/news.list/slider_mob/style.css?1534481754150 */
/* /bitrix/templates/.default/components/bitrix/news.list/slider/style.css?1534481752150 */
/* /bitrix/templates/main/styles.css?1597996865542 */
/* /bitrix/templates/main/template_styles.css?15979968651065 */