﻿@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.headerStyle {	
	min-height: 11vh;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
	padding-top: 15px;
}
body {
	font-family: 'Montserrat';
	font-size: 12px; 
}
a {
	cursor: pointer;
}
.mainStyle {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.footerStyle {
	height: 6vh;
	background-color: #C00D0D;
	bottom: 0;
	width: 100%;
}

.absoluteDiv {
	width: 60%;
	position: absolute;
	text-align: center;
	top: 52.5%;
	left: 18%;
}

.absoluteDiv h1, .absoluteDiv h2 {
	color: #fff;
}
.mainleftDiv h1 {
	font-size:40px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-left: 5px;
}

.absoluteDiv h2 {
	margin-top:30px;
}

.mainleftDiv {
	display: inline-block;
	width: 48%;
	text-align: center;
	vertical-align: top;
	padding-left: 17%;
}

.mainleftDiv .input-group {
	width: 96%;
	margin-left: 5px;
	margin-top: 8%;
}
.logoDiv {
	width: 25%; 
	padding-top: 8px;
    padding-left: 2%;
    display: inline-block;
    padding-bottom: 10px;
}

.brandDiv {
	width: 73%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.mainRightDiv {
	display: inline-block;
	width: 50%;
	/* height: 21vh; */
	text-align: center;
}
.noTopMargin {
	/*margin-top: 10%;*/
}
.greyFooterDiv {
	height: 26vh;
	background-color: #EFEFEF;
	/* background-image: linear-gradient(#fff, #c1c1c1); */
}
.mainTopDiv {
	height: 55.6vh;
}
.blockDiv {
	width: 31%;
	height: auto;
	display: inline-block;
}
#innerPageBody .absoluteDiv {
	width: 80%;
	top: 45%;
}
#innerPageBody .blockDiv {
	width: 25%;
	height: auto; 
	display: inline-block;
}
#innerPageBody  .leftDiv , #innerPageBody  .rightDiv{
	padding: 25px 0px 0px 0px;
}

.knMoreLink {
	padding: 5px;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	margin-left: 5px;
	margin-top: 5px;
}
.knMoreLink:hover, .knMoreLink:active, .knMoreLink:visited {
	color: #fff;
	text-decoration: none;
}
.suppTxtDiv {
	color: #505050;
	padding-top: 1%;
	padding-left: 21.5%;
	font-weight: 700;
}

.suppTxtDiv1 {
    color: #fff;
    padding-top: 10%;
}

.suppTxtDiv1 hr {
    border: 0;
    border-top: 1px solid #fff;
    margin: 0px;
}

.copyRightDiv {
    color: #000;
    font-size: 11px;
    padding-left: 21.5%;
    font-weight: 700;
    padding-top: 16px;
}

.padding25 {
	padding: 0px 25px;
}
.midLabel {
	width:68%; 
	font-size: 11px; 
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
}
.margin20 {
	margin-right: 1%;
}

.margin20New {
	margin-right: 3%;
}

.h4Style {
	font-size: 15px;
	font-weight: 700;
	margin-top: 22%;
	padding-left: 0px;
}
.leftDiv {
	border: 1px solid #ddd;
	border-radius: 8px;
	text-align: center;
	background-color: #fff;
	padding: 25px 0px 0px 0px;
	color: #000;
	box-shadow: 0 4px 8px 0 rgba(222, 222, 222, 1), 0 6px 20px 0 rgba(222, 222, 222, 0.9);
}

.rightDiv {
	border: 1px solid #ddd;
	border-radius: 8px;
	text-align: center;
	background-color: #fff;
	color: #000;
	padding: 25px 0px 0px 0px;
	box-shadow: 0 4px 8px 0 rgba(222, 222, 222, 1), 0 6px 20px 0 rgba(222, 222, 222, 0.9);
}

.leftDiv h2, .leftDiv h4, .leftDiv h5, .rightDiv h2, .rightDiv h4,  .rightDiv h5{
	color: #000;
}

.childDiv h2{
	font-weight: bold;
}
.childDiv {
	width: 100%; 
	margin-top: 10%; 
	text-align: left;
}

.subHeading {
	font-size: 26px;
	font-weight: 400;
}
.form-control, .input-group-btn .btn{
	height: 40px;
	font-size:13px;
	
}

.input-group-btn .btn-default {
	border-left: none;
	color: #131A73;
}

.absoluteDiv .form-control {
	border-right: none;
}
.absoluteDiv .btn {
	padding: 14px 18px;
	font-size: 18px;
}

.image-width {
	width:80%;
	height: 85px;
}
.image-width1 {
	width:80%;
}
.form-control:focus {
	box-shadow: none;
	border: 1px solid #ccc;
	border-right: none;
	outline: none;
}


.discPara {
	margin-top: 10%;
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 0.2em;
    text-align: left;
    font-weight: 700;
    padding-left: 32px;
}

.discPara a{
	color: #000;
}
.discPara1 a{
	color: #fff;
}
.discPara1 {
	margin-top: 0%;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 1.2em;
    font-weight: bold;
    background-color: #333333;
    padding: 20px;
	border: 1px solid #333333;
	color: #fff;
	border-radius: 0px 0px 8px 8px;
	text-align: left;
}

.mainBgImg {
	width: 78%;
	height: 100%;
}


.redHeading {
	color: #c00d0d;
	font-size: 18px;
    font-weight: 700;
	display: table-cell;
    vertical-align: middle;
}

.leftSpan {
	font-weight: 500;
	display: table-cell;
    vertical-align: middle;
    padding-right: 7px;
	width: 63%;
	text-align: right;
}

.knMoreLink {
	background-color: #000;
	color: #fff;
	display: inline-block;
    padding: 3px 5px;
    margin-top: 4px;
    font-size: 10px;
}
.knMoreLink :hover, .knMoreLink :active {
	color: #fff;
	text-decoration: none;
}


@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)  
{ 
	.mainBgImg {
		width: 87%;
		height: 100%;
	}
	.absoluteDiv {
		width: 50%;
		position: absolute;
		text-align: center;
		top: 80%;
		left: 16%;
	}
	.form-control, .input-group-btn .btn{
		height: 40px;		
	}
	
	.absoluteDiv .btn {
		padding: 10px 18px;
	}
	.childDiv {
		width: 100%; 
		margin-top: 8%; 
		text-align: left;
	}
	
	.noTopMargin {
	/*margin-top: 10%;*/
	}

	.mainleftDiv h1 {
		font-size:24px;
		font-weight: bold;
	}

	.absoluteDiv h2 {
		margin-top:25px;
	}

	.image-width {
		width:70%;
		height: 85px;
	}
	.image-width1 {
		width:70%;
	}
	.blockDiv {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.input-group {
		margin-top: 10% !important;
	}
	
	.h4Style {
		font-size: 15px;
		font-weight: 700;
		margin-top: 23%;
	}
	
	#innerPageBody .blockDiv {
		width: 75%;
		height: auto;
		display: inline-block;
	}
	.greyFooterDiv {
		height: 30vh;
		background-color: #EFEFEF;
		background-image: linear-gradient(#fff, #c1c1c1);
	}
	
	#innerPageBody .absoluteDiv {
		top: 70%;
	}
	.headerStyle {
		min-height: 8vh;
		border-bottom: 2px solid #ddd;
		margin-bottom: 10px;
		padding-top: 15px;
	}
	#innerPageBody .suppTxtDiv {    
		padding-top: 6%;
		font-size: 16px;
	}
	.midLabel {
		font-size: 18px;
	}
	.mainStyle {
		width: 100%;
	}
	.mainTopDiv {
		height: 25.6vh;
	}
	.suppTxtDiv1 {
		color: #fff;
		padding-top: 121%;
	}
	.logoDiv img {
		width: 50% !important;
	}
	.brandDiv img {
		width: 110% !important;
	}
	.copyRightDiv {
		color: #000;
		font-size: 14px;
		padding-left: 20.5%;
		font-weight: 700;
		padding-top: 22px;
	}
} 

@media only screen   
and (max-width: 1440px) 
{ 
	.mainTopDiv {
		height: 55.8vh;
	}
	.mainStyle {
		width: 90%;
	}
	.mainBgImg {
		width: 87%;
		height: 100%;
	}
	.copyRightDiv {
		color: #000;
		font-size: 11px;
		padding-left: 20.5%;
		font-weight: 700;
		padding-top: 16px;
	}
	.absoluteDiv {
		width: 60%;
		position: absolute;
		text-align: center;
		top: 52.5%;
		left: 17%;
	}
	.mainleftDiv h1 {
		padding-left: 0px;
	}
	.h4Style {
		text-align: left;
		padding-left: 5px;
	}
	.suppTxtDiv {
		color: #505050;
		padding-top: 1.5%;
		padding-left: 20.5%;
		font-weight: 700;
		font-size: 13px;
	}
	.suppTxtDiv1 {
		color: #fff;
		padding-top: 12%;
	}
	#innerPageBody .absoluteDiv {
		width: 85%;
		top: 45%;
		left: 17%;
	}
}

@media only screen   
and (max-width: 1400px) 
{ 
	.mainTopDiv {
		height: 55.8vh;
	}
	.mainStyle {
		width: 90%;
	}
	.mainBgImg {
		width: 87%;
		height: 100%;
	}
	.copyRightDiv {
		color: #000;
		font-size: 11px;
		padding-left: 20.5%;
		font-weight: 700;
		padding-top: 16px;
	}
	.absoluteDiv {
		width: 60%;
		position: absolute;
		text-align: center;
		top: 52.5%;
		left: 17%;
	}
	.mainleftDiv h1 {
		padding-left: 0px;
	}
	.h4Style {
		text-align: left;
		padding-left: 5px;
	}
	.suppTxtDiv {
		color: #505050;
		padding-top: 1.5%;
		padding-left: 20.5%;
		font-weight: 700;
		font-size: 13px;
	}
	#innerPageBody .absoluteDiv {
		width: 85%;
		top: 45%;
		left: 17%;
	}
}

@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{ 
	.mainStyle {
		width: 95%;
	}
	.mainBgImg {
		width: 87%;
		height: 100%;
	}
	.absoluteDiv {
		width: 70%;
		position: absolute;
		text-align: center;
		top: 54%;
		left: 16%;
	}
	.form-control, .input-group-btn .btn{
		height: 40px;		
	}
	
	.childDiv {
		width: 100%; 
		margin-top: 8%; 
		text-align: left;
	}
	.noTopMargin {
	/*margin-top: 10%;*/
	}
	.absoluteDiv .btn {
		padding: 10px 18px;
	}

	.mainleftDiv h1 {
		font-size:40px;
		font-weight: bold;
		margin-left: 10px;
	}

	.absoluteDiv h2 {
		margin-top:25px;
	}

	.image-width {
		width:70%;
		height: 85px;
	}
	.image-width1 {
		width:70%;
	}
	.h4Style {
		font-size: 15px;
		font-weight: 700;
		margin-top: 24%;
		padding-left: 12px;
	}
	.mainleftDiv .input-group {
		width: 96%;
		margin-left: 13px;
		margin-top: 8%;
	}
	
	.imageDiv {
		text-align: left;
		padding-left: 22px;
	}
	.copyRightDiv {
		color: #000;
		font-size: 12px;
		padding-left: 19%;
		font-weight: 700;
		padding-top: 16px;
	}
	.suppTxtDiv1 {
		color: #fff;
		padding-top: 13%;
	}
	
	.suppTxtDiv {
		color: #505050;
		padding-top: 1.5%;
		padding-left: 19%;
		font-weight: 700;
		font-size: 13px;
	}
	.mainTopDiv {
		height: 51.8vh;
	}
	
	.greyFooterDiv {
		height: 29vh;
		background-color: #EFEFEF;
	}
	
	#innerPageBody .absoluteDiv {
		width: 85%;
		top: 50%;
		left: 17%;
	}

} 

@media only screen   
and (max-width: 1366px) 
and (min-width: 1281px)
{ 
	.mainBgImg {
		width: 64.5%;
		height: 100%;
	}
	.absoluteDiv {
		width: 67%;
		position: absolute;
		text-align: center;
		top: 45%;
		left: 18%;
	}
	#innerPageBody .absoluteDiv {
		top: 47.3%;
		width: 80%;
		left: 18%;
	}
	.greyFooterDiv {
		height: 26.6vh;
		background-color: #EFEFEF;
		/* background-image: linear-gradient(#fff, #c1c1c1); */
	}
	.mainTopDiv {
		height: 52.5vh;
	}
	.imageDiv {
		text-align: left;
		padding-left: 30px;
	}
	.form-control, .input-group-btn .btn{
		height: 40px;		
	}
	
	.childDiv {
		width: 100%; 
		margin-top: 8%; 
		text-align: left;
	}
	.noTopMargin {
	/*margin-top: 10%;*/
	}
	.absoluteDiv .btn {
		padding: 10px 18px;
	}

	.mainleftDiv h1 {
		font-size:35px;
		font-weight: bold;
	}

	.absoluteDiv h2 {
		margin-top:25px;
	}

	.image-width {
		width: 80%;
		height: 85px;
	}
	.image-width1 {
		width:70%;
	}
	.h4Style {
		font-size: 13px;
		font-weight: 700;
		margin-top: 16%;
	}
	.container {
		width: 1020px;
	}
	.suppTxtDiv {
		color: #505050;
		padding-top: 0.5%;
		padding-left: 19.7%;
		font-weight: 700;
		font-size: 12px;
	}
	.copyRightDiv {
		color: #000;
		font-size: 10px;
		padding-left: 19.7%;
		font-weight: 700;
		padding-top: 1%;
	}
	.suppTxtDiv1 {
		color: #fff;
		padding-top: 9.5%;
	}

	.suppTxtDiv1 hr {
		border: 0;
		border-top: 1px solid #fff;
		margin: 0px;
	}
}

@media only screen   
and (min-device-width : 360px)   
and (max-device-width : 767px)  
{ 	
	.mainStyle {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.mainleftDiv {
		padding-left: 10%;
	}
	.mainleftDiv h1 {
		font-size: 13px;
	}
	.h4Style {
		font-size: 10px;
		padding-left: 0%;
		margin-top: 10%;
	}
	.mainTopDiv {
		height: 18vh;
	}
	.discPara {
		margin-top: 10%;
		font-size: 12px;
		margin-bottom: 40px;
		line-height: 0.2em;
		text-align: left;
		font-weight: 700;
		padding-left: 22px;
	}
	.blockDiv 
	{
		width: 100%;
		margin-bottom: 10px;
	}
	.container {
		width: 100%;
		padding: 0px;
		overflow-y: auto;
	}
	.greyFooterDiv {
		height: 85vh;
		background-image: linear-gradient(#fff, #c1c1c1);
	}
	.greyFooterDiv {
		top: 23%;
		left: 10%;
	}
	.mainleftDiv .input-group {
		margin-top: 12%;
		width: 95%;
		margin-left: 2%;
	}
	.absoluteDiv {
		top: 90%;
	}
	.logoDiv, .brandDiv {
		width: 100%;
		display: block;
		text-align: left;
	}
	.brandDiv img {
		width: 100%;
	}
	.redHeading {
		font-size: 10px;
		width: 35%;
	}
	.leftSpan {
		font-size: 10px;
		text-align: left;
		padding-left: 7px;
		width: 53%;
	}
	#innerPageBody .blockDiv {
		width: 80%;
		display: block;
	}
	#innerPageBody .greyFooterDiv {
		height: 108vh;
		background-image: linear-gradient(#fff, #c1c1c1);
	}
	#innerPageBody .absoluteDiv {
		top: 58%;
		left: 10%;
	}
	.knMoreLink {
		background-color: #000;
		color: #fff;
		display: inline-block;
		padding: 2px;
		margin-top: 0px;
		font-size: 5px;
		font-weight: bold;
	}
	.suppTxtDiv {
		padding-top: 5%;
		font-size: 12px;
		padding-left: 10%;
	}
	.form-control, .input-group-btn .btn {
		height: 25px;
		font-size: 9px;
	}
	
	#innerPageBody .mainTopDiv {
		height: 30vh;
	}
	.image-width {
		width: 90%;
	}
	
	.copyRightDiv {
		color: #000;
		font-size: 9px;
		padding-left: 4%;
		font-weight: 700;
		padding-top: 15px;
	}
	
} 