/*
Theme Name: Eng Group
Theme URI: http://www.webnatics.biz
Author: Harsha Dushantha
Author URI: http://www.webnatics.biz
Description: Eng Group theme for wordpress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template.
Version: 1.0
Text Domain: engGroup
*/
.emp {
font-weight:bold;
font-size: 20px;
} 
body {
	font-family: Lato, sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
.maincon {
	display: block;
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.maincon.slider {
	position: relative;
	height: 100%;
}
.maincon.assistance {
	padding: 19px;
}
.maincon.foot {
	padding: 14px;
	text-align: center;
}
.maincon.pages {
	padding-top: 40px;
	padding-bottom: 40px;
}
.navcon {
	max-width: 100%;
}
.mainnav {
	background-color: transparent;
}
.navlinks {
	padding-right: 14px;
	padding-left: 14px;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
	font-family: Lato, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
.navlinks:hover {
	color: blue;
}
.navlinks.w--current {
	color: blue;
}
.navmenu {
	margin-top: 60px;
}
.calblk {
	display: inline-block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 14px;
}
.brandlink {
	padding-top: 14px;
	padding-bottom: 14px;
}
.phonte-text {
	display: inline-block;
	padding: 5px;
	float: right;
	font-family: Lato, sans-serif;
	color: blue;
	font-size: 18px;
	font-style: italic;
	font-weight: 900;
}
.mainslider {
	height: 674px;
}
.slider {
	background-position: 50% 0px;
	background-size: cover;
}
.arrows {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 50%;
	background-color: #fff;
	color: #2c2c2c;
	font-size: 21px;
}
.droptoggle {
	display: block;
	padding-right: 35px;
	padding-left: 16px;
	-webkit-transition: color 200ms ease;
	transition: color 200ms ease;
	font-family: Lato, sans-serif;
	text-transform: uppercase;
}
.droptoggle:hover {
	color: blue;
}
.dropdown {
	display: inline-block;
}
.dropicon {
	margin-right: 13px;
}
.dropmenu {
	position: relative;
	left: 0px;
	top: 0px;
	display: inline-block;
	float: none;
}
.droplinks {
	-webkit-transition: background-color 250ms ease, color 200ms ease;
	transition: background-color 250ms ease, color 200ms ease;
}
.droplinks:hover {
	background-color: blue;
	color: #fff;
}
.droplinks.w--current {
	color: blue;
}
.droplinks.w--current:hover {
	color: #fff;
}


.tag1 {
	font-family: Lato, sans-serif;
	color: blue;
	font-size: 80px;
	line-height: 85px;
	font-style: italic;
	font-weight: 700;
}
.tag2 {
	font-family: Lato, sans-serif;
	color: #000;
	font-size: 30px;
	line-height: 45px;
	font-weight: 700;
	text-transform: none;
}
.tag-par {
	color: #fff;
	font-size: 21px;
	line-height: 27px;
	font-weight: 300;
}
.serv-blk {
	padding-top: 0px;
	padding-bottom: 0px;
}
.servcol1 {
	width: 50%;
	padding: 33px 20px;
	float: left;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
.servcol1:hover {
	background-color: #dfdfdf;
}
.serv-col2 {
	width: 50%;
	padding: 33px 20px;
	float: right;
	border-left: 1px solid #d1d1d1;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
.serv-col2:hover {
	background-color: #dfdfdf;
}
.catitem {
	width: 33.33%;
	padding: 8px;
	float: left;
}
.cart-item-in {
	float: none;
}
.cat-img {
	width: 100%;
}
.cattitle {
	margin-bottom: 11px;
	font-size: 22px;
	line-height: 36px;
	font-weight: 700;
	text-align: center;
}
.button-blk {
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
}
.viewbtn {
	padding-right: 22px;
	padding-left: 22px;
	background-color: blue;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	text-transform: uppercase;
}
.viewbtn:hover {
	background-color: #4444fc;
}
.assistance-section {
	background-color: #77acfc;
	color: #fff;
}
.assist-col1 {
	width: 50%;
	float: left;
}
.assist-col2 {
	width: 50%;
	float: left;
}
.need-title {
	color: blue;
	font-size: 30px;
	line-height: 32px;
	font-style: italic;
	font-weight: 700;
}
.call-text {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 22px;
	line-height: 27px;
	font-style: italic;
	font-weight: 700;
	text-align: right;
}
.orange {
	color: blue;
font-size: 60px;

}
.phone-link {
	color: blue;
	text-decoration: none;
}
.phone-link.bigger {
	font-size: 36px;
	line-height: 40px;
}
.pages-content {
	border-top: 1px solid #dbdbdb;
	float: left;
	padding: 0 0 40px;
	width: 100%;
}
.pagecol1 {
	width: 50%;
	float: left;
}
.pagecol2 {
	width: 50%;
	padding-left: 40px;
	float: left;
}
.full-img {
	width: 100%;
}
.page-title {
	margin-bottom: 2px;
	color: blue;
	font-size: 29px;
	line-height: 31px;
	font-style: italic;
	font-weight: 700;
}
.services-gallery {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: -12px;
	margin-left: -12px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.titleblk {
	margin-bottom: 14px;
}
.gal-item {
	overflow: hidden;
	height: auto;
	margin-bottom: 0px;
	padding: 12px;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
}
.gal-liht {
	display: inline-block;
height: 100%;
padding: 0px;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.light-img {
	display: block;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
.cont-det {
	width: 38%;
	padding-right: 20px;
	float: left;
	line-height: 22px;
}
.mapblk {
	width: 62%;
	float: left;
}
.company-name {
	margin-top: 39px;
	margin-bottom: 7px;
	font-size: 23px;
	line-height: 29px;
	font-weight: 900;
	text-transform: uppercase;
}
.cont-list {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 39px;
}
.cont-list.address {
	background-image: url('http://seoconsultant.com.sg/staging/sales-demo/eng-group/wp-content/uploads/2016/10/Address-Logo-e1475484362215.png');
	background-position: 0px 10px;
	background-repeat: no-repeat;
}
.cont-list.phone {
	background-image: url('http://seoconsultant.com.sg/staging/sales-demo/eng-group/wp-content/uploads/2016/10/Telephone-Logo-1-e1475485641248.png');
	background-position: 0px 8px;
	background-repeat: no-repeat;
	font-size:18px;
	color:blue;
	font-weight:bold;

}
.directions-link {
	color: blue;
	text-decoration: none;
}
.call-slider {
	margin-top: 24px;
	padding: 12px;
	background-color: hsla(0, 0%, 100%, .8);
	color: #181818;
	font-size: 17px;
	font-weight: 700;
}
.peter {
	font-size: 23px;
	line-height: 34px;
}
/*Custom*/
.w-dropdown-list a {
	width: 100%;
}
.sub-menu.droplist.w-dropdown-list {
	padding: 0;
	margin: 0;
}
.w-nav-overlay nav.w--nav-menu-open a {
	display: block;
}
.custom-dropdown {
	padding: 0;
	border-bottom: 0 !important;
}
.w-dropdown-link {
	padding: 10px 20px !important;
	text-transform: none;
}
.assistance-section {
	float: left;
	width: 100%;
}
.gal-item {
	height: 300px;
}
.footersection {
	float: left;
	width: 100%;
}
.cart-item-in {
	height: 300px;text-align:center;overflow:hidden;
}
.cat-img {
    height: 100%;
    width: auto;max-width: none !important;
}
.assistance-section .company-name {
  margin-top: 0;
}
.assistance-section .wpcf7-form {
  width: 75%;
  margin: 15px 0 0 0;
}
.assistance-section textarea.w-input{
  height: 60px;
}
.assistance-section .w-button {
  background-color: blue;
  padding-left: 22px;
  padding-right: 22px;
  text-transform: uppercase;
  transition: background-color 200ms ease 0s;
}
div.wpcf7-response-output {
  float: left;
  width: 100%;
}

div.wpcf7-validation-errors, div.wpcf7 .wpcf7-spam-blocked {
  background: #fffdf3 none repeat scroll 0 0;
  border: 1px solid #fad7b5;
  color: #c4690e;
  font-size: 0.923em;
  font-weight: 400;
  margin: 20px 0 0;
  padding: 10px;
  text-align: center;
}

div.wpcf7 .wpcf7-mail-sent-ok {
  background: #edfdd3 none repeat scroll 0 0;
  border: 1px solid #c4dba0;
  color: #657e3c;
  font-weight: normal;
  margin: 10px 0 0;
  padding: 10px;
  text-align: center;
}

.slidertag {
    float: right;
    position: relative;
    right: auto;
    top: 359px;
    z-index: 9999;
}
 @media (max-width: 1024px) {
.catitem {
	width: 50%;
}
}
 @media (max-width: 991px) {
.maincon.pages {
	padding-right: 22px;
	padding-left: 22px;
}
.navlinks {
	border-bottom: 1px solid #d6d6d6;
	font-size: 16px;
}
.navmenu {
	margin-top: 0px;
	background-color: #e7e7e7;
}
.calblk {
	display: none;
}
.brandlink {
	padding-left: 18px;
}
.mainslider {
	height: 428px;
}
.dropmenu {
	border-bottom: 1px solid #d6d6d6;
}

.servcol1 {
	width: 100%;
}
.serv-col2 {
	width: 100%;
	border-left-style: none;
}
.cattitle {
	font-size: 17px;
}
.menubtn {
	margin-top: 11px;
	font-size: 32px;
}
.menubtn.w--open {
	background-color: transparent;
	color: blue;
}
.pagecol2 {
	padding-left: 30px;
}
.services-gallery {
	margin-right: 0px;
	margin-left: 0px;
}
.gal-item {
	padding: 5px;
	-webkit-flex-basis: 33.33%;
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%;
}
.custom-dropdown {
	padding-left: 0 !important;
}
.assist-col1, .assist-col2 {
  width: 100%;
}
.assistance-section .wpcf7-form {
  margin: 15px 0 25px 0;
  width: 100%;
  float: left;
}
.slidertag {
    right: 10%;
    top: 50%;
}
}
 @media (max-width: 767px) {
.mainslider {
	height: 299px;
}
.slidertag {
    right: 10%;
    top: 50%;
}
.tag1 {
	font-size: 46px;
	line-height: 40px;
}
.tag2 {
	font-size: 26px;
	line-height: 30px;
}
.tag-par {
	font-size: 17px;
	line-height: 22px;
}
.cattitle {
	font-size: 21px;
}
.pagecol1 {
	width: 100%;
}
.pagecol2 {
	width: 100%;
	margin-top: 25px;
	padding-left: 0px;
}
.gal-item {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.cont-det {
	width: 100%;
}
.mapblk {
	width: 100%;
	margin-top: 24px;
}
.gal-item {
	height: auto;
	flex-basis: 100% !important;
}
.catitem {
	width: 100%;
}
.cart-item-in {
	height: auto;
}

.cat-img {
    height: auto;
    max-width: none;
    width: 100%;
}
}
 @media (max-width: 479px) {
.maincon.slider {
	background-color: rgba(0, 0, 0, .3);
}
.mainslider {
	height: 280px;
}
.slider1 {
	background-position: -50px 0px;
}
.arrows {
	display: none;
}
.slidertag {
	position: absolute;
	left: 26px;
	right: 17px;
}
.tag1 {
	font-size: 36px;
	line-height: 35px;
}
.tag2 {
	font-size: 18px;
	line-height: 29px;
}
.tag-par {
	font-size: 16px;
	line-height: 21px;
}
.cattitle {
	line-height: 29px;
}
.assist-col1 {
	width: 100%;
}
.assist-col2 {
	width: 100%;
	text-align: left;
}
.call-text {
	text-align: left;
}
.gal-item {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
}