@-webkit-keyframes slide{
	100% {left:0;opacity:1;}
}
@-moz-keyframes slide{
	100% {left:0;opacity:1;}
}
@keyframes slide{
	100% {left:0;opacity:1;}
}


@-webkit-keyframes tt{
	50%{left:60px;opacity:0;}
	100% {left:64px;opacity:1;}
}
@-moz-keyframes tt{
	50%{left:60px;opacity:0;}
	100% {left:64px;opacity:1;}
}
@keyframes tt{
	50%{left:60px;opacity:0;}
	100% {left:64px;opacity:1;}
}

@-webkit-keyframes ts{
	50%{left:54px;opacity:0;}
	100% {left:60px;opacity:1;}
}
@-moz-keyframes ts{
	50%{left:54px;opacity:0;}
	100% {left:60px;opacity:1;}
}
@keyframes ts{
	50%{left:54px;opacity:0;}
	100% {left:60px;opacity:1;}
}

@-webkit-keyframes tu{
	50%{left:52px;opacity:0;}
	100% {left:56px;opacity:1;}
}
@-moz-keyframes tu{
	50%{left:52px;opacity:0;}
	100% {left:56px;opacity:1;}
}
@keyframes tu{
	50%{left:52px;opacity:0;}
	100% {left:56px;opacity:1;}
}

@-webkit-keyframes tb{
	50%{left:48px;opacity:0;}
	100% {left:53px;opacity:1;}
}
@-moz-keyframes tb{
	50%{left:48px;opacity:0;}
	100% {left:53px;opacity:1;}
}
@keyframes tb{
	50%{left:48px;opacity:0;}
	100% {left:53px;opacity:1;}
}

@-webkit-keyframes ta{
	50%{left:44px;opacity:0;}
	100% {left:50px;opacity:1;}
}
@-moz-keyframes ta{
	50%{left:44px;opacity:0;}
	100% {left:50px;opacity:1;}
}
@keyframes ta{
	50%{left:44px;opacity:0;}
	100% {left:50px;opacity:1;}
}

@-webkit-keyframes tk{
	50%{left:40px;opacity:0;}
	100% {left:47px;opacity:1;}
}
@-moz-keyframes tk{
	50%{left:40px;opacity:0;}
	100% {left:47px;opacity:1;}
}
@keyframes tk{
	50%{left:40px;opacity:0;}
	100% {left:47px;opacity:1;}
}

@-webkit-keyframes ti{
	50%{left:38px;opacity:0;}
	100% {left:44px;opacity:1;}
}
@-moz-keyframes ti{
	50%{left:38px;opacity:0;}
	100% {left:44px;opacity:1;}
}
@keyframes ti{
	50%{left:38px;opacity:0;}
	100% {left:44px;opacity:1;}
}

@-webkit-keyframes main-logo{
	100% {opacity:1;}
}
@-moz-keyframes main-logo{
	100% {opacity:1;}
}
@keyframes main-logo{
	100% {opacity:1;}
}

.logo-slide {
    display: inline-block;
	margin:1.0625em 0 1.0625em 0;											/* BASE FONT = 16px  >>> 17px 0 17px 0 / 16px = 1.0625em 0 1.0625em 0 */
	max-width:18.625em;														/* BASE FONT = 16px  >>> 298px / 16px = 18.625em */
	min-width:18.625em;														/* BASE FONT = 16px  >>> 298px / 16px = 18.625em */
	position:relative;
	text-align:left;
}
.logo-slide img{
	opacity: 0;
	position: relative;
	vertical-align:top;
}
.logo-slide img.m01, .logo-slide img.m02, .logo-slide img.m03, .logo-slide img.m04{
	left:-100%;																/* -100% left position of its container */
	opacity:1;
	position: absolute;
}
.logo-slide img.m01{
	top:2.75em;																/* BASE FONT = 16px  >>> 44px / 16px = 2.75em */
	width:auto;
	-webkit-animation: slide 0.5s ease-in forwards;
	-moz-animation: slide 0.5s ease-in forwards;
	animation: slide 0.5s ease-in forwards;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.logo-slide img.m02{
	top:1.8125em;															/* BASE FONT = 16px  >>> 29px / 16px = 1.8125em */
	width:auto;
	-webkit-animation: slide 0.5s ease-in forwards;
	-moz-animation: slide 0.5s ease-in forwards;
	-ms-animation: slide 0.5s ease-in forwards;
	animation: slide 0.5s ease-in forwards;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.logo-slide img.m03{
	top:1em;																/* BASE FONT = 16px  >>> 16px / 16px = 1em */
	width:auto;
	-webkit-animation: slide 0.5s ease-in forwards;
	-moz-animation: slide 0.5s ease-in forwards;
	-ms-animation: slide 0.5s ease-in forwards;
	animation: slide 0.5s ease-in forwards;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.logo-slide img.m04{
	width:auto;
	-webkit-animation: slide 0.5s ease-in forwards;
	-moz-animation: slide 0.5s ease-in forwards;
	animation: slide 0.5s ease-in forwards;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.logo-slide img.t{
	left:3.75em;															/* BASE FONT = 16px  >>> 60px / 16px = 3.75em */
	margin:0.9375em 0 0 0;													/* BASE FONT = 16px  >>> 15px 0 0 0 / 16px = 0.9375em 0 0 0 */
	width:auto;
	-webkit-animation: tt 0.5s ease-in forwards;
	-moz-animation: tt 0.5s ease-in forwards;
	-ms-animation: tt 0.5s ease-in forwards;
	animation: tt 0.5s ease-in forwards;
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.logo-slide img.s{
	left:3.375em;															/* BASE FONT = 16px  >>> 54px / 16px = 3.375em */
	width:auto;
	-webkit-animation: ts 0.5s ease-in forwards;
	-moz-animation: ts 0.5s ease-in forwards;
	-ms-animation: ts 0.5s ease-in forwards;
	animation: ts 0.5s ease-in forwards;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.logo-slide img.u{
	left:3.25em;															/* BASE FONT = 16px  >>> 52px / 16px = 3.25em */
	width:auto;
	-webkit-animation: tu 0.5s ease-in forwards;
	-moz-animation: tu 0.5s ease-in forwards;
	-ms-animation: tu 0.5s ease-in forwards;
	animation: tu 0.5s ease-in forwards;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.logo-slide img.b{
	left:3em;																/* BASE FONT = 16px  >>> 48px / 16px = 3em */
	width:auto;
	-webkit-animation: tb 0.5s ease-in forwards;
	-moz-animation: tb 0.5s ease-in forwards;
	-ms-animation: tb 0.5s ease-in forwards;
	animation: tb 0.5s ease-in forwards;
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.logo-slide img.a{
	left:2.75em;															/* BASE FONT = 16px  >>> 44px / 16px = 2.75em */
	width:auto;
	-webkit-animation: ta 0.5s ease-in forwards;
	-moz-animation: ta 0.5s ease-in forwards;
	-ms-animation: ta 0.5s ease-in forwards;
	animation: ta 0.5s ease-in forwards;
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.logo-slide img.k{
	left:2.5em;																/* BASE FONT = 16px  >>> 40px / 16px = 2.5em */
	width:auto;
	-webkit-animation: tk 0.5s ease-in forwards;
	-moz-animation: tk 0.5s ease-in forwards;
	-ms-animation: tk 0.5s ease-in forwards;
	animation: tk 0.5s ease-in forwards;
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
	-o-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.logo-slide img.i{
	left:2.375em;															/* BASE FONT = 16px  >>> 38px / 16px = 2.375em */
	width:auto;
	-webkit-animation: ti 0.5s ease-in forwards;
	-moz-animation: ti 0.5s ease-in forwards;
	-ms-animation: ti 0.5s ease-in forwards;
	animation: ti 0.5s ease-in forwards;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}



@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%; opacity:0;}
    50%{background-position:100% 50%; opacity:1;}
    100%{background-position:0% 50%; opacity:1;}
}
.logo-slide .main-logo{
	left:0;
	opacity:0;
	position: absolute;
	top:0;

	background: linear-gradient(269deg, #0f525e, #0fa1c9, #0f525e, #0fa1c9, #0f525e, #0fa1c9);
	background-size: 400% 400%;

	-webkit-animation: AnimationName 20s ease infinite;
	-moz-animation: AnimationName 20s ease infinite;
	animation: AnimationName 20s ease infinite;

	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	-o-animation-delay: 2.2s;
	animation-delay: 2.2s;
	/*
	animation: main-logo 0.5s ease-in forwards;
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	-o-animation-delay: 2.2s;
	animation-delay: 2.2s;
	*/
}
.logo-slide .main-logo img{
	display:inline-block;
	opacity: 1;
	vertical-align:top;
}

@media screen and (max-height: 600px) {
	  /*.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
	    height: 400px !important;
	    overflow: scroll !important;
	}*/
	.plp-cadrfx-left-panel, .plp-cadrfx-right-panel {
		padding: 2px 5px !important;
		font-size: 15px !important;
	}
}

/******** 1200px/16px = 75em*/
@media only screen and (min-width: 75em) {
/* =============================================================================
   Header Styles
* ============================================================================= */
.logo-slide{
    float: left;
}
}