*{ margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}

audio, canvas, video{display: inline-block;}

audio:not([controls]) { display: none;height: 0;}

[hidden] {display: none;}

html {  font-size: 100%;}



h1 {color:#000; font-size: 40px; margin-top: 35px; }

h2{color:#000; }



*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a[href^="tel:"] { color: inherit; text-decoration: none;}

::selection{ background:#888888; color:#fff}

::-moz-selection{ background:#888888; color:#fff}

a, a:focus{ text-decoration: none; outline:none}

a:hover{  text-decoration: none; outline:none; color:#00b7eb;}

ul{ list-style:none; margin:0; padding:0;}

.validation_error

{

   color:red;

}

img{ max-width:100%; border:0;}

body{font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:300; color:#4d4a5b; overflow-y:scroll; overflow-x:hidden;}

ol{margin-left: 20px;}

@keyframes slide-down {   0% {opacity: 0; transform: translateY(-100%);}   100% {opacity: 0.9; transform: translateY(0);}  }

.fullwidth{ width:100%; float:left;}

.headermain{border-bottom: 1px solid #f4f4f4; background:#fff;}

.logo{ margin:10px 5px 5px 60px; position: relative; width: 190px; float:left; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}

.logo img{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}

.logo a{ display:block; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}



.acright .table>tbody>tr>td {    padding: 14px;     text-align: center;}

.acright  .table>thead>tr>th {  padding: 14px;     text-align: center;}

.acright .long_table>thead>tr>th {    padding: 2px;

    text-align: center; vertical-align: middle;}

.acright .table a {    background: #4e9ff1;color: #fff; padding: 4px 7px; display: inline-block; text-decoration: none;}

.topnav{color: #343a40; float:right; z-index:20; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; position:relative;}

.cssmenu > ul > li:before {transform: rotate(-60deg);}

.cssmenu > ul > li{position: relative;}

/*.cssmenu > ul > li.search > a{ padding-left: 5px; padding-right: 5px;}*/

.search a{cursor: pointer;}

.search > a > .fa-search{line-height: 24px; color: #757d8d; font-size: 16px; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);}

.search > a:before  {background: #b7b7b7; margin-top: -8px; content: "";  display: inline-block; height:16px; left:0px; position: absolute; top:50%; width: 1px;}

.login > a{ cursor: pointer; background: #f3f3f3; line-height:20px; border: 2px solid #f3f3f3 !important; color: #545663; text-transform: uppercase;}

.register > a > i, .login > a > img{font-size:20px; margin-right: 5px;}



.loginbox{ background:#fff; display: none; width:400px; padding:30px; margin-top: -2px; border:2px solid #00b7eb; float: left; position: absolute; right: 0; top: 100%;}

.cssmenu {float: left;}

.login.open > a{ background: #fff; border:2px solid #00b7eb!important; border-bottom: 2px solid #fff!important;}

.login.open > a:after{ position: absolute; left: 0px; bottom: -2px; height: 2px; background:#fff; width:100%; content: ""; z-index: 3;}

.login.open .loginbox, .login.open .myacbox{ display: block;}

.login label{font-weight: 300; }

.login input{ width: 100%; border:1px solid #dbdadd; padding: 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.login .loginbtn{ font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 7px; border-radius: 0; border: 2px solid #00b7eb; background: #00b7eb; color: #fff; max-width: 100px;}

.logdiv{margin-bottom: 15px;}

.login .forgot{margin-top: 8px!important; float: right; font-size: 14px; color: #a3a3a3;}



.accountmenu{float: right;}

.accountmenu > ul > li{float: left;}

.accountmenu > ul > li > a {display: block; padding: 38px 20px; line-height: 20px; font-weight: 400; position: relative; max-height: 100px;}

.myacbox{ background: #fff; display: none; width:260px; padding:20px; border:1px solid #F3F3F3; float: left; position: absolute; right: 0; top: 100%;}

.login.open .myacbox a{display: block; padding: 10px 0; font-size: 16px; text-align: right; border-top: 1px solid #F3F3F3; color: #4d4a5b;  font-weight: 400;}

.login.logout.open > a{background: #f3f3f3; line-height:20px; border: 2px solid #f3f3f3 !important;}

.login.logout.open > a:after{display: none;}

.myacbox cite{font-style: normal; font-weight: 300;}

.login.open .myacbox div:first-child a{border: none;}

.login.logout.open .myacbox a:hover{color: #00b7eb;}







.searchbox{ background:#fff; display: none; width:400px; padding:15px; border: 1px solid #f1f1f1; float: left; position: absolute; right: 0; top: 100%;}

.stitle{ font-weight: 600; margin-bottom: 8px; text-transform: uppercase;}

.stitle span { cursor: pointer; height: 20px; position: absolute; right: 0; top: 0; width: 20px; line-height: 20px;  text-align: center;}

.searchsec{ width: 100%; float: left; border-bottom: 1px solid #545663; }

.searchfild{ width:calc(100% - 90px);  float: left; border:none; line-height:40px;}

.searchbtn{float: right; width: 90px; font-weight: 400; text-transform: uppercase; border: none; background: #545663; color: #fff; line-height: 40px;}



.search.open .searchbox{ display: block;}



.banner{ width:100%; float:left; position:relative;}

.bhover:after{ content:""; position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.5); top:0; float:left; z-index:11;}

.banner .container{ position:relative;}

.banner .carousel-control{ width:50px;}

.banner .carousel-caption{ left:0;}

#homebanner img{ width:100%;}

/*.banner .carousel-caption { margin-left:-600px; padding-right:20%; max-width:1200px; position:absolute;     top: 33%;     left: 43%;text-align:left; text-shadow:none;}*/

 .banner .carousel-caption {   margin-left: 0;

    padding-right: 14%;

    /* max-width: 1147px; */

    position: absolute;

    top: 33%;

    width: 60%;

    left: 45px;

    text-align: left;

    text-shadow: none;}

.banner h1{margin:0 0 10px;  color:#00b7eb;     text-transform: uppercase; font-weight: 700; font-size:36px;}

.banner  p{color: #1e1d27; font-size:16px;}

.morebtn{ margin-top:10px; min-width:150px; text-align: center; padding:8px; color: #fff; text-transform: uppercase; line-height: 20px; font-size: 14px; font-weight: 700; display: inline-block; background: #545663; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}

.morebtn i{ margin-left: 5px; font-size: 20px;}

.morebtn:hover{background: #00b7eb;color: #fff;}



.catsect{background: #f2f3f7; overflow: hidden;display: none;}

.catsect ul{ list-style: none;}

.catsect ul li{ float: left; width: 25%;}

.catsect ul li a{ display: block; padding:45px 20px; color: #4d4a5b; font-size: 18px; position: relative;}

.catsect ul li span{ padding-left: 15px; display: inline-block; width: 165px; vertical-align: middle;}

.catsect ul li a:before{content: " "; display: inline-block; position: absolute; top:20px; right:40px; width:106px; height:106px; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}

/*.catsect ul li a:after{background: #d5d5d5 ; content: " "; width:90px; height: 1px; display: inline-block; position: absolute; right:0; top:75%; transform: rotate(-55deg); -moz-transform: rotate(-55deg); -webkit-transform: rotate(-55deg); -o-transform: rotate(-55deg);}*/

.catsect ul li:last-child a:before, .catsect ul li:last-child a:after{display: none;}



.section2{ padding: 70px 0;}

.aboutsec{/* width: 33%; *//* float: left; */font-weight: 300;padding-right: 30px;text-align: justify;}

.aboutsec h1{ margin-top: 0; font-size: 55px; color:#00b7eb;text-transform: uppercase;}

.aboutsec h1 small{ font-size: 24px; color:#4d4a5b; font-weight: 400; display: block;}

.aboutsec p{font-size:16px; color:#4d4a5b; line-height: 30px;}

.line_text{ margin: 32px 0 20px;color: #4d4a5b;font-size: 35px;font-weight: 300;}

.common_grid {    min-height: 370px;}

.line_text::after{margin-top: 10px;content: "";display: block;background: #00b7eb;height: 2px;width: 80px;  }





.downloadsec{ padding: 30px;background: #f5f5f5 url(../imgs/downloadbg.png) right top no-repeat;width: 33%;float: left;/*min-height: 300px;*//* height: 550px;*/}

.downloadsec h2{ margin: 0 0 20px; color: #4d4a5b; font-size: 35px; font-weight:300; }

.downloadsec h2:after{margin-top: 10px;  content: ""; display: block; background:#00b7eb; height: 2px; width: 80px;}

.downloadsec ul{}

.downloadsec ul li{display: block;}

.downloadsec ul li a{font-size: 16px; padding: 6px 25px; display: block; color: #4d4a5b; position: relative;}

.downloadsec ul li a:before {color: #00b7eb; margin-right: 15px; content: "\f00c"; font-family: "FontAwesome"; position: absolute;left: 0;  }

.viewall{clear: both; margin-top: 20px;}

.viewall a{ line-height: 24px; text-transform: uppercase; background: #fff; border:2px solid #00b7eb; color: #00b7eb; font-size: 13px; font-weight:600; padding: 5px; min-width: 160px; text-align: center; display: inline-block;}

.viewall a i{margin-left: 5px; font-size: 16px;}

.downloadsec .common_grid, .letestnews .common_grid{ min-height:422px; }

.letestnews .line_text{ margin-top: 0; }





.ipo{ width: 50%; float: left; background:url(../imgs/ipo.jpg) 0 0 no-repeat; background-size: cover; display: none;}

.ipo div{float: right;}

.bgshed{ position: relative;}

.bgshed a  { color: #fff;  }

.bgshed div{ padding: 40px; min-height: 220px; position: relative; z-index: 2; width: 600px;}

.bgshed h3{ margin-top: 10px; font-weight: 200; color: #fff; font-size: 35px;}

.bgshed p{color: #fff; font-size:14px;}

.bgshed:before{content: ""; display: inline-block;     background: #00b7ebdb; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.why{ text-align: center; width: 100%; float: left;background:url(../imgs/map.jpg) center center no-repeat; }

.why.bgshed:before{background:rgba(60,60,70,0.95); }

.why div{float: left;width: 100%; }

ul.issueinfo > li { display: inline-block; position: relative;}

ul.issueinfo > li a::before{display: none;}

ul.issueinfo > li > a.clickbtn {background: #fff ; color: #00b7eb; display: inline-block; font-size: 13px; font-weight: 600; padding: 10px 15px; text-transform: uppercase; min-width: 160px;  text-align: center;}



.ipo.bgshed .clickbtn {background: #fff ; color: #00b7eb; display: inline-block; font-size: 13px; font-weight: 600; padding: 10px 15px; text-transform: uppercase; min-width: 160px;  text-align: center;}





.clickbtn i{margin-left: 5px; font-size: 16px;}

ul.issueinfo .dropdown-menu{border-radius:0;}

ul.issueinfo .dropdown-menu > li > a{ padding: 5px 15px;}







.services{ background: #f2f3f7; padding: 50px 0; text-align: center; }

.downloadsec h2{ margin: 0 0 20px; color: #4d4a5b; font-size: 35px; font-weight:300; }

.services .subtitle{ font-size: 17px;font-weight:400; margin-bottom:30px;}

.services .container{max-width: 1100px;}

.services h3{ margin-top: 0; font-size: 35px; color:#4d4a5b; font-weight: 300;}

.services ul{list-style: none;}

.services ul li{  width: 20%; background: #fff; float: left; border: 2px solid #f2f3f7;}

.services ul li a{padding: 10px; width: 100%; float: left; color:#4d4a5b;display: flex; flex-direction: column; min-height: 240px; justify-content: center;}

.services ul li .simg{margin-bottom: 15px; height: 52px;}

.services ul li p{font-size: 14px; font-weight: 600; text-transform: uppercase;}



.clients{padding:70px 0;}

.clients h3{ margin: 0 0 20px; color: #4d4a5b; font-size: 30px; font-weight:300; }

.clients h3:after{margin-top: 10px;  content: ""; display: block; background:#00b7eb; height: 2px; width: 80px;}



.ourcients{ width: 80%; margin:  0 auto}

.testimonials.owl-carousel .owl-item img { display: inline-block; width:46px; border-radius: 50%; margin-right: 5px;}

.tcontent{ width: 100%; float: left; padding: 35px; position: relative; background: #fff;   border: 1px solid #dcdbe0;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px;}

.tcontent p{font-size: 15px;}

.names{float: right; margin-top: 10px; padding-right: 11%; color: #8f8c9f; font-size: 14px;}

.names span{ display: inline-block; vertical-align: middle;}

.names strong{display: block; color: #3c3d46; font-weight: 400;font-size: 15px;}

.names img{ border-radius: 50%; display: inline-block;}

.tcontent:after, .tcontent:before {top: 100%;   left:90%;   border: solid transparent;  content: " ";   height: 0;  width: 0;   position: absolute; pointer-events: none;}



.tcontent:before {width: 0;height: 0; margin-left: -1px; border-style: solid; border-width:21px 54px 0 0; border-color: #dcdbe0 transparent transparent transparent;}

.tcontent:after {width: 0;height: 0;border-style: solid;border-width: 20px 50px 0 0;border-color: #fff transparent transparent transparent;}

/*.tcontent:after {border-color: rgba(255, 255, 255, 0);    border-top-color: #fff; border-width: 20px; margin-left: -20px;}

.tcontent:before {border-color: rgba(220, 219, 224, 0);border-top-color: #dcdbe0;   border-width: 21px; margin-left: -21px;}*/





.testimonials.owl-carousel .owl-nav div{ margin: 0; top: 44%; border: 1px solid #fff; background:none; color: #fff; text-align: center;position: absolute; width:40px; height:40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -khtml-border-radius:50%; display:inline-block; text-indent: -9999px;}

/*.owl-dots { float: left; position: absolute; left: 0; bottom:20px;}*/

.owl-dots { text-align: center; padding-top: 30px;  }

.owl-dots .owl-dot{ display:inline-block;}

.owl-dot > span{width:10px; height:10px; margin:0 3px; border-radius:50%; display:inline-block; background:#dbdddd; position: relative;}

.owl-dot.active > span, .owl-dot:hover > span{  background:#00b7eb; opacity:1; }

.owl-dot.active > span:before, .owl-dot:hover > span:before{ border: 3px solid #00b7eb;  border-radius: 50%;  content: "";  display: inline-block;  height: 14px;  left: -2px;  position: absolute;  top: -2px;  width: 14px;}





div.owl-carousel .owl-nav div:before {display: inline-block; float: left; font-family: "FontAwesome"; font-size: 22px; height: 40px; line-height: 28px;

  margin-left: 0;  text-align: center;  width: 28px;}

.owl-nav div.owl-prev:before{content: "\f104"; text-indent: 0px;}

.owl-nav div.owl-next:before {content: "\f105"; text-indent: 0px;}

.owl-nav div.owl-prev{left: -22px;}

.owl-nav div.owl-next{right:-22px;}

.client_slider img {width: auto !important; display: block;  margin: 0 auto; }

.letestnews {/* float: right; *//* width: 33%; */background: #f5f5f5; }

.letestnews p strong{font-size: 18px; color: #3c3d46; font-weight: 600;}

.letestnews p{font-size: 16px;}

.letestnews p span{font-size: 14px;}

.letestnews p span i{font-size: 16px; color: #00b7eb;}

.readmore{text-transform: uppercase;color: #00b7eb; font-size: 12px; font-weight: 600; }

.readmore i{font-size: 16px;}

.letestnews .owl-dots { margin-bottom: 10px; position: static;}

.contact_us_top { text-align: center;   }

.clientslogo{         padding: 30px 0 20px 0; background: #f9fafc;     }

.clientslogo .owl-item {      border: solid 1px #f1f1f1;

    padding: 5px; } 

  

.newletter{ width: 100%; float: left; clear: both; padding: 7px; background: #18181c; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px;}

.newletter input{ font-size: 13px; padding: 0 20px; color: #fff; height: 34px; width: calc(100% - 70px); float: left; border: none; background: none;}

.newletter button{ width: 70px; height: 34px; text-align: center; background: #00b7eb; color: #fff; border: none; float: right;  border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px;}



.catsect.footercat{}

.catsect.footercat .bgshed div {min-height: 172px; padding: 10px 40px;}

.catsect.footercat .why.bgshed h3{margin-top: 25px;}

 

.footerbg{ padding:60px 0; background:#222229; overflow:hidden; position: relative;}

.footerlinks{width:36%; line-height: 24px; float:left;}

.footerlinks h4{ margin:20px 0px; text-transform:uppercase; font-size:16px;  font-weight:600; color:#fff;}

.footerlinks p{font-size: 17px; color: #e4e4e5;}

.footerlinks ul{ list-style:none; width: 50%; float: left;}

.footerlinks ul li{ width:100%; padding:5px 0;}

.footerlinks ul li a{ display:block;font-size:13px; color:#e4e4e5;

-webkit-transition:padding-left, padding-right, background-color, color;

-moz-transition:padding-left, padding-right, background-color, color;

-o-transition:padding-left, padding-right, background-color, color;

transition:padding-left, padding-right, background-color, color;

-webkit-transition-duration:250ms, 250ms, 250ms, 250ms;

-moz-transition-duration:250ms, 250ms, 250ms, 250ms;

-o-transition-duration:250ms, 250ms, 250ms, 250ms;

transition-duration:250ms, 250ms, 250ms, 250ms;

-webkit-transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;

-moz-transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;

-o-transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;

transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;

}

.footerlinks ul li a:hover{ padding-left:10px; color:#00b7eb;}

.footerlinks ul li.active a{color:#00b7eb;}

.footerlinks.right{ float: right;}

.footerlinks p{ color: #cfcdcd;}

.footerlinks p a{ display:inline-block; color: #cfcdcd; }

.footerlinks img{margin-right: 5px;}

.flogo{margin-bottom:20px;}

.footerlinks.fbox{ width: 28%;}



.sociallinks{ margin-top: 10px; float: left; width: 100%;}

.sociallinks a:hover{opacity: 0.5;}

.listsec {list-style: inherit; margin-left: 20px;}

.innerpage .refund-page h3, .innerpage .refund-page h4{margin-top: 0; margin-bottom: 0;}

.innerpage .refund-page p{ padding-top: 5px; }

.innerpage .policy-page h3, .innerpage .policy-page h4{margin-top: 30px; margin-bottom: 5px;}

.innerpage .policy-page p{ padding-top: 5px; }

.copyright{background: #131317; text-align: center; padding:30px 0; color:#ccc; float:left;}

.copyright span{ padding-right:30px; font-size: 17px;}

.copyright a{ color: #ccc;}

.left{float: left;}

.right{float: right;}

.about_top_contact { margin-top: 70px;  }

.forgotmain .container{ max-width: 600px;}

.forgotpass{background:#F3F3F3; padding: 80px; border:1px solid #ccc;}

.forgotpass h1{ margin: 0 0 15px; font-weight:300; font-size: 36px; color: #595666;}

.forgotpass label{font-weight: 400;}

.forgotpass input{max-width:400px; display: block; border: 1px solid #ccc; padding: 8px 10px; margin-bottom: 10px; border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  -ms-border-radius: 3px; }

.forgotpass .submits { border-radius: 0; background: #00b7eb; border: 2px solid #00b7eb; color: #fff; font-size: 13px;  font-weight: 600;  max-width: 100px;  padding:5px  15px;  text-transform: uppercase;}

/*--about us--*/

.innerheading{ position: relative;}

.innerheading img{width: 100%;}

.innerheading .container{position: absolute; left: 50%; top: 50%; margin-top: -30px;}

.innertitle{ width: 60%; height: 60px;}

.innertitle h1{     color: #00b7eb;

    font-size: 36px;

    margin: 0 0 10px;

    font-weight: 700;}

.innertitle p{ color: #1e1d27; font-size: 16px; font-weight: 400;}

.innerpage p { font-weight: 500; padding-top: 26px;  }

.innerpage{ padding: 80px 0; min-height: 300px; color: #333;  font-size: 16px; line-height: 26px;}

.contentimg{ width: 40%;}

.contentimg{ width: 40%;}

.left{float: left;}

.right{float:right;}

.border{border-top: 1px solid #e7e7e7; margin: 50px 0;}

.contentsec{padding-left: 50px; width: 60%; text-align: justify; }

.img-right{float: right; margin-left: 50px;}



/*.innerpage ul li{background:url(../imgs/bullet.png) 0 3px no-repeat; padding: 0 0 15px 35px; color: #7f7d89; font-size: 15px; }*/

.bullets li{background:url(../imgs/bullet.png) 0 3px no-repeat; padding: 0 0 15px 35px; color: #333; font-weight: 500; font-size: 15px; }

.Charter p{padding-top: 0;}

.Charter .table strong {font-weight: 600;}

.Charter .table tr, .table td{text-align: left !important;}

.Charter .row{padding: 20px 0;}

.Charter .innerpage{padding-bottom: 0; padding-top: 50px;}

.Charter .innertitle{width: 100%;}

.Charter h2{padding-bottom: 10px ; font-size: 22px; font-weight: 500; }

 .Charter .investors{background-color:#ebf8fea6; padding-bottom: 20px; margin-top: 20px; }

 .Charter .bullets li ol{padding-top: 10px;}

 .Charter .dettitlesec{background-color: #ebf8fea6;}

 .Charter .bullets li ol li{background: none; padding-left: 0;}

.Charter .listed li{ color: #333 !important; }

.Charter .dtitle h1{font-size: 24px;}

.contbox{width: 400px; min-height: 256px; display: inline-block; background: #f1f1f1; text-align: center; padding:40px; margin: 15px; vertical-align: top; font-size: 14px;}

.contbox h2{font-size: 19px; color: #4d4a5b; margin-top: 0;}

.contbox  a{color: #4d4a5b;}

.contbox p { padding-top: 0;  }

.Charter .down-info{display: flex;align-items: stretch; }

.Charter .info{margin-right: 20px; flex-basis: 25%;}

.Charter .info ul{background: #eefbfe; padding: 20px 30px; height: 100%;}

.Charter .info ul li{

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    height: 100%;

}

.Charter .info a{color: #f1592a; font-weight: 500;}

.Charter .info-heading{font-size: 25px; color: #000; margin-bottom: 10px;}

.Charter .info-content{font-size: 15px; color: #000; margin-bottom: 10px; }

.boxs3{display: flex;flex-wrap: wrap;}

.boxs3 .contbox:nth-child(1),.boxs3 .contbox:nth-child(2){

    width: 48.5%;

}

.boxs3 .contbox{width: 32%; margin: .5%; padding: 40px 20px;}

.faq-left{  width: 100%;}

    .faq_listing{padding-bottom: 30px;}

    .faq_listing>li {list-style: none;transition: .2s; -webkit-transition: .2s;-moz-transition: .2s; -ms-transition: .2s;-o-transition: .2s; margin-bottom: 10px}

    .faq_main { -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);}

    .faq_data{display: none;padding: 15px;}

    .faq-left h2{color: #060606;  font-weight: 600;    margin-bottom: 30px; text-align: center;}

    .faq_title{padding: 15px 50px 12px 15px; position: relative; font-weight: 500;}

    .faq_title.active {  background: #00b7eb; color:#fff; color: }

    .faq-left p{font-size: 16px; line-height: 28px;font-weight: 400; padding-top: 0; }

    .faq_title:after {content: "+";color:#00b7eb; display: block;  width: 28px;  height: 28px;  line-height: 28px;  position: absolute;  right: 5px;  font-size: 40px;  top: 50%;  text-align: center;  transform: translateY(-50%);}

    .faq_title.active:after{color: #fff;content: "-"}

    .faq_data ul li{color: #000;}

    .faq-left .heading3{font-size: 22px; text-align: center;}

.contactdiv h2{font-size:30px; color: #4d4a5b; margin-top: 0; font-weight:300;}

.contactform{ width: 55%; float: left;}

.contactform ul li{width: 50%; padding-right: 15px; float: left; padding-bottom: 15px;}

.contactform ul li label{font-weight: 300; margin: 0;}

.contactform ul li.fullwidth{width: 100%;}

.contactform input, .contactform textarea, .contactform select{ max-height: 120px; width: 100%; border:1px solid #dbdadd; padding: 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.contactform ul li label {display: block;}

.or-text {

    display: inline-block;

    vertical-align: middle;

    font-weight: 500;

}

input.submitbtn{ font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 7px; border-radius: 0; border: 2px solid #00b7eb!important; background: #fff; color: #00b7eb; max-width: 160px;}



.contactform ul li label small{color:#ccc; font-size: 13px;}

.contactform ul li label small span{color:#acacac; padding-left: 10px;}

.input-full-box {

    overflow: hidden;

    display: block;

    float: none!important;

    width: 100%!important;

}

.input-full-box .input-item-c {

    float: left;

    width:46%;

}

.input-full-box .input-item-c:nth-child(2) {

    width: 8%;

    margin-top: 35px;

    text-align: center;

}

.mapsec{width: 42%; float: right;}

iframe{width: 100%;}



.searchlist li{border: 1px solid #0f3178; border-radius: 4px; margin-bottom: 10px;}

.searchlist li a {margin: 0;padding: 10px 15px; font-weight: 500; color: #0f3178; cursor: pointer; display: block;}

.pagingsec{text-align: center;}

.pagingsec a, .pagingsec font{display: inline-block;padding: 5px 8px; border:1px solid #ddd; min-width:40px; vertical-align: middle; font-size:14px;}

.pagingsec font{border-color:#52c5eb; background:#52c5eb; color:#fff;}

.bookclosure select{ padding: 5px; border: 1px solid #ccc;}

.treeview span{ font-weight: 400; margin-bottom: 10px; display: block; }

.treeview ul{padding-left: 15px;}

.treeview ul li{ margin-bottom: 10px; display: flex; justify-content:space-between;}

.treeview ul li a{ max-width: 50%;}

.treeview ul a{color: #444; font-weight:400;}

.expands{clear: both; margin-bottom: 15px;}

.expands span{ padding-right: 10px; display: inline-block;}

.expands span a{ padding: 10px 15px; display: block; color: #000; border: 1px solid #f1f1f1;} 

i.fa-file-pdf-o{color:#f1592a;}

.innerpage .services{ padding: 2px;}

.acleft{width: 30%; float: left;}

.acright{width:70%; padding-left: 30px; float: right;}

.ipoinfor {max-width: 600px; background: #F3F3F3; float: left;  padding: 30px;}

.ipoinfor li {margin-bottom:5px; width: 100%; float: left;}

.ipoinfor li label{ font-weight: 400; width: 40%; float: left;}

.ipoinfor li span{ width: 60%; float: left;} 

.ipoinfor li strong{ display: block; text-align: center; font-weight: 400;}

.ipoinfor li input{width: 100%; border: 1px solid #ccc; padding: 5px;}

.ipoinfor li input.iposearch{font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 7px; border-radius:4px; border:1px solid #00b7eb; background: #00b7eb; color: #fff; max-width: 100px;}

.bordersec{border:1px solid #f1f1f1; padding: 10px;}

.searchapp {padding-top: 30px; }

.tablediv{overflow: auto; width: 100%;}

.searchapp th{background: #F3F3F3; font-weight: 400;}

.searchapp th, .searchapp td{font-size: 14px;}

.iposelect{margin-bottom: 15px; clear: both;}

.iposelect label{ display: block; font-weight: 400;}

.iposelect select{padding: 5px 10px; border: 1px solid #ccc; max-width:360px;}

.iposelect select option{padding: 0 5px; font-size: 14px;}

.companyname{background: #F3F3F3; float: left; width: 100%; padding:30px;}

.companyname label{display: block; font-weight: 400; }

.companyname span{display: block;}

.formsec label{font-weight: 400; display: block; margin-bottom:0;}

.formsec input{max-width:300px; border: 1px solid #ccc; padding: 5px 10px; display: block; margin-bottom: 15px;}

.acmenu{ float: left; width: 100%; border: 1px solid #F3F3F3;}

.acmenu ul li{width: 100%; float: left;border-top: 1px solid #F3F3F3;}

.acmenu ul li a{display: block; padding: 10px 15px; color:#4d4a5b;}

.acmenu ul li a:before { padding-left:6px; content: "\f105";  margin-right: 5px; font-family: 'FontAwesome';}

.acmenu ul li a:hover{color:#00b7eb;}

.numsearch {}

.numsearch label{font-weight: 300; margin:0 15px 0 0; font-size: 14px;}

.numsearch label span{font-weight:400;font-size: 16px;}

.inputfild{display: block; border: 1px solid #ccc; padding:5px 10px;}

.numsearch .submitbtn{ margin:10px 0; display: block; padding: 5px 15px;}



.alfabet{margin: 15px 0;}

.alfabet li{ display: inline-block;}

.alfabet li a {background: #f1f1f1; color:#222; display: inline-block; min-width: 22px; text-align: center;}

.alfabet li a:hover, .alfabet li a.alact{background: #222; color:#fff;}

/* Required */



.table strong {font-weight: 400; font-size: 14px;}

.table {font-size: 14px;}

.table th,.table td{

    text-align: center !important;

    vertical-align: middle !important;

}



.timelines .table th,.table td{text-align: left !important;}

.timelines .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{padding: 11px;}

.timelines p {margin-bottom: 0;}

.timelines p strong{font-size: 16px;color: #000;}



.newslist li{border-top: 1px solid #f1f1f1;}

.newslist li:first-child{border: none;}

.cat_list li a::after{ display: block; content: "\f105" ; font-family: FontAwesome; position: absolute}

select:focus{outline: none;}

.selectdrop{background: #fff url(../imgs/dropicon.png) right center no-repeat;-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 4px; height: 46px; padding: 5px 10px; font-weight:400;}

.ipoinfor .selectdrop{width: 100%; border:1px solid #ccc; max-width: 100%;}



.sidesec{width:28%; float: left;}

.sidesec ul li{display: block; font-weight: 500;}

.sidesec ul li a{display: block;padding: 5px 5px 5px 20px; color:#0e3178; font-size: 18px; position: relative;}

.sidesec ul li a:before{content:""; width: 8px; height: 8px; border-top:2px solid #f1582a; border-right:2px solid #f1582a; position: absolute;left: 0; top:13px; transform: rotate(45deg); display: inline-block;}



.cnames { display: block;font-weight: bold;color: #0e3078; }

.inputsec{ border-radius: 4px; min-height: 46px; padding: 5px; font-weight:400; width: 100%;}

.fontsec1{width: 40%; float: left;}

.fontsec1 .ipoinfor{width: 100%;max-width: 100%;}

.fontsec1 h4{text-align: center; font-size: 24px; color: #0e3078; margin:10px 0;}

.btns {padding: 10px 30px; background: #f1582a; color: #fff; border: none; text-transform: uppercase; font-weight: 500;border-radius:4px;}



.downloadpage{}



.downloadpage ul.tabs {text-align: center;}

.downloadpage ul.tabs li {position: relative;margin: 0; padding:7px 20px; border-radius: 4px;color: #4d4a5b; text-decoration: none;

    background: none; display: inline-block; cursor: pointer; border: 1px solid #0f3178;font-weight: 500; min-width: 150px;}

.downloadpage ul.tabs li.current{color:#fff; background:#f1592a; border-color:#f1592a;}

.downloadpage .tab-content{display:none;padding:40px 0px 0px 0px;}

.downloadpage .tab-content.current{display:inherit;}



.downloadpage .tab-content .submenu{ border:1px solid #0f3178; border-radius: 4px; margin-bottom: 10px; }

.downloadpage .tab-content .submenu span{margin: 0; padding:10px 15px; font-weight: 500; color:#0f3178; cursor: pointer;}

.submenu .cattitle{ position: relative; }

.submenu .cattitle small{opacity: 0; font-size: 0px;  position: absolute; right: 45px;}

.submenu .cattitle.current small{opacity: 1; font-size: 14px;}

.treeview ul{padding-right: 15px; margin-bottom: 15px;}

.treeview ul li{ border-top: 1px solid #ccc; padding-top: 10px; }

.treeview ul li:first-child{ border-top:0; padding-top: 0px; }



.formwidth{width:65%; float: left;}

.formwidth .selectdrop{width: 100%;}

.formwidth label{font-weight: 500; margin-right:5px; }

#certificateField{/*margin-top: 15px;*/}



.headings3 {background: #0e3178; color: #fff; padding: 10px 20px; font-weight: 500; font-size: 20px; border-bottom: 1px solid #fff;}

.headlabel{display: block; font-weight: 600 !important; }



.formwidth input{border-radius: 4px; height: 46px; padding: 5px 10px; font-weight:400; border:1px solid #ccc; width:100%;}

.formwidth input[type=radio]{width: auto; height: auto; padding: 0; border:0;}

.formwidth input[type=number]{width: 100%; }

.sectionsw{}

.formwidth input.continuebtn{border:1px solid #f1592a; background: none; color:#f1592a; max-width:140px; display: block; margin: 0 auto; font-weight: 500; }



.rightcontentsec{width:35%; float: right; padding-left: 20px;}

.rightcontentsec p{padding-top: 0;margin-bottom: 15px;}

.rightcontentsec p a{color:#f1592a;}

.checkboxlabel label{margin-bottom:10px;}

.checkboxlabel input{width: auto; height: auto; margin-right: 5px;}



.centersec{width: 44%; float: left;}

.resultsec{background:#f1f1f1; padding: 15px;}

.resultsec ul li{width: 32%; padding:5px; display: inline-block;}

.right-issuelist li a{color: #333; font-weight: 400;}





.btopsec{/* position: absolute;bottom:0px; left: 0; z-index: 9; */width:100%; padding:30px 0; text-align: center; background:#0e3077; }

.btopsec ul li{display: inline-block;}

.btopsec ul li a{display: block;padding:15px; min-width: 200px; background:#00b7eb; color:#fff; font-weight: 500;}

.btopsec ul li:nth-child(2) a{background:#fff; color:#0e3077;}

.btopsec ul li:nth-child(3) a{background:#f15929;}



.searchdrop {font-weight: 400; margin:0px auto 15px; width: 70%; display: flex; }

.searchdrop .select2-container{width:70%!important;  }

.searchdrop .select2-container .select2-selection--single{border:1px solid #0f3178; height: 40px;padding: 4px; width: 100%;float: left; } 

.searchbtns{ width:14%; margin-left:1%; background: #52c5eb; border:1px solid #52c5eb; text-transform: uppercase; color: #fff; border: 0; padding: 5px 20px; height: 40px;  border-radius: 4px; }

.resetbtns{width:14%; margin-left:1%; border:1px solid #0f3178; text-align: center; text-transform: uppercase; color:#4d4a5b; display: inline-block; padding: 5px 20px; height:40px;  border-radius: 4px; }

.searchdrop .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top: 0;}

.checkfield{ border:1px solid #f1f1f1; padding: 10px 30px; margin: 0 auto; max-width:500px; }

.checkfield .iposelect select{width: 100%; max-width: 100%;}



/*Brass_status*/

@media (min-width: 1280px) {



    .container{width: 1230px;}

    .innerheading .container{ margin-left: -615px;}

}



@media (max-width:1366px) {

.catsect ul li a{padding: 25px 20px;}

    .catsect ul li a:before{ top: 0;}

    .line_text, .downloadsec h2{font-size:28px;}

}



@media (max-width: 1279px) {

    

    .innerheading .container{ margin-left: -590px;}

}



@media (max-width: 1199px) {



.logo { margin: 10px 5px 5px 15px;}

.cssmenu > ul > li > a { font-size: 14px; padding: 38px 14px;}

.banner .carousel-caption { margin-left: -485px;  max-width:970px; top: 15%; }

.banner h1 { font-size: 55px;}

.bgshed div {width: 485px;}

.catsect ul li span {   padding-left: 10px; width: 130px;}

.catsect ul li a {font-size: 14px; font-weight: 400; padding: 45px 10px;}

.footerlinks p, .copyright span{ font-size: 14px;}



.innerheading .container{ margin-left: -490px;}

    .innerpage .services{padding: 2px;}

    .rightcontentsec{width: 100%; margin-top: 20px;}

    .Charter .down-info{flex-wrap: wrap;justify-content: center;}

    .Charter .info{width: 33%;margin: 20px;}





}



@media (min-width: 769px) and (max-width:1024px) {

.Charter .info ul{padding: 20px;}

.Charter .info-content {font-size: 15px;}



}



@media (max-width: 991px) {

    .Charter .info ul{padding: 15px;}

    .logo{width: 170px;}

    .common_grid {    min-height: auto;}

    .letestnews,.downloadsec{ height: auto}

.common_grid {    min-height: auto;}

/*.logo img { height: 60px;}*/

.topnav{width: 100%;}

    .login > a{width: 125px; font-size: 13px;}

.cssmenu > ul > li > a {  padding:14px;}

.cssmenu #menu-button { margin-right: 180px;}

.accountmenu { position: absolute; right: 0;  top: -76px; z-index: 2;}

.accountmenu > ul > li > a {padding: 26px 15px; max-height: 76px;}

    

.banner .carousel-caption { margin-left: -375px;  max-width:750px; top: 10%; }

.banner h1 { font-size: 40px;}

.banner p { font-size: 18px;}

.morebtn { font-size: 14px; margin-top: 10px; min-width: 175px; padding: 10px;}

.catsect ul li a { padding: 28px 10px;}

.catsect ul li span {padding-left: 0; width: 120px;}

.catsect ul li img{height: 50px; display: block;}





.aboutsec, .downloadsec{width:100%;}

.aboutsec h1 {font-size: 45px;}

.aboutsec h1 small {font-size:20px;}

.aboutsec p {font-size: 14px; line-height: 24px;}

    .downloadsec{margin-top: 20px; min-height: auto; margin-bottom: 20px;}

    .letestnews{width: 100%; }

    

.downloadsec h2 {font-size: 28px;}

    .bgshed div { width: 375px;}

    .bgshed h3 {font-size: 28px;}

    .services ul li { width: 50%;}

    

    .flogo{width:100px;}

    .footerlinks{ width: 50%;}

    .newsletter{width: 100%; margin-top: 20px;}



.innerpage {padding: 50px 0;}

.innerheading .container{ margin-left: -375px;margin-top:-20px} 

.innertitle {height: 40px;  width:100%;}

.innertitle h1 {font-size: 36px;}

.innerpage {font-size: 14px; line-height: 24px;}

.img-right {margin-left: 20px; width: 45%;}

.contactform, .mapsec{ width: 100%;}

    .mapsec{margin-top: 15px;}



    .forgotpass {padding: 50px;}

    .boxs3 .contbox{width:48.5%;}



}





@media (max-width: 768px){





}



@media (max-width: 767px) {

.boxs3 .contbox{width: 80%; margin: 15px auto;}

.boxs3 .contbox:nth-child(1),.boxs3 .contbox:nth-child(2){

    width: 80%;

}

.fontsec1{width: 100%;}

.formwidth{width: 100%;}

.ipoinfor{max-width: 100%;}



.Charter .down-info{flex-wrap: wrap;}

.Charter .info {margin: 10px; flex-basis: 44%;}

.Charter .investors{margin-top: 20px;}

.sidesec, .centersec, .rightcontentsec{width: 100%;}

.rightcontentsec{padding: 15px 0;margin-top: 20px;}

.resultsec ul li{width: 100%;}



.ipo.bgshed .clickbtn { margin-bottom: 12px;  }

.bgshed div {width: 100%;}

.banner .carousel-caption {left: 0; margin-left: 0; top: 10%; width: 60%;  padding: 15px;}

.banner h1 {font-size: 32px;}

.banner p {font-size: 16px;}

.section2, .clients{ padding: 30px 0;}

.letestnews p { font-size: 14px;}

.tcontent { padding: 20px;}

.tcontent:after, .tcontent:before { left: 85%;}

.names { padding-right: 16%;}

.ourcients, .letestnews{width: 100%; margin-bottom: 15px; padding-bottom: 30px;}

.footerlinks{ width:100%;}



.innerpage {padding: 30px 0;}

.innerheading .container {margin-left: 0; margin-top: -20px; left: 0;}

.border { margin: 30px 0;}



    .acleft, .acright{width: 100%; padding: 0;}

    .acright{margin-top:20px}

    

    .numsearch {background: #F3F3F3;  padding: 20px;}

}



@media (max-width: 699px) {

    

    .Charter .dtitle h1 {font-size: 28px;}

    .faq-left h2{font-size: 24px;}

    .faq-left .heading3{font-size: 20px;}

    .btopsec ul li{margin-bottom: 3px;}

    .logo {width: 150px;}

}



@media (max-width: 640px) {

    .downloadsec{background-size: 70px;}

.bgshed, .bgshed div { width: 100%;  text-align: center;  min-height: auto;}

    .contentsec, .contentimg{width: 100%; padding: 0;}

    .contentimg{margin-bottom: 15px;}

    .img-right {margin-left: 0; width: 100%;  margin-bottom: 15px;}

    .bullets{clear: both}

    .bullets li {font-size: 14px;}

    .innerheading{background: #FBFBFD;}

    .innerheading .container {margin-top: 0; position: static;}

    .innerheading img{display: none;}

    .innertitle {height: auto; padding: 20px 0; width: 100%;}

    .innertitle h1{ font-size: 26px; margin: 0;}

    .contbox { margin: 0 0 15px;}

    

    .ipoinfor{ max-width: 100%; padding: 20px; width: 100%;}

    .ipoinfor li label, .ipoinfor li span{ width: 100%;}

    .Charter h2{margin-top: 0;}

    .Charter .row {padding: 15px;}

    

    .Charter h2{font-size: 24px;}

    .Charter .dtitle h1{font-size: 26px;}

    .Charter .investors {padding: 10px 0;}

    .Charter h2{padding-bottom: 5px;}





}



@media (min-width: 480px) and (max-width: 640px) {







}





@media (max-width: 600px) {

.boxs3 .contbox{width:98%;}

.boxs3 .contbox:nth-child(1),.boxs3 .contbox:nth-child(2){

    width: 98%;

}

.aboutsec h1 {font-size: 36px;}

.aboutsec h1 small {font-size: 18px;}

.services h3 {font-size: 24px;}

.services .subtitle {font-size: 14px;}

.clients h3 {font-size: 22px;}

.tcontent:after, .tcontent:before { left:80%;}

.names { padding-right: 27%;}

.owl-dots { margin: 10px 0; position: static; text-align: center;  width: 100%;}

    .catsect{padding: 15px 0;}

    .catsect.footercat{padding: 0}

    .catsect ul li {width: 50%; padding: 10px;}

    .catsect ul li a:after, .catsect ul li a:before{display: none;}

    .catsect ul li a{border: 1px solid #d5d5d5 ; height: auto;}

    .catsect ul li img {display: inline-block;}

    .banner .carousel-caption{width: 65%;}

.banner h1 { font-size: 26px; margin: 0; line-height: 28px;}

.banner p {  font-size: 13px;}

.morebtn { font-size: 12px;  margin-top: 0;  min-width: 130px;  padding: 7px;}



.contbox { width:100%;}

    .contactform ul li{width: 100%; padding-right: 0;}

    .contactdiv h2 { font-size: 24px;}

    

    .inputfild { width: 100%;}

    .searchbox { padding: 15px; right: -120px; width: 310px;}

    .forgotmain .container{ max-width: 100%;}

    .forgotpass input { max-width: 100%;}

    .forgotpass {padding: 30px;}

    .forgotpass h1 { font-size: 26px;}

    .faq-left h2{font-size: 24px;}



}



@media (max-width: 480px) {

.footerlinks.fbox { float: none; margin: 0 auto;}

.services ul li { width: 100%;}

    .services ul li a{padding: 30px 10px;}

.footerlinks, .footerlinks ul {width: 100%; text-align: center;}

    .downloadsec{padding: 25px;}

.or-text {font-size: 12px;}

.Charter .info { flex-basis: 100%;}

.Charter .info-heading {font-size: 22px;}

.faq-left h2{font-size: 22px;}

.faq-left .heading3{font-size: 18px;}

.faq_listing {padding-bottom: 10px;}

.Charter .info{flex-basis: 100%;}

}



@media (max-width: 479px) {

 .Charter .row {padding: 12px 0;}

    .Charter h2{font-size: 18px;}

    .Charter .dtitle h1 {font-size: 19px;}

.accountmenu > ul > li > a {padding: 36px 10px;}

.cssmenu #menu-button {margin-right: 160px;}

.search > a:before {top: 63%;}



.searchbtn {width: 80px;}

.searchfild {width: calc(100% - 80px);}

.myacbox { padding: 15px;}

    

.loginbox {padding: 20px; width: 300px;}

    

.catsect ul li {  padding: 5px;}

    .catsect ul li a{border: 1px solid #d5d5d5 ; height: auto; text-align: center;}

    .catsect ul li img {display:block; margin: 0 auto;}

    

    .banner .carousel-caption{ position: static; width: 100%;}

    .bgshed div{padding: 30px;}

    ul.issueinfo > li > a.clickbtn{min-width: 145px;}

    .line_text, .downloadsec h2{font-size:26px;}

    .downloadsec ul li a{font-size:14px;}

    .banner h1 {font-size: 22px;line-height: 24px;}

    .btopsec ul li a{min-width: 150px;}

    .logo{width: 130px;}

      .cssmenu #menu-button {margin-top: -50px!important;}



}



@media (max-width: 360px) {

    

    ul.issueinfo > li > a.clickbtn{min-width: 160px; margin-top: 5px;}

   .faq-left h2{font-size: 20px;}

    .logo{width: 110px;}



}



@media (max-width: 320px) {





}

ul#treemenu22 li span {

    cursor: pointer;

} 







.news .owl-item {background: #f5f5f5;padding: 2rem;min-height: 335px; word-break: break-all;}
.letestnews .viewall {text-align: center;}

.popup {
    position: fixed;
    top: 50%;
    background: #f3f3f3;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.07);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem;
    z-index: 99;
}
.popup span {
    display: block;
    margin: 10px;
    font-size: 16px;
}
.close{color: #0e3078;opacity: 1;font-size: 16px}
.printtable td {
    padding: 5px 10px;
}
.printtable{width: 100%;}
