@import url("https://fonts.googleapis.com/css?family=Oswald");

#discover h1, #discover .discoverHeader, #discover .discoverVideo {float : left;width : 100%;box-sizing : border-box}

#discover .discoverInfo {float : left;width : 33.332%;box-sizing : border-box}

#discover .discoverHeaderList:after, #discover:after, #discover .discoverHeader:after, #discover .discoverContent:after {display : table;content : " ";clear : both}

#discover .discoverHeaderList:before, #discover:before, #discover .discoverHeader:before, #discover .discoverContent:before {display : table;content : " "}

#discover {font : 14px 'Oswald', sans-serif;max-width : 1280px;margin : auto}

#discover h2:before, #discover ul li:before, #discover .discoverDesc .discoverButton:after {position : absolute;display : block;content : "";background : #B2EA6F}

#discover .discoverHeaderList {max-width : 960px;margin : auto}

#discover h1 {font-size : 48px;color : white;margin : 0;padding : 40px 20px}

@media (min-width : 700px) and (max-width : 1199px) {
	#discover h1 {font-size : 32px}
}

@media (max-width : 699px) {
	#discover h1 {font-size : 24px}
}

#discover h2 {position : relative;display : block;z-index : 100;width : 100%;bottom : 1px;margin : 0;padding : 0 25px 10px;font-size : 36px;text-align : center;text-transform : uppercase;box-sizing : border-box}

#discover h2:before {left : 50%;top : 100%;height : 3px;width : 50%;max-width : 200px;-moz-transform : translateX(-50%);-webkit-transform : translateX(-50%);-o-transform : translateX(-50%);-ms-transform : translateX(-50%);transform : translateX(-50%)}

@media (min-width : 700px) and (max-width : 1199px) {
	#discover h2 {font-size : 30px}
}

@media (max-width : 699px) {
	#discover h2 {font-size : 20px}
}

#discover ul {list-style : none;padding : 0;margin : 15px 0;font : 14px/1.5em arial, sans-serif}

#discover ul li {position : relative;padding-left : 25px;margin : 12px 0;font-size : 15px}

#discover ul li:before {left : 0px;top : 0.4em;width : 10px;height : 10px}

#discover a {cursor : pointer}

#discover .discoverHeader {padding : 0 0 70px;margin-bottom : -70px;background : url("../img/mortgageDoneDifferently/banner.jpg") no-repeat center;background-size : cover;text-align : center;text-shadow : 0 0 7px black;text-transform : uppercase}

#discover .discoverHeaderList {padding : 0 25px}

@media (max-width : 699px) {
	#discover .discoverHeaderList {padding : 0 15px}
}

#discover .discoverInfo {padding : 0 10px;color : white;font-size : 24px;text-decoration : none;margin-bottom : 30px}

#discover .discoverInfo img {display : block;margin : 0 auto 20px;width : 50%;max-width : 150px}

#discover .discoverInfo img.hoverState {display : none}

#discover .discoverInfo:hover, #discover .discoverInfo:focus {color : #ADD66B}

#discover .discoverInfo:hover img.hoverState, #discover .discoverInfo:focus img.hoverState {display : block}

#discover .discoverInfo:hover img.normalState, #discover .discoverInfo:focus img.normalState {display : none}

@media (max-width : 699px) {
	#discover .discoverInfo {font-size : 14px}
}

#discover .discoverContent {max-width : 1280px;margin : auto;padding : 0 15%;border-bottom : 75px solid #00A758;margin-bottom : 75px}

@media (max-width : 699px) {
	#discover .discoverContent {padding : 0}
}

#discover .blockPlayer {position : relative;overflow : hidden;min-height : 100px}

#discover .blockPlayer.blockCrop0-40 > div {margin : 0 0 -55px}

#discover .blockPlayer.blockCrop30-10 > div {margin : -40px 0 -15px}

#discover .discoverVideo {position : relative;z-index : 1;display : block;padding : 0 0 25px;background : #FFFFFF;border-top : 12px solid #00A758}

#discover .discoverDesc {position : relative;z-index : 10;padding : 8px 50px 0}

#discover .discoverDesc .discoverButton {position : relative;float : right;margin-top : 10px;padding : 6px 50px 7px 15px;background : #E56A54;color : white;font-size : 18px;text-decoration : none;text-transform : uppercase}

#discover .discoverDesc .discoverButton:after {right : 0;top : 50%;width : 25px;height : 20px;margin-right : 10px;-moz-transform : translateY(-50%);-webkit-transform : translateY(-50%);-o-transform : translateY(-50%);-ms-transform : translateY(-50%);transform : translateY(-50%);background : url("../img/mortgageDoneDifferently/arrow.svg") no-repeat center;background-size : cover}

@media (max-width : 699px) {
	#discover .discoverDesc {padding : 8px 25px 0}
}