body {margin:0;font-family:Arial}


/*---------- menu -------*/
.menu
{
  background-color: #3366ff;
  font-family: 'Basic';
}
.menu li
{
  margin: 0px 20px;
}
.menu1
{
  margin-left: 30px;
}
.left
{
  text-align:left;
}

.menu1 a
{
  float: left;
  display: block;
  color: white;
  padding: 5px 30px; 
  text-decoration: none;
  font-size: 14px;  
}
.menu1 a:hover
{
  text-decoration: none;
  font-size: 14px; 
  color: white;
  background: #3366ff;
  border-top: 2px #66ffcc solid;
  border-bottom: 2px #66ffcc solid;  
}
.bg1
{
  background: #3366ff;
}
.drop a
{
  background: #3366ff;
  color:white; 
  text-decoration: none;
  font-size: 14px;
  border:none;  
}
.drop a:hover
{
  color:white;
  text-decoration: none;
  font-size: 14px;  
}
.activ
{
  text-decoration: none;
  font-size: 14px; 
  color: white;
  border-top: 2px #66ffcc solid;
  border-bottom: 2px #66ffcc solid;  
}
.txt
{
  text-align: left;
}
/* slide show Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: 100%;
}
.slide1
{
  margin-top: -20px;
}
.slideword
{
  color:white;
  background:#3333cc;
  padding:10px 20px;
  float: right;
  font-family: 'Bai Jamjuree';
  border-radius: 20px;
}
/*---------- footer-------*/
.foot
{
  background:#1f1f1f; 
	font-family: 'Bai Jamjuree';
	font-size: 13px;  
	color:white;
  padding: 40px 20px 10px 20px;
}

/*---------- footer-------*/
.topsec1
{
  background:#fff;
  margin-top: 10px;
  font-size: 16px;
  font-family: 'Cairo';
  color: #000;
}

.topsection
{    
  font-family: basic;
  position: relative;
  display:inline-block;
  margin:auto;
}

.col2
{
  padding:20px 50px;
  margin:10px 5px;
  font-size: 16px;
}
.col2:hover
{
  background: #4dffdb;

}
.col2 li
{
  line-height: 35px;
}
.col1
{
  background: #36b038;
  color: #fff;
  margin-bottom: 2px;
  padding: 10px;
  display: inline-block;
  padding: 30px 10px;
}
.col1 a
{
  color: #fff;
  text-decoration: none;
  background: #fff;  
}
.col1 a:hover
{
  color: #fff;
  text-decoration: none; 
}

.col1:hover
{
  background:#008505;
  text-decoration: none;
  display: inline;
}
.bottom-col
{
  background: #fff;
}

.footdiv
{
  padding: 25px;
  font-family: 'Cairo';  
  width: 260px;
}
.footdiv-child
{
  padding-left: 20px;
}
/*--------------home page end-------------------*/
.comprof
{
  padding: 40px;
}
.comprof1
{
  width: 600px;
  margin: auto;
  padding: 40px;
}

.comprof1 img
{
  border:2px #000 solid;
}

.topsec1 li
{
  line-height: 35px;
}

.li li
{
  line-height: 32.5px;
}

.cons-bg
{
  background: #3bc95c;
}
.cons-bg a
{
  color: #fff;
  background: gray;
  padding:5px 20px;
  border-radius: 20px;
  float: right;
  margin-top: 10px;
}
.cons-bg a:hover
{
  text-decoration: none;
  color: #296cd9;
  background: #dedede;
}


input[type=text], input[type=email], input[type=tel],select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #45a049;
}
