/*** 
====================================================================
	Reset
====================================================================
 ***/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}
/*** 
====================================================================
	Fonts
====================================================================
 ***/
 
@font-face {
	font-family: Icons;
	src: url(../fonts/Icons.eot);
	src: url(../fonts/Icons.eot?#iefix) format("eot"), url(../fonts/Icons.woff2) format("woff2"), url(../fonts/Icons.woff) format("woff"), url(../fonts/Icons.ttf) format("truetype"), url(../fonts/Icons.svg#Icons) format("svg")
}

.icon:before {
	font-family: Icons;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none
}

.icon-arrow-left:before {
	content: "\E001"
}

.icon-arrow-right:before {
	content: "\E002"
}

.icon-ehl:before {
	content: "\E003"
}

.icon-facebook:before {
	content: "\E004"
}

.icon-fdic:before {
	content: "\E005"
}

.icon-google-plus:before {
	content: "\E006"
}

.icon-instagram:before {
	content: "\E007"
}

.icon-linkedin:before {
	content: "\E008"
}

.icon-next:before {
	content: "\E009"
}

.icon-prev:before {
	content: "\E00A"
}

.icon-profitstars:before {
	content: "\E00B"
}

.icon-twitter:before {
	content: "\E00C"
}

.icon-youtube:before {
	content: "\E00D"
}

/*** 
====================================================================
	Global
====================================================================
 ***/
 
/* html element 62.5% font-size for REM use 
html {
	font-size:62.5%;
}*/
body {
	font:400 16px 'Poppins', sans-serif;
	color:#666;
	line-height:24px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
} 
 
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* clear */
.clear:before, .wrapper:before,.slider:before,
.clear:after, .wrapper:after,.slider:after  {
    content:' ';
    display:table;
}

.clear:after, .wrapper:after, .slider:after  {
    clear:both;
}
.clear {
    *zoom:1;
}
img{
	max-width:100%;
}
a {
	color:#444;
	text-decoration:none !important;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.wrapper {
	width:100%;
	margin:0;
	padding:0;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}



 /*** 
====================================================================
	TYPOGRAPHY
====================================================================
 ***/
h1,h2,h3,h4,h5, p, a{
	margin:0px;
	font-family: 'Poppins', sans-serif;
	color:#000;
}
h6{	margin:0px;
	font-family: 'Poppins', sans-serif;
}

 h3{
	font-size:24px;
	color:#000;
	font-weight:400;
	padding-bottom:25px;
}
 h4{
	columns: #000000;;
	font-size: 17px;
}

h5{
	font-size:13px;
	line-height:18px;
	padding-top:15px;
	color:#666;
}
h6{
	font-size:14px;
	color:#000;
}
.qrcode-sec h3, .qrcode-sec p{
	padding-bottom:25px;
 }

/*** 
====================================================================
	Other
====================================================================
 ***/	

.m5-10{margin:5px 10px;}
.tp-m50{margin-top:50px;}
.tp-m30{margin-top:30px;}
.tp-m40{margin-top:40px;}
.m5-10{margin:5px 10px;}

.tp-p20{padding-top:20px;}
.tp-p25{padding-top:25px;}
.tp-p30{padding-top:30px;}
.tp-p35{padding-top:35px;}
.tp-p40{padding-top:40px;}
.tp-p50{padding-top:50px;}
.tp-p75{padding-top:75px;}
.tp-p175{padding-top:175px;}

.btm-p75{padding-bottom:75px;}
.btm-p20{padding-bottom:20px;}
.btm-p25{padding-bottom:25px;}
.btm-p30{padding-bottom:30px;}
.btm-p35{padding-bottom:35px;}

.ctr{text-align: center;}

.logo{
	padding-top:30px;
	padding-bottom:20px;
	}
.bnr{
	border-top:5px solid #d31235;
	background:url(../images/bnr.jpg)center center no-repeat;
	background-size: cover;
	min-height:450px;
	width:100%;
	padding-top:145px;
	}
	
.bnr-txt_area{
	width:96%;
	background:rgba(203,182,119,0.75);
	padding:45px 30px 25px 30px;
}
.link{
	color:#d31245;
	font-weight:500;
}
.link:hover{
	color:#d4b351;
}
.qrcode-sec{
	margin-top:75px;
	margin-bottom:80px;
}
.qrcode{
	width:131px;
	height:131px;
	float:left;
}
.gry-sec{
	background:#f5f5f5;
}

.gry-sec, .wht-sec{
	padding:80px 0 65px 0;
}
.gry-bdr{
	border:1px solid #b4b4b4;
}
.number{
	border:6px solid #d31235; 
	border-radius: 50%;
	width:101px;
	height:101px;
	font-weight:600;
	font-size:48px;
	color:#000;
	text-align: center;
    padding-top: 34px;
    margin: 0 auto;
}

.sec-text p{
	padding-top:30px;
	padding-bottom:10px;
}

.sec-text span, .screen span{
	font-size:14px;
	color:#000;
}
.thank{
	padding-top: 30px;
    text-align: center;
    color: #d31235;
}
.thank p{
    color: #d31235;
}

.note-txt{
	font-size:12px;
	padding-top:10px;
	font-style:italic;
}
  /*** 
====================================================================
	Footer
====================================================================
 ***/


 footer{
 	width: 100%;
 	height: auto;
/* 	margin-top:-320px;
	position:relative;
	z-index:999; */
	padding-top:60px;
	padding-bottom:30px;
}
.social {
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 22.9375rem;
    margin: 0 auto;
    height: 8.75rem;
}
.social div {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.social a .icon:before {
    font-size: 28px;
}
.social a{color:#666;}
.social a:hover{color:#000;}
footer{color:#666;}
footer .link li{
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
	color:#666;
	padding:5px 0;
}
footer .link li a{
	color:#000;
	text-decoration:underline !important;
}

footer .link li a:hover{
	color:#666
}
.flr{
	text-align:right;
}
.footer-bottom {
	text-align:center;
	padding-top:35px;
	}
.footer-bottom .icon-fdic {
    font-size: 50px;
}
.footer-bottom ul>li {
    display: inline-block;
    padding: 0 15px;
    font-size: 13px;
}
.footer-bottom .icon-ehl {
    font-size: 40px;
}
.footer-bottom .icon-ehl, .footer-bottom .icon-fdic {
    vertical-align: middle;
}
/*** 
====================================================================
	Responsive
====================================================================
 ***/

@media only screen and (max-width:480px) and (min-width: 320px)  {
	.txt-m{
	padding:35px 35px 50px 35px;
	text-align:center;
}
.txt-m2{
	padding:35px 35px 50px 35px;
	text-align:center;
}
.txt-m3{
	padding:35px 35px 50px 35px;
	text-align:center;
}

p{	margin:0px;
	font-size:14px;	
	line-height:17px;
	}

h2{
	font-size:25px;
	line-height:27px;
	font-weight:700;
}
}

@media only screen and (max-width:768px) and (min-width: 481px)  {
.txt-m{
	padding:120px 35px 95px 35px;
	text-align:center;
}
.txt-m2{
	padding:40px 35px 95px 35px;
	text-align:center;
}
.txt-m3{
	padding:35px 35px 95px 35px;
	text-align:center;
}
p{	margin:0px;
	font-size:15px;	
	line-height:17px;
	}

h2{
	font-size:30px;
	line-height:31px;
	font-weight:700;
}
}
@media only screen and (max-width:991px) and (min-width: 769px)  {
.txt-m{
	padding:120px 35px 95px 35px;
	text-align:center;
}
.txt-m2{
	padding:40px 35px 95px 35px;
	text-align:center;
}
.txt-m3{
	padding:35px 35px 95px 35px;
	text-align:center;
}
p{	margin:0px;
	font-size:15px;	
	line-height:17px;
	}

h2{
	font-size:30px;
	line-height:31px;
	font-weight:700;
}
}
@media only screen and (max-width:1023px) and (min-width: 992px)  {
.txt-m{
	padding:120px 50px 95px 50px;
	text-align:center;
}
.txt-m2{
	padding:40px 50px 95px 50px;
	text-align:center;
}
.txt-m3{
	padding:35px 50px 95px 50px;
	text-align:center;
}
p{	margin:0px;
	font-size:15px;	
	line-height:17px;
	}

h2{
	font-size:30px;
	line-height:31px;
	font-weight:700;
}
}


@media only screen and (max-width:1279px) and (min-width: 1024px)  {
.txt-m{
	padding:120px 70px 95px 60px;
	text-align:center;
}
.txt-m2{
	padding:40px 70px 95px 60px;
	text-align:center;
}
.txt-m3{
	padding:35px 70px 95px 60px;
	text-align:center;
}
p{	margin:0px;
	font-size:15px;	
	line-height:17px;
	}

h2{
	font-size:34px;
	line-height:35px;
	font-weight:700;
}
}
@media only screen and (max-width: 991px)  {
	h3{font-size:20px !important; 
	text-align:center; 
	}
.qrcode-sec {
	text-align:center;
	padding:0 30px; 
}
.qrcode{
	margin:0 auto !important; 
	float:none !important;
	}
.bnr{
	padding-bottom: 20px !important;
}
.logo img{ margin:0 auto;}
}
@media only screen and (min-width: 1280px)  {
.txt-m{
	padding:120px 120px 95px 65px;
	text-align:center;
}
.txt-m2{
	padding:40px 120px 85px 85px;
	text-align:center;
}
.txt-m3{
	padding:35px 120px 85px 85px;
	text-align:center;
}
p{	margin:0px;
	font-size:16px;	
	line-height:18px;
	}

h2{
	font-size:36px;
	line-height:37px;
	font-weight:700;
}
}

@media only screen and (max-width:1280px) and (min-width: 1025px)  {


}
 
 @media only screen and (max-width:1366px) and (min-width: 1281px)  {

}
 
@media only screen and (max-width:1440px) and (min-width: 1367px)  {
}

@media only screen and (max-width:1600px) and (min-width: 1441px)  {

}


@media only screen and (max-width:1920px) and (min-width: 1601px)  {

}  


@media only screen and (max-width:2560px) and (min-width: 1921px)  {

}  


@media only screen and (max-width:3440px)and (min-width: 2561px)  {

}  

@media only screen and (max-width:3840px) and (min-width: 3441px)  {

}