@charset "utf-8";

.page_title { background: url(/images/2014/benefits-of-smales/mobile/big-title-holder.png) no-repeat; height:90%; color:#da4393; background-size: 100% auto; }

.divider { width: 75%; }
/*.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: 5%; }
.holder { width: 90%; margin: 0 auto; background-size: 100% auto !important; }
.page_content .page_holder_top { background: url(/images/2014/benefits-of-smales/mobile/content-holder-top.png) no-repeat; height: 9.8rem; }
.page_content .page_holder_bottom { background: url(/images/2014/benefits-of-smales/mobile/content-holder-bottom.png) no-repeat; height: 10rem; }
.page_content .page_holder { background: url(/images/2014/benefits-of-smales/mobile/content-holder-middle.png) repeat-y; position: relative; overflow: hidden; }
.page_content .page_sub_title { color:#da4393; background: url(/images/2014/benefits-of-smales/mobile/title-holder.png) no-repeat; width: 60%; height: 19rem; margin: 0 auto; position: relative; top: -65%; background-size: 100% auto !important; overflow: hidden; z-index: 1; }
.page_content .page_sub_title p { margin: 6% 30% 0; width: 60%; }

.page_content .page_holder .tnc { color: #b31e20; margin: 1rem 0 -3rem; }
.page_content .page_holder .tnc:hover { text-decoration: underline;  }
.page_content .page_holder .benefits { margin-top: 5%; }
.page_content .page_holder .benefits .separator { background: url(); width: 80%; }
.page_content .page_holder .benefits .benefit { margin: 0 auto; }
.page_content .page_holder .benefits .benefit .image { background-size: 100%  auto !important; margin: 0 auto; }
.page_content .page_holder .benefits .benefit .benefit_copy { width: 60%; text-align: center; overflow: hidden; margin: 1rem auto; }
.page_content .page_holder .benefits .benefit .benefit_copy div { display: inline-block; vertical-align: top; }
.page_content .page_holder .benefits .benefit .star { background: url(/images/2014/benefits-of-smales/point.png) no-repeat; width: 9%; height: 5rem; background-size: 100% auto; }
.page_content .page_holder .benefits .benefit .copy { max-width: 70%; }
.page_content .page_holder .benefits .benefit.one .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-01.png) no-repeat; width: 20%; height: 9rem; }
.page_content .page_holder .benefits .benefit.two .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-02.png) no-repeat; width: 35%; height: 15rem; }
.page_content .page_holder .benefits .benefit.three .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-03.png) no-repeat; width: 20%; height: 17rem; }
.page_content .page_holder .benefits .benefit.four .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-04.png) no-repeat; width: 15%; height: 19rem; }
.page_content .page_holder .benefits .benefit.five .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-05.png) no-repeat; width: 15%; height: 20rem; }
.page_content .page_holder .benefits .benefit.six .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-06.png) no-repeat; width: 20%; height: 11rem; }
.page_content .page_holder .benefits .benefit.seven .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-07.png) no-repeat; width: 20%; height: 24rem; }
.page_content .page_holder .benefits .benefit.eight .benefit_image { background: url(/images/2014/benefits-of-smales/benefit-08.png) no-repeat; width: 25%; height: 22rem; }

@media only screen and (max-width: 480px) {
	.bm .page_content { margin-top: 8%; }
	.bm .page_content .page_sub_title { color:#da4393; background: url(/images/2014/benefits-of-smales/mobile/title-holder.png) no-repeat; width: 80%; height: 24rem; margin: 0 auto; position: relative; top: -120%; background-size: 100% auto !important; overflow: hidden; z-index: 1; }
	.bm .page_content .page_sub_title p { margin: 9% 30% 0; width: 60%; }

	.en .page_content { margin-top: 8%; }
	.en .page_content .page_sub_title { color:#da4393; background: url(/images/2014/benefits-of-smales/mobile/title-holder.png) no-repeat; width: 80%; height: 24rem; margin: 0 auto; position: relative; top: -120%; background-size: 100% auto !important; overflow: hidden; z-index: 1; }
	.en .page_content .page_sub_title p { margin: 6% 30% 0; width: 60%; }
}

@media only screen and (min-width: 480px) {
	.airbornes { display:none; }
	.page_content .page_sub_title p { margin: 8% 30% 0; }
	/*.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: 1025px) {
	.page_title { background:url(/images/2014/benefits-of-smales/big-title-header.png); width:794px; height:60px; }
	.page_title p { margin-top:1.2rem; }

	.holder { width: 910px; }
	.page_content .page_holder_top { background: url(/images/2014/benefits-of-smales/content-holder-top.png) no-repeat; height: 75px; }
	.page_content .page_holder_bottom { background: url(/images/2014/benefits-of-smales/content-holder-bottom.png) no-repeat; height: 75px; }
	.page_content .page_holder { background: url(/images/2014/benefits-of-smales/content-holder-middle.png) repeat-y; position: relative; overflow: hidden; }
	.page_content .page_sub_title { background: url(/images/2014/benefits-of-smales/title-header.png); width: 473px; height: 102px; top: -18px; }
	.page_content .page_sub_title p { margin: 26px 125px; width: 300px; }

	.page_content .page_holder .benefits { margin-top: 60px; }
	.page_content .page_holder .benefits .benefit .copy { margin-top:1.3rem; }

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