@CHARSET "ISO-8859-1";

.headertop{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/BACKGROUND1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.headertop2{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img2/backgroundnew.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
.nav-link img{
	transition: transform .4s; /* Animation */
	max-width:161px;
}
.nav-link img:hover{transform: scale(1.1);}

.mobileMenuIconDIv img{transition: transform .4s; /* Animation */}
.mobileMenuIconDIv img:hover{transform: scale(1.2);}
.introText p ,.introText h2{
	color:white;
}
.navbar-default.navbar-trans .show > .nav-link, .navbar-default.navbar-trans .active > .nav-link, .navbar-default.navbar-trans .nav-link.show, .navbar-default.navbar-trans .nav-link.active {
    color: #D6DCE6;
}
.navbar-default.navbar-reduce .show > .nav-link, .navbar-default.navbar-reduce .active > .nav-link, .navbar-default.navbar-reduce .nav-link.show, .navbar-default.navbar-reduce .nav-link.active {
    color: #D6DCE6;
}
.navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {
    font-size: 1.1rem;
    color: #D6DCE6;
    font-weight: 600;
    letter-spacing: 0.030em;
    transition: all 0.1s ease-in-out;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.imageCircle{
	margin-top:-100px;
}
@media only screen and (max-width:1200px){
	.navbar-default.navbar-trans, .navbar-default.navbar-reduce{
		    background: #09699a;
	}
	.imageCircle{
	margin-top:-20px;
}
}

@media only screen and (max-width:580px){
	.imageCircle{
	margin-top:0;
}
}

.title_main_white h2{
	color:white;
	margin-bottom:30px;
}
.title_main_black h2{
	color:#000;
	margin-bottom:30px;
}
.title_main_grey h2{
	color:grey;
	margin-bottom:30px;
}

@media only screen and (max-width:768px){
	.title_main_white h2, .title_main_black h2, .title_main_grey h2 ,.financialStatement h2, .backgroundOne h2, .backgroundTwoMain h2,.backgroundTwo h2, .first-color h4, .third-color h4, .second-color h4, .statementWhite h4{
		font-size:1.2rem;
	}
	.introText h2 ,.first-color font , .second-color font,.third-color font{
		font-size:2rem;
	}
}
@media only screen and (max-width:1200px){
.financialStatement{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.financialStatement h2{text-align:center;margin-top:30px;}
.financialStatementwithImage{
	text-align:center;
}
}
.financialStatementImage{
	max-width:670px;
	margin:auto;
}
.financialStatementImage2{
	max-width:450px;
	margin:auto;
}
.financialStatementRow{
/* 	padding:60px 0; */
}
.statement{
	width:100%;
	max-width:670px;
	margin:auto;
}
.statement td {
	padding:15px;
	vertical-align:top;
}
.statement p{
	margin:0;
}

.statement td:first-child{
	font-size:50px;
}
.statement2{
	width:100%;
	max-width:670px;
	margin:auto;
}
.statement2 td {
	padding:0 15px;
	vertical-align:top;
}
.statement2 p{
	margin:0;
}

.statement2 td:first-child{
	font-size:50px;
}

.statementc2{
	width:100%;
	max-width:670px;
	margin:auto;
}
.statementc2 td {
	padding:15px;
	vertical-align:middle;
}
.statementc2 p{
	margin:0;
	font-weight:700;
	font-size:22px;
}
.statementc2 h4{
	font-size: 2.0rem;
}
@media only screen and (max-width: 768px){
.statementc2 p{
	font-size:16px;
}
.statementc2 h4{
	font-size: 1.2rem;
}	
}
.statementc2 td:first-child{
	font-size:50px;
}

.statement2image{
	padding-left: 8px;
}
.statementWhite, .statementWhite h4{color:white!important}
.first-color h4, .first-color font{
	color:#39A4A6;
}
.second-color h4, .second-color font{
	color:#1A4B5F;
}
.third-color h4, .third-color font {
	color:#32285F;
}
.annualQuarterlystatement{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/Backgroundannual.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.interactiveChartSection{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/Background3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.stockSection{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/greybackground.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.corporateannouncementSection{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/Background4.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media only screen and (min-width:1200px){
	.corporateannouncementSection{
		backgrounf:#F7F7F7;
	}
}
.emailalertSection{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/Background5.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
.contactSection{
	padding-top: 40px;
    padding-bottom: 40px;
	background: url(../img/Background6.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}
.contactform{
	padding:60px;
	background:#2b4478;
	border-radius:50px;
	background: #29ABE2;
    background: -moz-linear-gradient(55deg, #2C5B8C 60%, #2B366C 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(60%, #2C5B8C), color-stop(100%, #2B366C));
    background: -webkit-linear-gradient(55deg, #2C5B8C 60%, #2B366C 100%);
    background: -o-linear-gradient(55deg, #2C5B8C 60%, #2B366C 100%);
    background: -ms-linear-gradient(55deg, #2C5B8C 60%, #2B366C 100%);
    background: linear-gradient(55deg, #2C5B8C 60%, #2B366C 100%)
}
@media only screen and (max-width:680px){
	.contactform{
		padding: 50px 15px;
	}
}
.contactform .form-control{
	background:#2a3962;
	border: 1px solid transparent;
    border-radius: 30px;
    padding-left: 26px;
    color:white;
}
.contactform p{color:#D6DCE6;margin-bottom:10px;}
.contactform .form-group input{
	color: #0071BC;
	height: 55px;
}

@media only screen and (max-width:680px){
	.contactform{
		padding: 50px 15px;
	}
}
.contactform .form-control{
	background:#2a3962;
	border: 1px solid transparent;
    border-radius: 30px;
    padding-left: 26px;
    color:white;
}
.contactform p{color:#D6DCE6;margin-bottom:10px;}
.contactform .form-group input{
	color: #07A8EF;
	height: 55px;
}
.contactform .form-group textarea{
	color: #07A8EF;
	padding-top:15px;
}
.button-cutom{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 50px;
    height: 55px;
    padding:15px 0;
    transition: 0.5s;
    text-align:center;
    margin: 10px;
    color: #fff;
    width: 100%;
    max-width: 200px;
    border: transparent;
    background: #29ABE2;
    background: -moz-linear-gradient(45deg, #29ABE2 0%, #00FFFF 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #29ABE2), color-stop(100%, #00FFFF));
    background: -webkit-linear-gradient(45deg, #29ABE2 0%, #00FFFF 100%);
    background: -o-linear-gradient(45deg, #29ABE2 0%, #00FFFF 100%);
    background: -ms-linear-gradient(45deg, #29ABE2 0%, #00FFFF 100%);
    background: linear-gradient(45deg, #29ABE2 0%, #00FFFF 100%);
}
.contactSection2 {
    padding-top: 40px;
    padding-bottom: 40px;
    background: url(../img2/Background5.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contactform2{
	padding:60px;
	background:#2b4478;
	border-radius:50px;
	background: #29ABE2;
    background: -moz-linear-gradient(55deg, #2b4478 60%, #3B5282 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(60%, #2b4478), color-stop(100%, #3B5282));
    background: -webkit-linear-gradient(55deg, #2b4478 60%, #3B5282 100%);
    background: -o-linear-gradient(55deg, #2b4478 60%, #3B5282 100%);
    background: -ms-linear-gradient(55deg, #2b4478 60%, #3B5282 100%);
    background: linear-gradient(55deg, #2b4478 60%, #3B5282 100%)
}
@media only screen and (max-width:680px){
	.contactform2{
		padding: 50px 15px;
	}
}
.contactform2 .form-control{
	background:#2a3962;
	border: 1px solid transparent;
    border-radius: 30px;
    padding-left: 26px;
    color:white;
}
.contactform2 p{color:#D6DCE6;margin-bottom:10px;}
.contactform2 .form-group input{
	color: #00CCB3;
	height: 55px;
}
.contactform2 .form-group textarea{
	color: #00CCB3;
	padding-top:15px;
}

.contactform2{
	padding:60px;
	background:#2b4478;
	border-radius:50px;
	background: #00C7C7;
    background: -moz-linear-gradient(55deg, #04a09b 60%, #00E0AB 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(60%, #04a09b), color-stop(100%, #00E0AB));
    background: -webkit-linear-gradient(55deg, #04a09b 60%, #00E0AB 100%);
    background: -o-linear-gradient(55deg, #04a09b 60%, #00E0AB 100%);
    background: -ms-linear-gradient(55deg, #04a09b 60%, #00E0AB 100%);
    background: linear-gradient(55deg, #04a09b 60%, #00E0AB 100%)
}
@media only screen and (max-width:680px){
	.contactform2{
		padding: 50px 15px;
	}
}
.contactform2 .form-control{
	background:#236d75;
	border: 1px solid transparent;
    border-radius: 30px;
    padding-left: 26px;
    color:white;
}
.contactform2 p{color:#D6DCE6;margin-bottom:10px;}
.button-cutom2{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 50px;
    height: 55px;
    transition: 0.5s;
    margin: 10px;
    padding:15px 0;
    color: #fff;
    text-align:center;
    width: 100%;
    max-width: 200px;
    border: transparent;
    background: #29ABE2;
    background: -moz-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #00C7C7), color-stop(100%, #00E0AB));
    background: -webkit-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: -o-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: -ms-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
}
.button-cutom3{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 50px;
    height: 55px;
    transition: 0.5s;
    text-align:center;
    margin-left: 10px;
    color: #fff;
    width: 100%;
    padding:15px 0;
    max-width: 200px;
    background: transparent;
    border: 2px solid white;
}

.button-cutom4{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 50px;
    height: 55px;
    transition: 0.5s;
    margin: 10px;
    color: #fff;
    text-align:center;
    padding:15px 0;
    width: 100%;
    max-width: 200px;
    border: transparent;
    background: #29ABE2;
    background: -moz-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #00C7C7), color-stop(100%, #00E0AB));
    background: -webkit-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: -o-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: -ms-linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
    background: linear-gradient(45deg, #00C7C7 0%, #00E0AB 100%);
}

.footerSection{
	padding-top: 40px;
    padding-bottom: 20px;
	background: #09699a;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footerSection h4 , .footerSection p  {
	color:#D6DCE6;
	margin-bottom:20px;
}
.footerSection a{
	color:#D6DCE6;
}
.footerImageIcon{
	padding:0 10px;
	max-width:58px;
}


.footerSection2{
	padding-top: 40px;
    padding-bottom: 20px;
	background: #157389;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footerSection2 h4 , .footerSection2 p  {
	color:#D6DCE6;
	margin-bottom:20px;
}
.footerSection2 a{
	color:#D6DCE6;
}
.iconCircle{max-width:17px;}
.backgroundOne{
	padding-top: 50px;
    padding-bottom: 50px;
	background: url(../img2/Banner2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.backgroundOne h2{
	color:white;
}
.backgroundTwo{
	padding-top: 55px;
    padding-bottom: 135px;
	background: url(../img2/Banner3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.backgroundTwo h2{
	color:#2FB3BD;
	margin-bottom:0;
}

.backgroundTwoMain{
	padding-top: 60px;
    padding-bottom: 110px;
	background: url(../img2/Banner3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.backgroundTwoMain h2{
	color:#00397F;
}
.costSavingstatement{
	padding-top: 40px;
    padding-bottom: 110px;
	background: url(../img2/Background1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hasslestatement{
    padding-bottom: 110px;
	background: url(../img2/Background2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.customstatement{
	padding-top: 40px;
    padding-bottom: 150px;
	background: url(../img2/Background3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imageCustomrow{
	max-width: 900px;
    margin: auto;
    margin-top:30px;
}
.imageCustomrow img{max-width:215px;}
.imageCustomrow2{
	max-width: 1000px;
    margin: auto;
    margin-top:30px;
    margin-bottom:30px;
}
.customstatementimgeRoll{
	margin-bottom:30px;
	text-align:center;
}
.Roll1{margin-left:auto;}
.Roll2{margin-right:auto;}
.technoStatement{
	padding-top: 40px;
    padding-bottom: 90px;
	background: url(../img2/Background2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.client{
	padding-top: 40px;
    padding-bottom: 40px;
}
.technoStatementImg Img{
		width:100%;
		max-width:235px;
		margin:auto;
}
.stockSection .statement td:first-child{width:50px;}
.s2{width:90%;margin-left:auto;}
.logoTable{width:100%;max-width:1000px;margin:auto;}
.logoTable td{padding:10px;vertical-align:middle;text-align:center;}
.logoTable td img{max-width:300px;}
.logoTable td img{transition: all 2.5s ease;}
.logoTable td img:hover{transform: scale(1.1);}

@media only screen and (min-width:1000px){
	.webView{display:block;}
	.mobileView{display:none;}
}

@media only screen and (max-width:1000px){
	.webView{display:none;}
	.mobileView{display:block;}
}