body{font-family: Arial, Helvetica, sans-serif}
#landing_box{
    width:100%;
}

/* header css*/
 
/*header*/ 
header{width: 100%;float: left;border-top: 11px solid #0A3A99;padding: 10px 0px;}
header .logo-img{max-height: 66px;}  

header .navbar-default .navbar-nav>li>a{color: #0088CB; text-transform: uppercase;font-size: 12px;}
header .navbar ul li.active a{color: #000 !important;background-color: transparent !important;}
header .nav li:last-child a{padding-right: 0px;margin-right: 0px;}
header .nav li a{padding-top: 10px;padding-bottom: 10px;margin: 0px 5px;font-size: 12px;text-transform: uppercase;}
header .nav li a:hover{color: #808286;background-color: transparent;}
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar{margin-bottom: 0px;min-height: 30px;}
.top_row_header a{color:#808286 ;font-size: 12px;margin:0px 10px;cursor: pointer;}
.top_row_header a:last-child{margin-right:0px;}
.top_row_header{width: 100%;text-align: right;}
.top_row_header p{margin-bottom: 0px;}
 
 
 
header #logo{margin-top: 10px;float: left;}  
 
header .navbar-default {background-color: transparent;border-color: transparent;min-height: 30px;}
 
 .bottom_address_box{font-size: 13px;line-height: 20px;}
 .bottom_address_box img{max-width: 200px;}
 
 /* common css*/
 .text_heading {font:21px/1.2em Signika,sans-serif ;}
.relative{ position: relative;}
.b{font-weight: bold;}
.no-pad-left{padding-left: 0px;}
.no-pad-right{padding-right: 0px;}
img{ max-width:100%}
.m_top_bottom_20
{
    margin-bottom: 20px;
    margin-top: 20px;
}
.text-white{color: #fff;}
.m_top0 { margin-top:0px; }
.m_top5 { margin-top:5px; }
.m_top7 { margin-top:7px; }
.m_top10 { margin-top:10px; }
.m_top15 { margin-top:15px; }
.m_top17 { margin-top:17px; }
.m_top30 { margin-top:30px; }
.m_top40 { margin-top:40px; }
.m_top45 { margin-top:45px; }
.m_top50 { margin-top:50px; }
.m_top20 { margin-top:20px; }
.m_bottom0{margin-bottom: 0px;}
.m_bottom5 { margin-bottom:5px; }
.m_bottom7 { margin-bottom:7px; }
.m_bottom10 { margin-bottom:10px; }
.m_bottom15 { margin-bottom:15px; }
.m_bottom17 { margin-bottom:17px; }
.m_bottom30 { margin-bottom:30px; }
.m_bottom20 { margin-bottom:20px; }
.m_bottom25{margin-bottom: 25px;}
.m_bottom40 { margin-bottom:40px; }
.m_bottom45 { margin-bottom:30px; }
.m_bottom50 { margin-bottom:50px; }
.m_top3 { margin-top:3px; }
.m_top5 { margin-top:5px; }
.m_bottom60 { margin-bottom:60px; }
.m_bottom70 { margin-bottom:70px; }
.m_bottom75 { margin-bottom:75px; }
.m_bottom80 { margin-bottom:80px; }
.m_bottom90 { margin-bottom:90px; }
.m_bottom100 { margin-bottom:100px; }

.m_top60 { margin-top:60px; }
.m_top70 { margin-top:70px; }
.m_top75 { margin-top:75px; }
.m_top80 { margin-top:80px; }
.m_top90 { margin-top:90px; }
.m_top100 { margin-top:100px; }
.m_top0{margin-top: 0px;}

   
.btn-success {
  background-image: -webkit-linear-gradient(top,#0F8A0F 0,#028102 100%);
  background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#0E890E),to(#018101));
  background-image: linear-gradient(to bottom,#138C13 0,#008000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #136913;
}

.btn-success:focus,.btn-success:hover{background-color:#136913;background-position:0 0px !important}.btn-success.active,.btn-success:active{background-color:#136913;border-color:#3e8f3e}
.btn-success:focus,.btn-success:hover{
    background-image: -webkit-linear-gradient(top,#229922 0,#119B11 100%);
  background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#209320),to(#0F900F));
  background-image: linear-gradient(to bottom,#1F9B1F 0,#0B790B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #238023;
}
/*
.read_more_btn{
    -moz-border-radius: 20px;
    -webklit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #0A3A99;
    padding: 3px 15px;
    border-color: #0A3A99;
    color: #fff;
}
.read_more_btn:hover{color: #fff;background-color: #04328E;border-color: #07296E;}*/
.btn-link{color:#808286 ;font-size: 12px;}
.btn-link:hover{text-decoration: none;}
 
.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0A3A99;*background-color:#04c;;background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)} 
 
 
 
img{max-width: 100%;}
#mid_content_section{width: 100%;float: left;clear: both;min-height: 500px;}
.watter_solutions_tips{background-color: #fff;padding: 10px 10px 5px;max-width: 220px;position: absolute;top: 20px;left: 0px;right: 0px;}
.watter_solutions_tips li {
  display: block;
  background-color: #0B43B3;
  color: #fff;
  list-style-type: none;
  padding: 10px 14px;
  margin-bottom: 5px;
  font-size: 15px;
}
.innovative_finance_box_tip{border: 1px solid #000;position: absolute;top: auto;background-color: #fff;right: 0px;padding: 0px 10px;border-radius: 4px;max-width: 240px;text-align: center;bottom:0;}
.innovative_finance_box_tip h4{line-height: 25px;}
.innovative_finance_box_tip ul{padding-left: 20px;text-align: left;font-weight: bold;}
.innovative_finance_box_tip a{font-size: 12px;color: #333;}

.FisonicMax_box{
    border: 1px solid #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 15px 15px;
    min-height: 423px;

}

.FisonicMax_box h2{
    margin-top: 0px;
    font-size: 26px;
    font-weight: bold;
}
#solution_three_box{
border:1px solid transparent;
padding-bottom: 10px;
padding-top: 10px;
min-height: 560px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
}      
#solution_three_box:hover{
box-shadow: 0px 0px 5px 1px rgba(10, 58, 153, 1); 
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
}

#hover_analysis_box{border:1px solid transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
#hover_analysis_box:hover{
    box-shadow: 0px 0px 5px 1px rgba(10, 58, 153, 1); 
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
}
#map_box:hover{
box-shadow: 0px 0px 5px 2px #0A3A99; 
transition:  transform 1s; 
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
-o-transition: transform 1s;
-ms-transition: transform 1s;    
transform: scale(1.1);
-webkit-transform: scale(1.1);   

}

.hover_box_img:hover{
box-shadow: 0px 0px 5px 2px #0A3A99; 
transition:  transform 1s; 
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
-o-transition: transform 1s;
-ms-transition: transform 1s;   
transform: scale(1.1);
-webkit-transform: scale(1.0,1.0);  
 

}
#map_box,.hover_box_img{transition: all 1s ease-in-out}

/****footer**/

footer{
    background-color: rgba(5, 52, 77, 1);
    padding: 25px 0px 30px;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 120px;
}
footer p span{font-size: 12px;float: left;}
footer p span a:hover{
    opacity: 0.6;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
/*-------------------------------------------------------------------------------*/


.col-xs-12.col-md-4.col-sm-4.m_bottom20:hover .hiden-div {
 opacity:1;
 visibility: visible;
}
.hiden-div {
  position: absolute;
  background: white;
  Z-INDEX: 200;
  WIDTH: 90%;
  BORDER: 1px solid #ccc;
  padding: 10px;
  visibility: hidden;
  transition:opacity 1s linear;
opacity:0;
}
.hoverdiv {
  width: 100%;
  height: 250px;
  background: url("../image/Fisonic_Pathway.png");
  background-repeat: no-repeat;
}
p {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 15px;
}
li {
  margin: 0px;
  font-size: 12px;
  line-height: 15px;
}
ul {
  margin-left: 0;
  float: left;
  padding: 0 17px;
}
h2.“text_heading {
  margin-top: 0;
}
.hiden-div li {
  width: 100%;
  float: left;
}
  
.sho1, .sho2, .sho3, .sho4 {
  float: left;
  width: 25%;
  padding-top: 55px;
height: 230px;
}
span.sho1 p {
  width: 93px;
  text-align: right;
  float: right;
  margin-top: 55px;
  margin-right: 53px;
  font-weight: bold;
  opacity:0;
  transition:opacity 1s linear;
}
span.sho2 p {
  width: 97px;
  float: left;
  margin-top: 7px;
  margin-left: 37px;
  font-weight: bold;
   opacity:0;
  transition:opacity 1s linear;
}
span.sho3 p {
  float: left;
  font-weight: bold;
  width: 120px;
  margin-top: 104px;
  margin-left: 59px;
     opacity:0;
  transition:opacity 1s linear;
}
span.sho4 p {
  float: left;
  margin-top: 92px;
  width: 120px;
  margin-left: 60px;
   opacity:0;
  transition:opacity 1s linear;
font-weight: bold;
}
span.sho1:hover p {
opacity:1;

}
span.sho2:hover p {
opacity:1;
}
span.sho3:hover p {
opacity:1;
}
span.sho4:hover p {
opacity:1;
}

a.btn.btn-info.btn-sm, .read_more_btn {
	float:left;
  border-radius: 11px;
  transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
  background: #04328E;
  border: solid rgba(255, 255, 255, 1) 0px;
  cursor: pointer !important;
    padding: 2px 35px;
    color: white;
    display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
}
.col-xs-12.col-md-6.col-sm-6.m_bottom20> div {
  overflow: hidden!important;
  position: relative;
}
.m_bottom20 .btn.btn-info.btn-sm.pull-right {
  position: relative;
  left: 18px;
}

.nn {
  display: none;
}
.relative.bloc:hover .nn {
  display: block;
}
.m_bottom20 .btn.btn-info.btn-sm.pull-right {
  position: relative;
  left: 18px;
}
.innovative_finance_box_tip.nn.rightfdf {
  left: 0;
  bottom: 0;
  top: auto;
}
.pointer-1 {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 305px;
  left: 155px;
}


span.pointer {
  width: 120px;
  height: 120px;
  float: left;
}
.map-block {
  position: relative;
}
.pointer-div1 {
  position: absolute;
  width: 350px;
  left: 119px;
  padding: 10px;
  background-color: white;
  display: none;
}
.pointer-1:hover .pointer-div1 {
  display: block;
}
.pointer-3 {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 325px;
  left: 155px;
}

.pointer-div3 {
  position: absolute;
  width: 350px;
  left: 119px;
  padding: 10px;
  background-color: white;
  display: none;
}
.pointer-3:hover .pointer-div3 {
  display: block;
}

.pointer-2 {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 175px;
  left: 365px;
}
span.pointer {
  width: 120px;
  height: 120px;
  float: left;
}

.pointer-div2 {
  position: absolute;
  width: 350px;
  left: 119px;
  padding: 10px;
  background-color: white;
  display: none;
}
.pointer-2:hover .pointer-div2 {
  display: block;
}
h4.b {
  margin: 1px;
}