/*
Client Name : CDS - Central Depository Systems (Pvt) Limited.
Author : Dhilan Thushara Peiris
Developed By: EFutures Private Limited 
Year : 2020 July
*/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background-color: #EFEFEF; border-radius: 2px;    }
::-webkit-scrollbar-thumb { background: #A7D3FF; border-radius: 2px;    }
::-webkit-scrollbar-thumb:hover { background: #003DA5; }
    
    
body{     background-color: #F9F9F9; }
header { background-color: #ffff; }
.top-header { font-size: 12px; color: #9B9B9B; border-bottom: #EAEAEA solid 1px; }
.top-header a{ color:#9B9B9B; }
.top-header a:hover{ color:#4A90E2; }
.top-header a i { color: #4A90E2; margin-right: 10px; }
.top-header .right-side-link a{ color: #000; }
.top-header .right-side-link a:hover{ color: #4A90E2; }


.login-btn          { color: #fff; padding: 29px 30px;     font-weight: 600; font-size: 12px; }
.login-btn i        { margin-left: 15px; font-size: 14px; }
.login-bg           { background: #4A90E2 0% 0% no-repeat padding-box; padding: 30px 0; }
.login-bg:hover .login-btn  { color: #fff }

.padding-5-0    { padding: 5px 0; }

.main-menu {     padding-right: 25px!important;}
.tll { margin-right: 15px; float: left; }

.tab-style2 .cds-navtab li { border:none; box-shadow: 0px 2px 30px #2828281C; border-radius: 5px 5px 0px 0px; opacity: 1; margin-right: 25px;    }
.tab-style2 .cds-navtab li a{ border:none; background-color: #fff; padding: 15px 35px; border-radius: 5px 5px 0px 0px; line-height: 54px; }
.tab-style2 .cds-navtab > li.active  {     }
.tab-style2 .cds-navtab > li.active > a {     top: 0px;    background: #4A90E2 0% 0% no-repeat padding-box; color: #fff;  }
.tab-style2 .cds-tab { padding: 55px; border-top: 1px solid #ffff; background: #fff; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 18px #4A90E21A; border: 2px solid #4A90E240; border-radius: 0px 0px 5px 5px; opacity: 1; border-top: #4A90E2 solid 5px; }


.service-item { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 16px 16px 48px #00000019; border-radius: 10px; padding:0; margin-bottom: 40px; }
.service-item img { border-radius: 10px 10px 0px 00px;  }
.service-item .service-details { padding: 10px 40px;  }


.tab-style2 .cds-navtab li a .item-svg-icon { width: 52px; height: 52px; float: left; background-color: #fff; border-radius: 5px; text-align: center; margin-right: 15px;  border:#4A90E2 solid 1px; }
.tab-style2 .cds-navtab li a .item-svg-icon svg { fill: #4a90e2; margin-top: 9px; }
.tab-style2 .cds-navtab > li.active > a > .item-svg-icon { width: 52px; height: 52px; float: left; background-color: #fff; border-radius: 5px; text-align: center; margin-right: 15px; border:#4A90E2 solid 1px; }
 

.important-links {    padding-bottom: 340px;  }
.important-links .important-links-item { padding: 0 10px; margin-bottom: 5px;  padding: 15px; }
.important-links .important-links-item:hover {box-shadow: 0px 5px 15px #fff; border-radius: 10px;  }
.important-links .important-links-item a {     line-height: 0;}
.important-links .important-links-item p { font-size: 11px; line-height: 18px; margin-top: 5px; color: #fff; }
.important-links .important-links-item svg{ fill:#4A90E2!important;   }


.about-us section { overflow: visible; }
.about-us { width: 100%; position: relative; z-index: 99999; height: 590px; margin-top: -265px }

.about-us .about-us-text { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 83px #2828281C; border-radius: 0px 2px 2px 0px; }

.news-item {}
.news-item .read-more-btn { color:#4A90E2;  }

.faq-box { margin-top: 50px; margin-bottom: 35px; padding-bottom: 50px; padding-top: 50px; position: absolute; width: 100%; }
.faq-box .toggles .panel {      border: 1px solid #EAEAEA;    margin-bottom: 15px;}

.faq-box .toggles .panel .toggles .panel-heading i {
    font-size: 12px;
    color: #000;
    font-weight: 900;
}
.faq-box .btn { padding: 15px 25px; }
.float-right  { float:right; }


.news-letter-footer{ padding: 20px 0; line-height: 40px; padding-bottom: 15px; margin-top: 25px }
.news-letter-footer input { width: 60%; height: 40px; margin-bottom: 0; }
.news-letter-footer button { width: 35%; height: 40px; margin-bottom: 0; }
.footer-logo {     max-height: 70px;}
.news-letter-footer form { margin-top: 25px }
.news-letter-footer .newsletter-heading{line-height: 90px;}


.ex-btn { padding: 15px 25px; }



.home-ql {  box-shadow: 0px 10px 18px #0000000F; border: 1px solid #ECECEC; border-radius: 5px; padding: 15px; padding-top: 10px; height: 79px;}
.home-ql .item-box { }
.home-ql i { font-size: 20px; margin-right: 15px; float: left;  color: #fff;  text-align: center; padding-top: 15px; width: 52px; height: 52px; float: left; background-color: #fff; border-radius: 5px; text-align: center; margin-right: 15px; border: #4A90E2 solid 1px; background-color: #4A90E2; }
.home-ql:hover i    { color: #4A90E2; background-color: #fff;  border: #4A90E2 solid 1px; }
.home-ql:hover      { box-shadow: 0 0 35px rgba(140, 152, 164, 0.3); transition: 0.5s;}
.home-ql span{width: 60%;
    float: left; }
/*.simple-dropdown .dropdown-menu             { top: 77px!important; }
.simple-dropdown .dropdown-menu             { background-color: #fff; }
.simple-dropdown .dropdown-menu li          { border-bottom: #ECECEC solid 1px; }
.simple-dropdown .dropdown-menu li:hover    { background-color: #ECECEC!important;}
.simple-dropdown .dropdown-menu li a        { color:#9B9B9B; }
.simple-dropdown .dropdown-menu li a:hover  { color: #4A90E2!important;  }*/

.system-links{
    width: 100%; position: relative; z-index: 1;   margin-top: -85px; 
}

.mega-menu {}
.mega-menu  h4{ margin-bottom: 0;    color: #4A90E2;    font-size: 12px;    font-weight: 600;    line-height: 18px;      line-height: 18px;   }
.ml-38px{  margin-left: 38px; }


/*mobile*/
.inner-header-section { background: #4A90E2; color: #fff;}
.inner-header-section a { color: #fff; }

.inner-content-body { padding: 70px 0; }
.inner-content { padding: 50px; background-color: #fff; min-height: 1000px; }
.side-bar { background-color: #fff; padding-top: 25px; box-shadow: 0px 5px 83px #2828281C; border-radius: 2px; }



.inner-content-body {    font-family: 'Montserrat', sans-serif;}
.inner-content-body .inner-content{    font-family: 'Montserrat', sans-serif;     color: #232323;}
.inner-content-body .inner-content h1, .inner-content-body .inner-content h2, .inner-content-body .inner-content h3, .inner-content-body .inner-content h4, .inner-content-body .inner-content h5{
    
    font-weight:600; margin-bottom:10px; line-height: auto;
}
.inner-content-body .inner-content h1{    font-size: 28px; font-weight:600; margin-bottom: 15px; line-height: 24px; }
.inner-content-body .inner-content h2{    font-size: 24px; font-weight:600; margin-bottom: 15px; line-height: 28px;}
.inner-content-body .inner-content h3{    font-size: 18px; font-weight:600; margin-bottom: 15px; line-height: 24px;}
.inner-content-body .inner-content h4{    font-size: 15px; font-weight:600; margin-bottom: 15px;}
.inner-content-body .inner-content h4{    font-size: 12px; font-weight:600; margin-bottom: 15px;}

.inner-content-body .inner-content p{    font-size: 12px; margin-bottom: 15px;}
.inner-content-body .inner-content ul{    font-size: 12px;     padding-left: 0;}

.inner-content-body .inner-content ul li {list-style: none; background-image: url(img/foursquare-check-in.png); background-repeat: no-repeat; background-size: 20px; padding-left: 31px; background-position-y: 4px;}
.inner-content-body .inner-content ul li ul{margin-bottom: 10px;}

.inner-content-body .inner-content ol{    font-size: 12px;}


@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');

.inner-content-body .inner-content ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; margin-bottom:15px;
}
.inner-content-body .inner-content ol li {
  counter-increment: my-awesome-counter;
  display: flex;
  margin-bottom: 0.5rem; line-height: 20px; width: 100%;
}
.inner-content-body .inner-content ol li::before {
  content: "0" counter(my-awesome-counter);
  font-weight: 600;
  font-size: 14px;
  margin-right: 0.5rem;
  font-family: 'Montserrat', sans-serif;
     color: #4A90E2;
}








.main-slider { height: 75vh; }

@media (max-width: 992px) {
    
nav.navbar.bootsnav.no-full .navbar-collapse {    max-height: 100vh; }    
header a.logo {    margin-left: 15px;    margin-top: 0;}
.home-ql { height: 75px; margin-bottom: 10px; padding-top: 10px; line-height: 52px; }

.home-ql span {    width: unset;    float: unset;}
.tab-style2 .cds-navtab li { width: 100%; }
.tab-style2 .cds-tab { padding: 20px; }
.service-item { margin-bottom: 0; }
.about-us { position: unset; z-index: unset;     height: auto;     margin-top: 0; }
.important-links {     padding-bottom: 50px; }
.important-links .important-links-item { text-align: center; height: 177px; }
.faq-section {     background-position: left; }
.news-letter-footer { height: 150px; }
.news-letter-footer .newsletter-heading {
    line-height: 0;
}
.mobile-banner-header-text { font-size: 30px!important; line-height: 35px!important;  }

.system-links{
    width: 100%; position: relative; z-index: 1; margin-top: -45px; }
}

.breadcrumb { margin-bottom: 0; }
.breadcrumb>li+li:before { content: unset; }

/* team style 1 */
.services-style {  }
.services-style figure { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 16px 16px 48px #00000019; border-radius: 10px; padding:0; margin-bottom: 40px;   }
.services-style figure .service-image {position: relative; overflow: hidden;}
.services-style figure .service-image img { border-radius: 10px 10px 0px 00px;  }
.services-style .service-overlay {display: block; position: absolute; overflow: hidden; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.services-style .service-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 0;}
.services-style figure:hover .service-overlay {height: 100%;}
.services-style figure figcaption {width: 100%; position: relative; margin-top: 17px}
.services-style figure .overlay-content {opacity: 0; position: absolute; height: 100%; width: 100%; top:0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; top:-15px}
.services-style figure:hover .overlay-content {opacity: 1; z-index: 1111; top:0}
.services-style figure figcaption .service-header {position: relative; top: 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; padding-bottom: 5px; }
.services-style figure figcaption .service-header p { padding: 0 40px; }
.services-style .service-image ul{ padding: 30px;  }
.services-style .service-image ul li a{ color: #fff; font-size: 12px;  }
.services-style .service-image ul li a:hover { color:#4A90E2;  }
.services-style .service-image ul li {padding: 0 0 0px 22px; margin: 0 0 0px 0;  }
.service-item { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 16px 16px 48px #00000019; border-radius: 10px; padding:0; margin-bottom: 40px; }
.service-item img { border-radius: 10px 10px 0px 00px;  }
.service-item .service-details { padding: 10px 40px;  }
.service-item .service-details p { margin-bottom: 15px; }

.services-style .title { font-size: 14px; }
.services-style .service-image .list-style-3 li:before {
    background-color: #4A90E2;
}

.bg-dark-black {
    background-color: #000;
}

.news-item .post-details{     height: 255px; }

.a-title { height: 72px; margin-bottom: 0;}

.bg-blue { background: #4A90E2; }

@media (max-width: 1366px) {
.res-1366 {
    display: table-cell;
    vertical-align: top;
    padding-top: 5%;
}


}

.inner-content-body .inner-content table{ margin-bottom:25px;}

.inner-content-body .inner-content td, .inner-content-body .inner-contents th {
  border: 1px solid #ddd;
  padding: 8px;
  font-size:12px;  
 vertical-align: top;
}

.inner-content-body .inner-content tr:nth-child(even){background-color: #f2f2f2;}

.inner-content-body .inner-content tr:hover {background-color: #ddd;}

.inner-content-body .inner-content th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4A90E2;
  color: white;
   vertical-align: top;
   padding-left:10px;
}


.inner-content-body .inner-content th:first-child {
 width:40%;
}

.bellows .bellows-nav .bellows-target>.bellows-target-text { font-size: 12px!important; }
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 .bellows-target { padding-left: 20px!important; }
.bellows.bellows-skin-vanilla {     box-shadow: 0 0px 2px rgba(0, 0, 0, 0.0)!important; }
        
.bellows-current_page_item {border-left:#4A90E2 solid 5px!important}
          /*.bellows-menu-item-has-children a  {     background: #4A90E2!important; color:#fff!important; }*/

.pdf-download { display: inline-block; width: 120px; padding: 2px 10px; border-radius: 5px; color: #004EA1; background-color: rgb(0 78 161 / 0.1); text-align: center; font-size: 11px; }
.pdf-download:hover {  color: #fff; background-color: #004EA1;  }


.bellows-current-menu-item  { border-left:#4A90E2 solid 5px!important; }