@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700,800);
body{ background:#37068b url(/images/webcast-bg.jpg) no-repeat top center;padding:0; margin:0 auto; font:300 12px/18px 'Open Sans', Arial, sans-serif, Helvetica; color:#FFFFFF; background-attachment: fixed; background-size: cover;}
.wraper{ width:934px;  padding:0; margin:0 auto; position:relative; padding-top:41px; z-index:3}
.div1{width:18%; float:left; text-align:center}
.div2{width:75%; float:left; }
.div2 h1{ font:300 30px 'Open Sans', Arial, sans-serif, Helvetica; text-shadow:2px 2px #000000; padding:10px 0px 0px 0px; margin:0; text-align:center; /*line-height:25px;*/line-height:40px;}
.div2 .msg{ padding:10px; background:#102c68; color:#fff; text-align:center; font-size:18px; border:1px solid #34a0e6; line-height:20px; margin-top:0px; line-height: 25px;}
.fulldiv{ margin:0px auto; max-width: 859px;}
.div3{ width:56%; /*background:#4e4d64; box-shadow: inset 0px 5px 3px 0px #3b3b4c;*/ padding:20px 0px; font-size:14px; overflow:hidden; text-align: center; float:left; min-height: 467px;}
.div3 .float{ float:left; margin-bottom:15px}
.div3 .youtube span{ font-size:26px; text-shadow:3px 2px #000; padding:0 25px 0 0; margin:0 25px 0 0; border-right:0px solid #ea866e; /*line-height:20px*/ line-height:32px}
/*.div3 .livewebcast{float:left; margin:33px auto 15px auto;  color:#fff; font-size:35px; line-height:50px; margin:100px 0 190px 0}*/
.div3 div.click{ padding:0px; text-align:left; overflow:hidden; font-size: 14px; line-height: 22px;}
.div3 div.click a{ color:#47d2ff; text-decoration:none;}
.div3 div.click a:hover{ color:#54b2c9;}
.div3 div.click ol li {margin-bottom: 20px;}

.div3 div.pcclick{ padding:67px 50px; text-align:center; overflow:hidden; background:#042e6f; display:inline-block; margin-top:20px; font-size:30px; font-weight:600; border:1px solid #1452b2; /*border-radius:25px;*/ line-height: 48px;}
.div3 div.pcclick a{ color:#fff; text-decoration:none;}
.div3 div.pcclick a:hover{ color:#a3c7ff; text-decoration:none;}

.div6{display: flex; flex-direction: row;}
.div6 .divbutton{width: 50%; float: left; background-color:#102c68; display: inline-block; text-align: center; padding: 5% 20px 0px 20px; color: #ffffff; font-size: 22px; text-decoration: none; font-weight: bold; line-height: 30px;}
.div6 .divbutton a{color: #66b6e0; font-size: 18px; text-decoration: none; font-weight: bold; margin-top: 10px;}
.div6 .divvid{width: 50%; float: left; background-color: #000000; display: inline-block;}
.div6 .divvid .corpvideo{width: 100%; height: 242px;}
.divtext{width: 95%; display: block; /*background-color: #ae7a2f;*/ margin-top: 50px; color:#ffffff; font-weight: bold; text-align: center; font-size: 16px; line-height: 28px; }

.div6 .divvid1{width: 50%; float: left; background-color: #000000; display: inline-block; margin-right: 20px;}
.div6 .divvid1 .corpvideo{width: 100%; height: 242px;}
.divtext{width: 95%; display: block; /*background-color: #ae7a2f;*/ margin-top: 50px; color:#ffffff; font-weight: bold; text-align: center; font-size: 16px; line-height: 28px; }

.div6 .divvid2{width: 50%; float: left; background-color: #000000; display: inline-block;}
.div6 .divvid2 .corpvideo{width: 100%; height: 242px;}
.divtext{width: 95%; display: block; /*background-color: #ae7a2f;*/ margin-top: 50px; color:#ffffff; font-weight: bold; text-align: center; font-size: 16px; line-height: 28px; }

.div4{ width:32.87982740021575%; border:1px solid #fff; background:#ecece3; /*padding:19px 19px 34px 19px;*/padding:19px 19px 19px 19px; margin-bottom:10px;font-size:14px; overflow:hidden; text-align: center; float:left;}
.div4 .twitterdiv{ /*width:296px;*/width:97%; border:2px solid #d1d1c9;}
.div4 .twitterdiv .header{ background:#6a6a63; color:#fff; font-size:16px; padding:3%; width: 94%}
.div4 .twitterdiv .twtfeed{ width:100%;}
/*.div4 .twitterdiv .twtfeed iframe{ height:380px !important;}*/
.div4 .twitterdiv .twtfeed iframe{height:230px !important;}
.div4 .right-agm-div{width: 299px; margin-top: 25px;}
.div4 .right-agm-div img{width: 100%;}

p.icon-text {position: relative; text-align: left;}
p.icon-text span{display: block; padding-left: 45px;}
p.icon-text img{position: absolute; top: -3px;}

.div5{ width: 96%; /*background:#4e4d64; box-shadow: inset 0px 5px 3px 0px #3b3b4c;*/ padding:0px 19px 0px 19px; font-size:14px; overflow:hidden; text-align: center; float:left}
.div5 .float{ float:left; margin-bottom:15px}
.div5 .youtube span{ font-size:26px; text-shadow:3px 2px #000; padding:0 25px 0 0; margin:0 25px 0 0; border-right:0px solid #ea866e; line-height:20px}
.div5 .livewebcast{ border:3px solid #fff; /*float:left;*/ margin:18px auto 15px auto; /*color:#fff; font-size:35px; line-height:50px; margin:100px 0 190px 0*/}
.div5 div.click{ /*border:2px solid #313145; padding:10px 20px; border-radius:20px;*/ text-align:center; /*font-size:20px; */ overflow:hidden; /*text-shadow:2px 2px #000;*/ display:inline-block}
.div5 div.click a{ color:#000000; text-decoration:none;}
.div5 div.click a:hover{ color:#ff4883;}

.footer{ margin:0px auto 0 auto; border-top:0px solid #1470a7; padding:0px 10px; text-align:center; color:#FFFFFF; font-size:14px; max-width: 840px;}
.footer a{ color:#FFFFFF; text-decoration:none;}
.footer a:hover{ color:#ffabca}
.stream {}
.clr{ clear:both;}
.formbg{background-color:rgb(255, 255, 255, 0.6); padding:15px 20px;  color:#000000; font-size:14px;}
.formbg span.errormsg{ color:#C00; font-weight:600; text-align:center !important; margin-bottom:30px; display:block; /*font-size:23px;*/ font-size:20px; line-height:30px; }
.formbg h2{font:16px 'Open Sans', Arial, sans-serif, Helvetica; color:#000000; font-weight:bold;}
.formbg .divhead{ width:22%; float:left; font-weight:bold;}
.formbg .divleft{ width:25%; float:left; font-weight:400; padding-right:1%;}
.formbg .divmiddle{ width:25%; float:left; font-weight:400; padding-right:1%;}
.formbg .divright{ width:25%; float:left; font-weight:400; padding-right:1%;}
.formbg small{ font-style:italic; display:block;}
.formbg .hiddendiv{ margin-top:20px;}
.formbg .hiddendiv .ledger{ width:39%; float:left;}
.formbg .hiddendiv .folio{ width:39%; float:left;}
.formbg .hiddendiv input.textbox{ width:90%; display:inline-block; padding:5px; font-size:16px; border:none;}
.formbg .hiddendiv input.textbox:focus{ outline: groove #3fb3d5;}
.formbg .hiddendiv label.textlabel{ padding-bottom:10px; display:block; font-weight:400;}
.formbg input[type=button], input[type=submit], input[type=reset] {background-color: #102c68; border: none; font-size:14px; text-transform:uppercase; color: white; padding: 10px 32px; text-decoration: none; margin: 30px auto; cursor: pointer; transition:1s; -webkit-transition: 1s;}
.formbg input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {background-color: #005cbb;}
.formbg .divbutton{text-align:center;}
.formbg .cap-images{margin-top:15px;}
.formbg input.verbox{ width:80px; display:inline-block; padding:5px; font-size:16px; border:none;}
.formbg input.verbox:focus{ outline: groove #3fb3d5;}

/*For overlay page*/
.overlaycont {background-color:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; top: 0; left: 0; right: 0; bottom: 0;}
.overlaycont .maindiv{ background-color:#ffffff; width:80%; max-width:600px; margin:auto; color:#000000; position:absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.8);}
.overlaycont .maindiv h1{ color:#ffffff; text-align:center; background-color:#102c68; display:block; padding:10px; font-weight:normal; text-transform:uppercase; line-height:30px;}
.overlaycont .maindiv h2{ margin-bottom:30px; margin-top:30px;}
.overlaycont .maindiv .formholder{width:41%; float:left;}
.overlaycont .maindiv .formholder2{width:59%; float:left}
.overlaycont .maindiv input.textbox{ width:90%; display:inline-block; padding:5px; font-size:16px; border:none; border:1px solid #000000;}
.overlaycont .maindiv input.textbox:focus{ border: 1px solid #3fb3d5;}
.overlaycont .maindiv label.textlabel{padding-bottom:10px; font-weight:400; font-size:13px; font-weight:bold; padding-right:20px;}
.overlaycont .maindiv .divbutton{text-align:center; border-bottom:3px solid #102c68;}

.overlaycont .maindiv p.loginno{ font-size:16px; font-weight:bold; text-align:center;}
.overlaycont .maindiv p.loginno span.figures{ font-size:50px; display:block; line-height:90px;}
.downloadbutton{text-align:center; margin:40px 0px 20px 0;}
a.downloadexcel{ color:#ffffff; text-align:center; text-decoration:none; padding:5px 10px 5px 25px; font-size:14px; font-weight:bold; background:url(/images/download3.png) no-repeat #005cbb 5px;}
.overlaycont .maindiv span.errormsg{ color:#C00; font-weight:600; text-align:center !important; margin-bottom:30px; display:block; font-size:14px; line-height:30px; }
/*For overlay page*/

.ipvideo{ width:540px; height:304px;}
.shareholdervideo{width:100%; height:505px; border:5px solid #ffffff;}
.agmvideo{width:100%; height:318px; border:3px solid #fff; }

.showcasevideo{ width: 97%; height:155px; margin-top: 20px; }
.vodtext{background-color: #0f0c37; margin:0px; padding: 50px; font-size: 25px; line-height: 50px; font-weight: bold; min-height: 383px; display: flex; justify-content: center; align-items: center;}

a.speechbutton{ text-decoration: none; color: #ffffff; font-weight: bold; background-color: #004ba9; padding: 2%; display: block; margin-top: 30px; margin-bottom: 40px; font-size: 20px; /*width: 90%;*/}
a.speechbut{ text-decoration: none; color: #ffffff; font-weight: bold; background-color: #102c68; padding: 13px; display: inline-block; margin-top: 30px; /*width: 90%;*/}

@media only screen and (max-width: 800px) {
	.wraper{ width:100%;}
	.div2{ text-align:center;}
	.div2 h1{ line-height:28px}
	.div2 strong{ display:block;}
	.fulldiv{ margin-top:0px; text-align:center}
	.div3{ width: 90%; float:none; margin:0 auto; min-height: auto;}
	.div3 .float { float:none; display: inline-block}
	.div3 .livewebcast{ float:none; width:75%;margin:0 auto;}
	.div4{ width:90%; margin:0 auto; float:none}
	.div4 .twitterdiv{ width:100%; background:#FFFFFF}
	.div4 .twitterdiv .header{ width:94%;}
	.div4 .twitterdiv .twtfeed{ width:100%;}
	.div5{ width: 92%; float:none; margin:0 auto;}
	.div5 .float { float:none; display: inline-block}
	.div5 .livewebcast{ float:none; width:100%;margin:0 auto !important;}
	.ipvideo{ width:100%; height:280px;}
	.shareholdervideo{height:400px;}
	.agmvideo{width:100%; height: 306px;}
	.showcasevideo{min-height: 380px; background-color: transparent;}
	.vodtext{min-height: 240px;}
	.div6{margin: auto; width: 75%;}
	.vodtext{font-size: 20px; padding: 40px;}
}

@media only screen and (max-width: 640px) {
	.div2 h1{ line-height:28px; font-size:20px}
	.div2 .msg { font-size:16px; margin-top:10px;}
	.div3 .livewebcast{ float:none; width:98%;margin:0 auto;}
	.div3 .livewebcast iframe{width:100% !important; min-height: 300px !important;}
	.div4 .twitterdiv .header{ width:94.8%;}
	.div4 .twitterdiv .twtfeed{ width:100%;}
	.div5{ width:99%; padding:0px;}
	.div5 .livewebcast{ float:none; width:99%;margin:0 auto;}
	.div5 .livewebcast iframe{width:99% !important; height:350px !important;}
	
.formbg{text-align:left;}
.formbg .divhead{ width:100%; margin-bottom:15px;}
.formbg .divleft{ width:100%; padding-right:0;}
.formbg .divmiddle{ width:100%; padding-right:0;}
.formbg .divright{ width:100%; padding-right:0;}
.formbg small{display:inline-block;}
.formbg .hiddendiv{margin-top:0px;}
.formbg .hiddendiv .ledger{ width:49%;}
.formbg .hiddendiv .folio{ width:49%;}
.livewebcast iframe.shareholdervideo{height:350px !important;}
	.div2 strong {display: inline;}
	.agmvideo{height:315px; }
	.showcasevideo{min-height: 330px; width: 100%;}
	
	
	.div6{display: block;margin: auto; width:100%;}
.div6 .divbutton{width: 96%; display:block; padding: 5% 2% 5% 2%; margin-bottom: 30px;}
.div6 .divvid{width: 100%; display: block; margin-bottom: 30px;}
.divtext{font-size: 18px;}
	.div2{width: 95% !important;}
	.div6 .divvid1{width: 48%; text-align: center;}
	.div6 .divvid2{width: 48%; text-align: center;}
	
}

@media only screen and (max-width: 540px) {
	.div2 h1{ line-height:28px; font-size:18px}
	.div2 .msg { font-size:16px; margin-top:10px;}
	.div3 .youtube span{ padding:0px; border:0px;  margin:0;}
	.div4 .twitterdiv .header{ width:94%;}
	.div5 .youtube span{ padding:0px; border:0px;  margin:0;}
	.formbg input.verbox{ margin-top:10px;}
	.ipvideo{ width:100%; height:260px;}
	.livewebcast iframe.shareholdervideo{height:295px !important;}
	.agmvideo{height:273px; }
	.showcasevideo{ width: 98%; min-height: 270px;}
	
	.div3 div.pcclick{width:80%; padding: 67px 10%;}
	.vodtext{min-height: 200px;}
	.div1 {width: 100%;text-align: center;}
	.div6 .divvid1{width: 100%; text-align: center; margin-bottom: 40px;}
	.div6 .divvid2{width: 100%; text-align: center;}
}
@media only screen and (max-width: 481px) {
	.wraper{ padding-top:10px;}
	.div1 { width:100%; float:left; margin:0 auto; text-align: center;}
	.div1 img{ width:15%}
	.div2 { clear:both; margin:0 auto; float:none; width:100%}
	.div2 h1{ line-height:28px; font-size:19px}
	.div2 .msg { font-size:18px; margin-top:10px;}
	.div2 strong{display: inline;}
	.div3 .youtube span{ padding:0px; border:0px;  margin:0;}
	.div4 .twitterdiv .header{ width:94%;}
	.div5 .livewebcast iframe{width:98% !important; height:320px !important;}
	.div5 .youtube span{ padding:0px; border:0px;  margin:0;}
	.ipvideo{ width:100%; height:235px;}
	.livewebcast iframe.shareholdervideo{height:260px !important;}
	p.icon-text img{top: 2px;}
	.agmvideo{height:248px; }
	.showcasevideo{ width: 98%; min-height: 240px;}
	.div3 .livewebcast iframe{min-height: 268px !important;}
}
@media only screen and (max-width: 420px){
.formbg h2{font-size:15px;}
.formbg .hiddendiv{margin-top:0px;}
.formbg .hiddendiv .ledger{ width:99%;}
.formbg .hiddendiv .folio{ width:99%;}
.formbg .hiddendiv label.textlabel{padding-top:10px;}
.ipvideo{ width:100%; height:200px;}
.livewebcast iframe.shareholdervideo{height:227px !important;}
.agmvideo{height:220px; }
.div2{ width: 100%;}
.showcasevideo{ width: 80%; height:170px;}
	.div3 div.pcclick{width:90%; padding: 65px 5%; font-size: 27px;line-height: 43px;}
	.showcasevideo{ width: 98%; min-height: 220px;}
	.div3 .livewebcast iframe{min-height: 232px !important;}
}
@media only screen and (max-width: 361px) {
	.div4 .twitterdiv .header{ width:91%;}
	.ipvideo{ width:100%; height:180px;}
	.livewebcast iframe.shareholdervideo{height:196px !important;}
	.agmvideo{height:185px;}
	.showcasevideo{ width: 98%; min-height: 180px;}
	.div3 div.pcclick{font-size: 25px;line-height: 42px;}
	.div3 .livewebcast iframe{min-height: 200px !important;}
}