body {
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::-moz-selection {
	color: #fff; 
	background: #4b708a;
}

::selection {
	color: #fff;
	background: #4b708a;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
}

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../img/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

img {
	border: 0 none;
	max-width: 100%;
	vertical-align: top;
}

iframe {
	display: block;
}

textarea {
	resize: none;
	min-height: 100px;
}

input,
textarea,
select {
	appearance: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	border-radius: 0;
	padding: 15px 20px 15px 13px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
	min-height: 40px;
}

input:focus,
textarea:focus,
select:focus {
	outline-offset: 0;
	outline: none;
}

::-webkit-input-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

:-moz-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

::-moz-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

:-ms-input-placeholder {
	opacity: 1;
	color: #000;
	font-weight: 400;
}

button,
input {
	font-family: 'Raleway', sans-serif;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	border-radius: 0;
	max-width: 100%;
}

a,
input[class^="button"] {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	font-size: 15px;
	color: #555;
	text-decoration: none;
	line-height: 1.3;
	vertical-align: middle;
	pointer-events: visible;
	white-space: pre-line;
}

a:hover {
	color: #1261aa;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Poppins', sans-serif;
}

h1 {
	line-height: ;
	margin: 5px 0 0 0;
	padding: 0 0 15px 0;
	font-family: 'Poppins', sans-serif;
}

h2 {
	line-height: ;
	margin: 5px 0 0 0;
	padding: 0 0 15px 0;
	font-family: 'Poppins', sans-serif;
}

h3 {
	line-height: ;
	margin: 5px 0 0 0;
	padding: 0 0 12px 0;
	font-family: 'Poppins', sans-serif;
}

h4 {
	line-height: ;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	font-family: 'Poppins', sans-serif;
}

h5 {
	line-height: ;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	font-family: 'Poppins', sans-serif;
}

h6 {
	line-height: ;
	font-weight: 500;
	margin: 5px 0 0 0;
	padding: 0 0 8px 0;
	font-family: 'Poppins', sans-serif;
}

p {
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px;
	font-family: 'Open Sans', sans-serif;
	white-space: pre-line;
}

p:last-child,
p:last-of-type {
	margin-bottom: 0;
}

ul[class],
ol[class] {
	list-style: none;
	padding: 0px 0px 0px 0px;
}

ul:last-child,
ul:last-of-type {
	margin-bottom: 0;
}

ul[class] li,
ol[class] li {
	padding: 0 0 0 0;
	list-style: none;
}

li:last-child,
li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

ol:not([class]),
ol[class^="clearfix"] {
	list-style-type: decimal outside #000;
}

ul:not([class]) li,
ul[class^="clearfix"] li,
ol[class^="clearfix"] li {
	list-style: none;
	padding: 0px 0px 15px 0px;
	line-height: 1.3;
	font-size: 16px;
	color: #000;
	position: relative;
}

.clear,
.clear:before,
.clear:after,
.clearfix,
.clearfix:before,
.clearfix:after,
.wrapper,
.wrapper:before,
.wrapper:after,
.container,
.container:before,
.container:after {
	clear: both
}

.clear:before,
.clear:after,
.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after,
.container:before,
.container:after {
	content: '';
	height: 0;
	font-size: 0;
	display: table;
	table-layout: fixed;
	clear: both;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: left;
}

.error {
	color: white;
	font-size: 13px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -10px;
	padding: 5px 10px;
	background: #f00;
	box-shadow: 0 3px 5px -3px #000;
	z-index: 1;
}

.error:before {
	content: '';
	position: absolute;
	bottom: 100%;
	display: block;
	border-bottom: 5px solid #f00;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.col-wrap {
	margin: 0px -15px;
}

.col-wrap:after {
	content: '';
	display: table;
	clear: both;
}
.wsmenu-submenu {margin-left: 40px!important;}
.one-half,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	display: block;
	float: left;
	padding: 0px 15px;
}


/*.one-half:nth-of-type(2n),.col-3:nth-of-type(3n),.col-4:nth-of-type(4n){margin-right:0;}
.one-half:nth-of-type(n+3),.col-3:nth-of-type(n+4),.col-4:nth-of-type(n+5){margin-top:30px;}*/

.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33%;
}

.col-5 {
	width: 41.66%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33%;
}

.col-8 {
	width: 66.66%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33%;
}

.col-11 {
	width: 91.66%;
}

.col-12 {
	width: 100%;
}

.wrapper {
	width: 1170px;
	margin: 0 auto;
	position: relative;
}

.pt-5 {
	padding: 40px 0px;
}

.logo {
	width: 22.5%;
	float: left;
}

.top-right {
	width: 77.5%;
	float: left;
	text-align: right;
}

.pre-info {
	display: inline-block;
	margin-left: 30px;
}

.pre-info a {
	margin-right: 30px;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 30px;
}

.pre-info a:hover {
	text-decoration: none;
	color: #fff;
}

.pre-info i {
	position: absolute;
	left: 0px;
	top: 0px;
}

.pre-info a:last-child {
	margin-right: 15px;
}

.pre-socail {
	display: inline-block;
}

.pre-socail a {
	padding: 0px 12px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

.top-right i {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	line-height: 1;
}
.top-right i:hover{color: #ffe600;}

.header {
	background-color: rgba(0, 0, 0, 0.3);
	padding: 30px 30px 2px 30px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 11;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding-top: 20px;
}

.header.sticky {
	position: fixed;
	top: -200px;
}

.header.sticky.fixed {
	top: 0;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header.sticky .pre-right a,
.header.sticky .pre-right i,
.header.sticky .wsmenu-list>li>a,
.header.sticky .wsmenu-list li a {
	color: #000;
}

.owl-theme .owl-nav {
	height: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.owl-theme .owl-nav [class*="owl-"] {
	background-position: center center;
	width: 57px;
	height: 61px;
	background-color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0px 0px;
}

.owl-carousel .owl-nav button.owl-next {
	right: 0;
	outline: none;
}

.owl-carousel .owl-nav button.owl-prev {
	left: 0;
	outline: none;
}

.owl-theme .owl-nav [class*="owl-"] span {
	position: relative;
	z-index: 3;
	color: #fff;
	font-size: 42px;
}

.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center center;
	width: 57px;
	height: 61px;
	opacity: .5;
}

.owl-carousel .owl-nav button.owl-next:before {
	background-image: url('../img/right-bg.png');
	right: 0;
}

.owl-carousel .owl-nav button.owl-prev:before {
	background-image: url('../img/left-bg.png');
	left: 0;
}

.owl-carousel .owl-nav button.owl-prev:hover:before,
.owl-carousel .owl-nav button.owl-next:hover:before {
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

main {
	position: relative;
}

.banner-pre-content {
	position: absolute;
	top: -120px;
	width: 100%;
	z-index: 9;
	background-color: transparent;
}

.banner-pre-content .wrapper {
	background-color: rgba(255, 255, 255);
	background-color: rgba(255, 255, 255);
	-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.3);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.banner-pre-text {
	position: relative;
	z-index: 2;
	padding: 30px;
	-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	-o-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
}

.banner-pre-text h1 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	color: #00a7e0;
	text-transform: uppercase;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

.banner-pre-text p:last-child {
	margin-bottom: 0;
}


/*.banner-pre-text{background-image:url('../img/skew-bg-left.png'), url('../img/skew-bg-right.png'); background-position:left center, right center; background-repeat:no-repeat;}*/

.banner-pre-text:before,
.banner-pre-text:after {}

.banner-pre-text:before {
	left: -100%;
}

.banner-pre-text:after {
	right: -100%;
}

.capability-section {
	background-image: url("../img/capability-bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	padding: 30px 0px;
}

.capability-section:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: rgba(169, 3, 41, 1);
	background: -moz-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(169, 3, 41, 1)), color-stop(100%, rgba(109, 0, 25, 1)));
	background: -webkit-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 100%);
	background: -o-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 100%);
	background: -ms-linear-gradient(left, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 100%);
	background: linear-gradient(to right, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1);
}

.img-capability {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 5px 0px;
}

.img-capability i {
	font-size: 42px;
	color: #fff;
	line-height: 1;
	margin-bottom: 20px;
	display: inline-block;
}

.our-capability p {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.services-section {
	background-color: #f9f9f9;
	padding-top: 220px;
}

.title h1 {
	font-size: 35px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #00a7e0;
	line-height: 43px;
	padding-bottom: 15px;
	margin: 0 0 20px 0;
	background-image: url(../img/heading-icon.png);
	background-repeat: no-repeat;
	background-position: bottom center;
} 

.title h1 span {
	font-size: 45px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	color: #ffe600;
}







.title h2 {
	font-size: 35px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #00a7e0;
	line-height: 43px;
	padding-bottom: 15px;
	margin: 0 0 20px 0;
	background-image: url(../img/heading-icon.png);
	background-repeat: no-repeat;
	background-position: bottom center;
} 

.title h2 span {
	font-size: 45px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	color: #ffe600;
}
.service-outer {
	position: relative;
	/* margin-bottom:35px;     */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.service-outer:hover {
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.service-content {
	background-color: #fff;
	padding: 20px 16px;
	text-align: center;
	border: 1px solid #e0e0e0;
}

.service-content h3 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
	margin-bottom: 10px;
}

.service-content a:hover,
.view-pro a:hover {
	-webkit-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-webkit-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-moz-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-moz-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	color: #000;
	background: #ffe600;
	text-decoration: none;
}

.service-content a,
.view-pro a {
	color: #00a7e0;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin: 15px 0px 20px 0px;
	display: inline-block;
	background: #00a7e0;
	margin: 10px 0;
	border: 0px;
	padding: 10px 15px;
	color: #fff;
	box-shadow: 0 0 1px #ccc;
	-moz-transition-duration: 0.5s;
	-moz-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
	-webkit-transition-duration: 0.5s;
	-webkit-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
	transition-duration: 0.5s;
	box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
}

.service-content a i,
.view-pro a i {
	font-size: 12px;
	vertical-align: middle;
	color: #fff;
}

.service-content a:hover i,
.view-pro a:hover i {
	color: #000;
}

.project-content {
	padding: 15px 0;
	text-align: center;
}

.project-content h4 {
	font-size: 21px;
	color: #000;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.view-pro a {
	text-transform: uppercase;
	margin-bottom: 0px;
}

.call-to-action-left h4 {
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	line-height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

.call-to-action-left a {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	display: inline-block;
	line-height: 1;
	margin: 0px 0px;
	padding: 0px 0px;
	position: relative;
	text-transform: uppercase;
	text-decoration: underline;
	z-index: 2;
}

.footer-upper {
	background-color: #fff;
	border-top: 1px solid #00a7e0;
}

.call-to-action-left {
	position: relative;
	padding: 20px 50px 20px;
}

.call-to-action-left:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	width: 1920px;
	height: 114%;
	z-index: 1;
	background-color: #00a7e0;
	border-right: 7px solid #00a7e0;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
}

.call-to-action-right {
	/* padding:25px 0px 14px 30px */
}

.call-to-action-right ul {
	width: 100%;
	display: table;
	padding: 0px;
}


/* .call-to-action-right  li { */


/* text-align: center; */


/* display: table-cell; */


/* vertical-align:middle; */


/* } */

.main-footer {
	background: #ffe600;
	padding: 68px 0px 50px 0px;
	background-size: cover;
}

.fo-widget h3 {
	font-size: 21px;
	color: #000;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	line-height: 1.2;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	position: relative;
	position: relative;
	z-index: 2;
}

.fo-widget h3:after {
	content: '';
	position: absolute;
	width: 100%;
	background-color: #000;
	height: 3px;
	width: 55px;
	left: 0px;
	bottom: 0px;
}

.fo-widget a,
.fo-widget p {
	color: #000;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}

.fo-description a {
	margin-top: 30px;
	display: inline-block;
}

.fo-description a i {
	padding-left: 2px;
}

.fo-quick-link li {
	display: inline-block;
	width: 49%;
	padding: 5px 10px 5px 20px !important;
	position: relative;
}

.fo-quick-link li a {
	display: inline-block;
	padding: 5px 0;
	line-height: 1.2;
}

.fo-quick-link li a:hover{color: #fff!important;}

.fo-quick-link li:before {
	content: "\f10e";
	position: absolute;
	left: 0;
	top: 8px;
	color: #000;
	font-size: 14px;
	font-family: Flaticon;
}

.fo-info li {
	margin-bottom: 20px !important;
	padding: 0 0 0 30px !important;
}

.fo-info li a {}

.fo-info ul i {
	font-size: 17px;
	color: #000;
	position: absolute;
	left: -30px;
	top: 0;
}

.pre-footer {
	text-align: center;
	padding: 10px;
	background-color: #00a7e0;
}

.pre-footer p {
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	line-height: 1.3;
}

.wsmenu-list>li>a {
	display: block;
	color: #fff;
	padding: 15px 0px;
	line-height: 1.2;
	margin: 0 25px;
	text-transform: uppercase;
}

.wsmenu-list>li:last-child>a {
	margin-right: 0;
}

.innerImage {
	width: 100%;
}

.innerImage img {
	width: 100%;
}

.pageTitle {
	margin-bottom: 40px;
	text-align: center;
}

.pageTitle h1 {
	padding: 0 0 16px 0;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	position: relative;
	background-image: url(../img/heading-icon.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #00a7e0;
}

.contentLeftimg {
	margin: 0 30px 20px 0;
	float: left;
	width: 450px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
	border: 4px solid #fff;
}

.contactLeft {
	float: left;
	width: 43%;
	background: #ecebee;
	padding: 50px;
	min-height: 560px;
}

.contactLeft a {
	margin-bottom: 35px;
	font-size: 18px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #525252;
	display: block;
	position: relative;
}

.contactLeft a.cfax:after {
	background-image: url(../img/cfax.png);
	width: 20px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
}

.contactLeft a.cabn:after {
	background-image: url(../img/abn.png);
	width: 17px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
}

.contactLeft a.cabn {
	margin-bottom: 0;
}

.contactLeft h2 {
	padding: 0;
	margin: 0 0 45px 0;
	color: #00a7e0;
	font-size: 32px;
	line-height: 32px;
	font-weight: 600;
	text-transform: uppercase;
}

.contactLeft p {
	padding: 0;
	margin: 0 0 20px 0;
	color: #000000;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
}

.contactRight {
	width: 650px;
	float: right;
	min-height: 560px;
}

.contactRight .field {
	margin-bottom: 15px;
}

.contactRight .field input {
	padding: 0 13px;
	font-size: 16px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	height: 50px;
	line-height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border: 0;
	color: #000000;
}

.contactRight textarea {
	padding: 12px 13px 0 13px;
	font-size: 16px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	height: 50px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border: 0;
	color: #000000;
	height: 100px;
}

.contactRight {
	padding: 50px;
	background: #00a7e0;
}

.contactRight h2 {
	padding: 0;
	margin: 0 0 30px 0;
	color: #fff;
	font-size: 32px;
	line-height: 32px;
	font-weight: 600;
	text-transform: uppercase;
}

.captcha input {
	margin-right: 7px;
	float: left;
	padding: 0 13px;
	font-size: 16px;
	width: 200px;
	background-color: rgba(255, 255, 255, 0.7);
	height: 50px;
	line-height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border: 0;
	color: #000000;
}

.captcha img {
	float: left;
}

.captcha {
	margin-right: 10px;
	float: left;
}

.submitBtn {
	float: left;
}

.captchaBox .submitBtn {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #000;
	background: #fff;
	width: 43%;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	background-image: url(../img/btn-right-arrow.png);
	background-position: right 5px center;
	background-repeat: no-repeat;
}

.mapSection {
	padding: 10px 0 25px 0;
	margin-top: 5px;
}

.mapSection iframe {
	display: block;
	border: 6px solid #d7d7d7;
}

.projectLeft .noList {
	padding: 15px 0;
}

.projectLeft .noList li:before {
	display: none !important;
}

.projectLeft .noList li {
	margin-bottom: 25px;
	width: 50%;
	float: left;
	color: #545454;
}

.font18 {
	font-size: 18px;
	color: #000000;
}

.projectHeading {
	margin-bottom: 30px;
}

.projectHeading h3 {
	font-size: 24px;
	color: #000000;
	font-weight: 600;
	background-image: url(../img/projectHeading-line.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.projectLeft .proList li {
	padding: 0 0 0 32px;
	margin: 0;
	background-image: url(../img/projectlist-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.projectLeft span {
	margin-top: 10px;
	color: #000;
	display: block;
	margin-bottom: 4px;
}

.projectLeft {
	width: 70%;
	float: left;
	padding: 0 30px 0 0;
}

.proRightImage {
	width: 30%;
	float: left;
}

.grayproBox {
	padding: 30px 10px;
	background: #f9f9f9;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}

.projectBox {
	margin-bottom: 20px;
}

.projectBox {
	display: none;
}

.loadMore a {
	padding: 0 0 0 20px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #fff;
	background: #00a7e0;
	width: 195px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	background-image: url(../img/btn-right-arrow.png);
	background-position: right 5px center;
	background-repeat: no-repeat;
	display: inline-block;
}

.loadMore {
	text-align: center;
	padding: 50px 0 0 0;
}

.error-section {
	text-align: center;
	width: 100%;
}

.error-section .error-text {
	display: inline-block;
	height: 133px;
	width: 92px;
	line-height: 133px;
	background: #ff1e1e;
	color: #fff;
	font-size: 38px;
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 700;
}

.error-text:after,
.error-text:before {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: solid transparent;
	z-index: 1;
}

.error-text:after {
	right: -36px;
	border-width: 66.5px 0 66.5px 36px;
	border-left-color: #ed0000;
}

.error-text:before {
	left: -36px;
	border-width: 66.5px 36px 66.5px 0;
	border-right-color: #ed0000;
}

.error-section h3 {
	font-size: 28px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 20px;
	line-height: 36px;
}

.theme_color {
	color: #ff1e1e;
}

.error-section a {
	text-decoration: underline;
	color: #00a7e0;
	font-size: 18px;
	font-weight: 600;
}

.error-section a:hover {
	text-decoration: none;
}

.thankYou {
	text-align: center;
}

.thankYou a {
	text-decoration: underline;
	color: #00a7e0;
	font-size: 18px;
	font-weight: 600;
}

.thankYou a:hover {
	text-decoration: none;
}

.thankYou img {
	margin-bottom: 30px;
}

.thankYou h2 {
	margin-bottom: 30px;
	font-size: 48px;
}

.thankYou p {
	margin-bottom: 20px;
}

.fo-quick-link li a:hover {
	color: #fff;
	text-decoration: none;
}


/*about start*/
textarea.form-control {border-radius: 0px;}

/* CONTENT CSS : START */

.cms-content h1 {
	color: #00a7e0;
	font-weight: 900;
	font-size: 40px;
	padding: 0;
	line-height: 1.15;
	margin-bottom: 20px;
	text-transform: uppercase;
}

/*.cms-content h2 {
	color: #ffe600;
	font-weight: bold;
	padding: 0;
	font-size: 35px;
	line-height: 1.15;
	margin-bottom: 20px;
	text-transform: uppercase
}*/

.cms-content h2 {
	color: #00a7e0;
	font-size: 30px;
	line-height: 1.15;
	padding: 0;
	margin-top: 10px;
	font-weight: 600;
	margin-bottom: 10px
}

.cms-content h4 {
	color: #ffe600;
	padding: 0;
	font-size: 25px;
	line-height: 1.15;
	margin-bottom: 10px;
	font-weight: 600;
}

.cms-content h5 {
	color: #005e8a;
	font-size: 22px;
	padding: 0;
	line-height: 1.15;
	margin-bottom: 20px;
	font-weight: 600;
}

.cms-content h6 {
	color: #004080;
	padding: 0;
	font-size: 20px;
	line-height: 1.15;
	margin-bottom: 20px
}

.cms-content,
.cms-content p,
.cms-content ol,
.cms-content ul,
.cms-content table {}

.cms-content p,
.cms-content ol,
.cms-content ul,
.cms-content table {}

.cms-content ol,
.cms-content ul {
	margin-left: 20px
}

.cms-content ul ul,
.cms-content ol ul,
.cms-content ol ul,
.cms-content ol ol {
	margin-bottom: 5px;
	margin-top: 5px
}

.cms-content ul,
.cms-content ul li,
.cms-content ol,
.cms-content ol li {
	list-style: inherit;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	padding: 0;
}

.cms-content ol>li {
	list-style: decimal
}

.cms-content ol ol>li,
.cms-content ul ol>li {
	list-style: lower-roman
}

.cms-content table {
	border: solid 1px #ddd;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}

.cms-content table tr th,
.cms-content table tr td {
	background: #fff;
	border: solid 1px #ddd;
	border-bottom: 0;
	padding: 4px 8px;
}

.cms-content table thead tr th,
.cms-content table thead tr td {
	background: #00a7e0;
	border-color: #00a7e0;
	color: #fff;
}

.cms-content table tbody tr:nth-child(2n)>th,
.cms-content table tbody tr:nth-child(2n)>td {
	background: #fafafa;
}

.cms-content table tfoot tr th,
.cms-content table tfoot tr td {
	background: #f7f7f7;
}

.cms-content table tr th p,
.cms-content table tr td p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.cms-content img {
	background: #fefefe;
	border: solid 2px #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
	margin: 10px;
	padding: 4px;
}

.cms-content img.align-right {
	float: right;
	margin-left: 20px;
}

.cms-content img.align-left {
	float: left;
	margin-right: 20px;
}

.cms-content.thankyou {
	text-align: center;
}

.cms-content.thankyou img {
	border: 0;
	display: block;
}

.cms-content.aligncenter img {
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:600px) {
	.cms-content img,
	.cms-content img.align-right,
	.cms-content img.align-left {
		float: none;
		margin: 10px auto;
	}
}

@media (max-width:799px) {
	.cms-content h1 {
		font-size: 40px;
	}
	.cms-content h2 {
		font-size: 30px;
	}
	.cms-content h3 {
		font-size: 27px;
	}
	.cms-content h4 {
		font-size: 25px;
	}
	.cms-content h5 {
		font-size: 22px;
	}
	.cms-content h6 {
		font-size: 20px;
	}
}


/* CONTENT CSS : END */


/*About us end*/


/*testimonials start*/

.our-services {
	position: relative;
}

.our-services .heading:after {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.our-services .container {
	z-index: 1;
	position: relative
}

.our-services .item {
	background-color: #fff;
	margin: 15px 0;
	min-height: 340px;
	padding: 20px 25px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.our-services .item:hover {
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.our-services .item:hover a:hover {
	color: #00a7e0;
	text-decoration: none;
	background: #fff;
}

#quote-carousel .carousel-control {
	display: block;
	background: none;
}

#quote-carousel .left.carousel-control {
	color: #000;
	position: absolute;
	top: 15%;
	left: -8%;
}

#quote-carousel .right.carousel-control {
	color: #000;
	position: absolute;
	top: 15%;
	right: -8%;
}

#quote-carousel .carousel-indicators {
	position: relative;
	right: 50%;
	top: auto;
	bottom: 0px;
	min-height: 100px;
	margin-top: 20px;
	margin-right: -19px;
	z-index: 1;
}

#quote-carousel .carousel-indicators li {
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	opacity: 0.4;
	overflow: hidden;
	transition: all .4s ease-in;
	vertical-align: middle;
}

#quote-carousel .carousel-indicators .active {
	width: 100px;
	height: 100px;
	opacity: 1;
	transition: all .2s;
}

.item blockquote {
	border-left: none;
	margin: 0;
}

.item-icon img {
	border-radius: 50%;
}


/*testimonials end*/

.service-img img {
	width: 100%;
}

.fa-angle-down:before {
	content: "\f107";
	color: #000;
}

.fo-info li a:hover {
	color: #fff;
}

.fo-description a:hover {
	color: #fff;
}

.fo-widget a,
.fo-widget p:hover {
	color: #000 !important;
	text-decoration: none !important;
}

@media only screen and (max-width:549px) {
	.hero-text {
		display: none;
	}
}

@media only screen and (min-width:550px) and (max-width:850px) {
	.hero-text {
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: white;
	}
	.hero-text p {
		font-size: 18px;
		margin: 0;
		line-height: 30px;
	}
	.hero-text h2 {
		margin: 0;
		font-size: 30px;
		font-weight: bold;
	}
}

@media only screen and (min-width:851px) {
	.hero-text {
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: white;
	}
	.hero-text p {
		font-size: 25px;
		margin: 0;
		line-height: 30px;
	}
	.hero-text h2 {
		margin: 0;
		font-size: 35px;
		font-weight: bold;
	}
}

.pre-right {
	padding-bottom: 5px;
}

.read-more:hover {
	-webkit-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-webkit-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-moz-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-moz-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	color: #000;
	background: #ffe600;
	text-decoration: none;
}

.read-more {
	background: #00a7e0;
	margin: 15px 0 0 0;
	/* float: left; */
	display: inline-block;
	border: 0px;
	padding: 10px 15px;
	color: #fff;
	box-shadow: 0 0 1px #ccc;
	-webkit-transition-duration: 0.5s;
	-webkit-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
	-moz-transition-duration: 0.5s;
	-moz-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
	transition-duration: 0.5s;
	box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
}


}

/*contact page start*/
#tip {
	display: none;
}
.fadeIn {
	animation-duration: 3s;
}
.form-control {
	border-radius: 0px;
	border: 1px solid #EDEDED;
}
.form-control:focus {
	border: 1px solid #00bfff;
}
.textarea-contact {
	resize: none;
}
.btn-send {
	border-radius: 0px;
	/*padding: 7px 50px;*/
	
	float: left font-size: 16px;
	background: #00a7e0;
	border: 0px;
	padding: 10px 15px;
	color: #fff;
	box-shadow: 0 0 1px #ccc;
	-webkit-transition-duration: 0.5s;
	-webkit-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
	-moz-transition-duration: 0.5s;
	-moz-box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
	transition-duration: 0.5s;
	box-shadow: 0px 0px 0 0 #31708f inset, 0px 0px 0 0 #31708f inset;
}
.btn-send:hover {
	-webkit-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-webkit-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-moz-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	-moz-box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	box-shadow: 50px 0px 0 0 #ffe600 inset, -50px 0px 0 0 #ffe600 inset;
	color: #000;
	background: #ffe600;
	text-decoration: none;
}
.second-portion {
	margin-top: 50px;
}
@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";
.box>.icon {
	text-align: center;
	position: relative;
}
.box>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #ffe600;
	vertical-align: middle;
}
.box>.icon:hover>.image {
	background: #00a7e0;
}
.box>.icon>.image>i {
	font-size: 36px !important;
	color: #fff !important;
}
.box>.icon:hover>.image>i {
	color: white !important;
}
.box>.icon>.info {
	margin-top: -24px;
	background: #f9f9f9;
	padding: 15px 0 10px 0;
	min-height: 150px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.box>.icon:hover>.info {
	background: rgba(0, 0, 0, 0.04);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	color: white;
}
.box>.icon>.info>h3.title {
	font-size: 16px;
	color: #222;
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 0;
}
.box>.icon>.info>a {
	font-size: 15px;
	margin: 0;
	color: #666;
	line-height: 1.5em;
}
.box>.icon:hover>.info>h3.title,
.box>.icon:hover>.info>p,
.box>.icon:hover>.info>.more>a {
	color: #222;
}
.box>.icon>.info>.more a {
	font-family: "Robot", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
.box>.icon:hover>.info>.more>a {
	color: #fff;
	padding: 6px 8px;
	background-color: #63B76C;
}
.box .space {
	height: 30px;
}
.box>.icon>.info>a:hover {
	text-decoration: none;
}
.form-control:focus {
	border-color: #00a7e0 !important;
}
@media only screen and (max-width: 768px) {
	.contact-form {
		margin-top: 25px;
	}
	
	.second-portion {
		margin-top: 25px;
	}
}

/* Conatct end */

/*contact page end*/
.form-group br {
	margin: 20px;
}
.main-btn {
	text-align: center;
	margin-top: 10px;
}
.item blockquote small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #000;
	padding: 10px 0 0 00;
	font-size: 14px;
	font-weight: 600;
}
.call-to-action-left h4 span {
	display: block;
	font-size: 35px;
}
.fo-description a {
	margin-top: 10px;
	text-decoration: underline !Important;
}
.top-right .pre-info i {
	color: #ffe600
}
.footer-upper .col-wrap {
	display: flex;
	align-items: center;
}
.our-services .item:nth-child(4),
.our-services .item:nth-child(5),
.our-services .item:nth-child(6) {
	margin-bottom: 0px !important;
}
.InnerPages .title h1 {
	padding-bottom: 15px;
	margin-bottom: 20px;
	background-image: url(../img/heading-icon.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.InnerPages .title h2 {
	padding-bottom: 15px;
	margin-bottom: 20px;
	background-image: url(../img/heading-icon.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

/* inner page start */
.InnerPages {
	background: #f9f9f9;
}
.InnerPages .wrapper {
	position: relative;
	margin-top: -120px;
	background: #fff;
	padding: 30px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	margin-bottom: 50px;
}
.InnerPages .wrapper .service-outer {
	margin: 15px 0;
}

/* inner page end */

/* contact page start */
.form-main h3,
.contact-info h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 600;
	font-size: 26px;
	color: #333;
}
.form-main p {
	margin: 0 0 20px 0;
	padding: 0;
}
.contact-info p {
	margin: 0 0 0px 0;
	padding: 0;
}
.contact-info .info li a {
	color: #333;
	font-size: 18px;
}
.contact-info .info li a:hover {
	text-decoration: none;
}
.contact-info .info li a i {
	color: #00a7e0;
	padding-right: 8px;
}
.social-icon h3 {
	margin: 40px 0 10px 0;
}
.social-icon .pre-socail a {
	padding-left: 0;
	color: #a5a5a5;
	margin-top: 10px;
	font-size: 20px;
	padding-right: 18px;
}
.social-icon .pre-socail a:hover {
	color: #333;
	text-decoration: none;
}

/* contact page end */

/* navigation start */
.wsmenu ul #email,
.wsmenu ul #phone {
	display: none;
}
.wsmenu ul li a .mobile-logo {
	display: none;
}
.wsmenu ul #logo:nth-child(1) a.active {
	/* background:#00abab !important; */
	
	display: none;
}
#logo {
	display: none;
}

/* navigation end */
@media (min-width:1025px) {
	.wsmenu>.wsmenu-list>li>a>span,
	.wsmenu .wsmenu-list>.email-nav {
		display: none;
	}
}
.pre-socail a:first-child {
	padding-left: 0 !Important;
}

/* fixed header start */
.shrink {
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 0;
}
.shrink .pre-right {
	display: none;
}
.shrink .logo img {
	width: 70%;
}
.shrink .wsmenu-submenu {
	top: 45px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}
.shrink .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}

/* fixed header end */
@media only screen and (min-width:768px) {
	.slider-text {
		display: none;
	}
}
.inner-testi .services {
	padding: 0;
}