/**
*
* MechTeq solutions (pty) Ltd Website styling
*
**/
@import url('bootstrap.min.css');
@import url("custom.flexslider.css");
@import url('font-awesome.min.css');
@import url('owl.carousel.css');
@import url('bootstrap-responsive.css');

{
	margin: 0px;
	padding: 0px;
}
body {
	color:#444;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
}
ul, li, a
{
	padding: 0px;
	margin: 0px;
}
a
{
	color: #DE1819;
	text-decoration: none;
	outline: none;
}
a:hover
{
	text-decoration: none;
	color: #F84B4A;
	outline: none;
}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}
h2
{
	color:#555;
	font-size: 22px;
	letter-spacing: 3px;
	padding: 0px;
	margin: 0px;
}
h3
{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	padding: 0px;
	margin: 0px;
}
img
{
	width: 100%;
}
hr
{
	width: 50px;
	height: 5px;
	background-color: #CB2525;
	margin-bottom: 20px;
	margin-top: 10px;
	border: none;
	float: left;
}
audio, canvas, video {
    display: inline-block;
	vertical-align: bottom;
}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.block{display:block;}
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}
.pushright li{margin-right:20px;}
.pushright li:last-child{margin-right:0;}
.borderedbox{border:1px solid;}
.overlay{position:relative; z-index:1;}
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;}
.circle{border-radius:50%; background-clip:padding-box;}
.overlay { color: #ffffff;}

.clear, .group{display:block;max-height: 320px;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}

/* Rows */
.row0{color:#222; background-color:#EEEEEE;}
.row1{color:#888888; background-color:#FFFFFF;}
.row2{color:#FFFFFF; background: #CC2726;  background: -webkit-linear-gradient(left, #CB2726 , #CB2525); background: -o-linear-gradient(right, #CB2726, #CB2525); 
	background: -moz-linear-gradient(right, #CB2726, #CB2525); background: linear-gradient(to right, #CB2726 , #CB2525);}
.row3{color:#888888; background-color:#FFFFFF;}
.row4{color:#888888; background-color:#EEEEEE;}
.row5, .row5 a{color:#888888; background-color:#EEEEEE;}

/* Grid
--------------------------------------------------------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;}

.first{margin-left:0; clear:left;}

.one_quarter{width:22.69938650306748%;}
.one_third{width:31.28834355828221%;}
.one_half, .two_quarter{width:48.46625766871166%;}
.two_third{width:65.6441717791411%;}
.three_quarter{width:74.23312883435584%;}

/* Forms
--------------------------------------------------------------------------------------------------------------- */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;}
label{margin-bottom:5px;}
:required, :invalid{outline:none; box-shadow:none;}

/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:10px 0; font-size:12px;font-weight: 400;}
#topbar li:hover{color: #CB2525;}

#topbar .fl_left{margin-top:4px;}
#topbar .fl_left .inline > li i{margin:0 5px 0 0; line-height:normal;}

/* Header id
--------------------------------------------------------------------------------------------------------------- */
#header{padding:30px 0;}

#header #logo{margin-top:8px; font-variant:small-caps;}
#header #logo h1{margin:0; padding:0; font-size:26px;}
#logo .mechteq { width:220px; height: auto; left: 0; }

#header #quickinfo{font-size:0.8em; text-transform:uppercase;margin-top: 20px;}
#header #quickinfo li{margin-right:20px;font-weight: 400;}
#header #quickinfo li:last-child{margin-right:0;}
#header #quickinfo strong{display:block; margin:0 0 -1px 0; padding:0; font-size:.9rem;}
#header #quickinfo br{display:none;}

header .admin {color: #444; font-size: 12px; text-transform: Capitalize;font-weight: 400;} 
header .admin:hover { color: #CB2525;}
header .admin  .fa { 	margin-right: 2px; font-size: 14px; }
.top-address { text-transform: Capitalize; }

/**header section**/
.main-header
{	
	width: 100%;
	float: left;
	background-size: cover;
}
.backbg-color
{
	width: 100%;
	float: left;
	padding-bottom: 0px;
}
 .wrapper{display:block; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}
 
.hoc{display:block; margin:0 auto;}

/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{}
#mainav ul{}
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:block; position:relative; float:left; margin:0; padding:0; text-transform:uppercase;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0; text-transform:none;}
#mainav ul.clear{border:solid; border-width:0 0 0 1px;}
#mainav li a{display:block; padding:20px; border:solid; border-width:0 1px 0 0; border-collapse:collapse;font-size: 12px;font-weight: 400;}
#mainav li li a{border-width:0 0 1px 0;}
#mainav li li:first-child a, #mainav li li:last-child a{border-width:0 0 1px 0;}
#mainav .drop{padding-left:25px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop:after, #mainav li li .drop:after{content:"\f0d7";}
#mainav .drop:after{top:25px; left:15px;}
#mainav li li .drop:after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:20px 0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none; border:none;}
#mainav form select{width:100%; padding:5px;}
#mainav form select option{margin:5px; padding:0;}

/* Colors Navigation */
#mainav ul.clear, #mainav li a{border-color:#C21437;}
#mainav li a{color:inherit; background-color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#F5A9B8; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:#536F7D; border-color:#536D7A;}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#E93A27;}
#mainav form select{color:#FFFFFF; background-color:#526E7A;}

/* Breadcrumb */
#breadcrumb{padding:80px 0 20px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* List */
.list{
	list-style: none;
}

/* Video Slider
--------------------------------------------------------------------------------------------------------------- */
.z-index-2 {
    z-index: 20;
}
.position-absolute {
    position: absolute;
}
.section-hero {
    position: relative;
	max-height: 450px;
}
.height-full {
	height: 100%;
}
.width-full {
    width: 100%;
}

/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{left: 50%; position: absolute; top: 50%;transform: translateY(-50%);width: 50%; max-height: 440px;}

#pageintro li article > div *{margin:0;}
#pageintro li article > div:first-child *{margin:20px 0 0 0;color: #fff;font: 400 22px/22px "Open Sans","Trebuchet MS",Helvetica,Garuda,sans-serif;}

#pageintro li .roman-numeral{display:none; font-size:3rem; font-style:normal; line-height:1;}
#pageintro li p:first-of-type{}
#pageintro li .heading{font-size: 28px;}
#pageintro li p:nth-of-type(2){margin-top:30px; line-height:2rem;}
#pageintro li p:last-of-type{margin-top:40px;}
#pageintro li .break { float: left; height: 80px; width: 100%;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}
.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 400px; }

#backtotop{color:#FFFFFF; background-color:#E9365A;}



/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; float:left; margin:0 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}

.faico a{display:block; width:30px; height:30px; line-height:30px; font-size:14px; text-align:center; border-radius:50%;}
.faico a{color:inherit; background-color:#DADADA;}

.faico a:hover{color:#FFFFFF;}
.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-pinterest:hover{background-color:#C8232C;}
.faicon-rss:hover{background-color:#EE802F;}
.faicon-twitter:hover{background-color:#00ACEE;}

/**intro & banner section**/
.intro-text h3 , .banner p{
	font-size: 28px;
	font-weight: 400;
}
.intro-text p, .banner p{
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
}

.intro-one, .banner {
	padding: 40px 0px;
	color:#fff;
	width: 100%;
	float: left;
}
.banner h5 {
	color: #555555;
    font-size: 14px;
    margin: 2px 0 0;
    padding: 0;
}

.intro-one
{
	background: #CC2726;
	background: -webkit-linear-gradient(left, #CB2726 , #CB2525);
	background: -o-linear-gradient(right, #CB2726, #CB2525);
	background: -moz-linear-gradient(right, #CB2726, #CB2525); 
	background: linear-gradient(to right, #CB2726 , #CB2525);

}
.banner {
	background: #f4f4f3;
}
.banner h2 {
	font-weight: 400;
	padding-bottom: 5px;
}

.banner ul {
	list-style: none;
}
.banner ul  li{
	width: auto; 
	float: left;
	padding-right: 8px;
	font-weight: 400;
	font-size: 14px;
	
}


/**about company section**/
.glow_blue {
    background: #00a4ef none repeat scroll 0 0;
}
.colored_banner {
    overflow: hidden;
    padding: 20px;
    position: relative;
    z-index: 0;
}
.glow_blue::before, .glow_green::before, .glow_yellow::before, .glow_red::before {
    content: "";
    height: 1px;
    left: 20%;
    position: absolute;
    top: 70%;
    width: 60%;
    z-index: -1;
}
.glow_blue::before {
    background: #00c6f5 none repeat scroll 0 0;
    box-shadow: 0 0 60px 70px #00c6f5;
}

.glow_green::before {
    background: #afd400 none repeat scroll 0 0;
    box-shadow: 0 0 50px 50px #afd400;
}

.glow_green {
    background: #7fba00 none repeat scroll 0 0;
}


.glow_yellow::before {
    background: #ffd300 none repeat scroll 0 0;
    box-shadow: 0 0 60px 70px #ffd300;
}

.glow_red::before {
    background: #f68450 none repeat scroll 0 0;
    box-shadow: 0 0 50px 50px #f68450;
}

.colored_banner a:hover {
    color: #ffffff;
}
.glow_red {
    background: #f25022 none repeat scroll 0 0;
}
.info h3 { font-weight: #fff; color:#fff;}

.aboutext {
	margin-top: 25px;
	line-height: 25px;
	font-weight: 400;
	font-size: 13px;
}

.aboutext li i{
	margin-right: 3px;
}
.company
{
	width: 100%;
	float: left;
	padding: 70px 0px 10px;
}
.company p {
	font-weight: 400;
}
.sec-head h2
{
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	padding: 0px;
	margin: 0px;
	font-weight: 400 !important;
	font-size: 22px;
}
.sec-head h2 span
{
	font-weight: 600;
}
.info {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.info  p{
	font-weight: 400;
	padding-left: 5%;
}


.feature .fea-head .fea-one
{
	width: 100%;
	height: 60px;
}

/**feature section**/
#listed img {
	width: 280px;
	height: 160px;
}

.feature
{
	width: 100%;
	float: left;
	padding: 80px 0px;
}
.sec-head h2
{
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	padding: 0px;
	margin: 0px;
	font-weight: 400 !important;
	font-size: 18px;
	line-height: 36px;
}
.sec-head h2 span
{
	font-weight: 600;
}

.feature .fea-head .fea-one
{
	width: 100%;
	height: 60px;
}
#owl-demo .item
{
    margin: 3px;
    box-shadow: 0px 0px 1px 2px rgba(26, 10, 10, 0.14)
}
#owl-demo .item img
{
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo .item .img-info
{
	padding:10px 0px 10px 10px;
	text-align: center;
}
#owl-demo .item .img-info h4
{
	color: rgba(39, 17, 17, 0.45);
	font-weight: 300;

}
/**agent section**/
.agent
{
	width: 100%;
	float: left;
	background-size: cover;
}
.agent .backbg
{

	background: #00B8F2; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #00BCF3 , #00A4EF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #00BCF3, #00A4EF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #00BCF3, #00A4EF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #00BCF3 , #00A4EF); /* Standard syntax */
	padding: 80px 0px;
}
.agent .backbg h2 {
    
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 5px;
    margin: 0px;
    font-weight: 300;
}
.agent .backbg .agent-sec h2 span
{
	font-weight: 600;
}
.agent .backbg .agent-sec .agent-one
{
	background-color: #fff;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.agent .backbg .agent-sec .agent-one .agent-info
{
	padding:45px 10px 0px;
}
.agent .backbg .agent-sec .agent-one .agent-img
{
	padding: 0px;
}
.agent .backbg .agent-sec .agent-one .agent-info .agent-social li
{
	display: inline-block;
	padding:0px 10px 0px 0px;
	margin-bottom: 10px;
}

.agent .backbg .agent-sec .agent-one .agent-info .agent-social li a
{
	color: #F84B4A;
	font-size: 20px;
}

/**credentials section**/
.credentials
{
	width: 100%;
	float: left;
	background-size: cover;
}

/* Image Sizes for the site
***********************************************************************************/
.credentials .row.list img {
	height: 120px;
    width: 180px;
}
#services .row.list img {
	height: 150px;
    width: 200px;
}
#serviceItem img {
	width: auto;
	height: auto;
	max-height: 550px;
	max-width: 500px;
}
.works .work-sec img {
	height: 120px;
    width: 180px;
}
#articleItem img { 
	max-height: 400px;
}


.credentials .backbg
{
	background: #e5e5e5 none repeat scroll 0 0;
	padding: 50px 0px;
}

.logo.gears {
	float: left;
	margin-right: 5px;
    height: 32px;
    left: 0;
    position: relative;
    width: 36px;
	background: url(../img/gears-small.png);
}

.credentials .backbg h2 {
    font-size:18px;
    text-transform: uppercase;
    color: #444;
    letter-spacing: 5px;
    margin: 0px;
    font-weight: 300;
	line-height: 36px;
}
.row.list {
    color: #808080;
    font-family: arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
	margin-top: 20px;
	outline: none;
}
.row.list img {
	min-height: 150px;

}
#serviceItem .row.list {
	margin-bottom: 25px;
}

#services .row.list .title, #serviceItem .row.list .title {
	color: #e93a29;
    font-size: 14px;
    font-weight: 500
}
#serviceItem .row.list img{
	width: auto;
	height: auto;
}

.third-section {
    padding-bottom: 70px;
    background:#E5E5E5;
    border-top:6px solid #F6921C;
}
.third-section .container {
    padding-top:20px;
    position:relative;
}
.third-section .title {
    color: #444;
}
.sub-section {
    margin-top:30px;
}
.sub-section .title {
    padding:0;
}
.bordershadowccc {
    box-shadow: 0 1px 5px #ccc;
}
.border {
    border: 1px solid #ccc;
}
.radius {
    border-radius: 3px;
}
.pad2 {
    padding: 2px;
}
.pad10 {
    padding: 10px;
}
.whitebg {
    background-color: #fff;
}

/**projects */
.project-info {
	margin-top: 15px;
}
.project-info h3 {
	font-size: 18px;
}
.project-info h4{
	font-size: 14px;
}

/**work section**/
.works
{
	width: 100%;
	float: left;
	padding: 80px 0px 80px 0px;
}
#Container .mix{
	display: none;
}
.works .work-sec .fil-btn
{
	margin-bottom: 36px;
	width: 100%;
	float: left;
}
.works .work-sec .wrk-title
{
	background-color: #FFF;
	width: 16%;
	font-size: 14px;
	font-weight: 400;
	margin-right: 0.8%;
	padding: 10px;
	border: 1px solid #F84B4A;
	color: #fff;
	cursor: pointer;
	background-color: #F84B4A;
}
.works .work-sec .lst-cld
{
	margin-right: 0px;
}
.works .work-sec .active {
    background-color: transparent;
	color: rgb(248, 75, 74);
	border-color: #F84B4A;
}
.works .work-sec img
{
	width: 100%;
	position: relative;
}
.works .work-sec .filimg
{
	margin-bottom: 30px;
	cursor: pointer;
}
.works .work-sec .filimg.NumOne {
	width: 100%;
	text-align: center;
}

.filimg video {
	border: 1px solid #B2B3B4;
	background: #B2B3B4;
}
.works .work-sec .filimg .img-hover
{
	position: absolute;
	bottom: 0px;
	background: rgba(248, 75, 74, 0.67) none repeat scroll 0% 0%;;
	left: 15px;
	right: 15px;
	display: none;
}
.works .work-sec .filimg:hover .img-hover
{
	display: block;
}
.works .work-sec .filimg .img-hover h3
{
	color: #FFF;
	font-size: 16px;
	padding: 15px;
}


/**client section**/
.client
{
	width: 100%;
	float: left;
}
.client blockquote
{
	border: 0px none;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	border-left: 5px solid rgba(85, 85, 85, 0.3);
}
.client blockquote p
{
	padding: 0px !important;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 0px;
	font-weight: normal;
	color: rgba(85, 85, 85, 0.56);
	text-transform: none;
}
.client blockquote .name
{
	margin: 0px;
}
.client blockquote .degi
{
	margin: 0px;	
}
.txt-comma
{
	color: #555;
	font-size: 25px;
}
.name
{
	padding: 0px;
	margin: 0px;
}
.degi
{
	color: #BF9E14;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
}
.client .cli-info
{
	font-weight: 400;
	width: 100%;
	float: left;
	padding: 64px 0px 0px 0px;
}


/* Login
--------------------------------------------------------------------------------------------------------------- */
.loginform {
	display: block; width: 100%; margin: 0px;
}

.loginform  input[type="text"], .loginform  input[type="password"] {
  font-size: 1em;
  color: #7C7C7C;
  width: 49%;
  padding: 0.3em 0.5em;
  outline: none;
  border: 1px solid #999;
  font-family: 'Hind-Regular';
  margin: 5px 0;
}
.loginform   input.email {
  margin: 0px 0px 0px 12px;
}

.loginform  input[type="submit"] {
  font-size: 1em;
  color: #FFF;
  padding: 0.4em 1.5em;
  background: #54707C;
  border: none;
  margin: 0.5em 0em 0em 0em;
  outline: none;
  
}
.loginform  input[type="submit"]:hover {
  background:#54707C;
}

.user-display {
	margin-top: 35px;
    position: absolute;
    right: 50px;

}
.user-display  p, .user-display  span{
  font-size: 0.6em;
  color: #7C7C7C;
  width: 100%;
}
 .user-display a {
	 color: #7C7C7C;
 }

.signin {
  padding: 5em 0em 5em 0em;
}
.signin-top {  
  padding: 0em 0em 2em 0em;
}

.signin-left input[type="email"],
.signin-left input[type="text"] ,
.signin-left input[type="password"]{
  font-size: 1em;
  color: #7C7C7C;
  width: 49%;
  padding: 0.3em 0.5em;
  outline: none;
  border: 1px solid #999;
  font-family: 'Hind-Regular';
}
.signin-left  input.email {
  margin: 0px 0px 0px 0;
}
#MemberLoginForm_LostPasswordForm_Email{
	width: 50%;
}
.signin .Actions  {
	width: 50%;
	margin-bottom: 50px;
}
#MemberLoginForm_LoginForm_Remember_Holder {
	width: 50%;
	font-size: 12px;
}
#MemberLoginForm_LoginForm_Remember_Holder label{
	padding-left: 20px;
	line-height: 22px;
	
}
#MemberLoginForm_LoginForm_Remember_Holder input {
	float: left;
    margin-left: 0;
    width: 10px;
}


.signin-left input[type="submit"] {
  font-size: 1em;
  color: #FFF;
  padding: 0.4em 1.5em;
  background: #54707C;
  border: none;
  margin: 0.5em 0em 0em 0em;
  outline: none;
  float:right;
  
}
#MemberLoginForm_LostPasswordForm_action_forgotPassword {
	float: left;
}

.signin-left input[type="submit"]:hover {
  background:#c76161;
}
.signin-left {
  padding: 0px;
  margin-bottom: 25px;
}

/**news section**/
.newsImg  img{
	width: 100%;
	height: 200px;
}
.news-cap {margin-top: 20px;}
.news-cap span{font-size: 12px;width: 100%;float:left;}
.news
{
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 20px 0px 10px 0px;
	
}
.news .news-sec
{
	width: 100%;
	float: left;
}
.news .news-sec .news-colm .news-itm
{
	
	background: #F6814C;  
	background: -webkit-linear-gradient(left, #F6814C , #F25022); 
	background: -o-linear-gradient(right, #F6814C, #F25022); 
	background: -moz-linear-gradient(right, #F6814C, #F25022);
	background: linear-gradient(to right, #F6814C , #F25022);
	
	padding: 10px;
	color: #fff;
	margin-bottom: 30px;
	cursor: pointer;
}
.news .news-sec .news-colm .news-itm h4
{
	color: #fff;
	font-weight: 400;
	padding-bottom: 15px;
	font-size: 22px;
}
.news .news-sec .news-colm .news-itm p
{
	 color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.news .news-sec .news-colm .news-itm a 
{
	display: inline-block;
	color: rgb(248, 75, 74);	
	margin: 10px 0px;
	text-decoration: none;
	border-radius: 1px;
	background-color: #FFF;
	padding: 10px;
	font-size: 14px;

}
.news .news-sec .news-colm .news-itm a:hover {
	color: #3D4244;
}
.news-line
{
	background: rgb(56, 60, 75);
	border-width: 3px;
    height: 2px;
    margin: 17px auto;
    position: absolute;
    top: 35px;
    width: 30px;
}
#commentArea {
	width: 100%;
	float: left;
	margin-bottom: 35px;
}
#commentArea .field.text.form-control, #commentArea .textarea.form-control{
	
	padding: 2px;
	margin: 3px 0;
}
#commentArea .Actions button {
	background: #cb2625 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    padding: 10px;
	float: right;
	margin-top: 5px;
}
#commentArea .Actions button:hover {
	background: #F49AAC;
}
#commentArea input[type="text"] {
	
}
.news-text, .news-text p {
	width: auto;
}
.comments {
	width: 100%;
}
.comments .comment-dates , .comments .comment{
	margin-right: 25px;
	margin-top: 5px;
	float: left;
	width: 100%;
	
}

.comments img {
	height: 50px;
	width: 60px;
}
#articleItem .comments ul {
	list-style: none;
	padding-left: 25px;
}
#articleItem  .page-header {
	width: 100%;
	float: left;
}
#articleItem  form {
	width: 100%;
	float: left;
}
#commentArea form .middleColumn {
	border: none;
}
#commentArea .form-control {
	float: left;
    height: 100%;
    padding: 5px;
    width: 100%;
}
#articleItem fieldset {
	width: 100%;
	float: left;
}
#articleItem .Actions{
	width: 100%;
	float: left;
}


/**contact section**/
.contact
{
	width: 100%;
	float: left;
	margin: 0px 0px 20px 0px;
}
.contact .contact-info
{
	background: #00B6F2;
	background: -webkit-linear-gradient(left, #00D1FB , #00A4EF); 
	background: -o-linear-gradient(right, #00D1FB, #00A4EF); 
	background: -moz-linear-gradient(right, #00D1FB, #00A4EF); 
	background: linear-gradient(to right, #00D1FB , #00A4EF);
	width: 100%;
	float: left;
	padding: 30px 25px 30px 15px;
	border-radius: 5px;
	color: #fff;
	font-weight: 400;
}
.contact .contact-info .cont-txt h3
{
	color: #fff;
	font-size: 32px;
	margin-bottom: 10px;
}
.contact .contact-info .cont-btn
{
	margin-top: 0;
	background-color: #3d4244;
	padding: 10px 50px;
	color: #FFF;
	font-size: 18px;
	display: inline-block;
	transition: all 0.5s ease-in 0s;
}
.contact .contact-info .cont-btn:hover
{
	background-color: rgba(79, 88, 125, 0.49);
	transition: all 0.5s ease-in 0s;
}

.contact-form {
	float: left;
    padding: 2em 0;
    width: 100%;
}

#contactus .contact {
  padding: 4em 0em 1em 0em;
}
.contact-top {  
  padding: 0em 0em 4em 0em;
}
.page-heading .feedback {
	color: #0099CC;
	font-size: 14px;
}

#Form_ContactForm .field.text, #Form_ContactForm .field.email {
	width: 49%;
	float: left;
}

#Form_ContactForm_Name,
#Form_ContactForm_Email {
  font-size: 1em;
  color: #7C7C7C;
  width: 100%;
  padding: 0.3em 0.5em;
  outline: none;
  border: 1px solid #999;

}
#Form_ContactForm_Message {
  font-size: 1em;
  color: #7C7C7C;
  width: 98%;
  padding: 0.3em 0.5em;
  outline: none;
  resize: none;
  height: 10em;
  margin: 0.5em 0em 0em 0em;
  border: 1px solid #999;  
}
.contact  .Actions {
	float: right;
	margin-bottom: 15px;
	margin-right: 20px;
}
#contactus .contact {
	margin-bottom: 0;
	padding-bottom: 5px;
}
#contactus {
	font-weight: 400;
}
#map {
	margin-top: 55px;
}

#map iframe {
	width: 100%;
	height: 300px;
}

#contactus address {
	margin-bottom: 1px;
	font-weight: 400;
}
#addressarticle, #contactarticle {
	padding-left: 45px;
}

.contact .Actions button {
	
	background: #CB2525 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 1em;
    margin: 0.5em 0 0;
    outline: medium none;
    padding: 0.4em 1.5em;
}
.contact   .Actions button:hover{
	background: #F49AAC none repeat scroll 0 0;
}
.contact-left  input.email {
  margin: 0 0 0 12px;
}
.contact-left .action {
  font-size: 1em;
  color: #FFF;
  padding: 0.4em 1.5em;
  background: #31539A;
  border: none;
  margin: 0.5em 0em 0em 0em;
  outline: none;
  float: right;
}
.contact-left .action:hover {
  background:#c76161;
}
#MemberLoginForm_LoginForm_error {
	color: red;
}
.contact-left {
  padding: 0px;
}
.contact-right {
  margin:2.5em 0em 0em 0em;
}
.contact-right h4 {
  font-size: 1.3em;
  color:#31539A;
  margin: 0em 0em 0.5em 0em;
 font-family: 'Play-Regular';
}
.contact-right  p {
  font-size: 1em;
  color: #7B7B7B;
  line-height: 1.8em;
}
.contact-right  p a{
  color: #7B7B7B;
}
.contact-right  p a:hover{
  color:#c76161;
  text-decoration:none;
}

.map iframe {
  width: 100%;
  height: 300px;
}
.map {
  padding: 0em 0em 5em 0em;
}

/**appoint sec**/
.appoin-sec
{
	width: 100%;
	float: left;
	background-color: #2C2F3C;
	padding: 80px 0px;
}
.appoin-sec .footer-sec h2
{
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	padding: 15px 0px;
}
.appoin-sec .footer-sec p
{
	color: #fff;
	font-size: 18px;
	padding: 15px 0px;
}
.appoin-sec .footer-sec a
{
	color: #FFF;
	background-color: rgba(79, 88, 125, 0.49);
	display: inline-block;
	padding: 19px 26px;
	font-size: 18px;
	transition: all 0.5s ease-in 0s;
}
.appoin-sec .footer-sec a:hover
{
	background-color: rgba(79, 88, 125, 0.25);
	transition: all 0.5s ease-in 0s;
}
.appoin-sec .footer-sec a i
{
	padding-right: 10px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #CB2726;
	border-color: #CB2726;
}
/**footer sec**/
#footer{padding:30px 0;}
#footer .title {text-align: left;}
#footer .span3{
	height: 100%;
}
#footer img { width: 60px; height: 50px;}
#footer .title {margin:0 0 25px 0; padding:0; font-size:0.89em; text-transform:uppercase;font-weight: 400;}
.linklist li address, .linklist li , #footer p { font-size: 14px; font-weight: 400;}

#footer .linklist li{display:block; margin-bottom:0px; padding:0 0 8px 0; border-bottom:none;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:0;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:relative; top:0; left:0; float:left; width:20px; font-size:12px; text-align:left;}


.ft_cover { background: #062343; text-align: left; padding-bottom: 2px;}
.footer > p { color: #fff; margin:0; }

.footer a{ color:#F7941D; }

.footer a:hover, .footer a:focus{
    text-decoration: underline;
}

.smallVid {

	height: auto;
	width: auto;
}
.smallVid  img , .logo.gears{
	transition: all 1.2s ease-in-out 0s; 
}

.smallVid a:hover > img , .logo.gears:hover{
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s;
}


.footer
{
	width: 100%;
	float: left;
	padding: 2px 0px;
	text-align: left;
	background: #f4f4f4 none repeat scroll 0 0;
}
.footer .footer-social li
{
	display: inline-block;
}
.footer .footer-social li a i
{
	color: #C1C0C0;
	font-size: 24px;
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background-color: #E9E8E8;
	border-radius: 3px;
	transition: all 0.8s ease-in 0s;
}
#red:hover
{
	background-color: #D1432F;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}
#blue:hover
{
	background-color: #4161A2;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}
#light-blue:hover
{
	background-color: #09AEEC;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}

/* bottom footer*/
.footer-line
{
	width: 100%;
	float: left;	
	padding-bottom: 2px;
	font-size:13px;
	background: #CC2726;  background: -webkit-linear-gradient(left, #CB2726 , #CB2525); background: -o-linear-gradient(right, #CB2726, #CB2525); 
	background: -moz-linear-gradient(right, #CB2726, #CB2525); background: linear-gradient(to right, #CB2726 , #CB2525);
}
#copyright{padding:20px 0; border-top:#AC6815;}
#copyright *{margin:0; padding:0;}
#copyright a{ color: #111;}
#copyright a:hover{ color: #F7941D;}
.fl_left, .imgl {
    float: left;
}
.fl_right, .imgr {
    float: right;
}
.footer-line p
{
    font-weight: 200;
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
/** media queries**/
@media screen and (min-width:978px){
	.hoc{max-width:978px;}	
	
		.credential_cover .whitebg  {		
		height: 180px;
	}
	.credential_cover .credential_disc {
		width: 145px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 25%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}
	

}
@media screen and (max-width:1150px){
	.credential_cover .whitebg  {		
		height: 180px;
	}
	.credential_cover .credential_disc {
		width: 145px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 25%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}
	
	#pageintro {height: 100%;}
	#pageintro li article > div:first-child *{ font-weight: 400; font-size:20px; line-height: 24px;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 350px; }
	#pageintro li .break { height: 50px; width: 100%;}
}
@media screen and (max-width:978px){
	.works .categories_info {
		height: auto;
		float:left;
		width: 100%;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 18px;
		 width: 100%;
	}
	
	.credential_cover .whitebg  {		
		height: 180px;
	}
	.credential_cover .credential_disc {
		width: 145px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 25%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}
	
	#pageintro {height: 100%;}
	#pageintro li article > div:first-child *{ font-weight: 400; font-size:18px; line-height: 20px;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 300px; }
	#pageintro li .break { height: 30px; width: 100%;}
}

/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){

	#serviceItem img , #serviceItem .row.list img,.news img {		
		width: 100%;
	}
	
	
	.works .categories_info {
		height: auto;
		float:left;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 18px;
		 width: 100%;
	}
	
	.credential_cover .whitebg  {		
		height: 180px;
	}
	.credential_cover .credential_disc {
		width: 145px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 25%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}
	
	.hoc{max-width:90%;}
	
	#listed img {
		max-width: 100%;
	}

	#topbar{}

	#header{}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}
	


	#pageintro {height: 100%;}
	#pageintro li article > div:first-child *{ font-weight: 300; font-size:16px; line-height: 18px;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 270px; }
	#pageintro li .break { height: 30px; width: 100%;}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}

@media screen and (max-width:750px){
	
	#serviceItem img , #serviceItem .row.list img,.news img {		
		width: 100%;
	}
	
	
	.works .categories_info {
		height: auto;
		float:left;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 18px;
		 width: 100%;
	}
	
	.credential_cover .whitebg  {		
		height: 180px;
	}
	.credential_cover .credential_disc {
		width: 145px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 25%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}
	
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{padding:10px 0 15px; text-align:center;}
	#topbar *{margin:0;}
	#topbar .fl_left ul{margin:0 0 10px 0; line-height:normal;}
	#topbar .fl_left ul li{display:inline-block; margin-right:20px;}
	#topbar .fl_left ul li:last-child{margin-right:0;}
	#topbar .faico li{float:none;}

	#header{text-align:center;}
	#header #logo{margin:0 0 30px 0;}
	#logo .mechteq { width:250px; height: 75px; left: 0; }
	
	#pageintro {height: 100%;}
	#pageintro li article > div:first-child *{ font-weight: 300; font-size:14px; line-height: 14px;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 250px; }
	#pageintro li .break { height: 20px; width: 100%;}
	

	.clrbox, .clrbox li{display:block; width:100%;}

	#footer{padding-bottom:30px;}/* Not necessary, but looks better */
}

@media (min-width: 350px) and (max-width: 768px) {	

	#serviceItem img , #serviceItem .row.list img,.news img {		
		width: 100%;
	}
	

	.works .categories_info {
		height: auto;
		float:left;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 18px;
		 width: 100%;
	}

	.footer, #copyright * {
		padding-left: 45px;
	}
	#copyright * {
		font-size: 11px;
	}

	.credential_cover .whitebg  {		
		height: 180px;
	}
	.credential_cover .credential_disc {
		width: 145px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 25%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}

	#pageintro {height: 100%;}
	#pageintro li article > div:first-child *{ font-weight: 100; font-size:14px; line-height: 14px;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 180px; }
	#pageintro li .break { height: 20px; width: 100%;}
	
	.agent .backbg .agent-sec .agent-one .agent-img img
		{
			width: 100%;

		}
		.main-header .banner-text {
		padding-top: 150px;
	}
		.banner-info h2 {
		font-size: 30px;
		padding-bottom: 100px;
	}
	.heading h3 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.contact .contact-info .cont-btn {
		padding: 10px 30px;
		float: left;
	}
	.appoin-sec .footer-sec p {
		font-size: 14px;
	}
	.appoin-sec .footer-sec h2 {
		font-size: 18px;
	}
	.appoin-sec .footer-sec a {
		font-size: 14px;
	}
	.footer-line p {
	font-size: 16px;
	}
	.works .work-sec .wrk-title  {

		font-size: 12px;
		padding: 7px;

	}
	.contact .contact-info .cont-txt h3
	{
		font-size: 18px;
	}
	.contact .contact-info .cont-txt p
	{
		font-size: 14px;
	}
	.agent .agent-sec .agent-one .agent-info .agent-social li a i
	{
		font-size: 18px;
	}
}

@media screen and (max-width:650px){
	
	#serviceItem img , #serviceItem .row.list img,.news img {		
		width: 100%;
	}
	
	
	.works .categories_info {
		height: auto;
		float:left;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 15px;
		 width: 100%;
	}
	
	.footer, #copyright * {
		padding-left: 35px;
	}
	#copyright * {
		font-size: 10px;
	}
	
	.credential_cover .whitebg  {
		padding: 10px;
		height: 190px;
	}
	.credential_cover .credential_disc {
		width: 155px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 45%;
		  float: left;
	}
	.credentials .row.list img {
		height: 80px;
		min-height: 20px;
		width: 120px;
	}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 130px; }
	#pageintro li .break { height: 10px; width: 100%;}
	#header #quickinfo li{display:block; margin-right:0;}
}

@media screen and (max-width:450px){
	
	#serviceItem img , #serviceItem .row.list img, .news img {		
		width: 100%;
	}
	
	
	.works .categories_info {
		height: auto;
		float:left;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 14px;
		 width: 100%;
	}
	
	.footer, #copyright * {
		padding-left: 25px;
	}
	#copyright * {
		font-size: 10px;
	}
	
	.credential_cover .whitebg  {
		padding: 5px;
		height: 160px;
	}
	.credential_cover .credential_disc {
		width: 135px;
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 45%;
		  float: left;
	}
	.credentials .row.list img {
		height: 60px;
		min-height: 20px;
		width: 100px;
	}
	#topbar .fl_left ul li{display:block; margin:5px 0 0 0;}
	#topbar .fl_left ul li:first-child{margin:0;}
	.slides .one_half , .slides .two_third, .slides .three_quarter{ height: 130px; }
	#pageintro li .break { height: 10px; width: 100%;}
}

@media (min-width: 100px) and (max-width: 350px) {
	
	#serviceItem img , #serviceItem .row.list img, .news img {
		width: 100%;
	}
	
	
	.works .categories_info {
		height: auto;
		float:left;
	}
	.works .categories_info h3{
		 float: left;
		 font-size: 14px;
		 width: 100%;
	}
	
	.footer, #copyright * {
		padding-left: 25px;
	}
	#copyright * {
		font-size: 10px;
	}
	
	.credential_cover .whitebg  {
		padding: 5px;
		height: 160px;
	}
	.credential_cover .credential_disc {
		width: 135px;		
	}
	
	.credential_cover {
		  margin: 0 auto 15px;
		  width: 45%;
		  float: left;
	}
	.credentials .row.list img {
		height: 60px;
		min-height: 20px;
		width: 100px;
	}
	
	
	#pageintro li .break { height: 10px; width: 100%;}
	.agent .backbg .agent-sec .agent-one .agent-img img
	{
		width: 100%;

	}
	.main-header .banner-text {
		padding-top: 150px;
	}
		.banner-info h2 {
		font-size: 30px;
		padding-bottom: 100px;
	}
	.heading h3 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.contact .contact-info .cont-btn {
		padding: 10px 30px;
		float: left;
	}
	.appoin-sec .footer-sec p {
		font-size: 14px;
	}
	.appoin-sec .footer-sec h2 {
		font-size: 18px;
	}
	.appoin-sec .footer-sec a {
		font-size: 14px;
	}
	.footer-line p {
	font-size: 16px;
	}
	.works .work-sec .wrk-title  {

		font-size: 12px;
		padding: 7px;

	}
	.contact .contact-info .cont-txt h3
	{
		font-size: 18px;
	}
	.contact .contact-info .cont-txt p
	{
		font-size: 14px;
	}

}