@charset "UTF-8";
/*! 
 * Master Slider WordPress Main CSS File
 * @date Aug 2016
 */
/**
 *  Master Slider
 * 	Main css file
 */
@import url("https://fonts.googleapis.com/css?family=Trirong:300i,400i,500i,600i,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,500,500i,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Exo&display=swap");
.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
}

.ms-ie img {
  border: none;
}

.ms-ie8 * {
  opacity: inherit;
  filter: inherit;
}

.ms-ie7 {
  zoom: 1;
}

.ms-moz .ms-slide-bgcont > img {
  transform: translateX(0px);
}

.master-slider a,
.master-slider a:hover {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.wpb_row .master-slider-parent *,
.master-slider-parent * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.master-slider-parent {
  margin-left: auto;
  margin-right: auto;
}

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent;
}

.ms-layout-partialview .ms-container {
  overflow: hidden;
}

.master-slider img, .ms-slide-bgvideocont video {
  max-width: none;
}

.master-slider.ms-fullheight {
  height: 100%;
}

.ms-slide-auto-height {
  display: table;
}

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(common/loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9;
}

/* grab cursor */
.ms-def-cursor {
  cursor: auto !important;
}

.ms-grab-cursor {
  cursor: url(common/grab.png), move;
}

.ms-grabbing-cursor {
  cursor: url(common/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
  cursor: move;
}

.ms-ie .ms-grabbing-cursor {
  cursor: move;
}

.ms-view {
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px;
}

.ms-view .ms-slide-container {
  position: relative;
}

.ms-slide {
  position: absolute;
  height: 100%;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
}

.ms-wk .ms-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.ms-slide .ms-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 110;
}

.ms-ie .ms-slide-link {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}

.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont > video {
  -webkit-transform: translateZ(0.3px);
  transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px;
}

.ms-inner-controls-cont, .ms-container {
  position: relative;
  margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
  position: absolute;
  pointer-events: auto;
}

.ms-layer-mask {
  position: absolute;
  overflow: hidden;
}

.ms-layer-mask .ms-layer {
  position: relative;
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 109;
  top: 0px;
  pointer-events: none;
}

/* ------------------------------------------------------------------------------ */
/* Overlayer layers */
.ms-overlay-layers {
  position: absolute;
  top: 0;
  z-index: 120;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none;
}

.ms-slide .ms-pattern {
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  z-index: 108;
  position: absolute;
  top: 0;
}

.ms-wk .ms-pattern {
  -webkit-transform: translateZ(0.4px);
  transform: translateZ(0.4px);
}

.ms-parallax-layer {
  width: 100%;
  position: absolute;
  top: 0;
}

.ms-scroll-parallax-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 109;
}

.ms-wk .ms-scroll-parallax-cont {
  -webkit-transform: translateZ(0.4px);
  transform: translateZ(0.4px);
}

/*-----------------------------------------------------------*/
.ms-action-layer {
  cursor: pointer;
}

.ms-btn-container {
  position: absolute;
}

.ms-btn {
  text-decoration: none;
  display: inline-block;
  color: black;
  position: relative;
  padding: 8px 15px;
  cursor: pointer;
  white-space: nowrap;
}

.ms-default-btn {
  background: #0074A2;
  border-radius: 5px;
  color: #FFF;
}

.ms-default-btn:hover {
  background-color: #0098D5;
}

.ms-default-btn:active {
  top: 1px;
}

.ms-layer.video-box {
  background: black;
}

.ms-layer.video-box iframe {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  z-index: 110;
}

.ms-btn-s {
  padding: 14px 17px;
  font-size: 80%;
  line-height: 0;
}

.ms-btn-m {
  padding: 12px 40px;
}

.ms-btn-n {
  padding: 8px 25px;
  font-size: 95%;
}

.ms-btn-l {
  padding: 17px 50px;
  font-size: 120%;
}

.ms-btn-round {
  border-radius: 5px;
}

.ms-btn-circle {
  border-radius: 100px;
}

.ms-btn-outline-round {
  border-radius: 5px;
}

.ms-btn-outline-circle {
  border-radius: 100px;
}

/*-----------------------------------------------------------*/
.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 110;
}

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 0.75em;
  display: inline-block;
  background: url(common/video-close-btn.png) no-repeat 0px 3px;
  padding-left: 15px;
  height: 15px;
  color: #DBDBDB;
  margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
  -webkit-transform: translateZ(0.44px);
  transform: translateZ(0.44px);
}

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left;
}

/* controls */
.ms-thumb-list {
  overflow: hidden;
  position: absolute;
}

.ms-thumb-list.ms-dir-h {
  width: 100%;
}

.ms-thumb-list.ms-dir-v {
  height: 100%;
  top: 0;
}

.ms-thumbs-cont {
  position: relative;
}

.ms-thumb-frame img {
  width: 100%;
  height: auto;
}

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-thumb-frame-selected {
  opacity: 1;
}

.ms-tabs .ms-thumb-frame {
  background-color: #F6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-has-thumb .ms-tab-thumb {
  width: auto;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
  margin-left: 0px;
}

.ms-tabs.ms-dir-h.ms-align-top {
  z-index: 140;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
  margin-top: -12px;
}

.ms-tabs .ms-thumb {
  padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0px;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #F6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
  bottom: 0px;
  top: auto;
  border-bottom: 0px;
  border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  bottom: -12px;
  border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #EDEDED;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  right: -12px;
  border-left-color: #EDEDED;
}

.ms-thumb-alt {
  text-align: center;
  margin: 5px;
  font-size: 14px;
  font-weight: 600;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  right: 0;
  left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  border-width: 5px 0px 5px 5px;
  border-left-color: #FFF;
  left: 7px;
}

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  bottom: 0;
  top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  border-width: 5px 5px 0px 5px;
  border-top-color: #FFF;
  top: 7px;
}

/* Thumb in tab styles */
.ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont {
  top: 0 !important;
}

.ms-tabs.ms-has-thumb .ms-thumb-frame {
  height: auto !important;
}

.ms-tabs.ms-has-thumb .ms-thumb {
  padding: 0;
}

.ms-tabs.ms-has-thumb .ms-tab-context {
  padding: 20px;
}

.ms-tabs.ms-align-left .ms-tab-thumb {
  float: left;
  margin-right: 20px;
}

.ms-tabs.ms-align-right .ms-tab-thumb {
  float: right;
  margin-left: 20px;
}

.ms-bullet {
  cursor: pointer;
  float: left;
}

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-bullets.ms-dir-v {
  position: absolute;
  top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
  float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-sbar {
  position: absolute;
}

.ms-sbar.ms-dir-h {
  left: 10px;
  right: 10px;
  top: 5px;
}

.ms-sbar.ms-dir-v {
  top: 10px;
  bottom: 10px;
  right: 5px;
}

.ms-sbar .ms-bar {
  height: 4px;
  background: #333;
  border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
  width: 4px;
}

.ms-sbar .ms-bar {
  position: relative;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute;
}

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer;
}

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  -moz-transition: width 120ms linear;
  -ms-transition: width 120ms linear;
  -o-transition: width 120ms linear;
  transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
  height: 0px;
}

.ms-slide-info {
  position: absolute;
}

.ms-slide-info.ms-dir-v {
  top: 0;
}

.ms-slide-info.ms-dir-h {
  width: 100%;
}

@keyframes point-anim {
  0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes point-anim {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
}

.ms-pattern.ms-patt-1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-6 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-7 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-8 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-9 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-10 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-11 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-12 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-13 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-14 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-15 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);
}

/* white patterns */
.ms-pattern.ms-patt-16 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-17 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-18 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-19 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-20 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-21 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-22 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-23 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-24 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-25 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-26 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-27 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-28 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-29 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-30 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);
}

/**
 *  Master Slider
 *  Default Skin
 */
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url(skins/light-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(skins/light-skin-1.png) no-repeat -24px -28px;
  top: 18px;
  right: 30px;
}

/* controls */
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  width: 30px;
  background: url(skins/light-skin-1.png);
  background-position: -89px -26px;
  height: 40px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -20px;
  position: absolute;
  z-index: 110;
}

.ms-skin-default .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -89px -103px;
}

.ms-skin-default .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(skins/light-skin-1.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
  background-position: -34px -84px;
}

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-default .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-default .ms-tooltip {
  max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-default .ms-slide .ms-slide-vpbtn,
  .ms-skin-default .ms-video-btn,
  .ms-skin-default .ms-slide .ms-slide-vcbtn,
  .ms-skin-default .ms-nav-next,
  .ms-skin-default .ms-nav-prev,
  .ms-skin-default .ms-bullet {
    background-image: url(skins/light-skin-1-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Black 1
 */
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn {
  width: 54px;
  height: 54px;
  background: url(skins/black-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
  width: 27px;
  height: 26px;
  background: url(skins/black-skin-1.png) no-repeat -24px -29px;
  top: 30px;
  right: 30px;
}

/* controls */
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
  width: 53px;
  background: url(skins/black-skin-1.png);
  background-position: -79px -19px;
  height: 61px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -26px;
  position: absolute;
  z-index: 110;
}

.ms-skin-black-1 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -79px -97px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-black-1 .ms-bullet {
  width: 9px;
  height: 9px;
  background: white;
  margin: 4px;
  border: solid 1px rgb(58, 58, 58);
}

.ms-skin-black-1 .ms-bullet-selected {
  background-color: black;
}

.ms-skin-black-1 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: white;
  border-top-color: rgba(0, 0, 0, 0.8);
  bottom: -10px;
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: white;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: white;
  border-right-color: rgba(0, 0, 0, 0.8);
  left: -10px;
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: black;
  border-left-color: rgba(0, 0, 0, 0.8);
  right: -10px;
}

.ms-skin-black-1 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #444444;
  background: black;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: white;
  background: rgba(255, 255, 255, 0.9);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-black-1 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-black-1 .ms-tooltip-cont {
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 0px black;
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
  .ms-skin-black-1 .ms-video-btn,
  .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
  .ms-skin-black-1 .ms-nav-next,
  .ms-skin-black-1 .ms-nav-prev {
    background-image: url(skins/black-skin-1-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Black 2 Skin
 */
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn {
  width: 45px;
  height: 45px;
  background: url(skins/black-skin-2.png) black no-repeat -16px -103px;
  border: solid 3px rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
}

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover {
  background-color: #3D3D3D;
}

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
  width: 25px;
  height: 25px;
  background: url(skins/black-skin-2.png) black no-repeat -27px -36px;
  border: solid 2px white;
  border-color: rgba(255, 255, 255, 0.4);
  top: 15px;
  right: 15px;
}

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
  border-radius: 50px;
}

/* controls */
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
  position: absolute;
  cursor: pointer;
  z-index: 110;
  width: 45px;
  height: 45px;
  background: url(skins/black-skin-2.png) black;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-position: -88px -26px;
  border: solid 3px rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.4);
  top: 50%;
  left: 30px;
  margin-top: -22px;
}

.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn {
  border-radius: 90px;
}

.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover {
  background-color: #3d3d3d;
}

.ms-skin-black-2 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -86px -103px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-black-2 .ms-bullet {
  width: 8px;
  height: 8px;
  background: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  border: solid 3px white;
  border-color: rgba(0, 0, 0, 0.44);
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-black-2.round-skin .ms-bullet {
  border-radius: 15px;
}

.ms-skin-black-2 .ms-bullet-selected {
  background-color: black;
  border-color: white;
  border-color: rgba(255, 255, 255, 0.44);
}

.ms-skin-black-2 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-black-2 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
  display: none;
}

.ms-skin-black-2 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-black-2 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
  .ms-skin-black-2 .ms-video-btn,
  .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
  .ms-skin-black-2 .ms-nav-next,
  .ms-skin-black-2 .ms-nav-prev {
    background-image: url(skins/black-skin-2-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Light 2
 */
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn {
  width: 54px;
  height: 54px;
  background: url(skins/light-skin-2.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
  width: 27px;
  height: 26px;
  background: url(skins/light-skin-2.png) no-repeat -24px -29px;
  top: 30px;
  right: 30px;
}

/* controls */
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
  width: 53px;
  background: url(skins/light-skin-2.png);
  background-position: -79px -19px;
  height: 61px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -26px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-2 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -79px -97px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-2 .ms-bullet {
  width: 9px;
  height: 9px;
  background: black;
  margin: 4px;
  border: solid 1px rgb(58, 58, 58);
}

.ms-skin-light-2 .ms-bullet-selected {
  background-color: white;
}

.ms-skin-light-2 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-2 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-light-2 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-2 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-2 .ms-video-btn,
  .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-2 .ms-nav-next,
  .ms-skin-light-2 .ms-nav-prev {
    background-image: url(skins/light-skin-2-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Light 3
 */
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn {
  width: 50px;
  height: 50px;
  background: url(skins/light-skin-3.png) no-repeat -15px -149px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
  width: 31px;
  height: 29px;
  background: url(skins/light-skin-3.png) no-repeat -26px -28px;
  top: 30px;
  right: 30px;
}

/* controls */
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
  width: 50px;
  background: url(skins/light-skin-3.png);
  background-position: -82px -22px;
  height: 50px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -25px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-3 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -81px -99px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-3 .ms-bullet {
  width: 16px;
  height: 16px;
  background: url(skins/light-skin-3.png) no-repeat;
  background-position: -31px -114px;
  margin: 4px;
}

.ms-skin-light-3 .ms-bullet-selected {
  background-position: -31px -81px;
}

.ms-skin-light-3 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-3 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-light-3 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-3 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-3 .ms-video-btn,
  .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-3 .ms-nav-next,
  .ms-skin-light-3 .ms-nav-prev,
  .ms-skin-light-3 .ms-bullet {
    background-image: url(skins/light-skin-3-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Light 4
 */
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
  width: 54px;
  height: 54px;
  background: url(skins/light-skin-4.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
  width: 27px;
  height: 26px;
  background: url(skins/light-skin-4.png) no-repeat -24px -29px;
  top: 30px;
  right: 30px;
}

/* controls */
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
  width: 54px;
  background: url(skins/light-skin-4.png);
  background-position: -77px -5px;
  height: 68px;
  cursor: pointer;
  top: 50%;
  left: -27px;
  margin-top: -40px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-4 .ms-nav-next {
  right: -27px;
  left: auto;
  background-position: -79px -83px;
}

.ms-skin-light-4 .ms-thumb-frame-selected {
  opacity: 0.6;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
  bottom: -60px;
  width: 100%;
  height: 60px;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
  height: 100%;
  width: 60px;
  right: -60px;
  top: 0;
}

.ms-skin-light-4 .ms-thumb-frame {
  cursor: pointer;
  float: left;
  width: 60px;
  height: 60px;
  margin: 1px 0 0 1px;
  overflow: hidden;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-4 .ms-bullet {
  width: 9px;
  height: 9px;
  background: #b9b9b9;
  margin: 4px;
  border: solid 1px rgb(163, 163, 163);
}

.ms-skin-light-4 .ms-bullet-selected {
  background-color: white;
}

.ms-skin-light-4 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: white;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-4 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #E0E0E0;
  background: #4b8aac;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: white;
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-light-4 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-4 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-4 .ms-video-btn,
  .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-4 .ms-nav-next,
  .ms-skin-light-4 .ms-nav-prev {
    background-image: url(skins/light-skin-4-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Light 5
 */
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn {
  width: 32px;
  height: 32px;
  background: url(skins/light-skin-5.png) black no-repeat -24px -160px;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover {
  background-color: #646464;
}

.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(skins/light-skin-5.png) white no-repeat -24px -28px;
  top: 18px;
  right: 30px;
}

/* controls */
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
  width: 32px;
  background: url(skins/light-skin-5.png) white;
  background-position: -94px -32px;
  height: 32px;
  cursor: pointer;
  bottom: 40px;
  left: 40px;
  margin-top: -20px;
  position: absolute;
  z-index: 110;
}

.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover {
  background-color: #E0E0E0;
}

.ms-skin-light-5 .ms-nav-next {
  left: 73px;
  background-position: -93px -110px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-5 .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(skins/light-skin-5.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-light-5 .ms-bullet-selected {
  background-position: -34px -84px;
}

.ms-skin-light-5 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-5 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
}

.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
  display: none;
}

.ms-skin-light-5 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-5 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-5 .ms-video-btn,
  .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-5 .ms-nav-next,
  .ms-skin-light-5 .ms-nav-prev {
    background-image: url(skins/light-skin-5-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Light-6 Skin
 */
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn {
  width: 45px;
  height: 45px;
  background: url(skins/light-skin-6.png) white no-repeat -16px -103px;
  border: solid 3px rgb(112, 112, 112);
  border-color: rgba(0, 0, 0, 0.27);
  -webkit-background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
}

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover {
  background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
  width: 25px;
  height: 25px;
  background: url(skins/light-skin-6.png) white no-repeat -27px -36px;
  top: 15px;
  right: 15px;
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn {
  border-radius: 30px;
}

/* controls */
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
  position: absolute;
  cursor: pointer;
  z-index: 110;
  width: 45px;
  height: 45px;
  background: url(skins/light-skin-6.png) white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-position: -88px -26px;
  border: solid 3px rgb(112, 112, 112);
  border-color: rgba(0, 0, 0, 0.27);
  top: 50%;
  left: 30px;
  margin-top: -22px;
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn {
  border-radius: 90px;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
  background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -86px -103px;
}

.ms-skin-light-6 .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-light-6 .ms-bullet {
  width: 8px;
  height: 8px;
  background: black;
  -webkit-background-clip: padding-box;
  border: solid 3px white;
  border-color: rgba(255, 255, 255, 0.44);
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-light-6.round-skin .ms-bullet {
  border-radius: 15px;
}

.ms-skin-light-6 .ms-bullet-selected {
  background-color: white;
  border-color: black;
  border-color: rgba(0, 0, 0, 0.44);
}

.ms-skin-light-6 .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-light-6 .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
  display: none;
}

.ms-skin-light-6 .ms-tooltip {
  max-width: 200px;
}

.ms-skin-light-6 .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
  .ms-skin-light-6 .ms-video-btn,
  .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
  .ms-skin-light-6 .ms-nav-next,
  .ms-skin-light-6 .ms-nav-prev {
    background-image: url(skins/light-skin-6-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  Metro Skin
 */
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn {
  width: 47px;
  height: 46px;
  background: url(skins/metro-skin.png) no-repeat -16px -152px;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -24px;
}

.ms-skin-metro .ms-slide .ms-slide-vcbtn {
  width: 47px;
  height: 47px;
  background: url(skins/metro-skin.png) no-repeat -16px -19px;
  top: 15px;
  right: 15px;
}

/* controls */
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
  width: 47px;
  background: url(skins/metro-skin.png);
  background-position: -83px -23px;
  height: 47px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -24px;
  position: absolute;
  z-index: 110;
}

.ms-skin-metro .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -81px -100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-metro .ms-bullet {
  width: 16px;
  height: 16px;
  background: url(skins/metro-skin.png) no-repeat;
  background-position: -31px -114px;
  margin: 4px;
}

.ms-skin-metro .ms-bullet-selected {
  background-position: -31px -81px;
}

.ms-skin-metro .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-metro .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-metro .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-metro .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-metro .ms-tooltip {
  max-width: 200px;
}

.ms-skin-metro .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-metro .ms-slide .ms-slide-vpbtn,
  .ms-skin-metro .ms-video-btn,
  .ms-skin-metro .ms-slide .ms-slide-vcbtn,
  .ms-skin-metro .ms-nav-next,
  .ms-skin-metro .ms-nav-prev,
  .ms-skin-metro .ms-bullet {
    background-image: url(skins/metro-skin-retina.png);
    background-size: 152px 225px;
  }
}
/**
 *  Master Slider
 *  minimal Skin
 */
.ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn {
  width: 55px;
  height: 55px;
  background: url(skins/minimal.svg) no-repeat 24px 18px white;
  border: solid 1px #3d3d3d;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  transition: background-color 300ms;
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
  background-color: #f1f1f1;
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
  width: 31px;
  height: 31px;
  background: url(skins/minimal.svg) no-repeat -289px 6px white;
  border-radius: 50%;
  border: solid 1px #3d3d3d;
  top: 18px;
  right: 30px;
  transition: background-color 300ms;
}

/* controls */
.ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
  background: url(skins/minimal.svg) no-repeat white;
  background-position: -178px 17px;
  border: solid 1px #3d3d3d;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -27px;
  position: absolute;
  z-index: 110;
  transition: background-color 300ms;
}

.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover {
  background-color: #f1f1f1;
}

.ms-skin-minimal .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -75px 17px;
}

.ms-skin-minimal .ms-bullet {
  width: 8px;
  height: 8px;
  background: white;
  border: solid 1px #3d3d3d;
  border-radius: 50%;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-minimal .ms-bullet-selected {
  background: #3d3d3d;
}

.ms-skin-minimal .ms-time-bar {
  height: 3px;
  background: #FFFFFF;
  border-top: solid 1px rgba(0, 0, 0, 0.41);
}

.ms-skin-minimal .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-minimal .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-minimal .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-minimal .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-minimal .ms-tooltip {
  max-width: 200px;
}

.ms-skin-minimal .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px;
}

/**
 *  Master Slider
 *  Contrast
 */
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn {
  width: 60px;
  height: 60px;
  background: url(skins/contrast-skin.png) no-repeat -10px -144px;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}

.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
  width: 24px;
  height: 24px;
  background: url(skins/contrast-skin.png) no-repeat -27px -30px;
  top: 30px;
  right: 30px;
}

/* controls */
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
  width: 60px;
  background: url(skins/contrast-skin.png);
  background-position: -76px -17px;
  height: 60px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -30px;
  position: absolute;
  z-index: 110;
}

.ms-skin-contrast .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -77px -91px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-skin-contrast .ms-bullet {
  width: 16px;
  height: 16px;
  background: url(skins/contrast-skin.png) no-repeat;
  background-position: -31px -114px;
  margin: 4px;
}

.ms-skin-contrast .ms-bullet-selected {
  background-position: -31px -81px;
}

.ms-skin-contrast .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: #fc3116;
  border-top-color: rgba(252, 49, 22, 0.8);
  bottom: -10px;
}

.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: #fc3116;
  border-bottom-color: rgba(252, 49, 22, 0.8);
  top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: #fc3116;
  border-right-color: rgba(252, 49, 22, 0.8);
  left: -10px;
}

.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: #fc3116;
  border-left-color: rgba(252, 49, 22, 0.8);
  right: -10px;
}

.ms-skin-contrast .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-contrast .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #636363;
  background: black;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-contrast .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: white;
  background: rgba(255, 255, 255, 0.99);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-contrast .ms-tooltip {
  max-width: 200px;
}

.ms-skin-contrast .ms-tooltip-cont {
  padding: 10px;
  background: #fc3116;
  background: rgba(252, 49, 22, 0.8);
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
  .ms-skin-contrast .ms-video-btn,
  .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
  .ms-skin-contrast .ms-nav-next,
  .ms-skin-contrast .ms-nav-prev,
  .ms-skin-contrast .ms-bullet {
    background-image: url(skins/contrast-skin-retina.png);
    background-size: 152px 225px;
  }
}
.ms-caro3d-template .ms-container {
  padding: 10px 0 50px 0;
}

/* reflect */
.ms-caro3d-template .ms-slide {
  -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255, 255, 255, 0.5)));
}

.ms-caro3d-template .ms-slide-bgcont {
  border-radius: 8px;
}

.ms-dis-slider-cont {
  position: relative;
  padding: 3.2% 8.5% 24%;
  max-width: 508px;
}

.ms-display-cont .ms-view {
  background-color: #17171a;
}

.ms-display-cont {
  max-width: 614px;
  position: relative;
  margin: 0 auto;
}

.ms-display-bg {
  max-width: 100%;
  position: absolute;
}

.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
  background: url(templates/device-skin.png) no-repeat -11px -9px;
  width: 35px;
  height: 40px;
  left: -80px;
  margin-top: -17px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ms-display-template .ms-nav-next {
  background-position: -59px -9px;
  right: -80px;
  left: auto;
}

.ms-display-template .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: -50%;
  right: 50%;
  width: 100px;
}

.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-display-template .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(templates/device-skin.png) no-repeat -112px -25px;
  margin: 4px;
}

.ms-display-template .ms-bullet-selected {
  background-position: -143px -25px;
}

.ms-gallery-template .ms-gallery-botcont {
  height: 55px;
  background: black;
  color: white;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  position: relative;
}

.ms-gallery-template .ms-gal-playbtn {
  width: 55px;
  height: 100%;
  float: left;
  cursor: pointer;
  background: url(templates/gallery-btns.png) no-repeat 6px 6px;
}

.ms-gallery-template .ms-gal-playbtn.btn-pause {
  background: url(templates/gallery-btns.png) no-repeat -55px 7px;
}

.ms-gallery-template .ms-gal-thumbtoggle {
  position: absolute;
  right: 0;
  z-index: 110;
  width: 55px;
  height: 100%;
  cursor: pointer;
  background: url(templates/gallery-btns.png) no-repeat -53px -41px;
}

.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
  background: url(templates/gallery-btns.png) no-repeat 4px -41px;
}

.ms-gallery-template .ms-slide-num {
  float: left;
  padding: 17px 9px;
  color: #727272;
}

.ms-gallery-template .ms-slide-info {
  float: left;
  padding: 18px 4px;
  position: relative;
  width: auto;
}

.ms-gallery-template .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 18px;
  right: 105px;
  width: 100px;
}

.ms-gallery-template .ms-bullet {
  width: 8px;
  height: 8px;
  background: #1e1e1e;
  margin: 4px;
  border-radius: 15px;
}

.ms-gallery-template .ms-bullet-selected {
  background-color: white;
}

.ms-gallery-template .ms-timerbar {
  width: 100%;
  top: -4px;
  height: 4px;
  position: absolute;
  background: rgba(0, 0, 0, 0.32);
}

.ms-gallery-template .ms-time-bar {
  height: 4px;
  background: rgba(255, 255, 255, 0.7);
}

.ms-gallery-template .ms-thumb-list.ms-dir-h {
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.95);
  padding-top: 1px;
}

.ms-gallery-template .ms-thumb-frame {
  cursor: pointer;
  float: left;
  width: 175px;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -ms-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}

.ms-gallery-template .ms-thumb-frame-selected {
  opacity: 1;
}

.ms-gallery-template .ms-gal-thumbcont {
  overflow: hidden;
  width: 100%;
  height: 115px;
  position: absolute;
  top: -115px;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
  height: 0;
  top: 0;
}

@media (max-width: 570px) {
  .ms-gallery-template .ms-slide-info {
    display: none;
  }
}
.ms-laptop-template .ms-laptop-cont .ms-view {
  background-color: #17171a;
}

.ms-laptop-template .ms-laptop-cont {
  max-width: 645px;
  position: relative;
  margin: 0 auto;
}

.ms-laptop-template .ms-lt-slider-cont {
  position: relative;
  padding: 5% 11.9% 20%;
  max-width: 492px;
}

.ms-laptop-template .ms-laptop-bg {
  max-width: 100%;
  position: absolute;
}

.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
  background: url(templates/device-skin.png) no-repeat -11px -9px;
  width: 35px;
  height: 40px;
  left: -80px;
  margin-top: -17px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ms-laptop-template .ms-nav-next {
  background-position: -59px -9px;
  right: -80px;
  left: auto;
}

.ms-laptop-template .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: -40%;
  right: 50%;
  width: 100px;
}

.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-laptop-template .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(templates/device-skin.png) no-repeat -112px -25px;
  margin: 4px;
}

.ms-laptop-template .ms-bullet-selected {
  background-position: -143px -25px;
}

.ms-tablet-template .ms-tablet-cont .ms-view {
  background-color: #17171a;
}

.ms-tablet-template .ms-tablet-cont {
  max-width: 500px;
  position: relative;
  margin: 0 auto;
}

.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
  max-width: 842px;
}

.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
  padding: 4.1% 12.1% 10%;
  max-width: 632px;
}

.ms-tablet-template .ms-lt-slider-cont {
  position: relative;
  padding: 11.1% 11% 22%;
  max-width: 400px;
}

.ms-tablet-template .ms-tablet-bg {
  max-width: 100%;
  position: absolute;
}

.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
  background: url(templates/device-skin.png) no-repeat -11px -9px;
  width: 35px;
  height: 40px;
  left: -120px;
  margin-top: -17px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ms-tablet-template .ms-nav-next {
  background-position: -59px -9px;
  right: -120px;
  left: auto;
}

.ms-tablet-template .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: -18%;
  right: 50%;
  width: 100px;
}

.ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-tablet-template .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(templates/device-skin.png) no-repeat -112px -25px;
  margin: 4px;
}

.ms-tablet-template .ms-bullet-selected {
  background-position: -143px -25px;
}

.ms-phone-template .ms-phone-cont .ms-view {
  background-color: #17171a;
}

.ms-phone-template .ms-phone-cont {
  max-width: 386px;
  position: relative;
  margin: 0 auto;
}

.ms-phone-template.ms-phone-land .ms-phone-cont {
  max-width: 666px;
}

.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
  position: relative;
  padding: 4.6% 16.1% 10% 15.5%;
  max-width: 455px;
}

.ms-phone-template .ms-lt-slider-cont {
  position: relative;
  padding: 26.2% 16.5% 33% 16.8%;
  max-width: 258px;
}

.ms-phone-template .ms-phone-bg {
  max-width: 100%;
  position: absolute;
}

.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
  background: url(templates/device-skin.png) no-repeat -11px -9px;
  width: 35px;
  height: 40px;
  left: -120px;
  margin-top: -17px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ms-phone-template .ms-nav-next {
  background-position: -59px -9px;
  right: -120px;
  left: auto;
}

.ms-phone-template .ms-bullets.ms-dir-h {
  position: absolute;
  bottom: -30%;
  right: 50%;
  width: 100px;
}

.ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-phone-template .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(templates/device-skin.png) no-repeat -112px -25px;
  margin: 4px;
}

.ms-phone-template .ms-bullet-selected {
  background-position: -143px -25px;
}

.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
  bottom: -21%;
}

.ms-phone-template.ms-phone-land .ms-nav-next {
  right: -150px;
}

.ms-phone-template.ms-phone-land .ms-nav-prev {
  left: -150px;
}

.ms-partialview-template .ms-slide-info {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

.ms-partialview-template .ms-slide-info h3 {
  margin: 5px;
  font-weight: 300;
  font-size: 23pt;
  color: #222;
}

.ms-partialview-template .ms-slide-info h4 {
  margin: 5px;
  font-weight: 300;
  font-size: 14pt;
  color: #7A7A7A;
}

.ms-partialview-template .ms-slide-info p {
  font-size: 10pt;
  margin: 6px;
}

/* .ms-showcase2-template {max-width: 540px; margin: 0 auto;}
.ms-showcase2-vertical {max-width: 677px;} */
.ms-showcase2-template .ms-view {
  background: transparent;
}

.master-slider {
  -moz-transform: translate3d(0, 0, 1px);
}

.ms-staff-carousel {
  margin: 25px auto;
  position: relative;
}

.ms-staff-carousel .ms-view {
  overflow: visible;
  background-color: transparent;
}

.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
  background: url(templates/staff-arrows.png) white no-repeat -7px -57px;
  width: 35px;
  height: 40px;
  left: -35px;
  margin-top: -17px;
  box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ms-staff-carousel .ms-nav-next {
  background-position: -6px -7px;
  right: -35px;
  left: auto;
}

.ms-staff-carousel .ms-staff-info {
  text-align: center;
  margin: 0 auto;
  max-width: 600px;
  margin-top: 30px;
  min-height: 300px;
  color: #222222;
}

.ms-staff-carousel .ms-staff-info h3 {
  font-weight: 300;
  font-size: 22pt;
  margin: 0px;
}

.ms-staff-carousel .ms-staff-info h4 {
  font-weight: 300;
  color: #787878;
  font-size: 15pt;
  margin: 3px;
}

.ms-staff-carousel.ms-round .ms-slide-bgcont {
  border-radius: 5000px;
  border: solid 8px rgb(230, 230, 230);
  margin: 0 -8px;
}

.ms-staff-carousel.ms-round .ms-view {
  padding-bottom: 8%;
}

.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
  background-color: transparent;
  box-shadow: none;
  left: -45px;
}

.ms-staff-carousel.ms-round .ms-nav-next {
  left: auto;
  right: -45px;
}

.ms-tabs-template .ms-thumb-frame h3 {
  font-weight: 400;
  font-size: 13pt;
  margin: 0;
}

.ms-tabs-template .ms-thumb-frame p {
  font-size: 10pt;
  margin: 4px 0;
}

.ms-tabs-template .ms-thumb-frame-selected h3 {
  color: #4b8aac;
}

.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
  top: 10px;
  left: 50%;
  background: url(templates/vertical-arrows.png) no-repeat;
  background-position: -11px -6px;
  width: 40px;
  height: 30px;
  margin-left: -20px;
  margin-top: 0;
}

.ms-vertical-template .ms-nav-next {
  top: auto;
  bottom: 10px;
  background-position: -11px -53px;
}

.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
  width: 100%;
  position: absolute;
  top: 0;
  height: 15px;
  cursor: pointer;
  background: url(templates/vertical-arrows.png) no-repeat;
  background-position: 50% -106px;
}

.ms-vertical-template .ms-thumblist-bwd {
  top: auto;
  bottom: 0;
  background-position: 50% -145px;
}

/* .master-slider,
.ms-view{
  width: 100% !important;
  margin: 0 !important;
} */
.master-slider {
  height: 100% !important;
}

.ms-bullets {
  bottom: 2rem !important;
}

.ms-layer {
  color: rgb(255, 255, 255);
  font-family: "Trirong", serif;
  letter-spacing: normal;
  font-weight: 300;
  font-size: 6rem !important;
  line-height: normal;
  white-space: nowrap;
  /*   width: 100% !important; */
  text-align: right;
}
@media (min-width: 768px) {
  .ms-layer {
    font-size: 9rem !important;
  }
}
@media (min-width: 992px) {
  .ms-layer {
    font-size: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .ms-layer {
    font-size: 12rem !important;
  }
}

.ms-parallax-layer .ms-layer-mask .ms-layer {
  line-height: normal !important;
}

.ms-bullets.ms-dir-v {
  display: none;
  position: absolute;
  top: 50%;
  margin: 0 !important;
  right: 0;
  transform: translateY(-50%);
  bottom: auto !important;
  z-index: 3;
}
@media (min-width: 992px) {
  .ms-bullets.ms-dir-v {
    display: block;
  }
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -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);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -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);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  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);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  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);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  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);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  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);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  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);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  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);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  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);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
.form-group.input-material {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.form-group.input-material label {
  color: #555d59;
  font-size: 1.6rem;
  font-weight: 300;
  position: absolute;
  pointer-events: none;
  left: 0.5rem;
  top: 0.5rem;
  transition: 0.2s ease all;
}
.form-group.input-material .form-control {
  border: none;
  border-bottom: 2px solid #6d7872;
  border-radius: 0px;
  background: transparent;
  padding-left: 0.5rem;
  box-shadow: none;
  font-size: 1.6rem;
  /* active state */
  /* invalid state */
}
.form-group.input-material .form-control:focus, .form-group.input-material .form-control[value]:not([value=""]) {
  border-bottom-color: #4E89FF;
  color: #6d7872;
}
.form-group.input-material .form-control:focus ~ label, .form-group.input-material .form-control[value]:not([value=""]) ~ label {
  top: -2rem;
  font-size: 1.4rem;
  color: #4E89FF;
  font-weight: 300;
}
.form-group.input-material .form-control:focus.invalid, .form-group.input-material .form-control.invalid, .form-group.input-material .form-control:focus.parsley-error, .form-group.input-material .form-control[value]:not([value=""]).parsley-error {
  border-bottom-color: #dc3545;
}
.form-group.input-material .form-control:focus.invalid ~ label, .form-group.input-material .form-control.invalid ~ label, .form-group.input-material .form-control:focus.parsley-error ~ label, .form-group.input-material .form-control[value]:not([value=""]).parsley-error ~ label {
  color: #dc3545;
}
.form-group.input-material .parsley-errors-list {
  color: #dc3545;
  list-style: none;
  font-size: 0.7em;
  padding-left: 0.5rem;
}

html {
  font-size: 8px;
  height: 100%;
}
@media (min-width: 992px) {
  html {
    font-size: 9px;
  }
}
@media (min-width: 1140px) {
  html {
    font-size: 10px;
  }
}
html body {
  height: 100%;
  color: #6D7278;
  font-size: 1.8rem;
  overflow-x: hidden;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  font-weight: 300;
  /*  .main{
       max-width: 1600px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 5rem;
   } */
}
html body::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  display: none;
  transition: opacity;
}
html body b,
html body strong {
  font-weight: 700;
}
html body a:active, html body a:focus, html body a:visited {
  opacity: 1;
  transition: opacity 0.2s;
}
html body a:not(.nav-link):not(.btn) {
  font-weight: 500;
}
html body a:hover {
  text-decoration: none;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  margin-bottom: 2rem;
}
html body h2 {
  font-size: 4.5rem;
  color: rgb(0, 145, 255);
}
html body h3 {
  font-size: 5rem;
  margin-bottom: 4rem;
}
html body h4 {
  font-size: 3rem;
}
html body h5 {
  font-size: 2.5rem;
}
html body h6 {
  font-size: 2rem;
}
html body p {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 1rem;
}
html body p.2-column {
  column-count: 2;
}
html body .font-italic {
  font-family: "Trirong", serif;
  font-weight: 300;
}
html body .mh-70rem {
  min-height: 70rem !important;
}
html body .mh-80rem {
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body .mh-80rem {
    min-height: 80rem !important;
  }
}
html body .mh-90rem {
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body .mh-90rem {
    min-height: 90rem !important;
  }
}
html body .bg-grey {
  background: #f5f5f5;
}
html body .font-16 {
  font-size: 1.6rem;
}
html body header .navbar {
  padding: 10px 0;
  background: #fff;
}
html body header .navbar .container-fluid {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
html body header .navbar .navbar-brand h1 {
  margin-bottom: 0;
}
html body header .navbar .navbar-brand h1 img {
  width: 200px;
}
@media (min-width: 1140px) {
  html body header .navbar .navbar-brand h1 img {
    width: 250px;
  }
}
@media (min-width: 1440px) {
  html body header .navbar .navbar-brand h1 img {
    width: auto;
  }
}
html body header .navbar .navbar-brand h1 .img-svg {
  display: inline;
}
html body header .navbar .navbar-brand h1 .img-png {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body header .navbar .navbar-brand h1 .img-svg {
    display: none;
  }
  html body header .navbar .navbar-brand h1 .img-png {
    display: inline;
  }
}
@supports (-ms-ime-align: auto) {
  html body header .navbar .navbar-brand h1 .img-svg {
    display: none;
  }
  html body header .navbar .navbar-brand h1 .img-png {
    display: inline;
  }
}
html body header .navbar nav {
  width: 100%;
}
html body header .navbar nav .navbar-nav {
  padding-top: 1rem;
}
@media (min-width: 992px) {
  html body header .navbar nav .navbar-nav {
    padding-top: 0;
  }
}
html body header .navbar nav .navbar-nav .nav-item {
  background: none;
  padding-left: 0;
}
html body header .navbar nav .navbar-nav .nav-item .nav-link {
  color: #0091FF;
  text-transform: uppercase;
  font-size: 1.6rem;
  padding: 0;
  text-align: center;
  margin: 0.5rem 0;
}
html body header .navbar nav .navbar-nav .nav-item.active .nav-link {
  font-weight: 600;
}
@media (min-width: 992px) {
  html body header .navbar nav .navbar-nav .nav-item {
    margin-right: 1rem;
  }
  html body header .navbar nav .navbar-nav .nav-item .nav-link {
    font-size: 1.5rem;
  }
  html body header .navbar nav .navbar-nav .nav-item:last-of-type {
    margin-right: 0;
  }
}
@media (min-width: 1140px) {
  html body header .navbar nav .navbar-nav .nav-item {
    margin-right: 1.5rem;
  }
  html body header .navbar nav .navbar-nav .nav-item .nav-link {
    font-size: 1.6rem;
  }
}
@media (min-width: 1440px) {
  html body header .navbar nav .navbar-nav .nav-item {
    margin-right: 2rem;
  }
  html body header .navbar nav .navbar-nav .nav-item .nav-link {
    font-size: 1.6rem;
  }
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu {
  margin: 0;
  border: 0;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  padding: 0;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background: none;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu {
  padding: 15px;
  width: 100%;
  border-top: solid 1px #f0f0f0;
  background: #f0f0f0;
  border-radius: 0;
}
@media (min-width: 992px) {
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu {
    padding: 3rem 15px;
    background: #fff;
    margin-top: -2px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.05);
  }
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li {
  text-align: center;
  background: none;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card {
  border: 0 none;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .bg {
  min-height: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 5px;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .bg span {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 300;
  margin: 0;
  padding: 1rem 0.5rem;
  white-space: normal;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 100%);
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .bg span b {
  font-size: 2.6rem;
  display: block;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .card-body {
  padding: 0 15px 1.5rem 15px;
}
@media (min-width: 992px) {
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .card-body {
    padding-bottom: 0;
  }
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .card-body h6 {
  font-family: "Trirong", serif;
  color: rgb(0, 145, 255);
  font-size: 2rem;
  margin: 1.5rem 0;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .card-body ul {
  margin: 0;
  padding: 0;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li .card .card-body ul li {
  font-size: 1.4rem;
  font-weight: 300;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul {
  padding: 0;
  margin: 0;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li {
  margin: 0 0 0.7rem 0;
  list-style: none;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li a, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li a:active, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li a:focus, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li a:visited, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li a:hover {
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 1.428571429;
  color: rgba(0, 0, 0, 0.87);
  white-space: normal;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu li ul li:last-child {
  margin-bottom: 0;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu.disabled a, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu.disabled a:hover, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu.disabled a:focus {
  color: #999999;
}
html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu.disabled a:hover, html body header .navbar nav .navbar-nav .nav-item .dropdown-menu.megamenu.disabled a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .megamenu > li {
    margin-bottom: 30px;
  }
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .megamenu > li:last-child {
    margin-bottom: 0;
  }
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  html body header .navbar nav .navbar-nav .nav-item .dropdown-menu .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
}
html body header .navbar nav .navbar-nav .nav-item.menu-large {
  position: static !important;
}
@media (min-width: 992px) {
  html body header .navbar nav .navbar-nav .nav-item.menu-large.show > a {
    position: relative;
  }
  html body header .navbar nav .navbar-nav .nav-item.menu-large.show > a::after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxpdmVsbG9fMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjIycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDIyIDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMiAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0RTg5RkY7fQo8L3N0eWxlPgo8dGl0bGU+ZnJlY2NpYSBibHUgY29weTwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8dGl0bGU+ZnJlY2NpYSBibHUgY29weTwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEuNzA3NTA0MywwLjI5Mjk2ODhjLTAuMzg5OTkxOC0wLjM5MDYyNS0xLjAyMTc4MTktMC4zOTA2MjUtMS40MTE3NzM3LDBsLTkuMjk1NDg2NSw5LjMxMDU0NjkKCUwxLjcwNDI3LDAuMjkyOTY4OGMtMC4zODk5OTMyLTAuMzkwNjI1LTEuMDIxNzgyLTAuMzkwNjI1LTEuNDExNzc1MSwwcy0wLjM4OTk5MzEsMS4wMjM0Mzc1LDAsMS40MTQwNjI1bDkuOTg0MzEyMSwxMAoJQzEwLjQ3MTgwMjcsMTEuOTAyMzQzOCwxMC43MjcyNDgyLDEyLDEwLjk4MjY5MzcsMTJjMC4wMDU5NzE5LDAsMC4wMTE1Nzg2LTAuMDAzMjk1OSwwLjAxNzU1MDUtMC4wMDM0MTgKCUMxMS4wMDYyMTUxLDExLjk5NjcwNDEsMTEuMDExODIxNywxMiwxMS4wMTc3OTM3LDEyYzAuMjU1NDQ1NSwwLDAuNTEwODkxLTAuMDk3NjU2MiwwLjcwNTg4NzgtMC4yOTI5Njg4bDkuOTgzODIyOC0xMAoJQzIyLjA5NzQ5NzksMS4zMTY0MDYyLDIyLjA5NzQ5NzksMC42ODM1OTM4LDIxLjcwNzUwNDMsMC4yOTI5Njg4eiIvPgo8L3N2Zz4K);
    position: absolute;
    left: 50%;
    bottom: -3rem;
    transform: translateX(-50%);
  }
}
html body header .navbar nav .navbar-nav .nav-item .btn {
  margin: 0.5rem 0;
}
html body header .navbar nav .navbar-nav .nav-item .btn.active {
  font-size: 2.4rem;
  padding: 1rem 2.5rem;
  border-radius: 12px;
}
html body header .navbar nav .navbar-nav + .navbar-nav {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: solid 1px #f0f0f0;
}
@media (min-width: 992px) {
  html body header .navbar nav .navbar-nav + .navbar-nav {
    margin-top: 1rem;
    padding-top: 0;
    border-top: 0 none;
  }
}
@media (max-width: 991px) {
  html body header .navbar-collapse.show {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
  }
}
html body section {
  padding-top: 10rem;
  padding-bottom: 10rem;
  transition: filter 0.2s linear;
}
html body section .container-fluid {
  max-width: 1600px;
}
html body section.splash {
  height: 100%;
  padding: 0;
  position: relative;
  margin-bottom: 1px;
  min-height: 700px;
}
html body section.splash > .d-flex {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* .flex-grow-1{
      padding-top: 110px;

  } */
}
html body section.splash > .d-flex .animated {
  font-size: 5rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 2rem;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
}
html body section.splash > .d-flex .animated:nth-child(2) {
  animation-delay: 0.8s;
  margin-top: 0;
}
html body section.splash > .d-flex .animated:nth-child(3) {
  animation-delay: 1.1s;
  margin-top: 0;
}
html body section.splash > .d-flex .animated:nth-child(4) {
  animation-delay: 1.4s;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media (min-height: 500px) and (orientation: landscape) {
  html body section.splash > .d-flex .animated {
    font-size: 8rem;
  }
}
@media (min-width: 768px) and (min-height: 700px) {
  html body section.splash > .d-flex .animated {
    font-size: 8rem;
  }
}
@media (min-width: 992px) and (min-height: 700px) {
  html body section.splash > .d-flex .animated {
    font-size: 10rem;
  }
}
@media (min-width: 1140px) and (min-height: 700px) {
  html body section.splash > .d-flex .animated {
    font-size: 11rem;
  }
}
html body section.splash > .d-flex .animated.fadeIn {
  font-size: 6rem;
  font-weight: 500;
  text-align: center;
  animation-delay: 1.5s;
}
@media (min-width: 768px) {
  html body section.splash > .d-flex .animated.fadeIn {
    font-size: 8.8rem;
  }
}
html body section.splash > .d-flex .animated.fadeIn small {
  display: block;
  font-size: 4rem;
  margin-bottom: 2rem;
  line-height: 1.2;
}
html body section.splash > .d-flex .animated.font-exo {
  font-family: "Exo", sans-serif;
}
html body section.splash > .d-flex .justify-content-start .animated {
  font-size: 3.7rem;
  font-weight: 400;
}
html body section.splash .flex-grid .item {
  flex: 0 0 100%;
  background-image: url(../img/trescore.jpg);
  height: auto;
  border-top: solid 1px #fff;
}
@media (min-width: 768px) {
  html body section.splash .flex-grid .item {
    flex: 0 0 25%;
    min-height: 20rem;
    border-top: 0 none;
  }
}
html body section.splash .flex-grid .item:nth-child(2) {
  background-image: url(../img/gazzaniga.jpg);
}
html body section.splash .flex-grid .item:nth-child(3) {
  background-image: url(../img/cernusco.jpg);
}
html body section.splash .flex-grid .item:nth-child(4) {
  background-image: url(../img/calcinate.jpg);
}
html body section.splash .flex-grid .item .d-flex {
  height: 100%;
  padding: 15px;
}
html body section.splash .flex-grid .item h4 {
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  position: relative;
  margin: 0;
}
html body section.splash .flex-grid .item h4 b {
  font-size: 2.6rem;
  display: block;
}
@media (min-width: 992px) {
  html body section.splash .flex-grid .item h4 {
    padding-left: 60px;
  }
  html body section.splash .flex-grid .item h4::before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI2NnB4IiB2aWV3Qm94PSIwIDAgNDggNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5GaWxsIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSE9NRS1HRU5FUkFMRSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwMC4wMDAwMDAsIC04MDUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJTTElERVIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzYuMDAwMDAwLCAxMDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iM19TTEhfTUFISV8yNTk1LTAwMl9CTiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU2LjAwMDAwMCwgNTk4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00NC4wMSwxNDcuMSBDMzQuNiwxNDcuMSAyNi45NSwxMzkuNDUxIDI2Ljk1LDEzMC4wNSBDMjYuOTUsMTIwLjY1IDM0LjYsMTEzIDQ0LjAxLDExMyBDNTMuNDEsMTEzIDYxLjA2LDEyMC42NSA2MS4wNiwxMzAuMDUgQzYxLjA2LDEzOS40NTEgNTMuNDEsMTQ3LjEgNDQuMDEsMTQ3LjEgTTQ0LjAxLDEwNSBDMzAuNzcsMTA1IDIwLDExNi4xMjEgMjAsMTI5Ljc5IEMyMCwxNDMuMTQxIDQyLjMsMTY5LjUzMSA0My4yNCwxNzAuNjQxIEM0My40MywxNzAuODcxIDQzLjcxLDE3MSA0NC4wMSwxNzEgQzQ0LjMsMTcxIDQ0LjU4LDE3MC44NzEgNDQuNzcsMTcwLjY0MSBDNDUuNzIsMTY5LjUzMSA2OC4wMSwxNDMuMTQxIDY4LjAxLDEyOS43OSBDNjguMDEsMTE2LjEyMSA1Ny4yNCwxMDUgNDQuMDEsMTA1IiBpZD0iRmlsbC0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    width: 48px;
    height: 66px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: bottom 0.2s ease-in-out;
  }
}
html body section.splash .flex-grid .item a:hover h4::before {
  bottom: 8px;
}
html body section.splash.splash-mini {
  height: 60vh;
  min-height: 70rem;
}
html body section.brick {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
html body section.brick .container-fluid:first-child {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  html body section.brick .container-fluid:first-child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    max-width: none;
  }
  html body section.brick .container-fluid:first-child .row {
    justify-content: flex-end;
  }
  html body section.brick .bg {
    position: relative;
  }
  html body section.brick .bg:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  }
}
html body section.brick .bg {
  height: 30vh;
}
@media (min-width: 768px) {
  html body section.brick .bg {
    height: 50vh;
    min-height: 65rem;
  }
}
html body section.brick .col-12 .d-flex {
  padding-top: 5rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  html body section.brick .col-12 .d-flex {
    height: 50vh;
    min-height: 65rem;
    padding-bottom: 5rem;
  }
}
html body section.brick .col-12 .d-flex h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 3.5rem;
}
@media (min-width: 768px) {
  html body section.brick .col-12 .d-flex h2 {
    font-size: 4.9rem;
  }
}
html body section.brick .col-12 .d-flex p {
  /* color: $default-color;
  font-weight: 500; */
  /* color: rgba(0,0,0,.7); */
  color: #6D7278;
  font-weight: 400;
}
html body section.brick .col-12 .d-flex div span {
  display: block;
  font-size: 3.2rem;
  font-weight: 300;
  margin-bottom: 2rem;
  color: rgb(0, 145, 255);
}
html body section.brick .col-12 .d-flex div .btn {
  margin-bottom: 1rem;
  margin-right: 1rem;
}
html body section.brick .col-12 .d-flex div .btn:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  html body section.brick .col-12 .d-flex div .btn {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  html body section.brick:nth-child(even) .container-fluid:first-child .row {
    justify-content: flex-start;
  }
  html body section.brick:nth-child(even) .bg:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  }
  html body section.brick:nth-child(even) .container-fluid:last-of-type .row {
    justify-content: flex-end;
  }
}
html body section.intro {
  text-align: center;
}
html body section .flex-grid {
  display: flex;
  flex-wrap: wrap;
}
html body section .flex-grid .item {
  flex: 0 0 100%;
}
@media (min-width: 576px) {
  html body section .flex-grid .item {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  html body section .flex-grid .item {
    flex: 0 0 33.3333%;
  }
}
@media (min-width: 1140px) {
  html body section .flex-grid .item {
    flex: 0 0 25%;
  }
}
@media (min-width: 992px) {
  html body section .flex-grid.flex-grid-3 .item {
    flex: 0 0 33.3333%;
  }
}
@media (min-width: 992px) {
  html body section .flex-grid.flex-grid-2 .item {
    flex: 0 0 50%;
  }
}
html body section.news {
  background-image: url(../img/news-home.jpg);
}
html body section.news .item {
  padding: 15px;
}
html body section.news .item .card {
  border: 0 none;
  border-radius: 0;
  height: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body section.news .item .card {
    display: block;
    height: auto;
  }
}
html body section.news .item .card .badge-group {
  margin-bottom: 1rem;
}
html body section.news .item .card picture {
  pointer-events: none;
}
html body section.news .item .card picture img {
  max-width: 100%;
  height: auto;
}
html body section.news .item .card time {
  color: #3ACBE0;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
}
html body section.news .item .card h5 {
  color: rgb(0, 145, 255);
  font-size: 2.6rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
html body section.news .item .card p {
  color: #6D7278;
  font-weight: 300;
  font-size: 1.6rem;
}
html body section.news .item .card p:last-of-type {
  margin: 0;
}
html body section.news .item .card:after {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzlweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMzkgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5mcmVjY2lhIGJsdSBjb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC44NDYzMDc2NjQiPgogICAgICAgIDxnIGlkPSJIT01FLUdFTkVSQUxFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUxLjAwMDAwMCwgLTUxMjIuMDAwMDAwKSIgZmlsbD0iIzRFODlGRiI+CiAgICAgICAgICAgIDxnIGlkPSJuZXdzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDQ2Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzUuMDAwMDAwLCAyNjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImZyZWNjaWEtYmx1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzYuMDAwMDAwLCAzODkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJmcmVjY2lhIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNy40MjIxNDE2LDE1LjcxODczNzkgQzMzLjcxMjM2MTEsMTkuNTE5MzEzNSAyOS45OTExMjAzLDIzLjMwODE2NTQgMjYuMjkyMjk0NiwyNy4xMTk2MDI4IEMyNS43Njg4MjY1LDI3LjY1ODcyNDUgMjUuMjAwNjk2OSwyNy44NDc4NTY4IDI0LjU0OTMxMTIsMjcuNTU5NTg5NiBDMjMuNjYyNjUxNCwyNy4xNjczNiAyMy41NzI4MjI2LDI2LjA2NjcwMzMgMjQuMzUyNDYyOSwyNS4yNTg5Njg5IEMyNS44NTE1NzY5LDIzLjcwNTczOTcgMjcuMzcxNzU3NywyMi4xNzQwNjE1IDI4Ljg4MDgxNTMsMjAuNjMwNjU5NSBDMzAuNTA1OTkzLDE4Ljk2OTE1NzYgMzIuMTI4MzA1NywxNy4zMDQ1NTI0IDMzLjk0ODMwOTMsMTUuNDQwMTI1NiBMMzIuNzk0ODU5NSwxNS40NDAxMjU2IEMyMi42ODczNDI1LDE1LjQ0MDEyNTYgMTIuNTc5ODI1NSwxNS40MzMyMjkyIDIuNDcyNDc3MDYsMTUuNDUyODgzOCBDMS42NTQ5MTY0MSwxNS40NTQ2MDc5IDAuOTk3ODAwNTYxLDE1LjI4NzAyNjcgMC41Njc4NjkxNjEsMTQuNTM0MTE4MyBDMC40Mzk2MTQ0MzksMTQuMjQxODg1NiAwLjQ1MTI0MzMxNiwxMy45MzI3NTcgMC41Njc4NjkxNjEsMTMuNjcyMDc1MiBDMC45OTIyMzg5MjQsMTIuOTA0Njg0NCAxLjY1NjkzODgyLDEyLjc1MTc1NzkgMi40NzQ2NjgwMSwxMi43NTMzMDk2IEMxMi41NTQwMzk3LDEyLjc3Mjk2NDIgMjIuNjMzNTgsMTIuNzY2MDY3OCAzMi43MTI5NTE4LDEyLjc2NjA2NzggTDMzLjkzNTY2OTIsMTIuNzY2MDY3OCBDMzMuNTczMTUxNiwxMi4zODI2MzExIDMzLjM3NDc4NjYsMTIuMTY3MTIwMyAzMy4xNzAzNTQzLDExLjk1ODE2MTEgQzMwLjMxMjE3ODQsOS4wMzI3MzE1NyAyNy40NTI5OTE0LDYuMTA4NTA4OTUgMjQuNTk0NjQ3LDMuMTgzNDI0MjkgQzI0LjQzNjA1NiwzLjAyMTE4Nzc4IDI0LjI2Njg0NzQsMi44NjYzNjQ4NCAyNC4xMjgxNDM2LDIuNjg3NDA0NjkgQzIzLjY4Mjg3NTYsMi4xMTI1OTQzNSAyMy43MjM4Mjk0LDEuNDE2NDA4MzMgMjQuMjE4OTgzNywwLjg5OTY5OTY5NyBDMjQuNjYwNTQzOSwwLjQzOTE5NjI3MSAyNS40NzUwNzEsMC4zODI4MTg2NTIgMjUuOTgzNTM5NCwwLjc5NTU2NDg5IEMyNi4xODAyMTkxLDAuOTU1MjE1MjczIDI2LjM0NjM5NDEsMS4xNTQzNDcyMyAyNi41MjUwNDA2LDEuMzM2OTI3OTYgQzMwLjE3ODE5MzUsNS4wNzM1NCAzMy44MzI2OTQ3LDguODA4OTQ1MTggMzcuNDgyNDc2OSwxMi41NDkwMDU0IEMzNy44MzI2OTE1LDEyLjkwNzk2MDEgMzguMTUzNTgxMSwxMy4yOTY5MTQgMzguNDg4MTIyLDEzLjY3MjA3NTIgQzM4LjY5ODI4NDUsMTMuOTI4OTY0IDM4Ljc0NDQ2MjksMTQuMjcyMjI5NiAzOC40ODgxMjIsMTQuNTM0MTE4MyBDMzguMTMzNTI1NSwxNC45Mjk2MjM2IDM3Ljc5MjU4MDMsMTUuMzM5MjY2NSAzNy40MjIxNDE2LDE1LjcxODczNzkgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  width: 39px;
  height: 28px;
  margin: 0 15px 15px 15px;
  align-self: flex-end;
}
html body section.structure .row {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  html body section.structure .row {
    margin-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  html body section.structure .row {
    margin-bottom: 10rem;
  }
}
html body section.structure .row:last-child {
  margin-bottom: 0;
}
html body section.structure .row p {
  margin-bottom: 0;
}
html body section.number .col-12 {
  margin: 1rem 0;
}
html body section.number .col-12 span {
  font-size: 2rem;
  font-weight: 500;
}
html body section.number .col-12 span b {
  font-size: 10rem;
  line-height: 1;
}
html body section.number::after {
  content: "";
  width: 100%;
  height: 15rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  display: block;
  position: absolute;
  bottom: 0;
}
html body section.contacts address {
  margin-bottom: 3rem;
  text-align: center;
}
html body section.contacts .singlegmap {
  height: 50vh;
  min-height: 65rem;
  margin-bottom: 3rem;
}
html body section.contacts .telephone {
  margin-top: 3rem;
}
html body section.contacts .telephone .title-3 {
  margin-bottom: 3rem;
}
html body section.contacts .telephone .title-3 + .text-center {
  margin-bottom: 3rem;
}
html body section.contacts .telephone svg, html body section.contacts .telephone p.display-1 {
  display: inline-block;
}
html body section.contacts .telephone svg {
  margin-right: 3rem;
}
html body section.contacts .telephone p.display-1 {
  margin-bottom: 0;
  position: relative;
  top: 1rem;
}
html body section.contacts .telephone .accordion {
  margin-top: 3rem;
  margin-bottom: 0;
}
html body section.contacts .telephone .accordion .card-header h4 .btn svg {
  right: -1rem;
}
html body section.other .item {
  padding: 15px;
}
@media (min-width: 992px) {
  html body section.other .item {
    padding-top: 0;
    padding-bottom: 0;
  }
}
html body section.other .item .card {
  border: 0 none;
  height: 100%;
}
html body section.other .item .card h5 {
  font-weight: 300;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}
html body section.other .item .card.trescore {
  background: rgb(0, 58, 154);
}
html body section.other .item .card.gazzaniga {
  background: rgb(4, 117, 71);
}
html body section.other .item .card.cassano {
  background: rgb(178, 56, 80);
}
html body section.other .item .card.calcinate {
  background: rgb(232, 107, 43);
}
html body section.equipe {
  padding-top: 0;
  padding-bottom: 0;
  /* .col-12{
      text-align: center;
      figure{
          margin: 2rem 0 0 0;
          img{
              max-width: 200px;
          }
      }
  } */
}
html body section.equipe #carouselEquipe .carousel-item {
  height: 50vh;
  min-height: 65rem;
}
@media (min-width: 1140px) {
  html body section.equipe #carouselEquipe .carousel-item {
    height: 65vh;
  }
}
html body section.equipe .accordion {
  margin-top: 3rem;
  margin-bottom: 0;
}
html body section.equipe .accordion .card-header h4 .btn svg {
  right: -1rem;
}
html body section.equipe .accordion .col-12 p {
  font-weight: 300;
  margin-bottom: 2rem;
}
html body section.research .col-md-6 .d-block {
  text-align: center;
}
html body section.research .col-md-6 .d-block b {
  font-size: 10rem;
  line-height: 1.2;
}
html body section .telephone .col-md-6 p {
  margin-bottom: 2rem;
}
html body section .telephone .col-md-6 p, html body section .telephone .col-md-6 p a, html body section .telephone .col-md-6 p a:focus, html body section .telephone .col-md-6 p a:visited, html body section .telephone .col-md-6 p a:active {
  font-weight: 300;
}
html body section#services .alert:not(a) {
  padding: 2rem;
  border: solid 5px;
  border-radius: 3rem;
  transition: border-color 0.2s;
}
html body section#services .alert:not(a) a[data-toggle=collapse], html body section#services .alert:not(a) a[data-toggle=collapse]:active, html body section#services .alert:not(a) a[data-toggle=collapse]:visited, html body section#services .alert:not(a) a[data-toggle=collapse]:focus, html body section#services .alert:not(a) a[data-toggle=collapse]:hover {
  position: relative;
  display: block;
  font-size: 2.7rem;
  padding-right: calc(4rem + 17px);
  text-transform: uppercase;
  transition: border-color 0.3s;
  font-weight: 500;
}
html body section#services .alert:not(a) a[data-toggle=collapse] svg {
  display: block;
  height: 17px;
  width: 26px;
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.2s linear;
}
html body section#services .alert:not(a) a[data-toggle=collapse].collapsed svg {
  transform: translateY(-50%) rotate(0);
}
html body section#services .alert:not(a) .collapse .card-body, html body section#services .alert:not(a) .collapsing .card-body {
  padding: 2rem 0 0 0;
  border: 0 none;
  color: #6D7278;
}
html body section#services .alert:not(a).pe-none span {
  font-size: 2.7rem;
  text-transform: uppercase;
  font-weight: 500;
}
html body .modal-backdrop.show {
  opacity: 0.75;
}
html body .modal .modal-header {
  display: inline;
  text-align: center;
}
html body .modal .modal-header h5.modal-title {
  color: #0091FF;
  font-size: 3rem;
}
html body .modal .modal-header button.close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 3rem;
  outline: none !important;
}
html body .modal .modal-body {
  padding: 3rem;
}
html body .modal .modal-body * {
  font-size: 1.4rem;
}
html body .modal .accordion .card {
  /* .card-header{
      padding: 2rem;

      button{
          font-size: 2.2rem;
          padding: 0;
          width: 100%;
          text-align: left;
      }
  } */
}
html body .modal .accordion .card .card-body .pdf-list li:last-of-type {
  padding-bottom: 0;
}
html body .modal.modal-clear .modal-content {
  border: 0 none;
  background: none;
}
html body .modal.modal-clear .modal-content .modal-header {
  border-bottom: 0 none;
}
html body .modal.modal-clear .modal-content .modal-header .close {
  text-shadow: none;
}
html body .modal.modal-clear .modal-content .modal-header .close span {
  color: #fff !important;
}
html body .modal.modal-clear .modal-content .modal-body {
  padding: 10px 15px;
}
html body footer {
  background: #D7D7D7;
}
html body footer .bg {
  height: 30vh;
  min-height: 40rem;
  background-image: url(../img/footer-bg.jpg);
}
html body footer .bg .col {
  justify-content: flex-end;
  text-align: right;
}
html body footer .bg .col p {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 15px;
}
html body footer .bg .col p span {
  font-size: 2.6rem;
  display: block;
  margin-top: 2rem;
}
html body footer .container-fluid {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
html body footer .container-fluid p {
  text-align: center;
  margin: 0.5rem 0;
  font-size: 1.2rem;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  html body footer .container-fluid p {
    text-align: left;
  }
}
html body footer .container-fluid a, html body footer .container-fluid a:hover, html body footer .container-fluid a:visited, html body footer .container-fluid a:active, html body footer .container-fluid a:focus {
  color: rgba(0, 0, 0, 0.5) !important;
}
html body footer .container-fluid nav {
  text-align: center;
  font-size: 1.2rem;
  margin: 0.5rem 0;
}
@media (min-width: 992px) {
  html body footer .container-fluid nav {
    text-align: right;
  }
}
html body footer .container-fluid nav ul {
  list-style: none;
  margin: 0;
}
html body footer .container-fluid nav ul li {
  display: inline-block;
  font-style: italic;
  background: none;
  padding-left: 0;
  margin-right: 1.5rem;
}
html body footer .container-fluid nav ul li:last-child {
  margin-right: 0;
}
html body .c-hamburger {
  display: block;
  border-radius: 0;
  position: relative;
  top: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  background: none;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s, top 0.3s;
}
html body .c-hamburger:focus {
  outline: none;
}
html body .c-hamburger span {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  height: 2px;
  width: 25px;
  background: rgb(0, 0, 0);
  transition: background 0.3s;
}
html body .c-hamburger span::before, html body .c-hamburger span::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: rgb(0, 0, 0);
}
html body .c-hamburger span::before {
  top: -7px;
}
html body .c-hamburger span::after {
  bottom: -7px;
}
html body .c-hamburger.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
html body .c-hamburger.c-hamburger--htx span::before {
  transform: rotate(0);
  transition: top 0.3s 0.3s, transform 0.3s 0s;
}
html body .c-hamburger.c-hamburger--htx span::after {
  transform: rotate(0);
  transition: bottom 0.3s 0.3s, transform 0.3s 0s;
}
html body.menuopenuser .modal-backdrop {
  display: none;
}
html body.menuopenuser .c-hamburger--htx span {
  background: none;
  transition: background 0s 0.3s;
}
html body.menuopenuser .c-hamburger--htx span::before {
  top: 0;
  transform: rotate(45deg);
  transition: background 0.3s 0s, top 0.3s 0s, transform 0.3s 0.3s;
}
html body.menuopenuser .c-hamburger--htx span::after {
  bottom: 0;
  transform: rotate(-45deg);
  transition: background 0.3s 0s, bottom 0.3s 0s, transform 0.3s 0.3s;
}
html body.megamenu::after {
  display: block;
  opacity: 0.6;
}
html body.megamenu section, html body.megamenu footer {
  filter: blur(3px);
}
html body.trescore a:not(.nav-link):not(.btn) {
  color: rgb(0, 58, 154);
}
html body.trescore a.alert {
  border-color: rgba(0, 58, 154, 0.4);
  color: rgb(0, 58, 154);
}
html body.trescore a.alert:hover {
  border-color: rgb(0, 58, 154);
}
html body.trescore a.alert svg {
  fill: rgb(0, 58, 154);
}
html body.trescore .title-1,
html body.trescore .title-2,
html body.trescore .title-3 {
  color: rgb(0, 58, 154);
}
html body.trescore section.number {
  background-image: url(../img/trescore-numeri.jpg);
  margin-bottom: 5rem;
}
html body.trescore section.number span {
  color: rgb(0, 58, 154);
}
html body.trescore section.structure {
  background-image: url(../img/trescore-struttura.jpg);
}
html body.trescore section.equipe {
  /* background: linear-gradient(to bottom, rgba(69,112,182,1) 0%,rgba(137,175,237,1) 100%);
  .title-1,
  .title-3{
      color: #fff;
  } */
}
html body.trescore section.equipe .col-12 .figure-caption {
  color: #fff;
}
html body.trescore section.equipe .col-12 .figure-caption b {
  display: block;
  font-size: 2rem;
}
html body.trescore section.research {
  background-image: url(../img/trescore-ricerca.jpg);
}
html body.trescore section.other {
  background-image: url(../img/trescore-altre-strutture.jpg);
}
html body.trescore .accordion .card {
  border-color: rgba(0, 58, 154, 0.4) !important;
}
html body.trescore .accordion .card h4, html body.trescore .accordion .card .btn {
  color: rgb(0, 58, 154);
}
html body.trescore .accordion .card svg {
  fill: rgb(0, 58, 154);
}
html body.trescore .telephone svg {
  fill: rgb(0, 58, 154);
}
html body.trescore .telephone p.display-1, html body.trescore .telephone p.display-1 a, html body.trescore .telephone p.display-1 a:focus, html body.trescore .telephone p.display-1 a:visited, html body.trescore .telephone p.display-1 a:active, html body.trescore .telephone p.display-1 a:hover {
  color: rgb(0, 58, 154);
}
html body.trescore .nav-tabs {
  border-color: rgba(0, 58, 154, 0.4);
}
html body.trescore .nav-tabs .nav-link {
  color: rgb(0, 58, 154);
  border-bottom-color: rgba(0, 58, 154, 0.4) !important;
}
html body.trescore .nav-tabs .nav-link.active, html body.trescore .nav-tabs .nav-link.active:hover {
  border-color: rgba(0, 58, 154, 0.4) !important;
}
html body.trescore .tab-content,
html body.trescore .nav-link.active {
  background: rgb(235, 240, 247);
}
html body.trescore .card-soup .card {
  border-color: rgba(0, 58, 154, 0.4);
}
html body.trescore .card-soup .card .card-header .card-title .accordion-toggle {
  color: rgb(0, 58, 154);
}
html body.trescore .card-soup .card .card-header .card-title .accordion-toggle svg {
  fill: rgb(0, 58, 154);
}
html body.trescore .card-soup + .col {
  background: rgb(235, 240, 247);
}
html body.trescore .btn-more {
  color: rgb(0, 58, 154);
}
html body.trescore .btn-more::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSI+PHBhdGggZD0iTTMwLjIgMTRoLTUuNHYxMS4ySDE0djUuNmgxMC44VjQyaDUuNFYzMC44SDQxdi01LjZIMzAuMlYxNHpNMjcuNSAwQzEyLjMyIDAgMCAxMi4zMiAwIDI3LjVTMTIuMzIgNTUgMjcuNSA1NSA1NSA0Mi42OCA1NSAyNy41IDQyLjY4IDAgMjcuNSAwem0wIDUzQzEzLjQ0MyA1MyAyIDQxLjU1NyAyIDI3LjVTMTMuNDQzIDIgMjcuNSAyIDUzIDEzLjQ0MyA1MyAyNy41IDQxLjU1NyA1MyAyNy41IDUzeiIgZmlsbD0iIzAwM2E5YSIvPjwvc3ZnPg==);
}
html body.gazzaniga a:not(.nav-link):not(.btn) {
  color: rgb(4, 117, 71);
}
html body.gazzaniga a.alert {
  border-color: rgba(4, 117, 71, 0.4);
  color: rgb(4, 117, 71);
}
html body.gazzaniga a.alert:hover {
  border-color: rgb(4, 117, 71);
}
html body.gazzaniga a.alert svg {
  fill: rgb(4, 117, 71);
}
html body.gazzaniga .title-1,
html body.gazzaniga .title-2,
html body.gazzaniga .title-3 {
  color: rgb(4, 117, 71);
}
html body.gazzaniga section.number {
  background-image: url(../img/gazzaniga-numeri.jpg);
}
html body.gazzaniga section.number span {
  color: rgb(4, 117, 71);
}
html body.gazzaniga section.structure {
  background-image: url(../img/gazzaniga-struttura.jpg);
}
html body.gazzaniga section.equipe {
  /* background: linear-gradient(to bottom, rgb(4, 117, 71) 0%,rgb(67, 168, 127) 100%); */
  /* .title-1,
  .title-3{
      color: #fff;
  } */
}
html body.gazzaniga section.equipe .col-12 .figure-caption {
  color: #fff;
}
html body.gazzaniga section.equipe .col-12 .figure-caption b {
  display: block;
  font-size: 2rem;
}
html body.gazzaniga section.research {
  background-image: url(../img/gazzaniga-ricerca.jpg);
}
html body.gazzaniga section.other {
  background-image: url(../img/gazzaniga-altre-strutture.jpg);
}
html body.gazzaniga .accordion .card {
  border-color: rgba(4, 117, 71, 0.4) !important;
}
html body.gazzaniga .accordion .card h4, html body.gazzaniga .accordion .card .btn {
  color: rgb(4, 117, 71);
}
html body.gazzaniga .accordion .card svg {
  fill: rgb(4, 117, 71);
}
html body.gazzaniga .telephone svg {
  fill: rgb(4, 117, 71);
}
html body.gazzaniga .telephone p.display-1, html body.gazzaniga .telephone p.display-1 a, html body.gazzaniga .telephone p.display-1 a:focus, html body.gazzaniga .telephone p.display-1 a:visited, html body.gazzaniga .telephone p.display-1 a:active, html body.gazzaniga .telephone p.display-1 a:hover {
  color: rgb(4, 117, 71);
}
html body.gazzaniga .nav-tabs {
  border-color: rgba(4, 117, 71, 0.4);
}
html body.gazzaniga .nav-tabs .nav-link {
  color: rgb(4, 117, 71);
  border-bottom-color: rgba(4, 117, 71, 0.4) !important;
}
html body.gazzaniga .nav-tabs .nav-link.active, html body.gazzaniga .nav-tabs .nav-link.active:hover {
  border-color: rgba(4, 117, 71, 0.4) !important;
}
html body.gazzaniga .tab-content,
html body.gazzaniga .nav-link.active {
  background: #DDEAE4;
}
html body.gazzaniga .card-soup .card {
  border-color: rgba(4, 117, 71, 0.4);
}
html body.gazzaniga .card-soup .card .card-header .card-title .accordion-toggle {
  color: rgb(4, 117, 71);
}
html body.gazzaniga .card-soup .card .card-header .card-title .accordion-toggle svg {
  fill: rgb(4, 117, 71);
}
html body.gazzaniga .card-soup + .col {
  background: #DDEAE4;
}
html body.gazzaniga .btn-more {
  color: rgb(4, 117, 71);
}
html body.gazzaniga .btn-more::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSI+PHBhdGggZD0iTTMwLjIgMTRoLTUuNHYxMS4ySDE0djUuNmgxMC44VjQyaDUuNFYzMC44SDQxdi01LjZIMzAuMlYxNHpNMjcuNSAwQzEyLjMyIDAgMCAxMi4zMiAwIDI3LjVTMTIuMzIgNTUgMjcuNSA1NSA1NSA0Mi42OCA1NSAyNy41IDQyLjY4IDAgMjcuNSAwem0wIDUzQzEzLjQ0MyA1MyAyIDQxLjU1NyAyIDI3LjVTMTMuNDQzIDIgMjcuNSAyIDUzIDEzLjQ0MyA1MyAyNy41IDQxLjU1NyA1MyAyNy41IDUzeiIgZmlsbD0iIzA0NzU0NyIvPjwvc3ZnPg==);
}
html body.cassano a:not(.nav-link):not(.btn) {
  color: rgb(178, 56, 80);
}
html body.cassano a.alert {
  border-color: rgba(178, 56, 80, 0.4);
  color: rgb(178, 56, 80);
}
html body.cassano a.alert:hover {
  border-color: rgb(178, 56, 80);
}
html body.cassano a.alert svg {
  fill: rgb(178, 56, 80);
}
html body.cassano #services .alert:not(a) {
  border-color: rgba(178, 56, 80, 0.4);
  color: rgb(178, 56, 80);
}
html body.cassano #services .alert:not(a) svg {
  fill: rgb(178, 56, 80);
}
html body.cassano #services .alert:not(a):hover {
  border-color: rgb(178, 56, 80);
}
html body.cassano .title-1,
html body.cassano .title-2,
html body.cassano .title-3 {
  color: rgb(178, 56, 80);
}
html body.cassano section.number {
  background-image: url(../img/cernusco-numeri.jpg);
}
html body.cassano section.number span {
  color: rgb(178, 56, 80);
}
html body.cassano section.structure {
  background-image: url(../img/cernusco-struttura.jpg);
}
html body.cassano section.equipe {
  /* background: linear-gradient(to bottom, rgba(151, 22, 22, .8) 0%,rgba(1151, 22, 22, .4) 100%);
  .title-1,
  .title-3{
      color: #fff;
  } */
}
html body.cassano section.equipe .col-12 .figure-caption {
  color: #fff;
}
html body.cassano section.equipe .col-12 .figure-caption b {
  display: block;
  font-size: 2rem;
}
html body.cassano section.research {
  background-image: url(../img/cernusco-ricerca.jpg);
}
html body.cassano section.other {
  background-image: url(../img/cernusco-altre-strutture.jpg);
}
html body.cassano .accordion .card {
  border-color: rgba(178, 56, 80, 0.4) !important;
}
html body.cassano .accordion .card h4, html body.cassano .accordion .card .btn {
  color: rgb(178, 56, 80);
}
html body.cassano .accordion .card svg {
  fill: rgb(178, 56, 80);
}
html body.cassano .telephone svg {
  fill: rgb(178, 56, 80);
}
html body.cassano .telephone p.display-1, html body.cassano .telephone p.display-1 a, html body.cassano .telephone p.display-1 a:focus, html body.cassano .telephone p.display-1 a:visited, html body.cassano .telephone p.display-1 a:active, html body.cassano .telephone p.display-1 a:hover {
  color: rgb(178, 56, 80);
}
html body.cassano .nav-tabs {
  border-color: rgba(178, 56, 80, 0.4);
}
html body.cassano .nav-tabs .nav-link {
  color: rgb(178, 56, 80);
  border-bottom-color: rgba(178, 56, 80, 0.4) !important;
}
html body.cassano .nav-tabs .nav-link.active, html body.cassano .nav-tabs .nav-link.active:hover {
  border-color: rgba(178, 56, 80, 0.4) !important;
}
html body.cassano .tab-content,
html body.cassano .nav-link.active {
  background: rgb(235, 222, 222);
}
html body.cassano .card-soup .card {
  border-color: rgba(178, 56, 80, 0.4);
}
html body.cassano .card-soup .card .card-header .card-title .accordion-toggle {
  color: rgb(178, 56, 80);
}
html body.cassano .card-soup .card .card-header .card-title .accordion-toggle svg {
  fill: rgb(178, 56, 80);
}
html body.cassano .card-soup + .col {
  background: rgb(235, 222, 222);
}
html body.cassano .card-soup .btn-more {
  color: rgb(178, 56, 80);
}
html body.cassano .card-soup .btn-more::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSI+PHBhdGggZD0iTTMwLjIgMTRoLTUuNHYxMS4ySDE0djUuNmgxMC44VjQyaDUuNFYzMC44SDQxdi01LjZIMzAuMlYxNHpNMjcuNSAwQzEyLjMyIDAgMCAxMi4zMiAwIDI3LjVTMTIuMzIgNTUgMjcuNSA1NSA1NSA0Mi42OCA1NSAyNy41IDQyLjY4IDAgMjcuNSAwem0wIDUzQzEzLjQ0MyA1MyAyIDQxLjU1NyAyIDI3LjVTMTMuNDQzIDIgMjcuNSAyIDUzIDEzLjQ0MyA1MyAyNy41IDQxLjU1NyA1MyAyNy41IDUzeiIgZmlsbD0iIzk3MTYxNiIvPjwvc3ZnPg==);
}
html body.calcinate a:not(.nav-link):not(.btn) {
  color: rgb(232, 107, 43);
}
html body.calcinate a.alert {
  border-color: rgba(232, 107, 43, 0.4);
  color: rgb(232, 107, 43);
}
html body.calcinate a.alert:hover {
  border-color: rgb(232, 107, 43);
}
html body.calcinate a.alert svg {
  fill: rgb(232, 107, 43);
}
html body.calcinate #services .alert:not(a) {
  border-color: rgba(232, 107, 43, 0.4);
  color: rgb(232, 107, 43);
}
html body.calcinate #services .alert:not(a) svg {
  fill: rgb(232, 107, 43);
}
html body.calcinate #services .alert:not(a):hover {
  border-color: rgb(232, 107, 43);
}
html body.calcinate .title-1,
html body.calcinate .title-2,
html body.calcinate .title-3 {
  color: rgb(232, 107, 43);
}
html body.calcinate section.number {
  position: relative;
  background-image: url(../img/calcinate-numeri.jpg);
}
html body.calcinate section.number .container-fluid {
  position: relative;
  z-index: 1;
}
html body.calcinate section.number span {
  color: rgb(232, 107, 43);
}
html body.calcinate section.number::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
}
html body.calcinate section.structure {
  background-image: url(../img/calcinate-struttura.jpg);
}
html body.calcinate section.equipe {
  /* background: linear-gradient(to bottom, rgba(151, 22, 22, .8) 0%,rgba(1151, 22, 22, .4) 100%);
  .title-1,
  .title-3{
      color: #fff;
  } */
}
html body.calcinate section.equipe .col-12 .figure-caption {
  color: #fff;
}
html body.calcinate section.equipe .col-12 .figure-caption b {
  display: block;
  font-size: 2rem;
}
html body.calcinate section.research {
  background-image: url(../img/calcinate-ricerca.jpg);
}
html body.calcinate section.other {
  background-image: url(../img/calcinate-altre-strutture.jpg);
}
html body.calcinate .accordion .card {
  border-color: rgba(232, 107, 43, 0.4) !important;
}
html body.calcinate .accordion .card h4, html body.calcinate .accordion .card .btn {
  color: rgb(232, 107, 43);
}
html body.calcinate .accordion .card svg {
  fill: rgb(232, 107, 43);
}
html body.calcinate .telephone svg {
  fill: rgb(232, 107, 43);
}
html body.calcinate .telephone p.display-1, html body.calcinate .telephone p.display-1 a, html body.calcinate .telephone p.display-1 a:focus, html body.calcinate .telephone p.display-1 a:visited, html body.calcinate .telephone p.display-1 a:active, html body.calcinate .telephone p.display-1 a:hover {
  color: rgb(232, 107, 43);
}
html body.calcinate .nav-tabs {
  border-color: rgba(232, 107, 43, 0.4);
}
html body.calcinate .nav-tabs .nav-link {
  color: rgb(232, 107, 43);
  border-bottom-color: rgba(232, 107, 43, 0.4) !important;
}
html body.calcinate .nav-tabs .nav-link.active, html body.calcinate .nav-tabs .nav-link.active:hover {
  border-color: rgba(232, 107, 43, 0.4) !important;
}
html body.calcinate .tab-content,
html body.calcinate .nav-link.active {
  background: rgb(252, 236, 228);
}
html body.calcinate .card-soup .card {
  border-color: rgba(232, 107, 43, 0.4);
}
html body.calcinate .card-soup .card .card-header .card-title .accordion-toggle {
  color: rgb(232, 107, 43);
}
html body.calcinate .card-soup .card .card-header .card-title .accordion-toggle svg {
  fill: rgb(232, 107, 43);
}
html body.calcinate .card-soup + .col {
  background: rgb(252, 236, 228);
}
html body.calcinate .card-soup .btn-more {
  color: rgb(232, 107, 43);
}
html body.calcinate .card-soup .btn-more::before {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxpdmVsbG9fMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjU1cHgiIGhlaWdodD0iNTVweCIgdmlld0JveD0iMCAwIDU1IDU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NSA1NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFODZCMkI7fQo8L3N0eWxlPgo8cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDAiIGQ9Ik0zMC4yMDAwMDA4LDE0aC01LjQwMDAwMTV2MTEuMjAwMDAwOEgxNHY1LjU5OTk5ODVoMTAuNzk5OTk5MlY0Mmg1LjQwMDAwMTVWMzAuNzk5OTk5Mkg0MQoJdi01LjU5OTk5ODVIMzAuMjAwMDAwOFYxNHogTTI3LjUsMEMxMi4zMTk5OTk3LDAsMCwxMi4zMTk5OTk3LDAsMjcuNVMxMi4zMTk5OTk3LDU1LDI3LjUsNTVTNTUsNDIuNjgwMDAwMyw1NSwyNy41CglTNDIuNjgwMDAwMywwLDI3LjUsMHogTTI3LjUsNTNDMTMuNDQzMTI0OCw1MywyLDQxLjU1Njg3MzMsMiwyNy41UzEzLjQ0MzEyNDgsMiwyNy41LDJTNTMsMTMuNDQzMTI0OCw1MywyNy41CglTNDEuNTU2ODczMyw1MywyNy41LDUzeiIvPgo8L3N2Zz4K);
}
html body.calcinate .tab-content + .col {
  background: rgb(252, 236, 228);
}
html body.calcinate .tab-content + .col .btn-more::before {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxpdmVsbG9fMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjU1cHgiIGhlaWdodD0iNTVweCIgdmlld0JveD0iMCAwIDU1IDU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NSA1NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFODZCMkI7fQo8L3N0eWxlPgo8cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDAiIGQ9Ik0zMC4yMDAwMDA4LDE0aC01LjQwMDAwMTV2MTEuMjAwMDAwOEgxNHY1LjU5OTk5ODVoMTAuNzk5OTk5MlY0Mmg1LjQwMDAwMTVWMzAuNzk5OTk5Mkg0MQoJdi01LjU5OTk5ODVIMzAuMjAwMDAwOFYxNHogTTI3LjUsMEMxMi4zMTk5OTk3LDAsMCwxMi4zMTk5OTk3LDAsMjcuNVMxMi4zMTk5OTk3LDU1LDI3LjUsNTVTNTUsNDIuNjgwMDAwMyw1NSwyNy41CglTNDIuNjgwMDAwMywwLDI3LjUsMHogTTI3LjUsNTNDMTMuNDQzMTI0OCw1MywyLDQxLjU1Njg3MzMsMiwyNy41UzEzLjQ0MzEyNDgsMiwyNy41LDJTNTMsMTMuNDQzMTI0OCw1MywyNy41CglTNDEuNTU2ODczMyw1MywyNy41LDUzeiIvPgo8L3N2Zz4K);
}
html body.news {
  /*  .flex-grid{
       .item{
           padding: 1.5rem;
           .card{
               border: 0 none;
               background: rgba(255, 255, 255, 1);
               box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
               border-radius: 1rem;
               .badge-group{
                   padding: 2rem;
               }
               .card-body{
                   padding: 2rem;
                   p{
                       color: #6D7278;
                       font-weight: 300;
                       font-size: 1.6rem;
                   }
                   time {
                       font-size: 1.1rem;
                   }

               }


           }
       }
   } */
}
html body.news section.news {
  padding-top: 6rem;
  background: #f4f4f4;
}
html body.news section.news .card {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.15s linear;
}
html body.news section.news .card .card-body {
  padding: 1.5rem;
}
html body.news section.news .card .badge-group {
  margin-bottom: 1rem;
}
html body.news section.news .card:hover {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.4);
}
html body.news section.news .filter-group {
  transition: opacity 0.15s 0.3s;
  margin-bottom: 2rem;
}
html body.news section.news .filter-group .btn-group {
  position: relative;
}
html body.news section.news .filter-group .btn-group.active button::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3ACBE0;
  position: absolute;
  left: 3rem;
  top: 1rem;
  border: 0;
}
html body.news section.news .filter-group .dropdown-toggle {
  background: none;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 0;
  text-decoration: none !important;
  /* text-transform: none; */
}
html body.news section.news .filter-group .dropdown-toggle::after {
  display: none;
}
html body.news section.news .filter-group .dropdown-toggle::before {
  content: "";
  position: relative;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZD0iTTIxLjkzOC4zOTNBLjY2OS42NjkgMCAwMDIxLjMzMSAwSC42NjlBLjY2OC42NjggMCAwMC4wNi4zOTNjLS4xMDkuMjQtLjA3LjUyMS4xLjcyMmw4LjEwMiA5LjU4N3YxMC42MjJBLjY3Ni42NzYgMCAwMDguOTMgMjJhLjY2Ny42NjcgMCAwMC40OTYtLjIyMWw0LjEzNy00LjYwMWEuNjguNjggMCAwMC4xNzMtLjQ1NXYtNi4wMmw4LjEwMy05LjU4OGMuMTctLjIuMjA4LS40ODMuMDk4LS43MjJ6Ii8+PC9zdmc+);
  background-size: contain;
  display: inline-block;
  height: 22px;
  width: 22px;
  top: 0.5rem;
  opacity: 0.87;
}
html body.news section.news .filter-group .dropdown-menu {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  border: 0 none;
  border-radius: 0;
  padding: 1.5rem;
  overflow-y: auto;
  max-height: 50vh;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.4);
}
html body.news section.news .filter-group .dropdown-menu .check-group {
  margin: 0.5rem 0;
  font-size: 1.4rem;
}
html body.news section.news .filter-group .dropdown-menu .check-group .form-group {
  margin-bottom: 0;
}
html body.news section.news .filter-group .dropdown-menu .check-group .form-group label.checkbox-flex input[type=checkbox] + span::before {
  display: none;
}
html body.news section.news .filter-group .dropdown-menu .check-group .form-group label.checkbox-flex input[type=checkbox] + span + span::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 0 none;
  background: none;
  top: 0.2rem;
  margin: 0 0 0 1rem;
  position: relative;
  top: 0.5rem;
}
html body.news section.news .filter-group .dropdown-menu .check-group .form-group label.checkbox-flex input[type=checkbox]:checked + span {
  font-weight: 700;
}
html body.news section.news .filter-group .dropdown-menu .check-group .form-group label.checkbox-flex input[type=checkbox]:checked + span + span:after {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNLTMtM2gxOHYxOEgtM3oiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTEuMjUgMS44MDhMMTAuMTkzLjc1IDYgNC45NDIgMS44MDguNzUuNzUgMS44MDggNC45NDIgNiAuNzUgMTAuMTkzbDEuMDU4IDEuMDU3TDYgNy4wNTdsNC4xOTMgNC4xOTMgMS4wNTctMS4wNTdMNy4wNTcgNnoiLz48L2c+PC9zdmc+") no-repeat center center;
}
html body.news section.news .filter-group .dropdown-menu::after {
  display: none;
}
html body.news section.news .filter-group .dropdown-menu:focus {
  outline: none;
}
html body.news section.news .filter-group .dropdown-menu[aria-expanded=true] {
  background: rgb(233, 230, 230);
}
html body.news section.news.news-details .back {
  margin-top: 6rem;
  margin-bottom: 1rem;
  padding-left: 0;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
}
html body.news section.news.news-details .back:before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDIybDEuMTMzLTEuMTMzLTguODQzLTguODU5SDIyVjkuOTkySDMuMjlsOC44NTgtOC44NDRMMTEgMCAwIDExeiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsLW9wYWNpdHk9Ii44NyIvPjwvc3ZnPg==);
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 1rem;
  display: inline-block;
  position: relative;
  top: 0.5rem;
  opacity: 0.87;
}
html body.news section.news.news-details .item {
  padding-left: 0;
  padding-right: 0;
}
html body.news section.news.news-details .item .card h2 {
  margin: 2rem 0 0;
}
html body.news section.news.news-details .item .card h3, html body.news section.news.news-details .item .card h4, html body.news section.news.news-details .item .card h5, html body.news section.news.news-details .item .card h6 {
  margin: 1rem 0;
  font-style: italic;
  font-family: "Trirong", serif;
  font-weight: 300;
  font-size: 4rem;
  color: rgb(0, 145, 255);
}
html body.news section.news.news-details .item .card h4 {
  font-size: 3.5rem;
}
html body.news section.news.news-details .item .card h5 {
  font-size: 3rem;
}
html body.news section.news.news-details .item .card h6 {
  font-size: 2.5rem;
}
html body.news section.news.news-details .item .card:after {
  display: none;
}
html body.news section.news.news-details .item .card picture {
  pointer-events: inherit;
}
html body.news section.news.news-details .item:hover .card {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
html body.news section.news.news-details .item .alert-secondary {
  border: 0;
  background: #f4f4f4;
  padding: 1rem 2rem;
  margin-top: 3rem;
}
html body.news section.news.news-details .item .alert-secondary span {
  display: block;
  font-size: 2.4rem;
  font-weight: 300;
  border-bottom: solid 1px #979797;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
html body.contacts {
  /* section.splash.splash-mini {
      height: 40vh;
      min-height: 45rem;
  } */
}
html body.contacts .col-12.col-md-6.col-lg-3 {
  margin-bottom: 1.5rem;
}
html body.contacts .col-12.col-md-6.col-lg-3:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  html body.contacts .col-12.col-md-6.col-lg-3 {
    margin-bottom: 0;
  }
}
html body.contacts .col-12.col-md-6.col-lg-3 img {
  margin-bottom: 1rem;
}
html body.contacts .col-12.col-md-6.col-lg-3 a {
  color: #6D7278;
}
html body.pg-sezione section {
  /*  @media (min-width: 768px){
       &.brick .bg:after {
           background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%,  white 90%);
       }
       &.brick:nth-child(even) .bg:after {
           background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,  white 90%);
       }
       &.brick.chisiamo{
               .bg:after {
                   display: none;
               }

       }
   } */
}
html body.pg-sezione section .text-small {
  font-size: 1.3rem;
}
html body.pg-sezione section .text-small ul li {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTYuMzEzIiB5PSItNC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PC9kZWZzPjxtYXNrIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9Ii02LjMxMyIgeT0iLTQuNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBpZD0iYiI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBkPSJNLjEzIDcuOTQzTDMuNTY1IDQuNS4xMyAxLjA1OCAxLjE4OCAwbDQuNSA0LjUtNC41IDQuNUwuMTMgNy45NDN6IiBmaWxsPSIjZmZmIi8+PC9nPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2IpIj48cGF0aCBvcGFjaXR5PSIuNTQiIGQ9Ik0tNi4zMTMtNC41aDE4djE4aC0xOHoiLz48L2c+PC9zdmc+) no-repeat 0 0.5rem;
  padding-left: 1.5rem;
}
html body.pg-sezione section .btn-more {
  margin: 0;
}
html body.pg-sezione section .mh-70rem {
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body.pg-sezione section .mh-70rem {
    min-height: 70rem !important;
  }
}
html body.pg-sezione section .mh-80rem {
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body.pg-sezione section .mh-80rem {
    min-height: 80rem !important;
  }
}
html body.pg-sezione section .mh-90rem {
  min-height: 0 !important;
}
@media (min-width: 768px) {
  html body.pg-sezione section .mh-90rem {
    min-height: 90rem !important;
  }
}
html body.pg-sezione section.brick .bg:after {
  display: none;
}
html body .display-1 {
  font-size: 3.8rem;
  margin-bottom: 3rem;
  line-height: 1.4;
}
html body .display-2 {
  font-size: 2.8rem;
  margin-bottom: 3rem;
  line-height: 1.4;
}
html body .display-3 {
  font-size: 2rem;
}
html body .display-4 {
  font-size: 1.6rem;
}
html body .title-1 {
  font-size: 8rem;
  font-weight: 300;
  text-align: center;
  margin-bottom: 2rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  html body .title-1 {
    font-size: 10rem;
  }
}
@media (min-width: 992px) {
  html body .title-1 {
    font-size: 12rem;
  }
}
@media (min-width: 1140px) {
  html body .title-1 {
    font-size: 17rem;
  }
}
html body .title-2 {
  font-size: 8rem;
  text-align: center;
  margin-bottom: 5rem;
  line-height: 1.2;
}
html body .title-3 {
  font-size: 5rem;
  text-align: center;
  margin-bottom: 3rem;
  line-height: 1.2;
}
html body .title-3 small {
  font-size: 2rem;
  display: block;
}
html body .media img {
  margin-right: 2rem;
}
html body .media .media-body p {
  margin-bottom: 0;
}
html body .rounded {
  border-radius: 1rem !important;
}
html body ul, html body ul ol {
  margin-bottom: 1rem;
  padding-left: 0;
}
html body ul li {
  list-style: none;
  padding-left: 2rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0uNTkgMTAuNTlMNS4xNyA2IC41OSAxLjQxIDIgMGw2IDYtNiA2eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYikiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjU0Ij48cGF0aCBkPSJNLTgtNmgyNHYyNEgtOHoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat 0 0.7rem;
}
html body ul .list-group-item {
  background: none;
  border: 0;
  padding-left: 0;
  line-height: 1.6;
}
html body ul .list-group-item a, html body ul .list-group-item a:visited, html body ul .list-group-item a:active, html body ul .list-group-item a:focus {
  color: rgba(0, 0, 0, 0.87);
}
html body ul .list-group-item a {
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
}
html body ul .list-group-item a::before {
  content: "";
  display: flex;
  height: 25px;
  margin-right: 1rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMaXZlbGxvXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtmaWxsOiMwMDkxZmZ9PC9zdHlsZT48ZyBpZD0iUGFnZS0xIj48ZyBpZD0ibmV3cy1kZXR0YWdsaW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTUgLTEzNjIpIj48ZyBpZD0ibmV3cy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjMgMTY1KSI+PGcgaWQ9ImFsbGVnYXRpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOCAxMTc3KSI+PGcgaWQ9ImRvY3VtZW50IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDQgMjApIj48ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzIDE4KSIgb3BhY2l0eT0iLjQiPjxwYXRoIGlkPSJQYXRoIiBjbGFzcz0ic3QxIiBkPSJNMCAwaDdMMCA3eiIvPjwvZz48cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDEiIGQ9Ik0xNi45MjMgMEgzLjA3N0MxLjM3NyAwIDAgMS40IDAgMy4xMjV2MTguNzVDMCAyMy42MDEgMS4zNzggMjUgMy4wNzcgMjVoOS4yM3YtNy44MTNIMjBWMy4xMjVDMjAgMS4zOTkgMTguNjIyIDAgMTYuOTIzIDB6bS0xLjUzOCAxMy4yODFINC42MTVjLS40MjQgMC0uNzY5LS4zNS0uNzY5LS43ODFzLjM0NS0uNzgxLjc3LS43ODFoMTAuNzY5Yy40MjQgMCAuNzY5LjM1Ljc2OS43ODFzLS4zNDUuNzgxLS43Ny43ODF6bTAtMy4xMjVINC42MTVjLS40MjQgMC0uNzY5LS4zNS0uNzY5LS43ODFzLjM0NS0uNzgxLjc3LS43ODFoMTAuNzY5Yy40MjQgMCAuNzY5LjM1Ljc2OS43ODFzLS4zNDUuNzgxLS43Ny43ODF6bTAtMy4xMjVINC42MTVjLS40MjQgMC0uNzY5LS4zNS0uNzY5LS43ODFzLjM0NS0uNzgxLjc3LS43ODFoMTAuNzY5Yy40MjQgMCAuNzY5LjM1Ljc2OS43ODFzLS4zNDUuNzgxLS43Ny43ODF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=") no-repeat 0 0;
  padding-left: 2.5rem;
}
html body .accordion {
  margin-bottom: 3rem;
}
html body .accordion .card {
  border-color: rgba(0, 145, 255, 0.4) !important;
}
html body .accordion .card, html body .accordion .card:first-of-type, html body .accordion .card:last-of-type, html body .accordion .card:not(:first-of-type):not(:last-of-type) {
  border-style: solid;
  border-width: 5px;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
html body .accordion .card:last-of-type {
  margin-bottom: 0;
}
html body .accordion svg {
  fill: rgb(0, 145, 255);
}
html body .accordion .card-header {
  background: none;
  border: 0 none;
  text-align: center;
  padding: 0;
}
html body .accordion .card-header h4 {
  margin-bottom: 0;
}
html body .accordion .card-header h4 .btn {
  display: block;
  font-size: 2.4rem;
  width: 100%;
  padding: 2rem 6rem;
  position: relative;
}
html body .accordion .card-header h4 .btn svg {
  display: block;
  height: 17px;
  width: 26px;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  line-height: 0;
  transition: transform 0.2s linear;
}
html body .accordion .card-header h4 .btn[aria-expanded=true] svg {
  transform: translateY(-50%) rotate(180deg);
}
html body .accordion .card-body {
  padding: 2rem;
}
html body .accordion p:not(.display-2) {
  margin-bottom: 2rem;
  font-size: 1.8rem;
}
html body .accordion p:not(.display-2):last-child {
  margin-bottom: 0;
}
html body .accordion h5 {
  margin-bottom: 2rem;
  font-size: 1.8rem;
}
html body a.alert, html body a.alert:active, html body a.alert:visited, html body a.alert:focus, html body a.alert:hover {
  display: block;
  border: solid 5px;
  border-radius: 3rem;
  font-size: 2.7rem;
  padding: 2rem;
  padding-right: calc(4rem + 17px);
  text-transform: uppercase;
  transition: border-color 0.3s;
  font-weight: 500;
}
html body a.alert svg {
  display: block;
  height: 26px;
  width: 17px;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}
html body .nav-tabs {
  margin-top: 7rem;
  border-width: 5px;
}
html body .nav-tabs .nav-item {
  margin-bottom: -5px;
  background: none;
  padding: 0;
}
html body .nav-tabs .nav-link {
  border-width: 0;
  border-bottom: 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  margin: 0 5px;
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: uppercase;
  padding: 1rem;
  display: flex;
  align-items: center;
  height: 100%;
  opacity: 0.4;
  transition: opacity 0.2s linear;
}
html body .nav-tabs .nav-link span {
  width: 100%;
}
html body .nav-tabs .nav-link.active {
  margin: 0;
  border-width: 5px;
  font-weight: 500;
  opacity: 1;
  border-style: solid;
  border-bottom: 0;
}
html body .nav-tabs .nav-link.active:hover {
  border-style: solid;
  border-bottom: 0;
}
html body .nav-tabs .nav-link:hover {
  opacity: 1;
  border-top-color: #fff !important;
  border-right-color: #fff !important;
  border-left-color: #fff !important;
}
html body .tab-content {
  padding: 3rem;
  display: none;
}
@media (min-width: 768px) {
  html body .tab-content {
    display: block;
  }
}
html body .tab-content .media img {
  margin-right: 2rem;
}
html body .tab-content .col-md-9 + .col-12 {
  font-size: 1.6rem;
}
html body .tab-content .col-md-9 + .col-12 hr {
  margin: 2rem 0;
}
html body .tab-content .two-column {
  column-count: 2;
  column-gap: 4rem;
  font-size: 1.6rem;
}
html body .card-soup .card {
  border-style: solid;
  border-width: 5px;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
html body .card-soup .card .nav-link.active {
  background: none !important;
}
html body .card-soup .card .card-header {
  padding: 0;
  background: none;
  border-bottom: 0;
}
html body .card-soup .card .card-header .card-title {
  margin-bottom: 0;
  padding: 0;
}
html body .card-soup .card .card-header .card-title .accordion-toggle {
  width: 100%;
  text-transform: uppercase;
  font-size: 2.4rem;
  padding: 2rem 6rem;
  text-align: center;
  position: relative;
}
html body .card-soup .card .card-header .card-title .accordion-toggle svg {
  display: block;
  height: 17px;
  width: 26px;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  line-height: 0;
  transition: transform 0.2s linear;
}
html body .card-soup .card .card-header .card-title .accordion-toggle.collapsed svg {
  transform: translateY(-50%) rotate(0);
}
html body .card-soup .card .card-body {
  padding: 2rem;
  opacity: 1;
}
html body .card-soup + .col,
html body .tab-content + .col {
  margin: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  html body .card-soup + .col,
  html body .tab-content + .col {
    border-radius: 0;
  }
}
html body .card-soup + .col .btn-more,
html body .tab-content + .col .btn-more {
  margin-top: 0;
}
html body .card-soup + .col .collapse .card, html body .card-soup + .col .collapsing .card,
html body .tab-content + .col .collapse .card,
html body .tab-content + .col .collapsing .card {
  border: 0;
  border-radius: 1rem;
  font-size: 1.6rem;
  text-align: left;
  background: rgba(255, 255, 255, 0.5);
}
html body .bg {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
  height: 100%;
}
html body .bg.bg-top {
  background-position: center top;
}
html body .bg-grey {
  background: #f4f4f4;
}
html body .pe-none {
  pointer-events: none;
}
html body .check-group {
  text-align: left;
  font-size: 1.6rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
html body .check-group input[type=radio],
html body .check-group input[type=checkbox] {
  height: 0;
  width: 0;
  opacity: 0;
}
html body .check-group label {
  text-align: center;
  padding: 0;
  display: block;
  width: auto;
}
html body .check-group label.checkbox-inline {
  margin-top: 0 !important;
}
html body .check-group label.small {
  color: #999;
  font-size: 1.3rem;
  font-style: italic;
}
html body .check-group label.radio-inline, html body .check-group label.checkbox-inline {
  font-size: 1.4rem;
  color: black;
  display: inline-block;
}
html body .check-group label.checkbox-flex {
  display: flex;
}
html body .check-group label.checkbox-flex span:first-of-type {
  flex-grow: 1;
  white-space: nowrap;
  text-align: left;
}
html body .check-group label.checkbox-flex input {
  position: absolute;
  width: calc(100% - 4rem);
  height: 20px;
  z-index: 1;
}
html body .check-group label input + span {
  position: relative;
  top: 0;
  cursor: pointer;
}
html body .check-group label input[type=radio] + span::before, html body .check-group label input[type=checkbox] + span::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border: 1px solid #dfe2e7;
  background-color: #fff;
  border-radius: 0.3rem;
  display: inline-block;
  margin-right: 0.5rem;
  transition: border-color 0.2s, background-color 0.2s;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 0.5rem;
}
html body .check-group label input[type=radio]:checked + span:before, html body .check-group label input[type=checkbox]:checked + span:before {
  background-color: #EA6B0A;
  border-color: #EA6B0A;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTEgOCI+PHRpdGxlPmNoZWNrPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iXzJub3Rsb2dnZWRfMDEiPjxnIGlkPSJfMDFfQ29udGF0dGlfb2ZmX2NvcHlfMyIgZGF0YS1uYW1lPSIwMSBDb250YXR0aSBvZmYgY29weSAzIj48ZyBpZD0ic2lub1NJIj48cGF0aCBpZD0iU2hhcGVfMTFfY29weV85X2NvcGlhXzMiIGRhdGEtbmFtZT0iU2hhcGUgMTEgY29weSA5IGNvcGlhIDMiIGQ9Ik00LjQ3LDhhLjczLjczLDAsMCwxLS41Mi0uMjJMLjIyLDQuMjNBLjc1Ljc1LDAsMCwxLDAsMy43YS43NC43NCwwLDAsMSwuMjItLjUybC41Mi0uNTJhLjcyLjcyLDAsMCwxLC41Mi0uMjIuNzMuNzMsMCwwLDEsLjUyLjIybDIuNywyLjU2LDQuNzYtNUEuNzMuNzMsMCwwLDEsOS43NSwwaDBhLjczLjczLDAsMCwxLC41Mi4yMmwuNTIuNTJhLjc1Ljc1LDAsMCwxLDAsMUw1LDcuNzhBLjczLjczLDAsMCwxLDQuNDcsOFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
}
html body .check-group label input[type=radio] + span:before {
  border-radius: 11rem;
}
html body .check-group label:hover input[type=radio] + span::before,
html body .check-group label:hover input[type=checkbox] + span::before,
html body .check-group label:hover input[type=radio]:focus + span::before,
html body .check-group label:hover input[type=checkbox]:focus + span::before {
  border-color: #EA6B0A;
}
html body .check-group:after {
  content: "";
  display: table;
  clear: both;
}
html body .text-decoration {
  text-decoration: underline;
}
html body .btn,
html body .btn:focus,
html body .btn:active,
html body .btn:active:focus,
html body .btn.active {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: solid 3px;
  border-radius: 6px;
  text-transform: uppercase;
  line-height: 1;
  box-shadow: none !important;
}
html body .btn:hover {
  opacity: 1;
}
html body .btn-blue,
html body .btn-blue:focus,
html body .btn-blue:active,
html body .btn-blue:active:focus {
  color: rgb(0, 58, 154);
  border-color: rgb(0, 58, 154);
}
html body .btn-blue:hover, html body .btn-blue.active,
html body .btn-blue:focus:hover,
html body .btn-blue:focus.active,
html body .btn-blue:active:hover,
html body .btn-blue:active.active,
html body .btn-blue:active:focus:hover,
html body .btn-blue:active:focus.active {
  background: rgb(0, 58, 154);
  color: #fff;
}
html body .btn-green,
html body .btn-green:focus,
html body .btn-green:active,
html body .btn-green:active:focus {
  color: rgb(4, 117, 71);
  border-color: rgb(4, 117, 71);
}
html body .btn-green:hover, html body .btn-green.active,
html body .btn-green:focus:hover,
html body .btn-green:focus.active,
html body .btn-green:active:hover,
html body .btn-green:active.active,
html body .btn-green:active:focus:hover,
html body .btn-green:active:focus.active {
  background: rgb(4, 117, 71);
  color: #fff;
}
html body .btn-red,
html body .btn-red:focus,
html body .btn-red:active,
html body .btn-red:active:focus {
  color: rgb(178, 56, 80);
  border-color: rgb(178, 56, 80);
}
html body .btn-red:hover, html body .btn-red.active,
html body .btn-red:focus:hover,
html body .btn-red:focus.active,
html body .btn-red:active:hover,
html body .btn-red:active.active,
html body .btn-red:active:focus:hover,
html body .btn-red:active:focus.active {
  background: rgb(178, 56, 80);
  color: #fff;
}
html body .btn-orange,
html body .btn-orange:focus,
html body .btn-orange:active,
html body .btn-orange:active:focus {
  color: rgb(232, 107, 43);
  border-color: rgb(232, 107, 43);
}
html body .btn-orange:hover, html body .btn-orange.active,
html body .btn-orange:focus:hover,
html body .btn-orange:focus.active,
html body .btn-orange:active:hover,
html body .btn-orange:active.active,
html body .btn-orange:active:focus:hover,
html body .btn-orange:active:focus.active {
  background: rgb(232, 107, 43);
  color: #fff;
}
html body .btn-link,
html body .btn-link:focus,
html body .btn-link:active,
html body .btn-link:active:focus {
  border: 0 none;
  text-decoration: none;
}
html body .btn-link:hover {
  text-decoration: none;
}
html body .btn-more,
html body a.btn-more:not([href]):not([tabindex]) {
  cursor: pointer;
  color: #0055FF;
  font-size: 3.4rem;
  font-weight: 700;
  display: block;
  margin-top: 3.5rem;
  margin-bottom: 2rem;
}
html body .btn-more:before,
html body a.btn-more:not([href]):not([tabindex]):before {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTVweCIgaGVpZ2h0PSI1NXB4IiB2aWV3Qm94PSIwIDAgNTUgNTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJIT01FLUdFTkVSQUxFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ5LjAwMDAwMCwgLTUyMjMuMDAwMDAwKSIgZmlsbD0iIzAwNTVGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0OS4wMDAwMDAsIDUyMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVEFTVE8tKy1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzAuMiwxNCBMMjQuOCwxNCBMMjQuOCwyNS4yIEwxNCwyNS4yIEwxNCwzMC44IEwyNC44LDMwLjggTDI0LjgsNDIgTDMwLjIsNDIgTDMwLjIsMzAuOCBMNDEsMzAuOCBMNDEsMjUuMiBMMzAuMiwyNS4yIEwzMC4yLDE0IFogTTI3LjUsMCBDMTIuMzIsMCAwLDEyLjMyIDAsMjcuNSBDMCw0Mi42OCAxMi4zMiw1NSAyNy41LDU1IEM0Mi42OCw1NSA1NSw0Mi42OCA1NSwyNy41IEM1NSwxMi4zMiA0Mi42OCwwIDI3LjUsMCBaIE0yNy41LDUzIEMxMy40NDMxMjUsNTMgMiw0MS41NTY4NzUgMiwyNy41IEMyLDEzLjQ0MzEyNSAxMy40NDMxMjUsMiAyNy41LDIgQzQxLjU1Njg3NSwyIDUzLDEzLjQ0MzEyNSA1MywyNy41IEM1Myw0MS41NTY4NzUgNDEuNTU2ODc1LDUzIDI3LjUsNTMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  display: inline-block;
  line-height: 0;
  font-size: 0;
  position: relative;
  top: 15px;
  margin-right: 1.5rem;
}
html body .btn-primary,
html body .btn-primary:focus,
html body .btn-primary:active,
html body .btn-primary:active:focus,
html body .btn-primary.active {
  color: rgb(255, 255, 255);
  background: #EA6B0A;
  border: 0;
  padding: 1rem 2rem;
}
html body .btn-primary:hover,
html body .btn-primary:focus:hover,
html body .btn-primary:active:hover,
html body .btn-primary:active:focus:hover,
html body .btn-primary.active:hover {
  background: #EF893B;
}
html body .badge {
  background-color: rgb(0, 145, 255);
  border-color: rgb(0, 145, 255);
  color: rgb(255, 255, 255);
  font-weight: 500;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
  margin-right: 0.5rem;
}
html body .badge.badge-blue {
  background-color: rgb(0, 58, 154);
  border-color: rgb(0, 58, 154);
}
html body .badge.badge-green {
  background-color: rgb(178, 56, 80);
  border-color: rgb(178, 56, 80);
}
html body .badge.badge-red {
  background-color: rgb(4, 117, 71);
  border-color: rgb(4, 117, 71);
}
html body .badge.badge-orange {
  background-color: rgb(232, 107, 43);
  border-color: rgb(232, 107, 43);
}
@media (max-width: 575px) {
  html body .container {
    max-width: 100%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html body section .card {
    display: block;
  }
  html body section .flex-grid .item {
    flex: 0 0 92%;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 576px), (-ms-high-contrast: none) and (min-width: 576px) {
  html body section .flex-grid .item {
    flex: 0 0 44.2%;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) {
  html body section .flex-grid .item {
    flex: 0 0 30%;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 1140px), (-ms-high-contrast: none) and (min-width: 1140px) {
  html body section .flex-grid .item {
    flex: 0 0 22.3%;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 576px), (-ms-high-contrast: none) and (min-width: 576px) {
  html body section .flex-grid.flex-grid-2 .item {
    flex: 0 0 44.2%;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) {
  html body section .flex-grid.flex-grid-2 .item {
    flex: 0 0 46.8%;
  }
}/*# sourceMappingURL=main.css.map */