/* basic elements */
html {
	margin: 0;
	padding: 0;
	position: fixed;
	top:10px;
    bottom:0;
    left:0;
    right:0;
	background: #E8E8EA;
	overflow: auto;
	
	}
body { 
	font: 90% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background: #FFFFFF; 
	margin: 0; 
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	position: relative;
	}
/*********************************/
.container{
	position: relative;
}
#banner {
  background: #FFFFFF;
  color: #000;
  display: block;
  position: relative;
  font: 14px/24px  georgia, sans-serif;
  border-bottom: 1px solid grey;
  width: 100%;
  height: 150px;
}

#logo {
  background-color: #FFFFFF;
  color: #000;
  display: block;
  background-image: url("image_src/Logo_cabinet_ali_mod.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 25%;
  height: 140px;
  float: left;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
}

#bgimage {
  background: #FFFFFF;
  color: #000;
  background-image: url("image_src/meeting_background.jpg");
  /*background-size: contain;*/
  background-repeat: no-repeat;
  background-size:  730px 140px;
  display: inline-block;
  background-position: center;
  border-left:  1px solid grey;
  float: left;
  width: 49%;
  height: 140px;
}

#follow {
  background: #FFFFFF;
  color: #000;
  float: left;
  display: inline-block;
  font: 20px/24px "Open Sans";
  border-left:  1px solid grey;
  width: 25%;
  height: 140px;
}

#service{
	background: FFFFFF;
	float: left;
	display: inline-block;
	border: 1px solid grey;
	width: 33%;
}

contact {
  background: #FFFFFF;
  color: #000;
  display: block;
  font: 24px/24px  georgia, sans-serif;
  border-bottom: 1px solid grey;
  float: bottom;
  width: 100%;
  height: 50%;
}

main {
  background: #FFFFFF;
  color: #000;
  display: block;
  font: 14px/16px  georgia, sans-serif;
  float:bottom;
  width: 85%;
  height: 50%;
  padding: 10px;
  margin: auto;
}

contact_main {
  background: #FFFFFF;
  color: #000;
  display: block;
  font: 14px/16px  georgia, sans-serif;
  float:bottom;
  width: 87%;
  height: 60px;
  padding: 10px;
  margin: auto;
}


form_section {
  background: #FFFFFF;
  color: #000;
  display: block;
  font: 14px/16px  georgia, sans-serif;
  float:bottom;
  width: 65%;
  height: 50%;
  padding: 10px;
  margin: auto;
}

home_service_section {
  background: #FFFFFF;
  color: #000;
  display: block;
  font: 14px/16px  georgia, sans-serif;
  float:bottom;
  width: 85%;
  height: 50%;
  padding: 10px;
  margin: auto;
}

footer {
  clear: both;
  margin-bottom: 0;
}

.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
  padding: 4px;
  border: 1px solid grey;
}
.labelHolder
{
    width: 27%;
	height: 2.2em;
    padding: 6px 10px;
    margin: 0px 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 2px;
} 

input[type=text], select {
    width: 72.5%;
	height: 2.6em;
    padding: 8px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #408E87;
    border-radius: 4px;
    box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 5px;
}

textarea[type=textarea], select {
    width: 100%;
	height: 7em;
    padding: 10px 20px;
    margin: 1px 0;
    display: inline-block;
    border: 1px solid #408E87;
    border-radius: 4px;
    box-sizing: border-box;
	margin-bottom: 5px;
}

input[type=submit] {
    width: 100%;
	height: 2.2em;
    background-color: #408E87;
    color: white;
    padding: 9px 20px;
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	vertical-align: middle;
	margin-top: 10px;
}

input[type=submit]:hover {
    background-color: #5BBDB3;
}

input[type=file] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #408E87;
	color: white;
	vertical-align: middle;
	border-radius: 4px;
	height: 1.2em;	
	width: 24%;
	margin-top: 10px;
	vertical-align: baseline;
	text-align: center;
}

/****************************************/
.button {
    background-color: #408E87;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font: 20px/24px  georgia, sans-serif;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 25px;
	width: 250px;
	height: 30px;
}

.button:hover {
	background: #5BBDB3;
}

.inline {
  display: inline-block;
  margin: 2px;
}
.wrap {
	display: table;
	height:  100px;
	width:   160px;
	padding: 10px;
	border:  none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font: 20px/24px  georgia, sans-serif;
	background-color: #408E87;
}

.buttonSrv{
	background-color: #408E87;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font: 20px/24px  georgia, sans-serif;
    margin: 4px 2px;
    cursor: pointer;
	width: 210px;
	height: 100px;
	display:        table-cell;
}

.buttonSrv:hover {
	background: #5BBDB3;
}

.service{
	background: #5BBDB3;
	width: 84.2%;
	position: absolute;
	height: 250px;
	display: inline-block;
	margin-left: 7px;
	font: 18px/20px  georgia, sans-serif;
}

.labelBorder
{
    width: 72.5%;
	height: 2.2em;
    padding: 6px 10px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #408E87;
    border-radius: 4px;
    box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 2px;
}

.dropList
{
    width: 72.5%;
	height: 2.6em;
    padding: 6px 10px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #408E87;
    border-radius: 4px;
    box-sizing: border-box;
	vertical-align: middle;
	margin-bottom: 2px;
}

img {
    padding: 0;
    display: inline-block;
    margin: 0 auto;
    max-height: 20%;
    max-width: 20%;
}