@charset "utf-8";
/*@Website : Stewart & Mackertich, @Author : Sajeeshfrancis from Accord Fintech Pvt.Ltd.*/
html, body {margin: 0;width: 100%;height: 100%;}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;font-family: 'open_sansregular'; font-size:14px;}
body.Oflow{ overflow:hidden !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent; text-decoration:none !important;}
a:active, a:hover{outline: 0; text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit;margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
ul, li{ list-style:none;}
*:focus{ outline:0;}
.trans{transition: all 0.5s ease;}
.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
.gutter6px > [class*='col-'] {padding-right:6px;padding-left:6px;}
.pr, .PR { position: relative; }
.pa, .PA { position: absolute; }
.hmredtxt { color: #FF3941 !important; }
.hmgrntxt { color: #059B1E !important; }
.hmblutxt { color: #56a3d9 !important; }

/***Scrollbar common***/
::-webkit-scrollbar{-webkit-appearance:none}
::-webkit-scrollbar:vertical{width:5px}
::-webkit-scrollbar:horizontal{height:5px}
::-webkit-scrollbar-thumb{background-color:#098c62;border-radius:5px}
::-webkit-scrollbar-track{background-color:transparent}


/*open demat account*/
.headwrapper {position:fixed;background-color: #ffffff;height: 120px;top:0;left:0;right:0;z-index: 1;}
.headwrapper h3 {
    display: block;
    width: 235px;
    height: 115px;
    float: left;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.5s ease;
}
.headwrapper h3 a {display:block;height:100%;cursor:default;}
.headwrapper h4 {float:right;color: #535933;padding: 10px 0px; margin: 40px 0; font-size: 25px;line-height:20px;font-family: open_sanssemibold;}
.bannerformwrapper {margin-top: 120px; background: #098c62;min-height: 580px;}
.bannerform {position: absolute;top: 95px;right: 0px;width: 340px;padding: 30px 25px;margin: 0px;border-radius: 8px;background: #ffffff;}
.bannerform > .enquiryfields { position: relative; }
.bannerform > .enquiryfields > input[type='text'], .bannerform > .enquiryfields > select {width: 100%;border-radius: 5px;height: 45px;-webkit-appearance: none;font-size: 15px;padding: 0 10px;background-color: #f8fbf4;margin-bottom: 15px;border: 1px solid #eaeae9;outline:none;color: #000;overflow: hidden ! important;}
.bannerform > .enquiryfields > input[type='submit'] {width: 100%;border: none;border-radius: 10px;height: 45px;font-size: 21px;color: #fff;background: #098c62;font-family: 'open_sansbold';}
.bannerform > .enquiryfields > input[type='text']::-webkit-input-placeholder { color: #000;}
.bannerform > .enquiryfields > input[type='text']:-ms-input-placeholder { color: #000;}
.bannerform > .enquiryfields > select option{color:#000;}
.bannerform > .enquiryfields > i {position: absolute;right: 18px;top: 20px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #c0c0c0;}

.bannerform > .enquiryfields > em { position: absolute; right: 15px; color: #000; z-index: 1; top: 15px; font-size: 12px; }
.bannerform > .enquirybtntxt { padding-top: 10px; }
.bannerform > h3 {font-size: 18px;line-height: 22px;color: #098c62;text-align: center; margin: 0 0 20px;font-family:'open_sansbold';}

.bannercontent{ display: table; width: 100%; height: 530px; }
.bannercontent > div { display: table-cell; vertical-align: middle; padding-right: 0px; }
.bannercontent > div > h1{display: block;color: #fff;font-size: 32px;margin: 0;line-height: 35px;font-style:normal;padding-bottom:35px;font-family: 'open_sanslight';font-weight: bold;}

ul.dematservices {margin:0;padding-left:25px;float:left;}
ul.dematservices > li {display:block;padding:0;margin:0}
ul.dematservices > li > a {display:block;color: #fff;font-size: 22px;padding-left: 30px;line-height: 25px;position:relative;cursor:default;margin-bottom:10px;font-family: 'open_sanslight';font-weight: bold;}
ul.dematservices > li > a:before {content:"\f111";position: absolute;top: 0;left: 0;color: #fff;font-size: 8px;font-family:FontAwesome;}

.aboutwrapper{padding: 60px 0px 40px;}
.opendemataboutus > p{display: block;font-size: 25px;line-height: 30px;color: #535933;margin-bottom: 30px;text-align:center;font-family:'open_sanslight';font-weight:bold;} 

.whychoosewrapper{padding: 0px 0px 60px;}
.opendematewhychooseus{text-align:center;}
.opendematewhychooseus >h2{display: block;margin: 0 0 25px 0;padding: 0 0 12px 0;font-size: 32px;color: #535933;position: relative;line-height: 35px;font-family: open_sansbold;}  

.whychoosebox { background-color: #fff; padding: 25px 20px; text-align: center; border-radius: 6px; margin: 0 10px 35px 0; box-shadow: 0 2px 20px rgba(0,0,0,.1); transition: all 0.5s ease; min-height: 218px; }
.whychoosebox:hover { transform: scale(1.05); }
.whychoosebox em { display: block; width: 75px; height: 75px; margin: 0 auto 8px; }
.whychoosebox h3 {display: block;color: #098c62;font-size: 14px;line-height: 18px;font-family: open_sansbold;}
.whychoosebox p {display: block;font-style: normal;font-size: 16px;line-height: 22px;color: #535933;text-align: justify;font-family: 'open_sanslight';font-weight: bold;}

.prodservicewrapper{padding: 15px 0px 40px;background-color: #098c62;}
.opendematproductservice{text-align:center;}
.opendematproductservice >h2{display: block;margin: 20px 0px;padding: 0px;font-size: 30px;line-height: 32px;color: #fff;font-family: 'open_sansbold';}

.smifsappwrapper { padding: 60px 0px;}

.prodtservdata {background: #098c62;color: #fff;padding: 0px;border-radius:10px;display:block;} 
.prodtservdata span{ display: block;font-size: 18px;line-height: 30px;}
.prodtservdata > ul{padding:0;margin:0;display:block;}
.prodtservdata > ul li{display: inline-block;position: relative;font-size: 21px;line-height: 35px;color: #fff;padding: 0 15px;font-family: 'open_sanslight';font-weight: bold;}
.prodtservdata > ul li:after{content: "|";left: 0px;top: 0px; font-family: 'FontAwesome';position: absolute;;}
.prodtservdata > ul li:first-child:after{content:"";}

.rightappbox{width:50%;float:left;background-color: #fff;text-align: center;border-radius: 6px;min-height: 555px;transition: all 0.5s ease; position: relative;padding: 20px 20px 20px 310px;}
.lefttabbox{  width: 50%;background: #fff;float: left;border-left: 1px solid #f1f1f1;text-align: center;min-height: 555px;transition: all 0.5s ease;position: relative;padding: 20px 20px 20px 310px;}
.smifsappmainbox{box-shadow: 0 2px 20px rgb(0 0 0 / 10%);}
.smifsappbox{margin-top:190px;}
.smifsappbox h3 {display: block;padding: 0 0 12px 0;font-size: 30px;color: #000;position: relative;line-height: 35px;font-family: 'pt_serifbold'; }
.smifsappbox h3:after {content: "";position: absolute; bottom: 0;left: 50%;margin-left: -40px;text-align: center;height: 5px;width: 80px;background-color: #21b57b;}   
.smifsappbox em { display: block;margin: 0 auto 15px;font-size: 50px;position: absolute;top: 20px;left: 35px;}
.smifsappbox  a {width: 125px;height:40px;display: inline-block;margin-top: 20px;}

.clientlistwrapper{padding: 0 0 60px;}
.opendematclientlist{text-align:center;}
.opendematclientlist >h2{display: block;margin: 0 0 25px 0;padding: 0 0 12px 0;font-size: 32px;color: #000;position: relative;line-height: 35px;font-family: 'open_sansbold';}  
.opendematclientlist >h2:after {content: "";position: absolute; bottom: 0;left: 50%;margin-left: -40px;text-align: center;height: 5px;width: 80px;background-color: #21b57b;}

.clientlist{ position:relative; padding:10px 10px 10px 160px; border:1px solid #e8e8e8; margin-top:40px; height:80px;}
.clientlist:after{ position:absolute; content:"Our Client List"; color:#fff; font-size:16px; text-align:center; background-color:#000; width:150px; top:-1px; bottom:-1px; left:-1px; line-height:80px;}
.Clist{ overflow:hidden; width:100%; height:60px;}
.Cboxs{ display:inline-block; margin:0 8px;}

.investjourwrapper{padding: 0px 0px 60px;}
.opendematinvetjourn{text-align:center;}
.opendematinvetjourn >h2{display: block;margin: 0 0 20px 0;padding: 0 0 10px 0;font-size: 28px;color: #000;position: relative;line-height: 28px;font-family: open_sansbold;}  

.openanacctbtn{padding: 15px;background: #098c62;color: #fff;font-size: 20px;line-height: 22px;display: inline-block;width: 300px;border-radius: 5px;margin: 0 auto;font-family: 'open_sansbold';}
.openanacctbtn:hover,.openanacctbtn:focus {color:#fff;}

.mobappsec h3 {display: block;margin: 45px 0 25px 0;padding: 0 0 12px 0;font-size: 32px;line-height: 40px;color: #000;position: relative;font-family: 'open_sansbold';}
.mobappsec span{display: block;margin: 0px 0 110px 0;padding: 0 0 12px 0;font-size: 32px;line-height: 40px;color: #000;position: relative;font-family: 'open_sansbold';}
.mobappsec span em {display:block;font-style:normal;}
.mobappsec h3 > em{display: block;font-style:normal;color: #098c62;}
.mobappsec h3 > em > i{font-style:normal;color: #098c62;display: block;}

.mobappsec h4{display: block;margin: 0;padding: 0;font-size: 21px;line-height: 22px;color: #000;position: relative;font-family: 'open_sansbold';}
.mobappsec a {width: 125px;height:40px;display: inline-block;margin-top: 10px;cursor:default;}

.footerwrapper{min-height: 240px; background: #1f1f1f;padding: 30px 0;}
.footmaincont { font-family: open_sanslight;text-align:left; }
.footmaincont p { display: block; margin: 0; font-size: 14px; color: #bbbbbb; line-height: 26px; }
.footmaincont p a{display: inline-block; color: #bbbbbb; }

.footmaincont p > a { display: inline-block; color: #dedede; }
.footmaincont p > a:hover, .footmaincont p > a:hover { color: #21b57b; }
.footmaincont p > i { font-style: normal; display: inline-block; padding: 0 8px; }

.footcredits { min-height: 55px; background: #131313; padding: 20px 0; }
.footcredits p { display: block; color: #dedede; font-size: 14px; margin: 0; line-height: 20px; }
.footcredits p > span, .footmaincont p > span { color: #21b57b; }

.footcredits p > a { color: #dedede; display: inline-block; }
.footcredits p > a:hover { color: #098c62; }
.alright{text-align:right;}
.socialiconfooter > a i{font-size: 20px; margin: 10px 0 0 15px;}


 /*thankyou popup*/

#ThankyouPopup { position: fixed;background-color: rgba(0, 0, 0, 0.9);z-index: 9997;right: 0;top: 0; bottom: 0; left: 0;display:none; transition: all 0.5s ease;}
.thankyouwrapper { position: absolute; background: #098c62; width: 700px; height: 340px; padding: 10px; top: 50%; margin-top: -170px; left: 50%; margin-left: -350px; }
.thankyouwrapper > span {position: absolute; right: 0; top: -30px; border-radius: 50%; line-height: 30px;font-size: 15px;width: 60px; height: 30px;color: #fff; cursor: pointer; z-index: 9999;}  
.thankyouwrapper > span >i{ color: #00fdac; font-weight: bold;font-style: normal; position: absolute; top: 0;right: 0px;}
.thankyousec { border: 2px solid #fff; padding: 50px 30px; }
.thankyousec > h3 { display: block; margin: 0; padding: 0; font-size: 40px; line-height: 50px; color: #fff; font-family: 'open_sansbold'; font-weight: bold; }
.thankyousec > span , .thankyousec .sclmda > span { display: block; margin: 0; padding: 0; font-size: 14px; line-height: 25px; color: #fff; font-family: 'open_sansbold'; }
.thankyousec > i { position: absolute; top: 70px; right: 35px; display: block; margin: 0; padding: 43px; width: 200px; height: 200px; background: #fff; color: #098c62 !important; border-radius: 100px; font-size: 115px;  }
.thankyousec .sclmda { display: block; padding: 50px 0 0; }
.thankyousec .socialiconpopup { display: block; margin: 0; padding: 10px 0 18px; }
.thankyousec .socialiconpopup > a i{font-size: 26px; margin: 10px 15px 0 0;}
.thankyousec .socialiconpopup a{ color: #fff !important; }