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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

:focus {outline:none !important;}
* {margin:0; padding:0;}
body, html {margin:0; padding:0; font-family:'Open Sans',Arial,Helvetica,sans-serif; color: #333; font-weight: 400; font-size:14px; overflow-x: hidden !important;height: 100%; line-height: 24px;}
ul, li {list-style-type:none;}
.sprite {background:url(../images/sprite.png) no-repeat;}
.trans {transition:0.3s all ease}
/***Scroll-bar***/
.nicescroll-rails{z-index:100000 !important;background:#f2f2f2 !important;width:9px !important;}
.nicescroll-cursors{background-color:#c38701 !important;width:9px !important;border:0 !important; border-radius:0 !important;}
#ascrail2000-hr {display:none !important;}
.CB {clear:both;}
.PR {position:relative;}
.logo-color{ color: #3d3f94;}


/******* Banner ******/
.slider{position:relative; max-width:100% !important;}
.slider img {width:100%; height:100%;}
#Banarrow_left, #Banarrow_right {top:50%; margin-top:-22px; position:absolute; width:45px; height:45px; z-index:1000; background:url(../images/fs.prevnext.png) no-repeat; opacity:0; transition:0.3s all ease}
#Banarrow_left {left:-15px; background-position:0 0;}
#Banarrow_left:hover {background-position:-45px 0;}
#Banarrow_right {right:-15px; background-position:-45px -45px;}
#Banarrow_right:hover {background-position:0 -45px;}
#Banner {display:none;position:relative !important; z-index:9}
#home:hover #Banarrow_left {left:15px; opacity:1; transition:0.3s all ease}
#home:hover #Banarrow_right {right:15px; opacity:1; transition:0.3s all ease}
.in-slide-content {position:absolute; z-index:999; top:45%; margin-top:-5%; width:100%;}
.mc-hide-scrolls{overflow:hidden;}
body .mc-cycle {height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%; z-index:-1;}
div.mc-image {-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; height:100%; overflow:hidden; width:100%;}
.mc-old-browser .mc-image {overflow:hidden;}
#Bdots {position:absolute; bottom:85px; z-index:99; width:100%; text-align:center}
#Bdots a {margin: 0 5px; width:10px; height:10px; display:inline-block; background: #2857a5; text-decoration: none; text-indent:-9999px; transition:0.3s all ease;}
#Bdots a.activeSlide {background: #f58635; width:30px; transition:0.3s all ease;}
#Bdots a:focus {outline: none;}
.btnopenaccount{display:inline-block; border:none; background:#de1d29; padding:10px; font-size:21px; font-weight:300; color:#FFFFFF; text-decoration:none}

#home {position:relative; height:100vh; height:700px\0/;}
#home .container {position:relative;}

.home-footer{ position: absolute; position:fixed\0/; bottom: 0px; z-index: +999; width: 100%;}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 .home-footer{position:fixed !important}
}
.home-header {position: absolute; top: 0; z-index:+999; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.header{ margin: 0px; padding:30px 0px 0px; position: relative; height: 120px; background: #fff}
.header:before, .header:after{ content:''; position: absolute; bottom: 0px; width:100%; height: 138px; z-index: 5; }
.header:before{ background-image: url(../images/HeadeLeft.png); background-repeat: no-repeat; left: 0px;width: 879px;}
.header:after{ background-image: url(../images/HeadeRight.png); background-position: 100% 0; background-repeat: no-repeat; right: 0px; width: 379px;}
.header img{ float: right; z-index: +9; position: relative;}
.ban1txt{ position: absolute; right:300px;   height:300px; border-radius: 50%; color: #fff; text-align: center;}
.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #fff;
  text-align: center;-webkit-animation: zoom-in 2s; animation: zoom-in 2s; 
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width:300px;
  height: 0;
  border-radius: 50%;
  background: rgba(51,175,337,0.8);
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 2em;
  vertical-align: middle;
} 
.circle__content p{
border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 5px 0; margin: 0px; font-size: 25px; font-weight: 100; line-height: 35px;
}
.navbar-collapse{ padding-right: 0px !important; padding-left: 0px !important;}
.navbar-header h3{ display: none}
.navbar{ min-height: 38px !important;}
.navbar-default{ background-color: #ef8937 !important;border: none !important; border-top: solid 4px #1a609e !important; }
.navbar-default .navbar-nav>li{ font-size: 14px; font-weight: bold; margin: 0px 1px;}
.navbar-default .navbar-nav>li>a {color: #fff !important; line-height: 18px; padding-top:8px; padding-bottom:8px;  padding-left: 40px; padding-right: 40px}
.navbar-default .navbar-nav>li:hover>a { background: #fff !important; color: #000 !important;}
.navbar-default .navbar-nav>li.active>a{ background: #fff !important; color: #000 !important;}
.navbar-default .navbar-nav{ width: 100%; text-align: center;}
.navbar-collapse{ padding: 0px bod!important;}
.navbar{ border-radius: 0px !important; margin-bottom: 0px !important}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff !important}
.navbar-default .navbar-toggle {border-color: #fff !important}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:transparent !important}
.dropdown-menu{ background:rgba(40,87,165,0.8) !important; min-width: 100% !important; }
.dropdown-menu>li{ border-bottom: solid 1px rgba(255,255,255,0.5)}
.dropdown-menu>li:last-child{ border-bottom:0px}
.dropdown-menu>li>a:hover{ background: #fff !important;}
.dropdown-menu>li>a{ color: #fff !important;}
.dropdown-menu>li:hover>a{ color: #000 !important;}

.home-services{padding:8px 0px;  background: #fff;}
.home-services ul{ margin: 0px; padding: 0px;}
.home-services ul li{font-weight: 400; font-size: 12px; float: left; margin-right: 59px; padding: 0px 15px;}
.home-services ul li:nth-child(6){ margin: 0px!important;}
.home-services ul li:last-child{ display: none;}
.home-services ul li a{color: #1a609e;}

.tinynav { display: none; color: #000; text-align: center; background: rgba(255,255,255,1);  width: 100%;}

footer{ position: relative; z-index: +999;}
.home-footer{ position: absolute; bottom: 0px; z-index: +999; width: 100%; background: #2857a5; color: #fff; padding: 15px 0px; font-size: 10px;}
.home-footer:before{ content: ''; position: absolute; left: 0px; width:100%; height: 4px; background: #f58634; top:-10px;}



#content { display: block; position: relative; width: 100%; min-height: 100%; padding:0px 0px 80px; box-sizing: border-box;}
.site-header { display: block; position: relative; width: 100%; height: 100px; background-color: #ddd; margin-bottom: -100px;}
.site-footer {display: block;  position: relative; width: 100%; height: 46px; background-color: #ddd;  margin-top: -46px;}

.who-we-banner, .what-drives, .team, .finance{position: relative; border-left: 10px solid #8fd8f8; height: 100px; padding-left: 20px; font-size: 40px; color: #727476; line-height: 100px; margin-bottom: 40px; margin: 10px 0px;}
.who-we-banner > h1, .what-drives h1, .team h1{ font-weight: bold; display: inline-block; margin: 0px; padding: 0px; font-size: 40px;}
.who-we-banner:after, .what-drives:after, .team:after{position: absolute; content: ''; right: 0px; top: 0px;  width: 100%; height: 100px; background-repeat: no-repeat; background-position: 100% 0;}

.who-we-banner:after{background-image: url(../images/who-we-are.jpg);}
.what-drives:after{background-image: url(../images/what-drives.jpg);}
.team:after{ background-image: url(../images/Team.jpg)}

.inner-header {position: relative;}
.inner-about-cont h4{ color: #2857a5; font-size: 25px;}
.aboutus-who{ margin: 0px; padding: 0px;}
.aboutus-who li{ padding: 6px 0px 6px 20px; position: relative; font-size: 16px; text-align: justify;}
.aboutus-who li:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #333; left: 0px; top: 12px;}

.team-cont{ padding: 20px 0px;}
.member-img{ border: solid 1px #9b9b9b; border-top-right-radius:20px; background: #fff; overflow: hidden; height: 90px; box-shadow: 3px 3px 0px  rgba(0,0,0,0.25);}
.member-img img{ width: 100%; height: auto;}
.team-cont h3{ display: inline-block; font-size: 16px; font-weight: 400; margin: 0px; padding: 0px;}
.team-cont small{ display: inline-block; font-size: 14px;}
.team-cont p{ margin: 0px; padding: 0px 0px 10px;}
.team-list{color: #333; padding:20px 0px; display: block;}
.team-list:after{ bottom: 0px; position: absolute; content: ''; left: 0px; width: 100%; height:1px;background: rgba(117,117,117,1);
background: -moz-linear-gradient(left, rgba(117,117,117,1) 0%, rgba(231,56,39,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117,117,117,1)), color-stop(100%, rgba(231,56,39,0)));
background: -webkit-linear-gradient(left, rgba(117,117,117,1) 0%, rgba(231,56,39,0) 100%);
background: -o-linear-gradient(left, rgba(117,117,117,1) 0%, rgba(231,56,39,0) 100%);
background: -ms-linear-gradient(left, rgba(117,117,117,1) 0%, rgba(231,56,39,0) 100%);
background: linear-gradient(to right, rgba(117,117,117,1) 0%, rgba(231,56,39,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#e73827', GradientType=1 ); }
.team-details{ padding-top: 70px;}

.team-list .member-img > img{-webkit-filter: grayscale(100%);  filter: grayscale(100%); opacity: 0.7; transition: 0.3s ease;}
.team-list:hover .member-img > img{-webkit-filter: grayscale(0%);  filter: grayscale(0%);opacity: 1.0; transition: 0.3s ease;}

.TMemberPOP {max-width:700px; background:#eaeaea; text-align: left; border-radius: 5px; margin: 40px auto; position: relative; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 1); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 1);}
.Tmpopcont {padding:15px 30px; text-align:justify; color:#000000;}
.TMemberPOP img {width:100%; margin-left:1px;}
.TMemberPOP .mfp-close {right: 0; top: -30px !important; color:#FFFFFF !important; font-size:36px; font-weight:200; width: 30px;	height: 30px;	line-height: 30px;}

.Tmpopcont .member-img{ border: solid 1px #9b9b9b; border-top-right-radius:20px; background: #fff; overflow: hidden; height: 160px; box-shadow: 3px 3px 0px  rgba(0,0,0,0.25); margin: 0px -15px;}
.Tmpopcont .col-sm-3 p{ padding: 10px 0px 0px; text-align: center;}
.Tmpopcont .col-sm-3 h3{display:block; font-size: 16px !important; font-weight: 400; margin: 0px; padding: 0px; text-align: center; padding: 10px 0px 0px}
.Tmpopcont .col-sm-3 small{ display: block; text-align: center;}
.servi-cont{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ddd;}
.servi-cont h2{ font-weight: 600; font-size: 25px; margin-top: 0px;}
.more{ text-align: justify; font-size: 14px;}
.more h2{ font-weight: bold; font-size: 20px;}
.more a{ text-align: right; color: #ef8937; padding: 10px 10px 0px;}
.services-cont{ padding: 20px 0 0;}
.morecontent span {display: none;}
.morelink {display: block;}
.servi-cont > ul{ margin: 0px; padding: 0px;}
.servi-cont > ul > li{ float:left; width: 50%; padding: 2px 0px 2px 30px; position: relative; font-size: 14px;}
.servi-cont > ul > li:before{ position: absolute;content: '\00bb'; left: 10px; font-size: 18px; top:2px;}

.servi-cont .row .col-sm-6 > ul{ margin: 0px; padding: 0px;}
.servi-cont .row .col-sm-6 > ul > li{ display: block; width: 100%; padding: 2px 0px 2px 30px; position: relative; font-size: 14px;}
.servi-cont .row .col-sm-6 > ul > li:before{ position: absolute;content: '\00bb'; left: 10px; font-size: 18px; top:2px;}

.dealtracker{ background: #e8e8e8; padding: 10px; text-align: center;}
.dealtracker  h4{ font-size: 18px; font-weight: 700;}


.dealtracker .panel{ background: none !important; border-color:transparent !important; margin-bottom: 0px; border: 0px !important; box-shadow: none  !important;}
.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    padding:20px; border-radius: 4px;
    margin:20px 0px; font-size: 16px; font-weight: 700;
    background-color: #fff; line-height: 22px;
}
.news-item b
{
     font-size: 14px; font-weight:300; display: block; line-height: 18px;
}
.dealtracker .panel-footer{ background-color: none !important; border: none !important}
.dealtracker .panel-body{ padding: 15px 15px 0px 15px;}
.dealtracker .panel-footer .prev{ position: absolute; top:50px; background-image: url(../images/Arrow_up.gif); background-repeat: no-repeat; background-color: none !important; border: none !important; width: 15px; height: 15px;}
.dealtracker .panel-footer .next{ position: absolute; bottom:15px; background-image: url(../images/Arrow_down.gif); background-repeat: no-repeat; background-color: none !important; border: none !important; width: 15px; height: 15px;}
.pagination>li>a{background-color: none !important; border: none !important;}

.contact{ padding: 20px 0px 0;}
.googlemap{ border: solid 5px #d4d4d4; border-radius: 20px;}
.googlemap iframe{ width: 100%; height:324px; display: flex; border-radius: 20px;}
.contact-form h4{ font-weight: 800; font-size: 14px; text-transform: uppercase;}

.contact-form{ margin: 0px; padding: 0px;}
.contact-form li{ display: block; padding:10px 0px; clear: both;}
.contact-form li label{ float: left; width: 125px; font-size: 14px; text-transform: uppercase; color: #9b9b9b; font-weight:600; display: inline-block; margin-bottom: 0px; margin-top: 5px;}
.contact-form li input, .contact-form li textarea{ font-size: 14px !important; color:#000 !important;}
.contact-form li input[type="text"], .contactform li input[type="email"], .contactform li input[type="tel"]{ float: right; width:calc(100% - 250px); border-radius: 0px; border: solid 1px #adadad; border-bottom:solid 3px #adadad;border-right:solid 3px #adadad; padding:2px; font-size: 14px; color:#000;}
.contact-form li button{ float: right; margin: 0px; background: #e8e8e8; padding: 5px 20px !important; border: none;  border-bottom:solid 3px #adadad; border-right: solid 1px #adadad; font-weight: 600 !important; border-radius: 0px !important;}

.contact-form .form-control{float: right; width:calc(100% - 125px) !important; border-radius: 0px; border: solid 1px #adadad; border-bottom:solid 3px #adadad;border-right:solid 3px #adadad; padding:2px; font-size: 12px;}
.contact-details{ border-top: solid 2px #d4d4d4; margin: 20px 0px 0px;}
.contact-details > ul{ margin: 0px; padding: 0px;}
.contact-details > ul > li{ border-left: solid 1px #d4d4d4; width: 25%; padding: 10px 15px 0 10px; float: left; min-height: 196px; font-size: 14px;}
.contact-details > ul > li:first-child{ border-left:none;}
.contact-details > ul > li > h5{ font-weight: 600; font-size: 18px; margin: 0px 0px 10px;}
.contact-details > ul > li > p{ line-height: 20px;}
.contact-details > ul > li > hr{ margin-bottom: 5px; margin-top: 5px; border-top: dashed 1px #9b9b9b}

.close {background:none !important; box-shadow:none !important; color: #000; opacity: 0.5; border:0px !important;}
.alert-success {letter-spacing: 1px !important; background-color: #FFFFFF !important; border-color: #FFFFFF !important; border-radius: 0px !important; position:absolute; right:100px; padding:1px !important;}

.social{ text-align: center;}
.social ul{ margin: 0px; padding: 0px;}
.social ul li{ display: inline-block; padding: 0px; position: relative; margin: 0px 2px;width: 22px; height: 22px; }
.social ul li a{ padding: 0px; margin: 0px;}
.social-image{ position: absolute; width: 22px; height: 22px; left: 0px; top:0px; background-image:url(../images/social.png); background-repeat: no-repeat}
.twitter{ background-position: 0px 0px;}
.facebook{ background-position: -22px 0px;}
.linkedin{ background-position: -44px 0px;}

.contact-iframe{ width:100%; height:330px; border:0px; overflow:hidden;}
#success{ display:inline-block;}