/* Footer fix */

body {
	padding-top:0;
	display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
}

#wrapper {
	min-height:100%;
	position:relative;
}


#header-wrapper {
}

#content-wrapper {
	padding-bottom:200px;   /* Height of the footer element */
}

#footer-wrapper {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	max-height: 200px;
	background-color: #ccc;
	min-height: 180px;
}

.responsive {
  width: 100%;
  height: auto;
}

/* BASIC */

a:link, a:visited {
	text-decoration:none;
}

ul li {
	list-style:none !important;
}

.color-blue{
	background-color:blue;
}

.bg-img{
	background-image: url('../images/logo.png');
	min-height: 450px;
}

.ex1{
	padding: 10px 75px;
}

.ex2{
	padding: 45px 0px 0px 10px;
}

.ex3{
	padding: 0px 140px;
}

.logo{
    max-width: 170%;
    margin-top: 11px;
    height: auto;
}

.foot-contact{
	padding: 0px 5px;
	align-self: 10px
}

.foot{
	margin: 0px 100px 0px 0px;
}

.foot-main{
	padding: 0px 120px;
}

.navbar .navbar-blue{
	color: #000;
}

.maps {
	padding:20px 250px ;
	align-self: 10px
}

.contact {
	padding:80px 150px ;
}

.bs-example{
    margin: 50px;
 }

 .dropbtn {
  background-color: #fff;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #29AAE2;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.middin {
    width: 100%;
    float: left;
}

.middinner {
    width: 1020px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    position: relative;
    z-index: 1;
}

.container {
  position: relative;
}

/* Bottom right text */
.text-block {
  position:  ;
  border-radius: 25px;
  height: 33px;
  width: 100%;
  background-color: #29AAE2;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 5px 10px #D4D7D8;
}

div.h{
  height: 200px;
  width: 100%;
  padding:0px 10px;
 }

 .home{
 	padding: 20px 0px;
 }

.client{
	width: 57%;
	margin: 0 auto;
	padding: 20px;
}

.b{
	padding:0px 150px;
}

.f{
	padding:0px 145px;
}

.in{
  height:100px;
  width:100%;
  background-color: #29AAE2;
}


.column {
  float: left;
  width: 30%;
  padding: 5px 0px 10px;
  height: 100px; 
  text-align: center;
  color: white;
}

.columnl {
  float: left;
  width: 33.33%;
  padding: 5px 0px 10px 215px;
  height: 100px; 
  text-align: center;
  color: white;
}

.columnr {
  float: left;
  width: 36.66%;
  padding: 5px 245px 10px 0px;
  height: 100px; 
  text-align: center;
  color: white;
}

.mb-menu{
  display:none;
  position: fixed;
  right:15px;
  font-size: 26px;
  color: #0c3c68;
  padding:8px;
}
.mb-menu-close{
  display:none;
  position: fixed;
  right:15px;
  font-size: 26px;
  color: #0c3c68;
  padding:8px;
}
