body {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.5rem;
	color: #666;
	background: #fff;
}

main {
	background: #fff;
}

a {
	color: #198FEF;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lobster', cursive;
	font-family: 'PT Sans', sans-serif;
}

h3 {
	font-size: 3.0rem;
	margin: 0;
}

label {
	font-weight: normal;
    margin: 0px;
    padding: 7px 0;
}

.form-control {
	margin-bottom: 10px;
}

.navbar {
    min-height: 80px;
}

.navbar-header {
    min-height: 80px;
	float: right;
}

.navbar-nav {
	float: left;
    margin: 0px;
}

.navbar-default {
	background: #fff;
	border: none;
	/*background: #0299FE;*/
}

.navbar-brand {
	line-height: 80px;
	height: 80px;
	padding: 0px 15px;
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {
    color: #0299FE;
    color: #4c4c4c;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    /*
    background-color: #0299FE;
    color: #fff;
    */
    background-color: #fff;
    color: #4c4c4c;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a {
	background: url('../img/robotnavi.png') no-repeat;
	padding-left: 35px;
	color: #424242;
}

/*menu stripe */
.navbar-toggle {
	margin-top: 24px;
}

.navbar-default .navbar-toggle {
	background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0299FE;
    background-color: #7ecbff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle {
    border-color: #7ecbff;
}

.navbar-nav > li > a {
    line-height: 50px;
}

button, .button {
	/*background: -moz-linear-gradient(center top , #faa51a, #f47a20) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
	background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
	background-color:#49c0f0;
	border:1px solid #15aeec;
	-webkit-border-radius: 7px;
	-moz-border-radius: 3px;
	border-radius: 7px;
	font-size:14px;
	padding: 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
}

button:hover, .button:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
	color: #FFFFFF;
}

button:hover, .button:active {
	position:relative;
	top:1px;
}

/*
	light: #cae3fc
	gradient-top: #79bbff
	gradient-bottom: #4197ee
	border: #469df5
	text-shadow: #287ace
*/

#panel1 {
	background: #0299FE;
	background: #424242;
	color: #fff;
}

.aligncenter {
	text-align: center;
}

.aligncenter img {
	display: inline-block; /* override slick img css*/
}

/*.greenbtn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8eff78), color-stop(1, #5ded40) );
	background:-moz-linear-gradient( center top, #8eff78 5%, #5ded40 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eff78', endColorstr='#5ded40');
	background-color:#8eff78;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #64f547;
	display:inline-block;
	text-shadow:0px 0px 0px #fff;
	color:#ffffff;
	font-weight:bold;
	padding: 5px 15px;
	text-decoration:none;
	text-align:center;
}

.greenbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5ded40), color-stop(1, #8eff78) );
	background:-moz-linear-gradient( center top, #5ded40 5%, #8eff78 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ded40', endColorstr='#8eff78');
	background-color:#5ded40;
}

.greenbtn:active {
	position:relative;
	top:1px;
}*/

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
    border: none;
}

div.wpcf7-response-output {
    margin: 0px;
    padding: 0px 15px 10px 15px;
    float: left;
}

.submitbtn {
	height: 34px;
	padding: 5px 10px;
	width: 100%;
}

.orangebtn {
	background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
	background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
	background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
    background-color:#ffc579;
	border:1px solid #ffad41;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:14px;
	padding: 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
}

.orangebtn:hover {
	border:1px solid #ff9913;
	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
	background-color:#ffaf46;
}

.orangebtn:active {
	position:relative;
	top:1px;
}

#fixedheader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	z-index: 99997; /* behind modal */
	opacity: 0.95;
}

#fixedheader:after {
	background: radial-gradient(ellipse at 50% -3% , rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0;
    content: "";
    height: 6px;
    position: absolute;
    top: 100%;
    width: 120%;
    left: -10%;
}

.awardlogo {
	text-align: center;
	border-radius: 30px;
	background: #fff;
	padding: 0px 15px;
}

h3.title {
	/*padding: 2.0rem 0px 3.0rem 0px;*/
	padding: 0px 0px 3.0rem 0px;
	text-align: center;
}

.subtext {
	padding: 0px 10px 10px 10px;
	text-align: center;
	font-size: 2.0rem;
}

.wrap {
	margin-top: 80px; /* follow fixedheader height */
}

.nooverflow {
	overflow: hidden;
}

.img-responsive {
	display: inline-block;
}

.animation, #picholder, #statsholder {
	text-align: center;
}

#queueholder {
	
}

.triggerspacer {
	width: 100%;
	height: 3rem;
	/*height: 6vmin; dont work on samsung*/
}

.spacer {
	width: 100%;
	height: 5rem;
	/*height: 10vmin; dont work on samsung*/
}

.nopad {
	padding: 0px;
}

.solu {
	width: 100%;
	opacity: 0.5;
	/* make greyscale */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.solu:hover {
	opacity: 1.0;
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

.invisible {
	display: none;
}

#trigger1, #trigger3 {
	margin-bottom: 10px;
}

#solutionholder, .flex-video {
	margin-top: 10px;
}

#solutionholder2:hover {
	cursor: pointer;
	background: #f5f5f5;
}

#solutionholder2 h3 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

#scrolldownholder {
	z-index: 99997;
	padding: 15px;
	right: 0;
	bottom: 0;
	width: 100px;
	position: fixed;
	text-align: center;
}

#scrolldown {
	position: relative;
}

#scrolldown:hover {
	cursor: pointer;
}

.percentstyle {
	font-size: 150%;
	font-weight: bold;
}

#iqdiv {
	padding: 30px;
	/*background: url('../img/iqdiv.png') repeat;*/
	background: #fff;
	color: #000;
	border-radius: 15px;
	/*box-shadow: 10px 10px 0px #424242;*/
	text-align: justify;
	text-justify: inter-word;
}

#iqdiv:after {
	background: radial-gradient(ellipse at 50% 5% , rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 66%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0;
    content: "";
    height: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0%;
}

#parallaxDiv {
	overflow: hidden;
}

.para1, .para2, .para3, .para4 {
	background-size: cover;
	position: absolute;
	width: 100%;
}

.para1 {
	background-image: url('../img/queue.jpg');
	background-repeat: no-repeat;
}

.para2, .para3, .para4 {
	background-image: url('../img/test.png');
	background-repeat: no-repeat;
}

#enquiry {
	/*background: #0299FE;
	background-image: url('../img/footer_bg.jpg');
	background-size: cover;*/
	background: #000;
	color: #fff;
}

#iqpanel {
	background: #0299FE;
	background-image: url('../img/iqbg.jpg');
	background-size: cover;
	color: #fff;
}

.content-info {
	background: #0299FE;
	padding: 15px;
}

.formheader {
	display: block;
	background: #666;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px 0px;
}

#enquiryform {
	margin: 15px 15px 0px 15px;
	border-radius: 15px;
	background: #fafafa;
	color: #666;
}

.pad15 {
	padding: 15px;
	overflow: hidden;
}

.counterholder {
	float: left;
	background-repeat:  repeat-y;
	background-size: cover;
	display: inline-block;
	overflow: hidden;
}

.mischolder {
	padding: 0px 2rem;
	font-size: 3.0rem;
	float: left;
	display: inline-block;
}

.textcontainer {
	clear: left;
	float: left;
}

.slick-slider {
	margin-bottom: 30px;
}
/*
.slick-dots {
	top: 10px;
	position: absolute;
	height: 40px;
	padding: 10px 0px;
}
*/
.slick-dots li button:before {
	font-size: 50px;
	border-radius: 0px;
    text-shadow: none;
}

.slick-next, .slick-next:hover, .blueslick-next, .blueslick-next:hover {
	top: 50%;
	position: absolute;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	right: 15px;
}

.slick-dots li.slick-active button:before {
    color: white;
    opacity: 0.75;
}

.slick-next:before {
    content: url('../img/next.png');
}

.blueslick-next:before {
    content: url('../img/next_blue.png');
}

.slick-prev, .slick-prev:hover, .blueslick-prev, .blueslick-prev:hover {
	top: 50%;
	position: absolute;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	left: 15px;
}

.slick-prev:before {
    content: url('../img/prev.png');
}

.blueslick-prev:before {
    content: url('../img/prev_blue.png');
}

#glow {
	position: absolute;
	bottom: 175px;
	left: 85px;
}

#modalmask {
	display: none;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	position: fixed;
	z-index: 99998;
	background: #333;
}

#modalholder {
	color: #333;
	display: none;
	padding: 15px;
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	position: fixed;
	z-index: 99999;
	background: url('../img/watermark.png') repeat #f1f1f1;
	overflow: visible;
	font-size: 12px;
	border-radius: 15px;
}

#modalmask:hover, #modalholder:hover {
	cursor: pointer;
}

#modaltextcontainer {
	overflow: auto;
}

#modaltext h3 {
	padding: 0px;
}

#closemodal {
	position: absolute;
	right: -14px;
    top: -14px;
    text-align: center;
	background: #000;
	border: 3px solid #fff;
	color: #fff;
	font-weight: bold;
	border-radius: 14px;
	font-size: 14px;
	width: 28px;
	height: 28px;
	z-index: 99999;
}

#closemodal:hover {
	text-decoration: none;
}

.product-title {
	color: #fff;
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0px 0px 15px 15px;
}

.product-holder {
	background: #0695F5;
}

.highlight {
	font-weight: bold;
	color: #0299FE;
}

.solutiontable {
	margin-top: 30px;
}

#modalholder h3 {
	text-align: center;
}

#locationtab {
	position: fixed;
	top: 100px;
	left: 0px;
	width: auto;
	padding: 10px 15px 10px 10px;
	background: #000;
	color: #fff;
	font-size: 14px;
	box-shadow: 3px 3px 5px #888888;
}

#locationtabicon {
	position: absolute;
	right: -65px;
	top: -10px;
	margin-bottom: -60px;
}

.slider-nav .slick-slide {
	margin: 0px 5px;
	border: 1px solid #ddd;
	padding: 5px;
	cursor: pointer;
}

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

table.pointtable {
	text-align: center;
}

table.pointtable tr td {
	padding: 0px 13px 15px 13px;;
}

@media (max-width: 768px) {
	.navbar-header {
		width: 100%;
		float: left;
	}

	.navbar-nav {
    	float: left;
	}
	
	.navbar-collapse {
		width: 100%;
		max-height: 360px;
	}
}