/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-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);
  }
}

@-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);
  }
}

@-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: none;
    transform: none;
    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: none;
    transform: none;
    opacity: 1;
  }
}


/*= General =================== */

/** General >> Phone num heading 1 **/
#phone-num h1 {
	text-shadow: 3px 2px rgb(144, 200, 243) !important;
	box-shadow: 0 0 0 0 !important;
}

/** General >> Phone num image **/
#phone-num img {
	max-width: 100% !important;
}

/** General >> Tp linesplit _2 **/
.tp-linesplit {
	
}

/** General >> Caring for Generations Since 1949 in blue **/
.extended-column-inner h1 {
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Harvey Roddenberry and Read More **/
.inner span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Ui id 4 span **/
#ui-id-4 span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Ui id 6 div **/
#ui-id-6 div {
	font-weight: normal !important;
}

/** General >> Paragraph:(1) span _2 **/
#ui-id-6 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _2 **/
#ui-id-6 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Paragraph:(1) span _3 **/
#ui-id-8 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _3 **/
#ui-id-8 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Paragraph:(1) span _4 **/
#ui-id-10 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _4 **/
#ui-id-10 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Paragraph:(1) span _5 **/
#ui-id-12 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _5 **/
#ui-id-12 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Paragraph:(1) span _6 **/
#ui-id-14 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _6 **/
#ui-id-14 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Paragraph:(1) span _7 **/
#ui-id-16 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _7 **/
#ui-id-16 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Paragraph:(1) span _8 **/
#ui-id-18 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

/** General >> Link:(1) span _8 **/
#ui-id-18 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}


/*= Content =================== */

/** Content >> #section-moto h2 **/
#section-moto h2 {
	font-size: 40px !important;
	text-shadow: 1px 1px rgb(0, 0, 0) !important;
	-webkit-animation-name: rotateIn !important;
	animation-name: rotateIn !important;
	-webkit-animation-duration: 1.0s !important;
	animation-duration: 1.0s !important;
	-webkit-animation-delay: 0s !important;
	animation-delay: 0s !important;
}

/** Content >> .has-background h2 **/
.has-background h2 {
	
}


/*( Large Desktop )*/
@media (min-width: 1200px) {

	/*= General =================== */

	/** General >> Caring for Generations Since 1949 in blue **/
	.extended-column-inner h1 {
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Paragraph:(1) span **/
	#ui-id-2 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Link:(1) span **/
	#ui-id-2 > div:nth-of-type(1) > p:nth-of-type(2) > a:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Phone num image **/
	#phone-num img {
	-webkit-animation-name: slideInRight !important;
	animation-name: slideInRight !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= General =================== */

	/** General >> Mobile top bar image _2 **/
	.mobile-top-bar img {
	width: 400px !important;
}

	/** General >> Paragraph span **/
	p span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Caring for Generations Since 1949 in blue **/
	.extended-column-inner h1 {
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Phone num image **/
	#phone-num img {
	-webkit-animation-name: slideInRight !important;
	animation-name: slideInRight !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= General =================== */

	/** General >> Mobile top bar image _2 **/
	.mobile-top-bar img {
	position: absolute !important;
}

	/** General >> Slide 47 layer 5 **/
	#slide-47-layer-5 {
	
}

	/** General >> Caring for Generations Since 1949 in blue **/
	.extended-column-inner h1 {
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Paragraph:(1) span **/
	#ui-id-2 > div:nth-of-type(1) > p:nth-of-type(1) > span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Ui id 2 span **/
	#ui-id-2 span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= General =================== */

	/** General >> Mobile top bar image _2 **/
	.mobile-top-bar img {
	
}

	/** General >> Normal logo **/
	.normal-logo {
	margin-top: 10px !important;
	margin-left: 32px !important;
}

	/** General >> Slide 47 layer 5 **/
	#slide-47-layer-5 {
	display: none !important;
}

	/** General >> Tp linesplit _2 **/
	.tp-linesplit {
	display: none !important;
}

	/** General >> Slide 47 layer 5 _2 **/
	#slide-47-layer-5 {
	display: none !important;
}

	/** General >> Caring for Generations Since 1949 in blue **/
	.extended-column-inner h1 {
	font-size: 36px !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}

	/** General >> Ui helper reset span **/
	.ui-helper-reset span {
	
}

	/** General >> Harvey Roddenberry and Read More **/
	.inner span {
	
}

	/** General >> Ui id 2 span **/
	#ui-id-2 span {
	font-weight: bolder !important;
	text-shadow: 2px 2px 2px rgb(0, 0, 0) !important;
}


	/*= Content =================== */

	/** Content >> #section-moto h2 **/
	#section-moto h2 {
	font-size: 24px !important;
}

	/** Content >> #page .mobile-top-bar **/
	#page .mobile-top-bar {
	font-family: "Arial Black" !important;
	color: rgb(79, 113, 186) !important;
	font-size: 21px !important;
	letter-spacing: normal !important;
	margin-left: 8px !important;
	-webkit-animation-name: slideInLeft !important;
	animation-name: slideInLeft !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


}