@charset "utf-8";

.page_title { background: url(/images/2014/parents/title-bar-m.png) no-repeat; height:90%; color:#024400; background-size: 100% auto; }

.divider { width: 94%; }
/*.divider { width: 100%; margin: 3rem auto; position: relative; }
.divider .left_ladybug { width:8%; position: absolute; top: -3rem; left: 0; }
.divider .right_ladybug { width:8%; position: absolute; top: -3rem; right: 0; }
.divider .dashed_line { border-bottom: 1px dashed #59340f; width: 95%; margin: 0 auto; }*/

.page_content { margin-top: 3%; }
.holder { width: 90%; margin: 0 auto; background-size: 100% auto !important; }
.page_content .page_holder_top { background: url(/images/2014/parents/benefits-of-joining/content-holder-top.png) no-repeat; height: 3.5rem; }
.page_content .page_holder_bottom { background: url(/images/2014/parents/benefits-of-joining/content-holder-bottom.png) no-repeat; height: 3.5rem; }
.page_content .page_holder { background: url(/images/2014/parents/benefits-of-joining/content-holder-middle.png) repeat-y; position: relative; overflow: hidden; }
.sub_title p, .sub_title_benefits p { margin-top: 2rem; }
.tncs .sub_title { font-size:3.5rem; }

.sub_title_benefits { color:#024400; background: url(/images/2014/parents/benefits-of-joining/title-holder-01.png) no-repeat; width: 80%; height: 8rem; position: relative; top: 60%; left: 3%; background-size: 100% auto !important; overflow: hidden; z-index: 1; }

.point { background: url(/images/2014/parents/benefits-of-joining/point.png) no-repeat; width: 4%; height: 4rem; background-size: 100% auto; }
.tncs .point { background: none; color: #a88422; text-align: center; width: 1rem; height: 1rem; font-size: 1.5rem; }
.copy { margin-top: 1rem; max-width: 90%; }
.tncs .copy { margin-top: 0; }

.page_holder .bg { width: 80rem; margin: 0 auto; }
.page_holder .benefits_holder_top { background: url(/images/2014/parents/benefits-of-joining/benefits-holder-top.png) no-repeat; height: 2.8rem; margin-top: 8%; }
.page_holder .benefits_holder_mid { background: url(/images/2014/parents/benefits-of-joining/benefits-holder-middle.png) repeat-y; }
.page_holder .benefits_holder_bot { background: url(/images/2014/parents/benefits-of-joining/benefits-holder-bottom.png) no-repeat; height: 3rem; margin-bottom: 3%; }

.benefits { width: 94%; margin: 0 auto; }
.benefits .benefit { text-align: left; }
.benefits .benefit div { display: inline-block; vertical-align: top; }

.tncs { width: 94%; margin: 0 auto; }
.tncs .sub_title { color:#024400; background: url(/images/2014/parents/benefits-of-joining/title-holder-02.png) no-repeat; width: 45%; height: 8rem; position: relative; top: 60%; left: 0%; background-size: 100% auto !important; overflow: hidden; z-index: 1; margin-bottom: 2%; }
.tncs .tnc { text-align: left; margin: 1rem 0 0 1rem; }
.tncs .tnc div { display: inline-block; vertical-align: top; }
.tncs .tnc.nineteen { margin: 4%; border: 1px dashed; background: #fff; border-radius: 2rem; }
.tncs .tnc.nineteen .copy { margin: 2%; max-width: 100%; }

@media only screen and (max-width: 480px) {
	.page_title p { margin-top: 1rem; }
	.widen { width: 93%; height: 10rem; font-size: 3rem; }
	.sub_title_benefits { width: 93%; height: 10rem; }
	.sub_title_benefits p { margin-top: 3rem; }
	.page_holder .benefits_holder_top { margin-top: 11%; }
	.page_holder .bg { width: 85rem; }
	.holder { width: 93%; }
	.tncs .sub_title { width: 51%; height: 10rem; }
	.benefit { margin-bottom: 5px; }
	.benefit:last-child { margin-bottom: 0; }
	.copy { margin-top: 0; }
	.tncs .tnc { margin-bottom: 5px; }
	.sub_title { height: 9rem; }
}

@media only screen and (min-width: 480px) {
	.airbornes { display:none; }

	.tncs .sub_title { font-size:3rem; }
	.sub_title_benefits { width:70%; }
	.tncs .sub_title { width:40%; height:7.5rem; }

	/*.divider { margin:2rem auto; }
	.divider .right_ladybug, .divider .left_ladybug { top:-2.2rem; }*/
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1024px) {
	.tncs .sub_title { font-size:2.4rem; }
	.sub_title_benefits { width:55%; }
	.page_holder .benefits_holder_top { margin-top:	7%; }
	.tncs .sub_title { width:30%; height:5.5rem; }
	.sub_title p, .sub_title_benefits p { margin-top:1.5rem; }
}
@media only screen and (min-width: 1025px) {
	.page_title { background:url(/images/2014/parents/title-bar.png); width:794px; height:60px; }
	.page_title p { margin-top:1.2rem; }

	.holder { width: 910px; }
	.page_content .page_holder_top { background: url(/images/2014/parents/benefits-of-joining/content-holder-top.png) no-repeat; height: 38px; }
	.page_content .page_holder_bottom { background: url(/images/2014/parents/benefits-of-joining/content-holder-bottom.png) no-repeat; height: 38px; }
	.page_content .page_holder { background: url(/images/2014/parents/benefits-of-joining/content-holder-middle.png) repeat-y; position: relative; overflow: hidden; }
	.page_holder .bg { width: 85rem; }
	.page_holder .benefits_holder_top { height: 3rem; }

	.sub_title_benefits { background: url(/images/2014/parents/benefits-of-joining/title-holder-01.png); width: 425px; height: 52px; }
	.sub_title_benefits p { margin: 15px 0 0 0; }

	.tncs .sub_title { background: url(/images/2014/parents/benefits-of-joining/title-holder-02.png) no-repeat; width: 225px; height: 50px; font-size:1.4rem; }
	.tncs .sub_title p { margin: 15px 0 0 0; }

	.page_holder .benefits_holder_top { margin-top:5%; }
	/*.divider .right_ladybug, .divider .left_ladybug { top:-2rem; }*/
}