.red  a {
color: #a94442;
}

.green  a {
color: #2f4f4f;
}

.clearboth {
clear:both;
}

body {
          font-family:'Open Sans', sans-serif;
    font-size:14px;
   
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Open Sans', sans-serif;
}


.text-center {
    text-align:center;
}

.text-right {
	text-align:right;
}

h2 {
    line-height:50px;
    color:#E91C1C;
}
h3 {
    line-height:30px;
    padding-bottom:20px;
}
h4 {
   padding-top: 25px;
line-height: 40px;
padding-bottom: 0px;
font-size: 22px;
font-weight: 900;

}
h5 {
font-size: 1.3em;
font-weight: 900;

}

p {
    font-weight:300;
    line-height:30px;
    padding-bottom:15px;
}

.space-free {
    height:100px;
}

section {
    padding-top:50px;
    margin-top:50px;
}
.g-pad-bottom {
    padding-bottom:30px;
}

.form-control {
        background-color: rgba(255, 255, 255, 0);
}

.label-danger {
font-size: 18px;
}
/*=======================================
    HOME SECTION STYLES
==================================================*/

.go-marg {
    margin-top:40px;
}

#home-sec { 
  
    
background: url(../img/1.jpg) no-repeat 50% 50%;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
display: block;
height: auto;
 padding-top:190px;
   min-height:650px;
    color:#fff;
}

.head-main {
    font-size:50px ;
    font-weight:900;
    border:5px outset  #fff;
    padding:15px;
    text-transform:uppercase;
    
}

.head-last {
     margin-top:70px;
    font-size:18px ;
    font-weight:900;
    padding:5px 20px 20px 20px;
    border:1px dotted #fff;
    padding:5px;
}


/* ===========================================================
   NAVBAR CHANGES   
   ============================================================*/
.navbar {
	font-size: 18px;
}

.navbar-inverse {
background: #fff;
min-height: 60px;
padding-top: 5px;

}

.navbar-inverse .navbar-nav > .active > a {
	background: #ffffff;
}

.navbar-inverse .navbar-brand {
	color: #000;
	font-weight: bolder;
	font-size: 25px;
    font-weight:900;
	letter-spacing: 2px;
}
.navbar-inverse :hover .navbar-brand:hover {
	color: #000;	
}
.navbar-inverse .navbar-nav > li > a {
color: #000;
}
.navbar-inverse {
border-color: #D6D6D6;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #000;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #000;
}
.navbar-toggle {
    background-color: black;
}
/*==========================================
    PORTFOLIO STYLES
    =====================================================*/


.portfolio-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.portfolio-items {
  margin-right: -20px;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  margin: 0;
}

.portfolio-items.col-3 > li {
  width: 33%;
}

.portfolio-item .item-main {
  margin: 0 10px 10px 0;
  text-align: center;
  background: #fff;
  padding: 10px;
  border:1px solid #E8EAEE;
  
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item .portfolio-image {
  position: relative;
}
.portfolio-item h5 {
  margin: 0;
  padding: 10px 0 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #E91C1C;
color: #fff;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}

/*=======================================
    Contact STYLES
==================================================*/

.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
/*=======================================
    FOOTER STYLES
==================================================*/


#footer {
background-color: #FFFFFF;
color: #000;
padding: 20px 50px 20px 50px;
text-align: right;
border-top: 1px solid #d6d6d6;
}


/*=======================================
    MEDIA QUERIES
    
    ==================================================*/

@media all and (max-width:640px) and (min-width:381px) {
    .head-main { 
        font-size:28px ;
    }
}
@media all and (max-width:381px) and (min-width:200px) {
    .head-main { 
        font-size:24px ;
    }
}
/*=======================================
    maas
    
    ==================================================*/

.fifth {
width:19%;
float:left;
margin:0 0.5% 0 ;
}

.third {
width:30%;
float:left;
margin:0 0.5% 0 ;
}

.btn-maas-1 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #FFF;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
.btn-maas-1 p{
  background: #f6c0d7;
}
.btn-maas-1 span{
  font-size: 3em;
}

.btn-maas-1 ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}

.btn-maas-1 .positive  { 
  color: #b55980; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
.btn-maas-1 .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #b55980, -2px -2px 0 #b55980, 
              -2px 2px 0 #b55980, 2px -2px 0 #b55980, 
              0px 2px 0 #b55980,  0 -2px 0 #b55980, 
              -2px 0 0 #b55980, 2px 0 0 #b55980; 
} 

.btn-maas-1:hover {
  background: #f6c0d7;
}
.btn-maas-1:hover span{
  display: none;
}
.btn-maas-1:hover ul{
  display: inline;
}






#btn-maas-1 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #FFF;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-1 p{
  background: #f6c0d7;
}
#btn-maas-1 span{
  font-size: 3em;
}

#btn-maas-1 ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}

#btn-maas-1 .positive  { 
  color: #b55980; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-1 .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #b55980, -2px -2px 0 #b55980, 
              -2px 2px 0 #b55980, 2px -2px 0 #b55980, 
              0px 2px 0 #b55980,  0 -2px 0 #b55980, 
              -2px 0 0 #b55980, 2px 0 0 #b55980; 
} 

#btn-maas-1:hover {
  background: #f6c0d7;
}
#btn-maas-1:hover span{
  display: none;
}
#btn-maas-1:hover ul{
  display: inline;
}



#btn-maas-2 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #FFF;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-2 p{
  background: #f6c0d7;
}
#btn-maas-2 span{
  font-size: 3em;
}

#btn-maas-2 ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}

#btn-maas-2 .positive  { 
  color: #b55980; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-2 .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #b55980, -2px -2px 0 #b55980, 
              -2px 2px 0 #b55980, 2px -2px 0 #b55980, 
              0px 2px 0 #b55980,  0 -2px 0 #b55980, 
              -2px 0 0 #b55980, 2px 0 0 #b55980; 
} 

#btn-maas-2:hover {
  background: #f6c0d7;
}
#btn-maas-2:hover span{
  display: none;
}
#btn-maas-2:hover ul{
  display: inline;
}





#btn-maas-3 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #FFF;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-3 p{
  background: #f6c0d7;
}
#btn-maas-3 span{
  font-size: 3em;
}

#btn-maas-3 ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}

#btn-maas-3 .positive  { 
  color: #b55980; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-3 .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #b55980, -2px -2px 0 #b55980, 
              -2px 2px 0 #b55980, 2px -2px 0 #b55980, 
              0px 2px 0 #b55980,  0 -2px 0 #b55980, 
              -2px 0 0 #b55980, 2px 0 0 #b55980; 
} 

#btn-maas-3:hover {
  background: #f6c0d7;
}
#btn-maas-3:hover span{
  display: none;
}
#btn-maas-3:hover ul{
  display: inline;
}



#btn-maas {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #5f5f5f;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas p{
  background: #e3e4e8;
}
#btn-maas span{
  font-size: 3em;
}

#btn-maas ul{
text-align:center;
padding:0;
  display: none;
margin:0 0 1em 1em;
font-size:2em;
font-weight:bold;
list-style-type: none;
float:left;
}
#btn-maas ul i{
margin:10px 0 0 0;
font-size:3em;
}
#btn-maas .positive  { 
  color: #555c; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #2b542c, -2px -2px 0 #2b542c, 
              -2px 2px 0 #2b542c, 2px -2px 0 #2b542c, 
              0px 2px 0 #2b542c,  0 -2px 0 #2b542c, 
              -2px 0 0 #2b542c, 2px 0 0 #2b542c; 
} 

#btn-maas:hover {
  background: #e3e4e8;
}
#btn-maas:hover span{
  display: none;
}
#btn-maas:hover ul{
  display: inline;
}



#btn-maas-a {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #31708f;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-a p{
  background: #d9edf7;
}
#btn-maas-a span{
  font-size: 3em;
}

#btn-maas-a ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}
#btn-maas-a .positive  { 
  color: #245269; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-a .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #245269, -2px -2px 0 #245269, 
              -2px 2px 0 #245269, 2px -2px 0 #245269, 
              0px 2px 0 #245269,  0 -2px 0 #245269, 
              -2px 0 0 #245269, 2px 0 0 #245269; 
} 
#btn-maas-a:hover {
  background: #d9edf7;
}
#btn-maas-a:hover span{
  display: none;
}
#btn-maas-a:hover ul{
  display: inline;
}


#btn-maas-b {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #3c763d;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-b p{
  background: #dff0d8;
}
#btn-maas-b span{
  font-size: 3em;
}

#btn-maas-b ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}
#btn-maas-b .positive  { 
  color: #2b542c; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-b .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #2b542c, -2px -2px 0 #2b542c, 
              -2px 2px 0 #2b542c, 2px -2px 0 #2b542c, 
              0px 2px 0 #2b542c,  0 -2px 0 #2b542c, 
              -2px 0 0 #2b542c, 2px 0 0 #2b542c; 
} 
#btn-maas-b:hover {
  background: #dff0d8;
}
#btn-maas-b:hover span{
  display: none;
}
#btn-maas-b:hover ul{
  display: inline;
}


#btn-maas-c {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #a94442;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-c p{
  background: #f2dede;
}
#btn-maas-c span{
  font-size: 3em;
}

#btn-maas-c ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}
#btn-maas-c .positive  { 
  color: #a94442; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-c .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #a94442, -2px -2px 0 #a94442, 
              -2px 2px 0 #a94442, 2px -2px 0 #a94442, 
              0px 2px 0 #a94442,  0 -2px 0 #a94442, 
              -2px 0 0 #a94442, 2px 0 0 #a94442; 
} 
#btn-maas-c:hover {
  background: #f2dede;
}
#btn-maas-c:hover span{
  display: none;
}
#btn-maas-c:hover ul{
  display: inline;
}

#btn-maas-d {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #8a6d3b;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-d p{
  background: #fcf8e3;
  display: inline;
  width:50%;
  float:left;
padding:1em 0 0 0;
}
#btn-maas-d span{
  font-size: 3em;
}

#btn-maas-d ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}
#btn-maas-d .positive  { 
  color: #66512c; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-d .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #66512c, -2px -2px 0 #66512c, 
              -2px 2px 0 #66512c, 2px -2px 0 #66512c, 
              0px 2px 0 #66512c,  0 -2px 0 #66512c, 
              -2px 0 0 #66512c, 2px 0 0 #66512c; 
} 
#btn-maas-d:hover {
  background: #fcf8e3;
}
#btn-maas-d:hover span{
  display: none;
}
#btn-maas-d:hover ul{
  display: inline;
}

#btn-maas-e {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  color: #b190ce;
  background: #FFF;
  transition: .4s;
  font-size: 1em;
  text-align:center;
  width:100%;
}
#btn-maas-e p{
  background: #e7e1f0;
  display: inline;
  width:50%;
  float:right;
padding:1em 0 0 0;
}
#btn-maas-e span{
  font-size: 3em;
}

#btn-maas-e ul{
text-align:left;
padding:0;
  display: none;
margin:0 0 1em 0;
font-size:2em;
font-weight:bold;
list-style-type: none;
}
#btn-maas-e .positive  { 
  color: #8044b6; 
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, 
              -2px 2px 0 #FFF, 2px -2px 0 #FFF, 
              0px 2px 0 #FFF,  0 -2px 0 #FFF, 
              -2px 0 0 #FFF, 2px 0 0 #FFF; 
} 
#btn-maas-e .negative { 
  color: #fff; 
  text-shadow:2px 2px 0 #8044b6, -2px -2px 0 #8044b6, 
              -2px 2px 0 #8044b6, 2px -2px 0 #8044b6, 
              0px 2px 0 #8044b6,  0 -2px 0 #8044b6, 
              -2px 0 0 #8044b6, 2px 0 0 #8044b6; 
} 
#btn-maas-e:hover {
  background: #e7e1f0;
}
#btn-maas-e:hover span{
  display: none;
}

#btn-maas-e:hover ul{
  display: inline;
}
#triangle-up {
width: 0;
height: 0;
border-style: solid;
border-width: 0 43px 50px 43px;
border-color: transparent transparent #e3e4e8 transparent;
margin:0 0 0 200px ;
}
#triangle-leftup {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 86px 0 0;
border-color: #e3e4e8 transparent transparent transparent;
float:right;
}
#triangle-rightup {
width: 0;
height: 0;
border-style: solid;
border-width: 0 86px 50px 0;
border-color: transparent #e3e4e8 transparent transparent;
}
#triangle-left {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 50px 0;
border-color: transparent #e3e4e8 transparent transparent;
float:left;
margin:40px 0 0 100px;
}
#triangle-right {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 50px;
border-color: transparent transparent transparent #e3e4e8;
margin:40px 0 0 86px;
}
#triangle-leftdown {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 0 86px;
border-color: transparent transparent transparent #e3e4e8;
float:right;
margin-bottom:10px;
}

#triangle-down {
width: 0;
height: 0;
border-style: solid;
border-width: 43px 50px 0 43px;
border-color: #e3e4e8 transparent transparent transparent;
margin:10px 0 8px 200px;
}
#triangle-rightdown {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 86px;
border-color: transparent transparent #e3e4e8 transparent;
margin-bottom:10px;
}





.plan {
  position: relative;
  display: block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #5f5f5f;
  width:98%;
  margin:0 auto;
  background: #fff;
  transition: .4s;
}

.plan:hover {
  background: #fff;
  text-decoration: none;
  color:#fff;
}

#planbtn-1{
margin:0 0 0 30px;
padding:0 10px;
  display: inline;
  font-size:2em;
  background: #e3e4e8;
}

#planbtn-1:hover {
  display: block;
  background: #5f5f5f;
}

#planbtn-1 span{
  display: none;
}

#planbtn-1:hover span{
  display: inline;
  padding-left :30px;
}

#planbtn-2{
margin:0 0 0 30px;
padding:0 10px;
  display: inline;
  font-size:2em;
  background: #e3e4e8;
}

#planbtn-2:hover {
  display: block;
  background: #5f5f5f;
}

#planbtn-2 span{
  display: none;
}

#planbtn-2:hover span{
  display: inline;
  padding-left :30px;
}

.wrapplan{
width:100%;
text-align:center;
margin:10px 0 0 0;
}

.p-i{
 width:96%;
text-align:center;
margin:0 auto;
}

.p-i img{
width:100%;
}


#parallel {
width:98%;
margin:0 auto;
}


#parallel td{
border:none;
}
.plan .wrapplan{
  display:none;
}
.plan:hover .wrapplan{
  display: block;
}


#matrix {
width:98%;
margin:0 auto 200px auto;
font-size:2em;
}
#matrix span{
font-size:1em;
}
#matrix p{
font-size:2.5em;
font-weight:bold;
}

.car{
text-align:center;
color: #31708f;
background: #d9edf7;
height:5em;
width:30%;
}
.train{
text-align:center;
  color: #3c763d;
  background: #dff0d8;
height:5em;
border-top:10px solid #fff;
width:30%;
}
.taxi{
text-align:center;
  color: #8a6d3b;
  background: #fcf8e3;
height:5em;
border-top:10px solid #fff;
width:30%;
}
.item{
text-align:center;
  color: #5f5f5f;
width:30%;
}
#tdb{
border-left:2px solid #fff;
border-right:2px solid #fff;
}



.mb500{
margin-bottom:500px;
}
.page a{

color:#000;
font-size:1.5em;
padding:2em 3em 2em 95%;
}

.newline {
display: block;
height:3px;
}
.alert-info .underline{
border-bottom: 1px #31708f solid;
display:block;
}
.alert-success .underline{
border-bottom: 1px #3c763d solid;
display:block;
}
.alert-danger .underline{
border-bottom: 1px #a94442 solid;
display:block;
}
.alert-whight .underline{
border-bottom: 1px #aaa solid;
display:block;
}
.time-1{
float: left;
}
.time-2{
float: right;
padding-left:1em;
}

.outside{
float: left;
width:33%;
text-align:left;
}
.inside{
float: left;
width:67%;
text-align:left;
}
.move{
text-align:left;
}
.cab{
float: left;
margin-right:1em;
}

.hito {
width:98%;
  display: flex;
}


.hito-fl {
width:49%;
float:left;
display:block;
margin:10px auto 10px auto;

}
.hito-fl p{
font-size:1.5em;

}
.hito-bw {

margin-bottom:15px;
background:#fff;
font-size:1.5em;
font-weight:bold;
line-height:3em;
padding:1em auto;

}

.hito-lg a:link{
text-decoration:underline;
color:#3c763d;
font-weight:bold;
font-size:1.5em;
}
.hito a:hover{
text-decoration:none;
color:#dff0d8;
}

.hito-lg a:visited{
color:#3c763d;
}


.hito-active {
 width:100%;
 margin:0 ;
}

#btn-hito {
  position: relative;
  display: block;
  padding: 0;
}

#btn-hito ul{
 padding:0;
 display: none;
 list-style-type: none;
}

#btn-hito:hover ul{
  display: inline;

}
#btn-hito:hover span{
  display: none;
}
.hito-dbw100 {
  display: block;
 width:100%;

}