/* VictorThemes Styling
 * Header
 * Content Area
 * Footer
*/

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #232323;
	text-align: center;
	background-color: #fff;
	font-weight: 500;
}

/* Header */
header {
	background-image: url(../images/header-pattern.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #036ded;
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 85px 0;
}
.redl-logo {
	padding-bottom: 17px;
	display: inline-block;
}
.default-logo {display: inline-block;}
.retina-logo {display: none;}

/* Retina Logo - Active */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

  .default-logo {display:none;}
  .retina-logo {display:inline-block;}

}

header h1 {
	color: #fff;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 300;
}
.redl-btn {
	background-color: #fff;
	color: #232323;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 20px 45px 17px;
	display: inline-block;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.redl-btn span {
	line-height: 1.5;
}
.redl-btn:hover,
.redl-btn:focus,
.redl-btn:active {
	text-decoration: none;
	color: #232323;
}

/* Content Area */
.redl-land-cnt-area {
	width: 1170px;
	margin: 0 auto;
	display: inline-block;
	padding: 80px 0 55px;
}
.redl-app-demo {
	float: left;
	width: 356px;
	margin-right: 50px;
	margin-bottom: 70px;

	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.redl-app-demo:nth-child(4n) {
	margin-right: 0;
}
.redl-app-demo > .redl-demo-img > img {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	max-width: 100%;
}
.redl-land-cnt-area .redl-section-heading {
	padding-bottom: 30px;
	font-weight: 300;
	font-size: 22px;
}
.redl-land-cnt-area .redl-section-heading strong {
	font-weight: 500;
}
.redl-demo-text {
	font-size: 16px;
	padding: 19px 0;
	color: #1e1f23;
	font-weight: 300;
	display: inline-block;
}
.redl-app-demo:hover {
	text-decoration: none;
}
footer {
	font-size: 14px;
	font-weight: 300;
	background-color:#f7f8f9;
	padding:30px 0;
	border-top: 1px solid #eee;
}
footer p {
	margin: 0;
	padding-top:7px;

}
footer a {
	color: #232323;
}
footer a:hover {
	text-decoration: none;
	color: #232323;
}


/* Responsive */
@media only screen and (max-width: 1180px) {

	.redl-land-cnt-area {width: 100%;padding-left: 15px;padding-right: 15px;}
	.redl-section-heading {display: inline-block;width: 100%;}
	.redl-app-demo {width: 31.3333%;margin-right: 3%;}

}
@media only screen and (max-width: 767px) {

	.redl-app-demo {width: 356px;margin: 0 auto 40px;display: block;float: none;}
	.redl-app-demo:nth-child(4n) {margin-right: auto;}

}
@media only screen and (max-width: 375px) {

	header h1 {line-height: 1.5;margin: 20px auto 35px;}
	.redl-app-demo {width: 100%;}

}