/* cmsms stylesheet: ramadan2015-res modified: 09/17/16 17:18:36 */
/* CSS Document */

body {
  padding-bottom: 0px;
  color: #5a5a5a;
  background:#bfbfbf;
  font: normal 10px 'Open Sans', sans-serif, Arial, Verdana, Helvetica;
}

footer {
	background:#f2f2f2;
}

* {
	outline:0;
}


p {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color:#313131;
}

h2 {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  font-size:20px;
  line-height:28px;
  margin-right: 10px;
  margin-left: 0px;
}

h3 {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  margin-right: 10px;
  margin-left: 10px;
}



.row-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
  clear:both;
}

.row-divider-20 {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
  clear:both;
}

/* NORMAL */

.container {
		width:100%;
  	}
	
.linkScroll {
	color:#FFF;
}

.row {
	margin-left:0px;
	margin-right:0px;
	width:100%;
}

#main .container {
	background:#05133f;
}

#main h1 {
	font-size:60px;
	font-weight:300;
	color:#FFF;
	text-align:center;
}

#main h1 strong {
	font-weight:800;
	color:#ffde00;
}

#main .top-box {
	width:inherit;
	/*position: fixed;*/
	z-index:9999;
}	

#btn-buy {
	text-align:right;
	padding-right:12px;
	padding-top:24px;
}

#main .row #logo {
	position: absolute;
	top: 12px;
	left: 12px;
}

#main .bottom p {
	text-align:center;
	color:#FFF;
	font-size:45px;
	font-weight:400;
}

/*.video-container { 
	position: relative;
	margin:auto;
	max-width: 800px; 
	height: auto; 
} 
*/
.video-container .bg-video {
	position:relative;
}

.video-container #video-btn {
	position:absolute;
	top:50%;
	left:50%;
}


/*.embed-container {
	display:none;
	position: relative;
	margin:auto;
	max-width: 800px; 
	height: auto; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute;
	display:block;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}*/

#stat-1 .container {
	background:#e4984f;
	padding-top:60px;
	padding-bottom:60px;
}

#stat-1 p {
	color:#FFF;
	font-size:45px;
	line-height:50px;
	font-weight:300;
	letter-spacing:-1px;
}

#stat-1 p strong {
	font-weight:800;
}

#stat-1 .left img {
	margin:auto;
}

#stat-1 .right p {
	padding-left:30px;
	padding-top:0px;
}

#stat-2 .container {
	background:#afbbc0;
	background:url(/uploads/ramadan2015/images/stat-2/super-hero-bg.jpg) top right no-repeat;
	background-size:cover;
	color:#a90057;
	padding-top:60px;
	padding-bottom:15px;
}

#stat-2 .container .left {
	float:left;
}

#stat-2 .container .right {
	float:right;
}

#stat-2 .container .right img {
	padding-right:20px;
}

#stat-2 .container h2 {
	margin:0px;
	font-size:46px;
	font-weight:800;
}


#stat-2 .container h3 {
	margin:0px;
	margin-top:14px;
	font-size:36px;
	line-height:44px;
	font-weight:300
}

#stat-2 .container h3 strong {
	font-weight:800;
}

#stat-2 .container p {
	font-size:30px;
	line-height:36px;
	padding-top:45px;
	font-weight:300;
	color:#a90057;
}



#stat-3 .container {
	background:#c93c3f;
}

#stat-3 .row {
	position:relative;
}

#stat-3 .bg {
	position:absolute;
	right:0px;
}

#stat-3 .left {
	padding-top:60px;
	padding-bottom:40px;
}

#stat-3 .right {
	padding-top:210px;
	float:right;
	padding-right:70px;
	margin:0px;
}

#stat-3 .right img {
	position:absolute;
	right:0px;
	top:0px;
	z-index:0;
}

#stat-3 .right h1 {
	position:relative;
	font-weight:800;
	font-size:48px;
	color:#FFF;
}

#stat-3 .right h1 strong {
	color:#fcdb00;
}

#stat-3 .right p {
	position:relative;
	font-weight:300;
	font-size:36px;
	color:#FFF;
	
}

#stat-4 .container {
	background:#ab89b0;
	background:url(/uploads/ramadan2015/images/stat-4/knee-pain-bg.jpg) center top no-repeat;
	background-size: cover;
}

#stat-4 .left {
	padding-top:170px;
}

#stat-4 .left h1 {
	font-size:72px;
	line-height:50px;
	color:#FFF;
	font-weight:800;
}

#stat-4 .left p {
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #FFF;
}

#stat-4 .left p.dark {
	color: #000;
}

#stat-4 .right {
	padding-top:60px;
	padding-bottom:20px;
}

#stat-4 .right img {
	float:right;
}

#moon .container {
	background:#2e1392;
}

#moon .content {
	display:block;
	text-align:center;
	color:#FFF;
	position:absolute;
	font-size:40px;
	width:100%;
	margin-top:20%;
	font-weight:300;
}

#moon .content strong {
	font-weight:800;
}

#cinema .container {
	background:#2e1392;
}

#cinema .content {
	display:block;
	text-align:center;
	color:#FFF;
	position:absolute;
	font-size:30px;
	width:100%;
	margin-top:20px;
	font-weight:300;
}

#cinema p {
	padding:0px;
	margin:0px;
}

#cinema .content strong {
	font-weight:800;
}

#layers .container {
	background:#d1d0d1;
}

#layers .container h2 {
	display:block;
	width:260px;
	background:#dc4d50;
	border:10px solid #bd2528;
	color:#FFF;
	text-align:center;
	font-size:24px;
	line-height:24px;
	padding-top:5px;
	padding-bottom:8px;
}

#layers .container h3 {
	font-size:36px;
	color:#000000;
	font-weight:800;
	margin:0px;
	margin-top:50px;
}

#layers .container p {
	font-size:30px;
	line-height:38px;
	color:#000000;
	font-weight:300;
}

#layers .left {
	padding-top:20px;
}

#layers .right {
	padding:100px 0px;
}

#nasa .container {
	background:#e4984f;
}

#nasa .content {
	display:block;
	text-align:center;
	color:#FFF;
	position:absolute;
	width:100%;
	margin-top:100px;
	font-weight:300;
}



#nasa .boxes {
	padding:30px 0px;
}

#nasa .boxes span {
	display:block;
	height:160px;
}

#nasa .boxes span img {
	margin:auto;
	height:100%;
}

#nasa .boxes p {
	text-align:center;
	padding:20px 0px;
	color:#000;
	font-size:30px;
	font-weight:700;
}

#nasa .boxes-2 {
	padding:30px 0px;
}

#nasa .boxes-2 img {
	margin:auto;
}

#warranty .container {
	background:#593f5d;
	padding:20px 0px;
}


#warranty  h1 {
	padding-top:30px;
	letter-spacing:-1px;
	font-size:40px;
	color:#FFF;
	font-weight:700;
}


#warranty .arrow {
	position:absolute;
	padding-top:20px;
	padding-left:20px;
	z-index:99;
}

#box .container {
	background:#afbbc0;
	padding-top:30px;
}

#box .container p {
	text-align:center;
}

#box .container p.link {
	padding:40px 0px;
}

#box .container p.link img {
	margin-top:60px;
}

#box .container p a {
	color:#FFF;
	font-size:48px;
	font-weight:700;
	
}

#box .container p.wrap-box img {
	margin:auto;
	z-index:0;
}



#cards-icon {
	background:url(/uploads/ramadan2015/images/footer/seal.png) top left no-repeat;
}

#cards-icon .right img {
	float:right;
	padding-right:15px;
	padding-top:10px;
}

#cards-icon .left {
	padding-top:70px;
}

#cards-icon .left p {
	color:#000;
	display:block;
	width:420px;
	font-size:14px;
	padding-left:20px;
}

#footer .container {
	background:#afbbc0;
}

#footer .row {
	position:relative;
	padding-top:30px;
}

#footer #media-icon {
  display: block;
  height: auto;
}

#footer #media-icon div {
	text-align:center;
}

#footer #social-icon div {
	text-align:center;
	padding-top:70px;
}

#footer #social-icon div a {
	margin:15px;
	display: inline-block;
}

/* video */

.video-container {
	position:relative;
	padding-bottom:56%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape) {
	
	
}

@media (max-width: 767px) {
	
	#main h1 {
		font-size:36px;
		  /*margin-top: 30px;*/
	}
	
	#main .container .mid {
		padding-top:20px;
	}
	
	#video-btn {
	  position: absolute;
	  width:120px;
	  height:auto;
	  top: 50%;
	  left: 50%;
	  margin-top: -60px;
	  margin-left: -60px;
	}
	
	#stat-1 .left {
		clear:both;
		float:none;
	}
	
	#stat-1 .left img {
		margin:auto;
	}
	
	#stat-1 p {
		font-size:26px;
		line-height:32px;
	}
	
	#stat-1 .right p {
		padding-left:0px;
	}


	#stat-2 .container .right {
	  float: none;
	}
	
	#stat-2 .container .right img {
	  padding-right: 0px;
	}
	
	#stat-2 .container h2 {
		font-size:26px;
		line-height:32px;
		padding-top:25px;
	}
	
	
	#stat-2 .container h3 {
		margin-top:14px;
		font-size:20px;
		line-height:32px;
	}
	
	#stat-2 .container p {
		font-size:20px;
		line-height:32px;
		padding-top:15px;
	}
	
	#stat-3 .right {
	  padding-top: 146px;
	  float: none; 
	  padding-right: 0px;
	  margin:auto;
	}
	
	#stat-3 .right h1 {
		font-size:30px;
		font-weight:800;
	}
		
		
	#stat-3 .right p {
		position:relative;
		font-weight:300;
		font-size:24px;
		line-height:30px;
		color:#FFF;
	}
	
	#stat-3 .left {
		padding-top:30px;
		padding-bottom:40px;
	}
	
	#stat-4 .left {
		padding-top:30px;
	}
	
	#stat-4 .right img {
		float:none;
		margin:auto;
		height:auto;
		width:30%;
	}
	
	
	#nasa .boxes span {
	  height: 100px;
	}
	
	#nasa .boxes p {
		font-size:20px;
	}
	
	#nasa .boxes-2 img {
		height:70px;
		width:auto;
	}
	
	#warranty .seal img {
		margin:auto;
	}
	
	#warranty h1 {
		position:absolute;
		width:50%;
		left:25%;
		color:#000;
		font-weight:400;
		font-size:36px;
		text-align:center;
		z-index:99;
		  top: 130%;
	}
	
	#warranty .arrow {
		z-index:99;
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		top: 258%;
		left:50%
	}
	
	#warranty .right img {
		margin:auto;
		width:60%;
        
	}
	
	#box .container p.link img {
		width:35px;
		height:auto;
		margin-top: 10px;
  display: block;
		margin:auto;
	}
	
	#cards-icon .right img {
		height: auto;
		padding: 15px 20px;
		float: left;
	}
	
	/*.embed-container {
		width:100%;
	}*/

	/* video */
	
	.bg-video {
		display:none;
	}
	
	.embed-container {
		display:block;
		padding-bottom:50%;
	}
	
}

@media (max-width: 620px) { 
	
	#moon .content {
		position:absolute;
		font-size:24px;
		margin-top:16%;
	}
	
	#layers .container h2 {
		margin:auto;
	}
	
	#layers .container h3 {
		font-size:28px;
	}
	
	#layers .container p {
  		font-size:24px;
		line-height:28px;
	}
	
	#layers .right {
		padding:30px 0px;
	}
	
	#nasa .content {
		position:relative;
		z-index:99;
		margin-top:0px;
		  padding-top: 40px;
	}
	
	#nasa .content h2 {
		padding:0px;
		margin:0px;
	}
	
	#nasa .spaceship p {
		background:url(/uploads/ramadan2015/images/section-nasa/spaceship-bg-sml.jpg) right top no-repeat;
		display:block;
		position:absolute;
		height:227px;
		width:100%;
		z-index:0;
		top:0px;
	}
	
	#nasa .spaceship p img {
		display:none;
	}
	
	#nasa .boxes-2 {
	  padding-top: 0px;
	}
	
	#warranty .seal img {
		margin:auto;
	}
	
	#warranty h1 {
		  font-size: 30px;
		  top: 112%;
	}
	
	#warranty .arrow {
		top:200%;
	}
	
	#box .container p a {
		font-size:24px;
	}
	
	
	
}
	

	
@media (max-width: 480px) { 
	
	#moon .container {
		background:url(/uploads/ramadan2015/images/section-moon/moon-bg-sml.jpg) center top no-repeat;
		background-size:cover;
		height:239px;
	}
	
	#moon .container img {
		display:none;
	}
	
	#moon .content {
		position:absolute;
		font-size:24px;
		margin-top:16%;
	}
	
	#cinema .container {
		background:url(/uploads/ramadan2015/images/section-cinema/cinema-curtain-sml.jpg) center top no-repeat;
		background-size:cover;
		height:316px;
	}
	
	#cinema .container img {
		display:none;
	}
	
	#cinema .content {
		font-size:24px;
		width:80%;
		left:10%;
		margin-top:20px;
	}
	
	#warranty h1 {
		font-size:30px;
		  top: 140%;
	}
	
	#warranty .right img {
	  margin: auto;
	  width: 100%;
	}
	
	#warranty .arrow {
	  top: 270%;
	}
	
	
}

@media (max-width: 420px) { 
	
	#cards-icon {
	  background:url(/uploads/ramadan2015/images/footer/seal-sml.png);
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: top center;
	 
	}
	
	#cards-icon .left p {
		width:100%;
		padding-left:12px;
	}
	
	#cards-icon .right {
		padding-top:15px;
		padding-bottom:20px;
		text-align:center;
		padding-left:15px;
	}
	
	
	#cards-icon .right img {
		width:250px;
		height:auto;
		float:left;
		padding-left:0px;
	}
	
	#footer #media-icon img {
		width:100%;
		height:auto;
	}

	
	#footer #social-icon div {
		padding-top:30px;
	}

	
	
	#footer #social-icon div a {
	  margin: 5px;
	}
	
}

@media (max-width: 380px) { 

	#warranty .arrow {
	  top: 230%;
	}
	
	#warranty h1 {
	  font-size: 30px;
	  top: 120%;
	}
	
	
}
	
@media (max-width: 340px) { 

	#warranty h1 {
	  font-size: 30px;
	  top: 100%;
	}
	
	#main h1 {
	  font-size: 28px;
	  margin-top: 6px;
	}
	
}

@media (min-width: 768px) { 

	#main h1 {
		/*padding-top:60px;*/
		font-size:54px;
	}
	
	#video-btn {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  margin-top: -125px;
	  margin-left: -125px;
	}
	
	#stat-1 p {
		font-size:28px;
		line-height:34px;
	}
	
	#stat-1 .right p {
		padding-left:30px;
		padding-top:30px;
	}
	
	#stat-2 .container h2 {
		font-size:28px;
		font-weight:800;
	}
	
	
	#stat-2 .container h3 {
		margin-top:14px;
		font-size:24px;
		line-height:36px;
		font-weight:300
	}
	
	#stat-2 .container h3 strong {
		font-weight:800;
	}
	
	#stat-2 .container p {
		font-size:24px;
		line-height:36px;
		padding-top:45px;
		font-weight:300;
	}
	
	#stat-2 .container .right img {
	  padding-right: 10px;
	  /* bottom: 0px; */
	  margin-top: 14%;
	  /* clear: both; */
	  position: absolute;
	}
	
	#stat-3 .left {
	  padding-top: 120px;
	}
	
	#stat-3 .right h1 {
		font-size:36px;
	}

	#stat-3 .right p {
		font-size:24px;
	}
	
	#moon .content {
		font-size:36px;
		margin-top:16%;
	}
	
	
	#cinema .content {
		font-size:24px;
	}
	
	#layers .left {
		padding-top:20px;
	}
	
	#layers .right {
		padding:0px;
		padding-bottom:30px;
		margin-top:-50px;
		padding-right:40px;
		float:right;
	}
	
	#nasa .content h1 {
		font-size:48px;
	}
	
	#nasa .content h2 {
		font-size:24px;
	}
	
	#warranty .seal {
		padding-top:30px;
	}

	#warranty  h1 {
		padding-top:30px;
		font-size:28px;
	}
	
	#warranty .seal img {
		height:140px;
		width:auto;
	}
	
	#warranty .arrow img {
		height:140px;
		width:auto;
	}

	/* video */
	
	.video-bg {
		display:none;
	}
	
	.embed-container {
		display:block;
		/*padding-bottom:50%;*/
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.container {
	  width: 1000px;
	}
	
	#stat-1 p {
		font-size:45px;
		line-height:50px;
	}
	
	#stat-1 .right p {
		padding-left:30px;
		padding-top:0px;
	}
	
	
	#stat-2 .container h2 {
		margin:0px;
		font-size:46px;
		font-weight:800;
	}
	
	
	#stat-2 .container h3 {
		margin:0px;
		margin-top:14px;
		font-size:36px;
		line-height:44px;
		font-weight:300
	}
	
	#stat-2 .container h3 strong {
		font-weight:800;
	}
	
	#stat-2 .container p {
		font-size:30px;
		line-height:36px;
		padding-top:45px;
		font-weight:300;
		color:#a90057;
	}
	
	#stat-2 .container .right img {
	  padding-right: 10px;
	  /* bottom: 0px; */
	  margin-top: 0%;
	}
	
	#stat-3 .right h1 {
		font-size:48px;
	}

	#stat-3 .right p {
		font-size:36px;
	}
	
	#stat-3 .left {
	  padding-top: 60px;
	  padding-bottom: 40px;
	}
	
	#moon .content {
		font-size:40px;
		margin-top:20%;
	}
	
	#cinema .content {
		font-size:30px;
	}
	
	#layers .left {
		padding-top:20px;
	}
	
	#layers .right {
		padding:100px 0px;
	}
	
	#nasa .content h1 {
		font-size:72px;
	}
	
	#nasa .content h2 {
		font-size:36px;
	}
	
	#warranty .seal {
		padding-top:40px;
	}
	
	#warranty  h1 {
		padding-top:30px;
		font-size:40px;
	}
	
	#warranty .seal img {
		height:auto;
		width:auto;
	}
	
	#warranty .arrow img {
		height:auto;
	}
	
	/* video */
	
	.video-bg {
		display:block;
	}
	
	.embed-container {
		display:none;
		/*padding-bottom:0%;*/
	}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	
	
}