/* form styles  */
#name, #surname, #email, #contact,#query, #message
{
  width: 170% !important;
  background: #fff;
  border: none;
  padding: 5px 2px;
  font-family: 'Lato', sans-serif;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}


/*Styles For Desktop - 1
====================================================================*/

body															{font-family: 'Lato', sans-serif;}

.navigation													{background: #414042;}

.menu-one													{float: left; width: 43%; position: relative; z-index: 2;}
.menu-one li												{list-style: none; float: left;}
.menu-one li a											{color: #fff; text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 28px 26px;}
.menu-one li a:hover									{text-decoration: underline;}

.menu-two													{float: right; width: 43%; position: relative; z-index: 2;}
.menu-two li												{list-style: none; float: right;}
.menu-two li a												{color: #fff; text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 28px 26px;transition-duration: 0.3s;  -webkit-transition-duration: 0.3s;	}
.menu-two li a:hover									{text-decoration: underline;}


.logo															{width: 49%; margin: 0 auto; position: relative; top: -45px; z-index: 1;}

.slider															{width: 49%; margin: 0 auto;}

.col-left														{width:45.5%; float:left}
.col-right														{width:45.5%; float:right}
.content														{width: 55%; margin: 35px auto 20px auto; color: #414042; font-size: 14px; min-height:412px}

.content-index												{width: 55%; margin: 35px auto 20px auto; color: #414042; font-size: 14px; min-height:168px}
.content-index p													{line-height: 25px; margin-bottom: 20px;}
.content h1													{margin-bottom: 20px;}
.content h2													{margin-bottom: 20px;}
.content h3													{margin-bottom: 20px;}
.content h4													{margin-bottom: 20px;}
.content h5													{margin-bottom: 20px;}
.content h6													{margin-bottom: 20px;}
.content p													{line-height: 25px; margin-bottom: 20px;}
.content ul													{margin-bottom: 20px; margin-left: 13px;}
.content a													{color: inherit; text-decoration:underline;}
.content a:hover													{color: inherit; text-decoration:none;}
.sub-menu 												{width:100%; margin:35px auto 20px auto}
.sub-menu	li												{list-style: none; float: left; width:33%; white-space:nowrap}	
.sub-menu	a											{color: #fff; background:rgba(65, 64, 66, 0.92); text-decoration: none; font-size: 11px; font-weight: 400; display: block; padding: 11px 24px;margin-bottom:11px; text-align:center !important; -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);}
.sub-menu	a:hover									{text-decoration: none; color:#fff; background:#479E9A}									

.sub-menu	a:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.sub-menu	a:hover, .sub-menu	a:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.sub-menu	a:hover:before, .sub-menu	a:focus:before, .sub-menu	a:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}



.content .left-column									{width: 48%; float: left; text-align: justify; line-height: 26px;}
.content .right-column								{width: 48%; float: right; text-align: justify; line-height: 26px;}

.footer															{background: #414042; width: 100%; text-align: center; color: #fff; margin-top: 40px;}
.footer p														{padding: 20px 0; font-size: 14px;}
.footer a													{color: #fff; text-decoration:underline;}
.footer a:hover													{color: #fff; text-decoration:none;}

.mobile														{display: none;}

.form															{margin-bottom: 3px;}
#name														{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);}
#contact														{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);}
#email															{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);}
#query															{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); width: 80%; min-height: 100px;}
#verif_box													{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); width: 30%; margin-right: 10px;}
.form-button												{background: #71c3bf; border: none; color: #fff; margin: 10px 0 15px 0; padding: 15px 15px;}

.contact_details	li										{list-style: none; display: block; padding: 5px 5px;}
.contact_details .odd								{background: #71c3bf; color: #fff;}

.testimonial 										{color: #414042; padding: 0; margin: 0 !important; text-align:justify}
blockquote {
  background: rgba(255, 255, 255, 0.6);
  border-left: 10px solid #75CECA;
  margin: 0;
  padding: 1em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  position: relative;
  margin-bottom: 10px;
}
blockquote:before {
  color:  #75CECA;
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  padding: 0;
  font-size: 15px !important;
}

/*Styles Above 1161px - 2
====================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {

.navigation													{background: #414042;}

.menu-one													{float: left; width: 40%; position: relative; z-index: 2;}
.menu-one li												{list-style: none; float: left;}
.menu-one li a											{color: #fff; text-decoration: none; font-size: 12px; font-weight: 300; display: block; padding: 20px 10px;}
.menu-one li a:hover									{text-decoration: underline;}

.menu-two													{float: right; width: 40%; position: relative; z-index: 2;}
.menu-two li												{list-style: none; float: right;}
.menu-two li a												{color: #fff; text-decoration: none; font-size: 12px; font-weight: 300; display: block; padding: 20px 10px;}
.menu-two li a:hover									{text-decoration: underline;}


.sub-menu 												{width:100%; margin:35px auto 20px auto}
.sub-menu	li												{list-style: none; float: left; width:33%}	
.sub-menu	a											{color: #fff; background:rgba(65, 64, 66, 0.92); text-decoration: none; font-size: 13px; font-weight: 300; display: block; padding: 14px 14px;margin-bottom:11px}
.sub-menu	a:hover									{text-decoration: none; color:#fff; background:#479E9A}																	
						



.logo															{width: 65%; margin: 0 auto; position: relative; top: -45px; z-index: 1;}

.slider															{width: 65%; margin: 0 auto;}

.content														{width: 75%; margin: 35px auto 20px auto; min-height: 100px; color: #414042; font-size: 14px;}

.content .left-column									{width: 48%; float: left; text-align: justify; line-height: 26px;}
.content .right-column								{width: 48%; float: right; text-align: justify; line-height: 26px;}

.footer															{background: #414042; width: 100%; text-align: center; color: #fff; margin-top: 40px;}
.footer p														{padding: 20px 0; font-size: 14px;}

}


/*Styles Above 768px - 2
====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.navigation													{background: #414042;}

.menu-one													{float: left; width: 40%; position: relative; z-index: 2;}
.menu-one li												{list-style: none; float: left;}
.menu-one li a											{color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; display: block; padding: 15px 5px;}
.menu-one li a:hover									{text-decoration: underline;}

.menu-two													{float: right; width: 40%; position: relative; z-index: 2;}
.menu-two li												{list-style: none; float: right;}
.menu-two li a												{color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; display: block; padding: 15px 3px;}
.menu-two li a:hover									{text-decoration: underline;}

.sub-menu 												{width:100%; margin:35px auto 20px auto}
.sub-menu	li												{list-style: none; float: left; width:33%}	
.sub-menu	a											{color: #fff; background:rgba(65, 64, 66, 0.92); text-decoration: none; font-size: 13px; font-weight: 300; display: block; padding: 14px 19px;margin-bottom:11px}
.sub-menu	a:hover									{text-decoration: none; color:#fff; background:#479E9A}																		


.logo															{width: 80%; margin: 0 auto; position: relative; top: -45px; z-index: 1;}

.slider															{width: 80%; margin: 0 auto;}

.content														{width: 95%; margin: 35px auto 20px auto; min-height: 100px; color: #414042; font-size: 14px;}

.content .left-column									{width: 48%; float: left; text-align: justify; line-height: 26px;}
.content .right-column								{width: 48%; float: right; text-align: justify; line-height: 26px;}

.footer															{background: #414042; width: 100%; text-align: center; color: #fff; margin-top: 40px;}
.footer p														{padding: 20px 0; font-size: 14px;}

}


/*Styles for 767px - For Tablet in Potrait Mode
====================================================================*/
@media only screen and (max-width: 767px) {

.table		{width: 100%; overflow-x: scroll; overflow-y: hidden;}

}
   

/*Styles for Smartphones - 3
====================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.navigation													{background: #414042; display: none;}

.menu-one													{float: left; width: 40%; position: relative; z-index: 2;}
.menu-one li												{list-style: none; float: left;}
.menu-one li a											{color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; display: block; padding: 15px 5px;}
.menu-one li a:hover									{text-decoration: underline;}

.menu-two													{float: right; width: 40%; position: relative; z-index: 2; display: none;}
.menu-two li												{list-style: none; float: right;}
.menu-two li a												{color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; display: block; padding: 15px 3px;}
.menu-two li a:hover									{text-decoration: underline;}

.sub-menu 												{width:100%; margin:35px auto 20px auto; display:none}
.sub-menu	li												{list-style: none; float: left; width:33%}	
.sub-menu	a											{color: #fff; background:rgba(65, 64, 66, 0.92); text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 11px 30px;margin-bottom:11px}
.sub-menu	a:hover									{text-decoration: none; color:#fff; background:#479E9A}																		


.logo															{width: 85%; margin: 0 auto; position: relative; top: 0px; z-index: 888; padding: 20px 0;}

.slider															{width: 85%; margin: 0 auto;}

.content														{width: 95%; margin: 35px auto 20px auto; min-height: 100px; color: #414042; font-size: 12px;}

.content .left-column									{width: 100%; float: left; text-align: justify; line-height: 26px; margin-bottom: 10px;}
.content .right-column								{width: 100%; float: right; text-align: justify; line-height: 26px; margin-bottom: 10px;}

.footer															{background: #414042; width: 100%; text-align: center; color: #fff; margin-top: 40px;}
.footer p														{padding: 20px 0; font-size: 14px;}

.mobile														{display: block;}

}


/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {

.navigation													{background: #414042; display: none;}

.menu-one													{float: left; width: 40%; position: relative; z-index: 2;}
.menu-one li												{list-style: none; float: left;}
.menu-one li a											{color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; display: block; padding: 15px 5px;}
.menu-one li a:hover									{text-decoration: underline;}

.menu-two													{float: right; width: 40%; position: relative; z-index: 2; display: none;}
.menu-two li												{list-style: none; float: right;}
.menu-two li a												{color: #fff; text-decoration: none; font-size: 11px; font-weight: 300; display: block; padding: 15px 3px;}
.menu-two li a:hover									{text-decoration: underline;}

.sub-menu 												{width:100%; margin:35px auto 20px auto; display:none}
.sub-menu	li												{list-style: none; float: left; width:33%}	
.sub-menu	a											{color: #fff; background:rgba(65, 64, 66, 0.92); text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 11px 30px;margin-bottom:11px}
.sub-menu	a:hover									{text-decoration: none; color:#fff; background:#479E9A}																		


.logo															{width: 95%; margin: 0 auto; position: relative; top: 0px; z-index: 888; padding: 20px 0;}

.slider															{width: 95%; margin: 0 auto;}

.content														{width: 95%; margin: 35px auto 20px auto; min-height: 100px; color: #414042; font-size: 12px;}

.content .left-column									{width: 100%; margin-bottom: 10px; float: left; text-align: justify; line-height: 26px;}
.content .right-column								{width: 100%; margin-bottom: 10px; float: right; text-align: justify; line-height: 26px;}

.footer															{background: #414042; width: 100%; text-align: center; color: #fff; margin-top: 40px;}
.footer p														{padding: 20px 0; font-size: 10px;}

.mobile														{display: block;}

}

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
	
	
body															{font-family: 'Lato', sans-serif;}

.navigation													{background: #414042;}

.menu-one													{float: left; width: 43%; position: relative; z-index: 2;}
.menu-one li												{list-style: none; float: left;}
.menu-one li a											{color: #fff; text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 28px 16px;}
.menu-one li a:hover									{text-decoration: underline;}

.menu-two													{float: right; width: 43%; position: relative; z-index: 2;}
.menu-two li												{list-style: none; float: right;}
.menu-two li a												{color: #fff; text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 28px 25px;}
.menu-two li a:hover									{text-decoration: underline;}

.logo															{width: 42%; margin: 0 auto; position: relative; top: -45px; z-index: 1;}

.slider															{width: 42%; margin: 0 auto;}

.content														{width: 55%; margin: 77px auto 20px auto; color: #414042; font-size: 14px; min-height:529px}
.content h1													{margin-bottom: 20px;}
.content h2													{margin-bottom: 20px;}
.content h3													{margin-bottom: 20px;}
.content h4													{margin-bottom: 20px;}
.content h5													{margin-bottom: 20px;}
.content h6													{margin-bottom: 20px;}
.content p													{line-height: 25px; margin-bottom: 20px;}
.content ul													{ margin-bottom: 20px;}
.content a													{color: inherit;}
.sub-menu 												{width:100%; margin:35px auto 20px auto}
.sub-menu	li												{list-style: none; float: left; width:33%}	
.sub-menu	a											{color: #fff; background:rgba(65, 64, 66, 0.92); text-decoration: none; font-size: 14px; font-weight: 300; display: block; padding: 11px 30px;margin-bottom:11px; text-align:center}
.sub-menu	a:hover									{text-decoration: none; color:#fff; background:#479E9A}																		

.content .left-column									{width: 48%; float: left; text-align: justify; line-height: 26px;}
.content .right-column								{width: 48%; float: right; text-align: justify; line-height: 26px;}

.footer															{background: #414042; width: 100%; text-align: center; color: #fff; margin-top: 40px;}
.footer p														{padding: 20px 0; font-size: 14px;}

.mobile														{display: none;}

.form															{margin-bottom: 3px;}
#name														{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);}
#contact														{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);}
#email															{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);}
#query															{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); width: 80%; min-height: 100px;}
#verif_box													{background: #fff; border: none; padding: 5px 2px; font-family: 'Lato', sans-serif; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); width: 30%; margin-right: 10px;}
.form-button												{background: #71c3bf; border: none; color: #fff; margin: 10px 0 15px 0; padding: 15px 15px;}

.contact_details	li										{list-style: none; display: block; padding: 5px 5px;}
.contact_details .odd								{background: #71c3bf; color: #fff;}

.testimonial 										{color: #414042; padding: 0; margin: 0 !important; text-align:justify}
blockquote {
  background: rgba(255, 255, 255, 0.6);
  border-left: 10px solid #75CECA;
  margin: 0;
  padding: 1em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  position: relative;
  margin-bottom: 10px;
}
blockquote:before {
  color:  #75CECA;
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  padding: 0;
  font-size: 15px !important;
}
}