/* 
*****************************************************************
Created By: Mahesh Vishwakarma From Dion Global Solutions Ltd
*****************************************************************
*/

:focus {outline:none !important;}
body, html{ font-family: 'Open Sans', sans-serif; text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;	color: #5a5a5a;}

a:hover, a:focus{text-decoration: none; color:#999999; transition:0.3s all ease}
.clearfix:after {visibility: hidden; display: block;font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ul, ol{padding: 0;webkit-padding: 0;moz-padding: 0;}
ul, li{ list-style-type:none;}
img {max-width: 100%; height: auto;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.PR {position:relative;}

/* Header */
.navbar-right {margin: 0;}
.logo{ margin:15px 0px 0px 15px;}
.logo img {transition:0.3s all ease; width:325px}
.main_nav {margin: 25px 0 0 0; padding: 0; float: left;}
.main_nav li {display: inline-block;}
.main_nav li a {display: block; background-color: white; text-transform: uppercase; padding: 5px 15px; color: #1a3f9c; border: 1px solid rgba(200,200,200,1.00); border-radius: 4px; transition: 0.3s all ease}
.main_nav li a:hover, .main_nav li a.active {background-color: #1a3f9c; border:1px solid #1a3f9c; color: white; transition: 0.3s all ease}
#tf-menu {transition: all 0.8s;}
#tf-menu.navbar-default {background-color:transparent;border-color: transparent; box-shadow:none; padding-bottom: 8px;}
#tf-menu a.navbar-brand {text-transform: uppercase;font-size: 22px;color: #fff;font-weight: 900;display:block;}
#tf-menu.navbar-default .navbar-nav > li > a {text-transform: uppercase;color:rgba(0,0,0,1.0);font-size: 12px;letter-spacing: 1px; padding: 7px 10px; position: relative}
#tf-menu.navbar-default .navbar-nav > li > a:hover {color: #17479e}
.nav-fixed-top .logo {margin: 5px 0 0 5px }
.vr-line {position: relative; top: 25px; height: 35px; background: #656565; width: 1px; margin: 0 10px;}
.slidenav {position: relative; top:28px; font-size: 28px; padding: 0 15px 0 5px; color: #1a3f9c}
.slidenav-block {position: fixed; display: none; width: 160px; right: -160px; top: 144px; bottom: 0; background-color: white}
.slidenav-block.active {display: block;}
.slidenav-block ul li {border-bottom: 1px dotted #ccc;}
.slidenav-block ul li a {display: block; color: black; text-transform: uppercase; padding: 5px 20px; text-align: center; position: relative}
.slidenav-block ul li a:hover, .slidenav-block ul li a.active {background-color: #ddd}
.slidenav-block ul li a i {position: relative; display: block; width: 35px; height: 35px; margin: 10px auto 5px; background-image: url(../images/sprite.png); background-repeat: no-repeat; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1);}
.slidenav-block ul li a:hover i, .slidenav-block ul li a.active i {filter: gray; filter: grayscale(0); -webkit-filter: grayscale(0);}
.slicon1 {background-position: 0 -67px}
.slicon2 {background-position: -35px -67px}
.slicon3 {background-position: -70px -67px}
.slicon4 {background-position: -105px -67px}
.slicon5 {background-position: -140px -67px}
.slicon6 {background-position: -240px -67px}
.slicon7 {background-position: -275px -67px}
.slicon8 {background-position: -310px -67px}
.slicon9 {background-position: -345px -67px}
.trans {transition: 0.3s all ease}
#tf-menu.active_bg {background-color: white;}
.nav-fixed-top .slidenav-block {top: 80px;}
.bgfade {background:rgba(0,0,0,0.80); filter:alpha(opacity=80); position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; z-index:99; display:none;}
.sprite{ background:url(../images/sprite.png) no-repeat;}

.social_icons.fixed{position: fixed;right:0;top:250px;z-index: 100;}
.social_icons.fixed li a{font-size: 24px;display: inline-block;background: rgba(0,0,0,0.4);width:50px;height:50px;border-radius:10px 5px 5px 10px;margin-bottom: 2px;text-align: center;line-height: 50px;color:#fff;transition: all 0.3s}
.social_icons.fixed li a:hover{background: rgba(0,0,0,1);box-shadow: 0 0 6px 6px rgba(0,0,0,0.1);}


/* Open An Account */
/* 18-02-2020 */.open_acnt{position: fixed;top:150px;right: 0;width:90px;border-radius: 10px 0 0 10px;box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);z-index: 99;text-align: center;font-size: 13px;font-weight: bold;line-height: 13px;text-transform: uppercase;background: #fff;transition: all 0.3s;}
.stock_of_wk{top:248px;}
.stock_of_wk a i{background-image: url(../images/stock_week.png) !important;background-position: 7px 0px;}
.stock_of_mnth{top:344px;}
.stock_of_mnth a i{background-image: url(../images/stock_month.png) !important;background-position: 7px 0px;}
/* end 18-02-2020 */
.open_acnt a{padding: 14px 5px;display: block;color:#000;transition: all 0.3s;}
.open_acnt a i {position: relative;display: inline-block;width: 37px;height: 30px;margin: auto ;background-image: url(../images/sprite.png);background-repeat: no-repeat;}
/* Start 10-07-2020 */
.subsscribe_ipo {top: 102px;}
.after_subs {top: 200px;}
.processflow {top: 300px;}
.social_icons.fixed{top:300px;}
.acnticon_subs {background-position: -377px -67px;}
/* end 10-07-2020 */
.acnticon { background-position: -191px -69px;}
.open_acnt a span{display: inline-block;}
.open_acnt:hover{width:100px;}
.open_acnt:hover a{color:#1a3f9c;}
a.fa.fa-angle-down { padding: 10px 15px; color: #000; background: #fff; border: 1px solid #3F3F3F; border-radius: 50%; font-size: 24px; transition: all 0.5s; position:absolute; bottom:15px; width:48px; left:50%; margin-left:-24px; text-align:center}
a.fa.fa-angle-down:hover{ background: #67a8d9; color: #ffffff; border: 1px solid #67a8d9;}
.newmorebtn {padding: 5px 0px; color:#1a3f9c; position: relative; display: inline-block; transition: 0.3s all ease;}
.newmorebtn:after {position: absolute; bottom: 0; left: 50%; width: 0px; content: ""; background-color: #ff6401; height: 3px; transition: 0.3s all ease;}
.newmorebtn:hover {background: #fff; color: black; transition: 0.3s all ease;}
.newmorebtn:hover:after {width: 30px; transition: 0.3s all ease; margin-left: -15px;}

.open_account_body input {display: block; width: 100%; background-color: white; height: 35px; border-radius: 10px; margin-bottom: 10px; border:1px solid #ccc; padding: 0 10px}
.open_account_body select {display: block; width: 100%; background-color: white; height: 35px; border-radius: 10px; margin-bottom: 10px; border:1px solid #ccc; padding: 0 10px}
.open_account_body textarea {display: block; width: 100%; background-color: white; border-radius: 10px; margin-bottom: 10px; border:1px solid #ccc; padding: 10px; height: 80px;}
.open_account_body input:focus, .open_account_body textarea:focus, .open_account_body select:focus {box-shadow: 3px 3px 0 0 rgba(0,0,0,0.25); transition: 0.3s all ease; border:1px solid #aaa;}
.open_account_body .modal-footer {text-align: center;}
.open_account_body .modal-header {position: relative;}
.open_account_body .modal-header h2 {margin-top: 0}
.open_account_body .close {background-color: #1a3f9c; transition: 0.3s all ease; color: #fff; opacity: 1; position: absolute; top: 23px; right: -24px; padding: 2px 6px; border-radius: 0 5px 5px 0}
.open_account_body .close:hover {padding: 2px 10px 2px 11px; transition: 0.3s all ease; right: -33px; background-color: black}
.open_account_body .dots_list {margin-bottom: 15px;}
.open_account_body .dots_list li {font-size: 14px}
.modal-dialog {
  padding-top:10%;
}

.modal-content {
  height: 100% !important;
  overflow:visible;
}

.modal-body {
  overflow: auto;
}

.stock_btn {background-color: #1a3f9c; color: white; border:1px solid #1a3f9c; transition: 0.3s all ease}

 
/* Common Head */ 
.section-title {text-align: center; margin-bottom: 30px;}
.section-title h2 {display: inline-block; padding-bottom: 15px; position: relative; color: #1a3f9c}
.section-title h2:after {position: absolute; bottom: 0; left: 50%; margin-left: -15%; width: 30%; height: 5px; content: ""; background: #808285;}
.section-title h2 strong {display: inline-block}

/* Banner */
#slideshow {position: relative; width: 100%; left: 0;}
#slideshow .item {position: relative;}
#slideshow .ban-caption {position:absolute; top: 35%; left: 35px; transform: translateY(-50%);}
#slideshow .ban-caption h1 {margin-bottom: 25px; font-size: 40px; color: black; font-weight: normal;}
/*#slideshow .ban-caption h1 b {font-size: 35px !important;}*/
.slide {background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100vh; position: relative;}
.slide1 {background-image: url(../images/01.jpg);}
.slide2 {background-image: url(../images/02.jpg);}
.btn_#1a3f9c {background-color: #1a3f9c; border-radius: 30px; font-weight: 700; transition: 0.3s all ease; padding: 10px 25px; color: white; font-size: 18px; display: inline-block; font-family: 'Roboto Slab', sans-serif;}
.btn_#1a3f9c:hover {background-color: #000; color: white; transition: 0.3s all ease}
.owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 7px; filter: Alpha(Opacity=1); opacity: 1; -webkit-border-radius: 0; -moz-border-radius: 20px; border-radius: 0; background:rgba(0,0,0,0.50); transition: all 0.5s;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; background: #eb7040;}
#slideshow .owl-dots {position:absolute; z-index: 9; bottom: 120px; width: 100%}
#slideshow .owl-dots .owl-dot span {background-color:rgba(0,0,0,0.20); border: 2px solid white; border-radius:10px}
#slideshow .owl-dots .owl-dot.active span {width: 30px !important; background-color: #1a3f9c; border: 2px solid #1a3f9c;}

/* Home Services */
.hm-serv {background: rgba(255,255,255,0.8); width: 100%; z-index: 9; position: absolute; bottom: 0; left: 0; box-shadow: 0px -7px 20px 0 rgba(0,0,0,0.2)}
.hm-serv span {display: block; text-align: center; position: relative}
.hm-serv span a:after {position: absolute; top: 20%; bottom: 20%; right: 0px; content: ""; width: 1px; background-color:rgba(0,0,0,0.30);}
.hm-serv span a {display: block; padding: 10px 0; position: relative; transition:0.3s all ease;}
.hm-serv span a h2 {display: inline-block; vertical-align: middle; color: rgba(0,0,0,0.7); text-align:left; margin: 0}
.hm-serv span a h2 b {font-size: 16px; font-weight: bold; text-transform: inherit; color: #000; display: block; text-transform: uppercase;}
.hm-serv span a i {border-radius: 10px; display: inline-block; vertical-align: middle; margin-right: 5px}
.hm-serv span a i em {background:url(../images/sprite.png) no-repeat; display: inline-block; width: 58px; height: 65px; left: 0; top:0; transition:0.3s all ease; transform: scale(0.9);}
.hm-serv span a i em.msicon1 {background-position: 0 0;}
.hm-serv span a i em.msicon2 {background-position: -65px 0;}
.hm-serv span a i em.msicon3 {background-position: -130px 0;}
.hm-serv span a i em.msicon4 {background-position: -195px 0;}
.hm-serv span a i em.msicon5 {background-position: -260px 0;}
.hm-serv span a i em.msicon6 {background-position: -325px 0;}
.hm-serv span a i em.msicon7 {background-position: -390px 0;}
.hm-serv span a i em.msicon8 {background-position: -450px 0;}
.hm-serv span a:hover em {filter: gray; filter: grayscale(0); -webkit-filter: grayscale(0); transition:0.3s all ease;}
.hm-serv span a:hover h2 {color: #444}
.hm-serv span a:hover h2 b {color: #1a3f9c}
#service_slide .owl-nav {margin-top: 0} 
.slide_big_arw .owl-prev, .slide_big_arw .owl-next {text-indent:-9999px;position:absolute; top:50%; margin: -24px 0 0 0 !important; z-index:3 !important; width:25px; height:37px;  float:left; cursor:pointer; opacity: 0.3; background-color: transparent !important;}
.slide_big_arw .owl-prev {left:10px; z-index:3 !important; transition: 0.3s all ease;}
.slide_big_arw .owl-prev:after {border-bottom: 2px solid #000; border-left: 2px solid #000; content: ''; display: block; width: 25px; height: 25px; margin-top: -4px; position: absolute; right: -4px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out;}
.slide_big_arw .owl-next  {right:10px; z-index:3 !important; transition: 0.3s all ease}
.slide_big_arw .owl-next:after {border-top: 2px solid #000; border-right: 2px solid #000; content: ''; display: block; width: 25px; height: 25px; margin-top: -4px; position: absolute; right: 12px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out;}
.slide_big_arw .owl-prev:hover {left: 5px; transition: 0.3s all ease}
.slide_big_arw .owl-next:hover {right: 5px; transition: 0.3s all ease}
.slide_big_arw .owl-prev.disabled, .slide_big_arw .owl-next.disabled {opacity: 0 !important; cursor: default;}
.hm-serv span a:hover em {filter: gray; filter: grayscale(0); -webkit-filter: grayscale(0); transition:0.3s all ease;}
.hm-serv span a:hover h2 {color: #1a3f9c}
.hm-serv span a:hover {background-color: #fff; transition:0.3s all ease; transform: scale(1.1); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); z-index: 99}
.hm-serv span a:hover:after {display: none;}

/* About Us */
#AboutUs_section {padding: 40px 0; position:relative; text-align: left}

/* Market Section */
#Market_section { background: url(../images/news_bg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; padding: 40px 0;}
#Market_section .resh-txt {text-align: left; font-family: 'Open Sans', sans-serif; margin-bottom: 20px}
.insices_wrapper{ padding:20px 0px; z-index:3; }
.indices_boxcont{ margin:0px 0px 20px; padding:0px; width:100%; height:160px;background:#FFF; position:relative; box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.indices_heading{text-align:center; padding:5px 0px; position:absolute; top:10px; width:100%; font-size:14px; font-weight: 700; text-transform:uppercase; color:#1a3f9c;}
.indices_heading:after {position: absolute; bottom: 0; left: 50%; width: 30px; margin-left: -15px; content: ""; background-color: #1a3f9c; height: 2px;}
.indices_track{ width:100%; height:4px; position:absolute; left:0px; top:0px;}
.Indices {margin-top:0px; text-align:center;}
.Indices .item { line-height:18px; padding:45px 0 0 0;}
.Indices .item h2 {font-size:15px; margin-bottom: 10px; font-weight: bold; text-transform:uppercase; color:#666}
.Indices .item b { font-size:28px; margin-bottom: 10px; font-weight:300; display:block;}
.Indices .item i {font-style:normal; font-size:13px; padding-top:5px; color: #666}
.igreen { color:#238e07;}
.i#1a3f9c {color:#d01004;}
.Indices .owl-prev, .Indices .owl-next {text-indent:-9999px;position:absolute; top:50%; margin-top: -18px; z-index:3 !important; width:18px; height:37px; background:url(../images/sprite.png) no-repeat; float:left; cursor:pointer; opacity: 0.3}
.Indices .owl-prev {background-position:0 -128px; left:10px; z-index:3 !important; transition: 0.3s all ease}
.Indices .owl-next {background-position:-18px -128px; right:10px; z-index:3 !important; transition: 0.3s all ease}
.Indices .owl-prev:hover {opacity: 0.7; left: 5px; transition: 0.3s all ease}
.Indices .owl-next:hover {opacity: 0.7; right: 5px; transition: 0.3s all ease}
.getquotes {width: 100%; margin-bottom: 50px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); position: relative;}
.getquotes input {width: 100%; border: none; height: 50px; font-size: 16px; padding: 0 10px; background-color: rgba(255,255,255,0.70)}
.getquotes select {width: 100%; border: none; border-left: 1px dotted rgba(0,0,0,0.2); border-right: 1px dotted rgba(0,0,0,0.2); height: 50px; font-size: 16px; padding: 0 10px; background-color: rgba(255,255,255,0.50); color: #444}
.getquotes a {display: block; text-align: center; position: absolute; top: 0; right: 0}
.getquotes a i {line-height: 50px; padding: 0 18px; color: #1a3f9c; background: white; font-size: 18px;}


/* Research Section */
#Research_section {padding: 40px 0; background: url(../images/research_bg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat;}
#Research_section p {color: white}
#Research_section .section-title h2 {display: inline-block; padding-bottom: 20px; position: relative; color: #fff}
#Research_section .section-title h2 strong {display: inline-block}
#Research_section .section-title h2:after {position: absolute; bottom: 0; left: 50%; margin-left: -15%; width: 30%; height: 5px; content: ""; background: #fff;}
#Research_section .contact-info a {color:#aee20f;}
.reshblock1 {background: rgba(0,0,0,0.50); display: block; padding:30px 20px; min-height: 250px; text-align: left; color: white}
.reshblock1:hover h2 {color: #1a3f9c; transition: 0.3s all ease}
.reshblock1 h2 {font-size: 20px; line-height: normal; display: block; margin:10px 0 10px; transition: 0.3s all ease}
.reshblock1 i {font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; margin-bottom: 10px; display: block; color: rgba(255,255,255,0.50)}
.reshblock1 span {background: rgba(255,255,255,0.50); margin-bottom: 0px; display: inline-block; color: black; font-size: 12px; padding: 2px 5px;}
.reshblock1 p {font-family: 'Open Sans', sans-serif; color: rgba(255,255,255,0.50) !important; margin-bottom: 0}
.reshblock1:hover p {color: white !important}
#reshblk1 .owl-nav button {padding: 0 10px 5px 10px  !important; font-size: 25px !important; margin: 0; line-height: 25px !important; color: white}
#reshblk1 .owl-nav button span {line-height: 25px !important;}
#comresh {display: block; text-align: left; position: relative; font-family: 'Open Sans', sans-serif; transition: 0.3s all ease;}
#comresh img {width: 100%}
#comresh .cm-caption {position: absolute; transition: 0.3s all ease; bottom: 0; height: 75px; z-index: 9; width: 100%; padding: 15px; background:rgba(255,255,255,0.70); color: black}
#comresh .cm-caption h3 {color: #1a3f9c; margin: 0 0 5px; padding: 0; font-size: 18px;}
#comresh .cm-caption b {font-size: 14px}
#comresh .cm-caption i {font-weight: 300; font-size: 12px; display: block; margin-bottom: 10px;}
#comresh .cm-caption a {display: inline-block; opacity: 0; background: #1a3f9c; padding: 2px 5px; font-size: 12px; transform: scale(0); color: white}
#comresh:hover .cm-caption {transition: 0.3s all ease; height: 40%; background:rgba(255,255,255,0.85);}
#comresh:hover .cm-caption a {opacity: 1; transform: scale(1); transition: 0.3s all ease;}


/* News Section */
#News_section {padding: 40px 0}
#LatestNews .item {display: block; height: auto; padding:30px 20px; text-align:left; position: relative}
#LatestNews .item a {display:block; position: relative; padding-left: 75px;}
#LatestNews .item a .news-img {position: relative; margin-bottom: 10px;}
#LatestNews .item a i {font-size:12px; padding: 5px 0; left: 0; bottom: 0; color: rgba(0,0,0,1.00); font-style:normal; background:rgba(255,255,255,0.80); font-family: 'Open Sans', sans-serif;}
#LatestNews .item a h4 {color:#444; text-transform:none; font-weight: 500; font-size:22px; position:relative; display:inline-block; margin:0 0 10px; padding:0 0 10px}
#LatestNews .item a h4:after {position:absolute; content:""; left:0; bottom:0; width:100%; height:1px; background:rgba(0,0,0,0.20)}
#LatestNews .item a h4:before {position:absolute; z-index:1; content:""; left:0; bottom:0; width:0px; height:2px; background:#1a3f9c; opacity:0; transition:0.5s all ease}
#LatestNews .item p {color:#444; font-size: 15px; font-weight: 300; font-family: 'Open Sans', sans-serif;}
#LatestNews .item a:before {position: absolute; top: 0; left: 70px; opacity: 0; transition: 0.5s all ease; width: 0px; height: 58px; content: ""; background-color: #1a3f9c}
#LatestNews .item a:hover h4 {color:#1a3f9c; transition:0.3s all ease;}
#LatestNews .item a:hover h4:before {width:100%; opacity:1; transition:0.5s all ease}
#LatestNews .item a:hover:before {left: 0; opacity: 1; width: 70px; transition: 0.5s all ease;}
#LatestNews .item a:hover .newsdate {left: 2px; transition: 0.3s all ease}
#LatestNews .item a:hover .newsdate h3 {color: white}
#LatestNews .item a:hover .newsdate p {color: white}
#LatestNews .item a .newsdate {position: absolute; top: 0; left: 0; text-align: right; padding: 5px; transition: 0.3s all ease}
#LatestNews .item a .newsdate h3 {font-size:40px; color: #666; margin:0 0 5px; padding: 0; line-height: 28px; font-weight: 500;}
#LatestNews .item a .newsdate p {margin: 0; padding: 0; font-size: 13px;}
#LatestNews .owl-dots {width: 100%}
#LatestNews .owl-dots .owl-dot span {background-color:rgba(0,0,0,0.20); border: 2px solid white; border-radius:10px}
#LatestNews .owl-dots .owl-dot.active span {width: 30px !important; background-color:#828282; border: 2px solid #828282;}

/* Testimonial */ 
#tesimonil{background: url(../images/testimonial_bg.jpg) no-repeat; background-position-x: 0%;background-position-y: 0%; background-repeat: no-repeat;background-attachment: scroll;background-size: auto auto;
background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;padding: 40px 0;}
#tesimonil .img_thumb {width:100px;height:100px;border:4px solid #fff;border-radius:100%;overflow:hidden;box-shadow:2px 2px 4px rgba(0,0,0,0.2);float:right;margin-top:40px;}
#tesimonil .img_thumb img{height:100px;width:auto;}
#tesimonil .arow{display:inline-block;float:left;}
#tesimonil .testim_txt{background:#fff;padding:15px;font-size:16px;color:#666666;line-height:25px;display:inline-block;float:left;width:80%;position:relative;margin-left:49px;margin-bottom:40px;}
#tesimonil .testim_txt:before{position:absolute;width:49px;height:26px;bottom:50px;content:'';background:url(../images/testim_aro.png);left:-49px;}
#tesimonil .testim_txt p span{font-family: 'FontAwesome';font-size:21px;}
#tesimonil .testim_txt .test_head{font-weight:bold;font-family: 'Open Sans', sans-serif;  }
#tesimonil .testim_txt small{padding-left:11px;font-size:12px;}
#tesimonil .owl-dots .owl-dot.active span {width: 30px !important; background-color: #1a3f9c; border: 4px solid #1a3f9c;}
#tesimonil .owl-dots .owl-dot span { background-color: rgba(0,0,0,0.20);  border: 2px solid white;border-radius: 10px;}
#tesimonil .owl-dots .owl-dot span { width: 8px; height: 8px;margin: 2px 7px;background-color: rgba(255,255,255,1);}

/* Footer */
nav#footer { background: #101717; color: #ffffff; padding: 0px; }
nav#footer .fnav{ vertical-align: middle;}
ul.footer-social li{ display: inline-block; margin-right: 10px;}
nav#footer p{ font-size: 12px; margin-top: 10px; color: rgba(255,255,255,0.40)}
.footer-social i.fa { height: 28px; width: 28px; border: 1px solid #8c8c8c; font-size: 15px; line-height: 28px; text-align:center; border-radius: 50%; color: #8c8c8c; transition: all 0.5s;}
.footer-social i.fa:hover{ background: #00e1df; border-color:#2A2A2A; color: #ffffff;}
.disclaimer {font-size: 11px !important;}
.scroll_logo img, .Inrfdnav .navbar-brand img {width:200px !important; height:auto; transition:0.3s all ease}
.nav-fixed-top, .Inrfdnav {background-color:rgba(255,255,255,1) !important; box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1) !important;}
.nav-fixed-top .navbar-nav, .Inrfdnav .navbar-nav {transition:0.3s all ease}
.nav-fixed-top .navbar-nav > li > a, .Inrfdnav .navbar-nav > li > a {color:#000000 !important;}
.nav-fixed-top .navbar-nav > li > a:after, .Inrfdnav .navbar-nav > li > a:after {background:#1a3f9c;}
.fDetails{ background:#282f2f; padding:20px 0; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}
.fDetails b{ display:block !important;}
.fDetails h4{ font-size:16px; text-transform:capitalize; margin:0px; padding:0px;}
.foot-accord h5 {color: rgba(255,255,255,0.40); transition: 0.3s all ease; font-size: 14px; font-weight: 400; cursor: pointer; position: relative; padding-left: 15px; text-transform: none}
.foot-accord h5:after {position: absolute; top: 0; left: 0; content: "\f196"; font-family: 'FontAwesome'; font-weight: normal; transition: 0.3s all ease}
.foot-accord h5.active {color: rgba(255,255,255,0.70)}
.foot-accord h5.active:after {content: "\f147"}
.foot-accord ul {margin: 0 0 0 15px; padding: 0; display: none}
.foot-accord ul li {margin-bottom: 5px;}
.foot-accord ul li a {color: rgba(255,255,255,0.30); font-size: 13px; display: block; position: relative; transition: 0.3s all ease}
.foot-accord ul li a:after {position: absolute; top: 9px; left: 10px; opacity: 0; width: 5px; height: 1px; content: ""; background-color: #1a3f9c; transition: 0.3s all ease}
.foot-accord ul li a:hover {padding-left: 8px; color: white; transition: 0.3s all ease}
.foot-accord ul li a:hover:after {opacity: 1; left: 0; transition: 0.3s all ease}
.ft-nav {margin: 10px 0; padding: 0;}
.ft-nav li {float: left; width: 50%; margin-bottom: 10px;}
.ft-nav li a {color: rgba(255,255,255,0.40); font-size: 14px; font-weight: 300; display: block; padding: 0 10px;}
.ft-nav li a:hover {color: rgba(255,255,255,0.70);}
.AttenTicker {position:relative; padding-left:130px !important;}
.AttenTicker b {position:absolute; left:0}
.AttenTicker b em {font-size:13px; font-weight:normal}

.scrollToTop {width:37px; height:35px; background:rgba(0,0,0,0.50); position:fixed; bottom:0px; right:0px; display:none; z-index:99; cursor:pointer; transition:0.4s ease;}
.scrollToTop:after {position:absolute; width:100%; text-align:center; font-size:15px; content:"\f062"; font-weight:normal; color:#FFFFFF; font-family: 'FontAwesome'; line-height: 37px;}
.scrollToTop:hover {background:rgba(0,0,0,0.70); transition:0.4s ease; bottom:10px;}

.element {
  background-color: #1a3f9c;
  animation-name: stretch;
  animation-duration: 0.5s; 
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    background-color: #009592;
  }
  100% {
    background-color: white;
    width: 100px;
  }
}


/* Inner Market page */
.Inner_section {padding: 100px 0 50px 0 !important}
.cmbwhitebx {background:#FFFFFF; border:1px solid #A0A0A0; padding:15px; margin-bottom:20px;}
.inrnav {top:0; height:100px; position:fixed; background:#FFFFFF}
.inrnav .menu {left:280px; width:100%; top:45px}
.inrnav .menu li a {padding:0 19px; transition:0.5s ease; line-height:50px;}
.inrnav .menu li input[type="text"]{ width:162px; border:none; padding:5px; transition:0.2s ease; padding:10px 5px;}
.inrnav .menu li.quote {margin-top:5px;}
.inrnav .slogo {opacity:1; left:20px; display:block; z-index:99; top:0}
.inrnav .slogo img {width:88px; transition:0.5s ease;}
.Mrktab {margin:0 0 25px; padding:0; border-bottom:1px solid #909090; display: table; width: 100%}
.Mrktab li {display: table-cell;}
.Mrktab li a {display:table; text-align: center; width: 100%; position:relative; padding:5px 15px; text-decoration:none; font-size:18px; font-weight:300; transition:0.3s all ease; color:#4e4e4e;}
.Mrktab li a:before {position:absolute; content:""; opacity: 0; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #1a3f9c transparent transparent transparent; transition:0.3s all ease}
.Mrktab li a.selected {background-color: #1a3f9c; color: white}
.Mrktab li a.selected:before {opacity:1; transition:0.3s all ease;}
.fix .menu {top:0;}
.fix .menu li a {line-height:100px;}
.fix .menu li.quote {margin-top:30px;}
.inrnav .topnav {position:fixed; opacity:1; transition:0.5s all ease}
.fix .topnav {opacity:0; top:-50px;}
.Inrbreadcrumb {margin:0 0 10px; padding:0; text-align:right;}
.Inrbreadcrumb li {display:inline-block;}
.Inrbreadcrumb li a {text-decoration:none; font-size:13px; display:block; padding:0 5px; color:#2f2f2f; position:relative}
.Inrbreadcrumb li a:after {position:absolute; top:0; right:-5px; content:"»";}
.Inrbreadcrumb li a.active {color:#ffffff;}
.Inrbreadcrumb li a.active:after {display:none;}
#marketInr .Mrktab {margin-bottom:10px;}
.MrtInrmenu {background:#FFFFFF; border:1px solid #A0A0A0; padding:5px 0; margin-bottom:20px;}
.MrtInrmenu ul {margin:0; padding:0;}
.MrtInrmenu ul li {border-bottom:1px solid #DFDFDF;}
.MrtInrmenu ul li:last-child {border-bottom:none;}
.MrtInrmenu ul li a {text-align:right; display:block; text-decoration:none; color:#56544c; padding:7px 15px 7px 0; position:relative}
.MrtInrmenu ul li a.select {background:#1a3f9c !important; color:#FFFFFF !important; transition:0.3s all ease}
.MrtInrmenu ul li a.select:after {position:absolute; top:0; right:-12px; content:""; width:0; height:0; border-style: solid; border-width: 17px 0 17px 12px; border-color: transparent transparent transparent #000;}
.MrtInrmenu ul li a:hover {color:#1a3f9c; transition:0.3s all ease; background:#EFEFEF}
.hd17 {display:inline-block; padding-right:10px; margin-bottom:5px; font-size:17px; font-weight:700; margin:5px 0 15px; position:relative; color: #444}
.asondate {display:inline-block; margin:0; font-size:12px; color:#969696}
.mrktfilter {margin-top:10px;}
.mrktfilter span {display:block; position:relative; padding-left:50px;}
.mrktfilter span em {position:absolute; top:3px; left:0; font-style:normal}
.mrktfilter span select {width:100%; color:#444; background:#e0e0e0; border:1px solid #c2c3c4; padding:3px}
.gobtn {border:1px solid #1a3f9c; padding:3px; color:#1a3f9c; text-decoration:none; display:block; text-align:center; overflow:hidden; position:relative; transition:0.3s all ease}
.gobtn:hover {background:#1a3f9c; border:1px solid #1a3f9c; color:#FFFFFF; text-indent:750px; transition:1.5s all ease}
.gobtn:before {position:absolute; content:""; top:6px; left:-50%; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #ffffff; opacity:0; display:none\0/; transition:0.5s all ease}
.gobtn:hover:before {opacity:1; transition:0.5s all ease; left:50%; margin-left:-3px;}
.mrkItab {margin:0 0 20px; padding:0; border-bottom:2px solid #808285;}
.mrkItab li {float:left;}
.mrkItab li a {padding:0 15px 7px; display:block; text-decoration:none; color:#4c4c4c; text-transform:uppercase; position:relative;}
.mrkItab li a:after {position:absolute; content:""; opacity: 0; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #808285 transparent transparent transparent; transition:0.3s all ease}
.mrkItab li a.active {color:#1a3f9c; font-weight:700}
.mrkItab li a.active:after {opacity: 1}
.greentxt {color:#27951c;}
.#1a3f9ctxt {color:#e51617;}
#marketInr .mobMtab {top:30px;}
#marketInr .Mrktab {top:61px;}
.MrkInrtab {padding:0;}
.MrkInrtab li a {padding:5px 16px 10px 15px; font-size:20px;}
.MrkInrtab li a i {display:none;}
.mstory {font-size:11px; margin-bottom:0; color:#747474; text-align:justify; line-height:14px}
#marketInr .mbMthd {padding:10px 0 10px 10px;}
.tinynav {display:none;}
.mbMthd {display:none; position:relative; background:#ee1d24; padding:5px 10px; margin:15px 0 15px; color:#FFFFFF; font-size:20px;}
.mrkbtn {margin:0; padding:0; float:right}
.mrkbtn li {float:left;}
.mrkbtn li a {text-decoration:none; display:block; color:#4E4E4E; font-size:14px; padding:2px 10px;}
.mrkbtn li a.selected {background: #1a3f9c; color:#FFFFFF;}
.Inrfdnav .logo {margin: 5px 0 0 5px}

.p25 {padding: 25px}
.Companyinfo {background:#fff url(../images/Company_info_bckbg.jpg) no-repeat top right; min-height:350px;}
.Companyinfo h2 {margin-bottom:10px;}
.Companyinfo h4 {font-size:16px; line-height:20px; margin-bottom:20px;}
.Companyinfo p {position:relative; padding-left:15px; color:#535353; font-size:13px; text-align:justify; margin-bottom: 20px;}
.Companyinfo p:before {position:absolute; top:7px; left:0px; width:5px; height:5px; content:""; background:#1a3f9c}
.Companyinfo input {width:100%; color:#444; background:#e0e0e0; border:1px solid #c2c3c4; padding:3px}
.Companyinfo select {width:100%; color:#444; background:#e0e0e0; border:1px solid #c2c3c4; padding:3px; margin: 35px 0 0}
.Companyinfo a {display:inline-block; color:#1a3f9c; border: 1px solid #1a3f9c; padding:3px 10px; position:relative; margin-top:73px; transition: 0.3s all ease}
.Companyinfo a:hover {text-decoration:none; color:#fff; background-color: #1a3f9c; border: 1px solid #1a3f9c; transition: 0.3s all ease}

.Inrfdnav .slidenav-block {top: 88px;}
.inner_banner {background-repeat: no-repeat; background-position: top center; background-size: cover; height: 330px; width: 100%; position: relative; text-align: center;}
.inner_banner h1 {position: absolute; bottom: -22px; width: 100%; font-size: 80px; font-weight: 300; color: white; }
.about_us_bg {background-image: url(../images/About_us_bg.jpg);}
.mid_center_para {text-align: center; padding: 30px 0}
.#1a3f9c_dash_line {background-color: #ed1d24; height: 5px; width: 50px; display: inline-block; margin: 20px 0}
.ft16 {font-size: 16px}
.Our_philo_bg {background: url(../images/Our_philo_bg.jpg) no-repeat top right; background-size: cover; min-height: 480px; position: relative; padding: 20px;}
.Management_bg {background: url(../images/Management_bg.jpg) no-repeat top left; background-size: cover; min-height: 480px; position: relative; padding: 20px;}
.Our_philo_bg, .Management_bg {color: rgba(255,255,255,0.7);}
.philo_cont {width: 60%; float: right;}
.Our_philo_bg h2 {font-size: 30px; position: relative; padding-bottom: 20px; margin-bottom: 20px; color: white}
.Our_philo_bg h2:after {position: absolute; bottom: 0; left: 0; width: 35px; height: 5px; background-color: black; content: "";}
.Our_philo_bg p {margin-bottom: 20px}
.Our_philo_bg ul {margin:0 0 20px; padding: 0}
.Our_philo_bg ul li {margin-bottom: 10px; padding-left: 20px; position: relative;}
.Our_philo_bg ul li:before {position: absolute; top: 7px; left: 0; content: ""; width: 7px; height: 7px; background-color: rgba(255,255,255,0.5);}
.Management_cont {width: 60%}
.Management_bg p {margin-bottom: 20px} 
.Management_bg h2 {font-size: 30px; position: relative; padding-bottom: 20px; margin-bottom: 20px; color: white}
.Management_bg h2:after {position: absolute; bottom: 0; left: 0; width: 35px; height: 5px; background-color: #1a3f9c; content: "";}
.Management_bg p b {color: white}
.pd50 {padding: 50px 0}
.mission_body span {display: inline-block; vertical-align: middle;}
.mission_body .mission_text {width: calc(100% - 150px); padding-left: 15px;}
.mission_body span.mission_text h3 {font-weight: bold; color: black}
.mission_body span.mission_text p {font-size: 16px; color: #444}
.dots_list li {padding-left: 20px; position: relative; font-size: 16px; margin-bottom: 10px;}
.dots_list li:before {position: absolute; top: 7px; left: 0; content: ""; width: 7px; height: 7px; background-color: #1a3f9c;}
.dots_list li a {color: #444}
.dots_list li a:hover {color: #1a3f9c}
.coreVal_text h3 {font-weight: bold; color: black}
.coreVal_text p {font-size: 16px; color: #444}
.core_quotes {display: block; font-style: italic; text-align: center; font-size: 18px; color: black}
.core_quotes i {padding: 0 5px; display: inline-block; color: #1a3f9c; font-size: 12px}
.core_quotes p {display: inline-block; margin-bottom: 5px}
.core_quotes b {display: block; color: #666; font-size: 14px;}
.core_quotes .fa-quote-left {vertical-align: top}
.core_quotes .fa-quote-right {vertical-align: bottom}
.why_us_bg {background: url(../images/why_us_bg.jpg) no-repeat top left; background-size: cover; padding: 20px 0; position: relative;}
.dash_left_hd {color: black; font-size: 30px; margin-bottom: 20px; padding-bottom: 20px; position: relative; font-weight: bold;}
.dash_left_hd:after {position: absolute; bottom: 0; left: 0; width: 35px; height: 5px; background-color: #808285; content: "";}

/* Product & Services */
.Prod_serv_bg {background-image: url(../images/Prod_serv_bg.jpg);}
.masonry {column-count: 3; column-gap: 1em;}
.serv_bx {display: inline-block; margin: 0 0 1em; border:1px solid transparent; width: 100%; text-align: left; background-color: #e8e8e8; padding: 20px; position: relative; transition: 0.3s all ease}
.serv_bx h2 {position: relative; margin: 0; margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; color: #5a5a5a}
.serv_bx h2 b {display: block; font-size: 33px; color: black}
.serv_bx h2:after {position: absolute; bottom: 0; left: 0; width: 35px; height: 5px; background-color: #1a3f9c; content: "";}
.serv_bx p {font-size: 16px; color: #666; line-height: 26px;}
.serv_bg2 {background-color: #b9ffff}
.serv_bg3 {background-color: #cccccc}
.serv_bx:hover {box-shadow: 7px 7px 0px 0 rgba(0,0,0,0.25); transition: 0.3s all ease; background-color: #fff; border:1px solid #ccc}

/* Research */

.rechtab {width: auto; text-align: center; display: block; border-bottom: none; margin:0 0 25px; width: 100%}
.rechtab li {display: inline-block;}
.rechtab li a {color: black; background-color: rgba(255,255,255,0.7); display:table; text-align: center; width: 100%; position:relative; padding:5px 15px; text-decoration:none; font-size:18px; font-weight:300; transition:0.3s all ease; color:#4e4e4e;}
.rechtab li a:before {position:absolute; content:""; opacity: 0; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #1a3f9c transparent transparent transparent; transition:0.3s all ease}
.rechtab li a.selected {background-color: #1a3f9c; color: white}
.rechtab li a.selected:before {opacity:1; transition:0.3s all ease;}
.resh_report_list a {display: block; color: #666; background-color: rgba(255,255,255,0.6); padding: 15px; position: relative; margin-bottom: 30px; transition: 0.3s all ease}
.resh_report_list a i {display: inline-block; font-style: normal; color: white; background-color: #666; padding: 2px 5px; font-size: 11px; margin-bottom: 8px; transition: 0.3s all ease}
.resh_report_list a b {font-size: 16px; color: #000; display: block;}
.resh_report_list a:after {position: absolute; bottom: 15px; right: 15px; color: #444; font-size: 26px; font-family: 'FontAwesome'; content: "\f1c1"}
.resh_report_list a:hover:after {color: #1a3f9c;}
.resh_report_list a:hover {box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5); background-color: rgba(255,255,255,1); transition: 0.3s all ease}
.resh_report_list a:hover i {background-color: #1a3f9c; transition: 0.3s all ease}
.report_page li a {background-color: rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.2); color: white}
.report_page li.active a {background-color: #1a3f9c; border:none;}

/* Download */
.accord_list {text-align: left;}
.accord_list > li {margin-bottom: 20px;}
.accord_list > li > .accord_hd {display: block; background-color: white; position: relative; font-size: 18px; font-weight: bold; padding: 10px; border:1px solid #ccc; color: #444; cursor: pointer; transition: 0.3s all ease}
.accord_list > li > .accord_cont {border:1px solid #ccc; border-top: none; padding: 10px; display: none; background-color: white}
.accord_list > li > .accord_hd.active {color: white; background-color: black; transition: 0.3s all ease}
.Downloads_list > li {margin-bottom: 10px;}
.Downloads_list a {display: inline-block; background-color: #ddd; padding: 5px 15px; color: #444; position: relative; transition: 0.3s all ease}
.Downloads_list a:hover {padding-right: 50px; transition: 0.3s all ease; background-color: #1a3f9c; color: white}
.Downloads_list a:after {position: absolute; top: 5px; color: #444; right: 5px; font-family: 'FontAwesome'; content: "\f019"; font-size: 18px; opacity: 0; transition: 0.3s all ease}
.Downloads_list a:hover:after {opacity: 1; color: white; transition: 0.3s all ease; right: 7px}
.Downloads_list a:before {position: absolute; top: 0; right: 0; width: 0px; height: 100%; content: ""; background-color: black; transition: 0.3s all ease}
.Downloads_list a:hover:before {width: 30px; transition: 0.3s all ease}
.accord_list > li > .accord_hd:after {position: absolute; top: 12px; right: 15px; font-family: 'FontAwesome'; content: "\f067"; color: #1a3f9c}
.accord_list > li > .accord_hd.active:after {content: "\f068"; color: #fff}
.download_bg {background: url(../images/Download_bg.jpg) no-repeat; background-size: cover;}

/* Careers */
.careers_bg {background: url(../images/careers_bg.jpg) no-repeat; background-size: cover;}
.partner_btn {background-color: #1a3f9c !important; color: white !important; border-color:#1a3f9c !important}
.partner_btn i {margin-right: 10px; font-size: 18px;}
.partner_btn:hover {background-color: white !important; color: #1a3f9c !important; border-color: #ccc !important}

/* Contact us */
.contact_bg {background: url(../images/contact_bg.jpg) no-repeat; background-size: cover;}
.contact_list li {margin-bottom: 15px; position: relative; padding-left: 30px;}
.contact_list li i {position: absolute; top: 3px; left: 0; width: 25px; text-align: center; font-size: 18px}

.sitemap_body {column-count: 3}
.sitemap_body .serv_bx h4 {color: #000; margin: 0 0 20px;}
.sitemap_body .serv_bx ul li a {font-size: 14px}
.sitemap_body .serv_bx ul li:before {top: 9px;}

.login_btn {background-color: #009592 !important; color: #fff !important; border:1px solid rgba(0,0,0,.2) !important;}
.login_btn i {margin-right: 10px;}

.login_block {background-color: white; border-radius: 15px; padding: 40px 20px; position: relative; text-align: center; border:1px solid #ddd; display: block; box-shadow: 7px 7px 15px 0 rgba(0,0,0,0.1); transition: 0.3s all ease}
.login_block img {margin-bottom: 20px; height: 100px;}
.login_block b {display: block; font-size: 24px; color: #444; font-weight: bold;}
.login_block b i {display: block; font-style: normal; font-weight: normal;}

.login_block:hover {background-color: #1a3f9c; transition: 0.3s all ease;}
.login_block:hover b {color: white}

.reg_lang {background-color: white; border:1px solid #bbb !important; width: 100%;}
.reg_lang th {padding: 15px 10px; font-size: 16px; color: black}
.reg_lang td {border:1px solid #ccc;}
.reg_lang a {display: block; color: #777; padding: 10px; position: relative; z-index: 9; background-color: white; transition: 0.3s all ease;}
.reg_lang a:hover {color: #1a3f9c; transition: 0.3s all ease; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); transform: scale(1.2); z-index: 99}

ul.sub-menu {
  position: absolute;
  right: 72px;
  background: #f5e0e0;
  padding: 5px;
  border-radius: 5px;
}

ul.sub-menu li {
  display: block;
}
.sub-menu{display:none}
.main_nav > li:hover > .sub-menu{
  display:block;
}