.md-toolbar-tools > .md-button:first-child {
    margin-left: initial;
}

md-color-picker .md-color-picker-input-container .md-color-picker-preview, [md-color-picker] .md-color-picker-input-container .md-color-picker-preview {
    border-radius: 0px;
    top: 20px;
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    box-shadow: none;
    border: 1px solid #dddddd;
}
md-color-picker .md-color-picker-input-container .md-color-picker-clear, [md-color-picker] .md-color-picker-input-container .md-color-picker-clear {
    top: 12px;
    right: 32px;
}

.md-button.md-icon-button.auto { width: auto; height: auto; }
.md-button.md-icon-button.auto .material-icons { width: auto; height: auto; }

.rzslider .rz-bar { background-color: #AAAAAA; }
.rzslider .rz-selection { background-color: #0db9f0; }
.rzslider .rz-tick { width: 16px; height: 16px; top: -3px; left: -3px; }
.rzslider .rz-tick, .rzslider .rz-tick.rz-selected { background-color: rgb(255,82,82); }
.rzslider .rz-pointer.rz-active:after { background-color: #FFFFFF; }
.rzslider .rz-bubble, .rzslider .rz-tick-value { font-size: 12px; }
.rzslider .rz-bubble { background-color: #FFFFFF; border: 2px solid rgb(255,82,82); padding: 2px 2px; top: -40px; bottom: auto; }
.rzslider .rz-bubble.rz-limit { border: 2px solid #0db9f0; visibility: visible !important; }
.rzslider .rz-ticks-values-under .rz-tick-value { bottom: -34px; background-color: #FFFFFF; border: 2px solid #bfbfbf; padding: 2px 2px; }

.h-auto-i { height: auto !important; max-height: initial !important; }

krv-swiper { height: 100%; }
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom: 0px; top: auto; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #555555; }
.swiper-pagination-bullet-active { background: #555555; }

.swiper-button-prev {
	left: 0px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next {
	right: 0px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-prev, .swiper-button-next {
	background-color: rgba(0,0,0,0.5);
    padding: 1rem 1.5rem;
    margin-top: -2.5rem;
    opacity: 1;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

#presentation-time { font-size: 30px; font-weight: 700; }

.md-subheader.frame-subheader { background-color: #F0F0F0; }

.ui-selectable-helper { border: 10px dashed rgba(0,0,0, 0.2) !important; position: absolute; z-index: 100; }

/* #panel-1 { width: 50%; height: 33.3333333333%; top: 0px; left: 0px; } */
/* #panel-2 { width: 50%; height: 33.3333333333%; top: 0px; left: 50%; } */
/* #panel-3 { width: 50%; height: 33.3333333333%; top: 33.3333333333%; left: 0px; } */
/* #panel-4 { width: 50%; height: 33.3333333333%; top: 33.3333333333%; left: 50%; } */
/* #panel-5 { width: 50%; height: 33.3333333333%; top: 66.6666666666%; left: 0px; } */
/* #panel-6 { width: 50%; height: 33.3333333333%; top: 66.6666666666%; left: 50%; } */

#client-presentation { transform-origin: top left; }
/*  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } */
/* #client-presentation.stretch { transform-origin: top; } */

#panels { z-index: 20; }
#sections { overflow: hidden; }

#section-1, .section-1 { width: 50%; height: 33.3333333333%; top: 0px; left: 0px; }
#section-2, .section-2 { width: 50%; height: 33.3333333333%; top: 0px; left: 50%; }

#section-12, .section-12 { width: 100%; height: 33.3333333333%; top: 0px; left: 0px; }
#section-13, .section-13 { width: 50%; height: 66.6666666666%; top: 0px; left: 0px; }
#section-24, .section-24 { width: 50%; height: 66.6666666666%; top: 0px; left: 50%; }

#section-3, .section-3 { width: 50%; height: 33.3333333333%; top: 33.3333333333%; left: 0px; }
#section-4, .section-4 { width: 50%; height: 33.3333333333%; top: 33.3333333333%; left: 50%; }

#section-34, .section-34 { width: 100%; height: 33.3333333333%; top: 33.3333333333%; left: 0px; }
#section-35, .section-35 { width: 100%; height: 66.6666666666%; top: 33.3333333333%; left: 0px; }
#section-46, .section-46 { width: 100%; height: 66.6666666666%; top: 33.3333333333%; left: 50%; }

#section-1234, .section-1234 { width: 100%; height: 66.6666666666%; top: 0px; left: 0px; }

#section-5, .section-5 { width: 50%; height: 33.3333333333%; top: 66.6666666666%; left: 0px; }
#section-6, .section-6 { width: 50%; height: 33.3333333333%; top: 66.6666666666%; left: 50%; }

#section-56, .section-56 { width: 100%; height: 33.3333333333%; top: 66.6666666666%; left: 0px; }

#section-3456, .section-3456 { width: 100%; height: 66.6666666666%; top: 33.3333333333%; left: 0px; }

#section-135, .section-135 { width: 50%; height: 100%; top: 0px; left: 0px; }
#section-246, .section-246 { width: 50%; height: 100%; top: 0px; left: 50%; }

#section-123456, .section-123456 { width: 100%; height: 100%; top: 0px; left: 0px; }

.rendered { background-color: rgba(84, 110, 122, 0.5); }

.content { 
	position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; 
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0rem;
	overflow: hidden;
}
.content .video-wrapper { overflow: hidden; text-align: center; }
.content .video-contain {
	max-height: 100%;
    max-width: 100%;
}
.content .video-cover { /* class name used in javascript too */
    width: 100%; /* width needs to be set to 100% */
    height: 100%; /* height needs to be set to 100% */
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
/*     z-index: -1; */
}
/* .content h1 { padding: 1rem 1rem 0rem; width: 100%; } */
/* .content p  { padding: 1rem; width: 100%; } */
/* .content h1 + * { padding-top: 0rem; } */


/* angular supergallery */

.asg-thumbnail.basic { background-color: transparent; padding: 4px 0px 0px 0px; }
.asg-thumbnail.basic .item { background-color: #F0F0F0 !important; margin: 0px 4px 0px 0px; }
.asg-thumbnail.basic .item img { height: 42px; opacity: 0.64; }
.asg-thumbnail.basic .item .index { background-color: rgba(0,0,0, 0.5); color: #FFFFFF; top: 0px; right: -10px; bottom: 0px; opacity: 0; padding: 10px; }
.asg-thumbnail.basic .item.selected img { opacity: 1; }
.asg-thumbnail.basic .item.selected .index { opacity: 1; right: 0px; }
.asg-thumbnail.basic .item:hover .index { opacity: 0.77; right: 0px; }

.asg-image.basic { background-color: #050505; color: #FFFFFF; }
.asg-image.basic .asg-info { top: -100px; bottom: auto; font-size: 12px; background-color: rgba(5, 5, 5, 0); transition: all 0.25s; }
.asg-image.basic .asg-info a { color: #FFFFFF; border-bottom: 1px dashed #FFFFFF; text-decoration: none; }
.asg-image.basic .asg-info a:hover { text-decoration: none; border-bottom: 1px solid #FFFFFF; }
.asg-image.basic:hover .asg-info { background-color: rgba(5, 5, 5, 0.77); top: 0; }

.asg-image.basic .btn { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0; background-image: none; text-shadow: none; }
.asg-image.basic .btn-default { border: 0px solid #FFFFFF; color: #FFFFFF; background-color: rgba(0,0,0,0.5); }
.asg-image.basic .btn-default:focus,
.asg-image.basic .btn-default:hover { border: 0px solid #FFFFFF; outline: none; color: #FFFFFF; background-color: rgba(0,0,0,0.8); }

.asg-image.basic .btn-default md-icon { font-size: 3rem; width: auto; height: auto; color: #FFFFFF; fill: #FFFFFF; }

.asg-modal.basic { background-color: #FFFFFF; }
.asg-modal.basic .frame { margin: 0; }
.asg-modal.basic .btn { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0; background-image: none; text-shadow: none; }
.asg-modal.basic .btn-default { border: 0px solid #FFFFFF; color: #555555; background-color: transparent; padding: 7px 10px; }
.asg-modal.basic .btn-default:focus,
.asg-modal.basic .btn-default:hover { border: 0px solid #FFFFFF; outline: none; color: #222222; background-color: #f0f0f0; }
.asg-modal.basic .header { background-color: #FFFFFF; color: #555555; }
    
.asg-image .arrows .toBackward .btn, .asg-image .arrows .toForward .btn { padding: 1.2rem; opacity: 0.7; font-size: 2rem; }
.asg-modal.basic .arrows .toBackward, .asg-modal.basic .arrows .toForward { position: absolute; top: 45%; background-color: rgba(0,0,0,0.5); }
.asg-modal.basic .arrows .toBackward .btn-default:hover, .asg-modal.basic .arrows .toForward .btn-default:hover { background-color: rgba(0,0,0,0.8); }    
    
.asg-modal.basic .header .title { text-transform: uppercase; }
.asg-modal.basic .header .subtitle { background: #FFFFFF; color: #555555; }
.asg-modal.basic .help { background-color: rgba(5, 5, 5, 0.77); color: #FFFFFF; }
.asg-modal.basic .caption .content { background-color: rgba(5, 5, 5, 0.64); color: #FFFFFF; padding: 0px; line-height: 32px; }

.asg-modal.basic .asg-thumbnail { background-color: transparent; }
.asg-modal.basic .asg-thumbnail .item img { height: 77px; }

.asg-control.basic { background-color: #555555; }
.asg-control.basic .btn { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0; background-image: none; text-shadow: none; }
.asg-control.basic .btn-default { border: 1px solid #FFFFFF; color: #FFFFFF; background-color: transparent; }
.asg-control.basic .btn-default:focus,
.asg-control.basic .btn-default:hover { border: 1px solid #FFFFFF; outline: none; color: #050505; background-color: #FFFFFF; }

.asg-info.basic { background-color: #050505; color: #FFFFFF; }

.asg-panel.basic { background-color: #050505; }
.asg-panel.basic .item { background-color: #050505; }
.asg-panel.basic .item.selected { border-color: #050505; }
.asg-panel.basic .item .index { background-color: rgba(5, 5, 5, 0.56); color: #FFFFFF; }