﻿

/*** CONTAINER ***/
.container{max-width: 800px}
H1{color: #59007a; font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: -3px; word-spacing: 2px; padding: 60px 0px 30px 0px}
H2{color: #59007a; font-size: 32px; line-height: 40px; letter-spacing: -1px; font-weight: 700; padding: 15px 0px 20px 0px}
H2.more-padding{padding-bottom: 40px}
H2.border-top{margin-top: 15px; padding-top: 40px; border-top: solid 1px #d0d0d0}
H3{color: #59007a; font-size: 24px; line-height: 28px; font-weight: 700; letter-spacing: -1px; padding: 10px 0px 5px 0px}
H3.more-padding{padding-bottom: 40px}

P.body-text--maintenance{padding: 25px; margin: 15px auto 25px; border: solid 1px #d0d0d0; background: #fff8ff}



FOOTER IMG{margin: 0px; top: 56px}
FOOTER SPAN{color: #180024; font-size: 1px; line-height: 1px; margin: 0px; display: block}
FOOTER P{line-height: 28px; text-align: left; padding-left: 110px}	
	
	

/************************* MEDIA: BULLET-LIST *******************/
DIV.media-bullet-list{padding: 25px 0px}
DIV.media-bullet-list P, DIV.media-bullet-list A{font-size: 16px; line-height: 24px; text-decoration: none}
DIV.media-bullet-list A{color: #3366bb}
DIV.media-bullet-list A:hover{text-decoration: underline}
DIV.media-bullet-list P{padding: 0px 0px 5px 25px; position: relative}
DIV.media-bullet-list P::before{content: ''; line-height: 0px; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0px; top: 10px; background: #180024}



/************************* MEDIA: VIDEO *******************/
DIV.media-video{margin: 40px auto}
DIV.media-video DIV.video{height: 0px; padding-top: 56.25%; position: relative; overflow: hidden; cursor: pointer; background: #000}
DIV.media-video IFRAME{width: 100%; height: 100%; border: none; position: absolute; top: 0px; left: 0px; z-index: 5; background: #fff}

.video IMG{width: 100%; height: auto; left: 0; top: -16.82%}
.video .play-button{width: 90px; height: 60px; border-radius: 6px; box-shadow: 0 0 30px rgba( 0,0,0,0.6); z-index: 1; transition: all .3s ease-in-out; background-color: #ff0000}
.video .play-button:hover{background: #333}
.video .play-button:before{content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff}

.video img, .video .play-button{cursor: pointer}
.video img, .video iframe, .video .play-button, .video .play-button:before{position: absolute}
.video .play-button, .video .play-button:before{ left: 50%; top: 50%; transform: translate3d( -50%, -50%, 0)}



/************************* MEDIA: ROW *******************/
.media-rows{}
.media-rows--margin-bottom{margin-bottom: 35px}
.media-row{margin-bottom: -1px; padding: 25px 10px 30px 10px; border: solid 1px #c8c8c8; border-left: none; border-right: none; background: #fff}
.media-row:nth-child(odd){background: #fff8ff}
.media-row P:last-child{padding: 0px}



@media only screen and (min-width: 1300px)
{	
	/************************* MEDIA: VIDEO *******************/
	DIV.media-video{margin: 45px 0px 50px 0px}	
}

@media only screen and (max-width: 960px)
{	
	/************************* MEDIA: VIDEO *******************/
	DIV.media-video DIV.container{width: 100%}
}

@media only screen and (max-width: 750px)
{
	H1{font-size: 36px; line-height: 40px; letter-spacing: -2px; padding-top: 50px}
	H2{font-size: 30px; line-height: 34px}	
}
