* {
	box-sizing: content-box;
}
* {
	margin:0;
	padding:0;
}
*, *::after, *::before {
 box-sizing: border-box;
}
body {
	font-weight: normal;
	color: #000;
	font-size: 16px;
	line-height: 30px;
	background-color: #ffffff;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
}
p {
	font-size:16px;
	line-height:30px;
	padding-bottom:1%;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover, a:focus {
	color: #666666;
	text-decoration: none;
}
a:hover, a:focus {
	outline: none !important;
}
a img {
	border: none;
}
iframe {
	border: none;
}
/* ========== HEADINGS FON-TSIZE ========== */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 10px;
}
/* ==================== header ======================*/

.img-responsive {
	display:inline-block;
}
.pb-1 {
	padding-bottom:1.5%;
	display:block;
}
.pb-2 {
	padding-bottom:2%;
	display:block;
}
.pb-3 {
	padding-bottom:3%;
	display:block;
}
.pb-4 {
	padding-bottom:4%;
	display:block;
}
.pb-6 {
	padding-bottom:6%;
	display:block;
}
.pb-8 {
	padding-bottom:8%;
	display:block;
}
.pt-2 {
	padding-top:2%;
	display:block;
}
.pt-3 {
	padding-top:3%;
	display:block;
}
.pt-4 {
	padding-top:4%;
	display:block;
}
.pt-6 {
	padding-top:6%;
	display:block;
}
.pt-8 {
	padding-top:8%;
	display:block;
}
/* ==================== header ======================*/
header {
	padding:0.3% 0;
	width: 100%;
	float: left;
	z-index: 9999;
}
header h2 {
	color:#ee2430;
	margin-top:10%;
}
/* ================= sec1 ============== */
.sec1 {
	width:100%;
	float:left;
	background-color:#3e8ac1;
	position:relative;
	color:#fff;
	text-align:center;
	padding:4% 0;
}
.sec1 img {
	position:absolute;
	top:-50%;
	right:10%;
}
.sec1 h2 {
		line-height:1.4;
}
.container {padding:0 4%;}
/* ==================== sec2 ======================*/
.sec2 {
	width:100%;
	float:left;
	padding-top:4%;
	padding-bottom:3%;
	background-color:#f3f3f3;
	overflow:hidden;
	position:relative;
}
/* ==================== sec3 ======================*/
.sec3 {
	width:100%;
	float:left;
	padding:4% 0;
	background-color:#fff;
	overflow:hidden;
	position:relative;
}
 .sec3::before {
content:url(../images/img1.png);
left:0;
position:absolute;
}
.sec3 .container::after {
content:url(../images/img2.png);
right:0;
position:absolute;
}
.sec3 h1 {
	color:#ee2430;
}
.sec3 h3 {
	font-weight:bold;
}
.sec3 .list {
	display:block;
}
.sec3 .list li {
	display:list-item;
	color:#333333;
	font-weight:500;
}
ol, ul {
	padding: 0px 20px;
}
/*
.sec3 li::marker {
color:#ee2430;
font-size:1.3em;
}
*/
/* ==================== sec4 ======================*/
.sec4 {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#ee2430;
	color:#fff;
	padding:4% 0;
}
.sec4 h3 {
	margin-top:10px;
}
.sec4 a {
	color:#fff;
	text-decoration:underline;
}
.red {
	background-color:#ee2430;
	width:100%;
	float:left;
	padding: 15% 0% 6% 0%;
	height:100%
}
.blue {
	background-color: #ee2430;
	width: 100%;
	float: left;
	padding: 6% 0% 4% 10%;
}
/* ==================== sec5 ======================*/
.sec5 {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#f3f3f3;
	padding:4% 0;
}
.sec5 h3 {
	color:#000;
}
/* ==================== sec6 ======================*/
.sec6 {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#3e8ac1;
	padding:4% 0;
	color:#fff;
}
/* ==================== sec7 ======================*/
.sec7 {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#ee2430;
	padding:4% 0;
	color:#fff;
}
.sec7 h4 {
	font-weight:400;
	margin:3% 0;
}
.sec7 a {
	color:#fff;
}
/* ==================== footer ======================*/
footer {
	background-color:#be1d26;
	color:#fff;
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
	padding:1% 0;
	text-align:center;
}
footer p {
	padding:0;
	margin:0;
	color:#fff;
	font-size:13px;
}

/*========================= Media Query ================== */

@media only screen and (max-width: 768px) and (min-width: 641px) {
 .logo .img-responsive, .sec6 .img-responsive {
display:block;
text-align:center;
margin: 0 auto;
width:30%;
}
 .sec1 h1, .sec2 h1, .sec3 h1, .sec4 h1, .sec5 h1, .sec6 h1, footer h1 {
font-size:24px;
}
header h2, .sec1 h2, .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2, footer h2 {
font-size:20px;
}
.sec1 h3, .sec2 h3, .sec3 h3, .sec4 h3, .sec5 h3, .sec6 h3, footer h3 {
font-size:18px;
}
.sec1 h4, .sec2 h4, .sec3 h4, .sec4 h4, .sec5 h4, .sec6 h4, footer h4 {
font-size:16px;
}
 .sec1 img {
 top: -10%;
 right: 0;
}
.sec1 {
padding: 15% 0 4% 0;
}
 header h2 {
margin-top:0;
}
.sec3 .container::after {
 right: 0%;
 top: 0;
}
.sec3::before {
 position: relative;
}
}
 @media only screen and (max-width: 640px) and (min-width: 360px) {
.logo .img-responsive, .sec6 .img-responsive {
display:block;
text-align:center;
margin: 0 auto;
width:30%;
}
.red {
padding: 6% 0% 6% 0%;
}
 p {
font-size:14px;
}
 .sec1 h1, .sec2 h1, .sec3 h1, .sec4 h1, .sec5 h1, .sec6 h1, footer h1 {
font-size:24px;
}
header h2, .sec1 h2, .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2, footer h2 {
font-size:20px;
}
.sec1 h3, .sec2 h3, .sec3 h3, .sec4 h3, .sec5 h3, .sec6 h3, footer h3 {
font-size:18px;
}
.sec1 h4, .sec2 h4, .sec3 h4, .sec4 h4, .sec5 h4, .sec6 h4, footer h4 {
font-size:16px;
}
 .sec1 img {
 top: -10%;
 right: 0;
}
.sec1 {
padding: 15% 0 4% 0;
}
 header h2 {
margin-top:0;
}
.sec3 .container::after {
 right: 0%;
 top: 0;
}
.sec3::before {
 position: relative;
}
}
@media only screen and (max-width: 639px) and (min-width: 320px) {
header h2 {
margin-top:0;
}
.sec3 .container::after {
 right: -10%;
 top: 0;
}
.sec3::before {
 position: relative;
}
.logo .img-responsive, .sec6 .img-responsive {
display:block;
text-align:center;
margin: 0 auto;
width:50%;
}
 p {
font-size:14px;
}
.red {
padding: 8% 0% 6% 0%;
}
.sec1 h1, .sec2 h1, .sec3 h1, .sec4 h1, .sec5 h1, .sec6 h1, .sec7 h1, footer h1 {
font-size:24px;
}
header h2, .sec1 h2, .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2, .sec7 h2, footer h2 {
font-size:20px;
}
.sec1 h3, .sec2 h3, .sec3 h3, .sec4 h3, .sec5 h3, .sec6 h3, .sec7 h3, footer h3 {
font-size:18px;
}
.sec1 h4, .sec2 h4, .sec3 h4, .sec4 h4, .sec5 h4, .sec6 h4, .sec7 h4, footer h4 {
font-size:16px;
}
.sec1 img {
 top: 0;
 right: 0;
}
.sec1 {
padding: 30% 0 4% 0;
}
}