body {
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
}

/*scroll to top */
.scroll-to-top {
	position: fixed;
	background: url(../img/scroll-to-top.png) no-repeat;
	cursor: pointer;
	bottom: 1em;
	right: 0px;
	width: 55px;
	height: 55px;
	padding-right: 2em;
	padding-bottom: 1em;
	display: none;
	z-index: 110;
}

.scroll-to-top:hover {
	position: fixed;
	background: url(../img/scroll-to-top-hover.png) no-repeat;
	cursor: pointer;
	bottom: 1em;
	right: 0px;
	width: 55px;
	height: 55px;
	padding-right: 2em;
	padding-bottom: 1em;
	display: none;
	z-index: 999;
}
/*scroll to top */

/************ pgenetic  **************/

.fa-clock-o {
	text-decoration: none;
	color: #3db7ef;
	font-size: 25px;
}

.fa-phone {
	text-decoration: none;
	color: #3db7ef;
	font-size: 25px;
}

.fa-envelope-o{
    text-decoration:none;
    color:#9f9b9f;
    font-size:13px;
}

.fa-map-marker {
	text-decoration: none;
	color: #3db7ef;
	font-size: 25px;
}

.responsive-image {
	height: auto;
	/* width:100%; */
	max-width: 100%;
}

.border_image {
	border: 1px #cbcbcb solid;
}

.header_link {
	font-family: "Open Sans", sans-serif;
	/*height:100px;*/
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #525258;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.header_link:hover {
	font-family: "Open Sans", sans-serif;
	/*height:100px;*/
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	color: #3db7ef;
}

.header_link2 {
	font-family: "Open Sans", sans-serif;
	/*height:100px;*/
	text-align: center;
	font-size: 13px;
	text-decoration: none;
	color: #5B575B;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.header_link2:hover {
	font-family: "Open Sans", sans-serif;
	/*height:100px;*/
	text-align: center;
	font-size: 13px;
	text-decoration: none;
	color: #3db7ef;
}

.header_text {
	font-family: "Open Sans", sans-serif;
	/*height:100px;*/
	font-size: 16px;
	font-weight: 600;
	color: #525258;
}

.header_text2 {
	font-family: "Open Sans", sans-serif;
	/*height:100px;*/
	font-size: 13px;
	color: #5B575B;
}

.home_title {
	font-family: "Open Sans", sans-serif;
	font-size: 26px;
	color: #383838;
	font-weight: 700;
	text-align: center;
	/*text-align:center; */
}

.home_title2 {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #383838;
	font-weight: 400;
	text-align: center;
	/*text-align:center; */
}

.feature_divider {
	border: 3px solid #3fc7fe;
	display: block;
	margin: 15px auto;
	margin-top: 0px;
	margin-bottom: 50px;
	width: 70px;
	background: #3fc7fe;
}

.feature_divider2 {
	border: 2px solid #fff;
	display: block;
	/* margin: 10px auto;*/
	margin-top: 0px;
	width: 70px;
}

.feature_divider3 {
	border: 2px solid #3fc7fe;
	display: block;
	margin: 30px auto;
	margin-top: 55px;
	width: 70px;
}

.feature_divider4 {
	border: 2px solid #3fc7fe;
	display: block;
	/*margin: 30px auto;*/
	margin-top: 30px;
	width: 50px;
	background: #3fc7fe;
}

/******** menu centering *********/
.menu_pos_1 {
	float: left;
	position: relative;
	left: 50%;
}
.menu_pos_2 {
	float: left;
	position: relative;
	left: -50%;
}
/******** menu *********/

.home_text {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	/*color: #797979;*/
	color: #000;
	font-weight: 400;
	/*text-align:center; */
	/*text-align:center; */
}

.home_text2 {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	/*color: #797979;*/
	color: #000;
	font-weight: 400;
	/*text-align:center; */
	/*text-align:center; */
}

.home_text3 {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	/*color: #797979;*/
	color: #000;
	font-weight: 400;
	/*text-align:center; */
	/*text-align:center; */
}

.boxlocation {
	margin-top: 60px;
	margin-left: 60px;
	margin-right: 60px;
}

.boxlocation .title {
	font-family: "Open Sans", sans-serif;
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	margin-top: 20px;
}

.boxlocation .title2 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	margin-top: 20px;
}

.boxlocation .text {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
}

.home_title3 {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #0e6ec5;
	font-weight: 700;
	margin-top: 40px;
}

.home_title4 {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #383838;
	font-weight: 700;
	margin-top: 20px;
	text-align: center;
}

.home_title5 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #0e6ec5;
	font-weight: 700;
	margin-top: 40px;
}

/***** blog title sliding underline *****/
.blog_title {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
	color: #0e6ec5;
	font-weight: 700;
}
/* add a empty string after the elment with class .slide-center-out  */
.blog_title:after {
	content: "";
	display: block;
	height: 2px;
	width: 0;
	color: #4aa0ed;
	background: transparent;
	transition: width 0.5s ease, background-color 0.5s ease;
	-webkit-transition: width 0.5s ease, background-color 0.5s ease;
	-moz-transition: width 0.5s ease, backgroundbackground-color 0.5s ease;
	margin: auto; /* center the cotent so it will sliding from the midddle to the left and right */
}

.blog_title:hover {
	color: #4aa0ed;
}

/* Change the width and background on hover, aka sliding from the middle to the left and right */
.blog_title:hover:after {
	width: 100%;
	background: #4aa0ed;
}

/***** blog title sliding underline *****/

.blog_text {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	/*color: #797979;*/
	color: #000;
	font-weight: 400;
	margin-top: 20px;
	/*text-align:center; */
	/*text-align:center; */
}

/***** sliding underline *****/
.slide-center-out {
	text-decoration: none;
	display: inline-block;
	color: #0E5D7C;
}
/* add a empty string after the elment with class .slide-center-out  */
.slide-center-out:after {
	content: "";
	display: block;
	height: 2px;
	width: 0;
	color: #344a71;
	background: transparent;
	transition: width 0.5s ease, background-color 0.5s ease;
	-webkit-transition: width 0.5s ease, background-color 0.5s ease;
	-moz-transition: width 0.5s ease, backgroundbackground-color 0.5s ease;

	margin: auto; /* center the cotent so it will sliding from the midddle to the left and right */
}

.slide-center-out:hover {
	color: #538ffb;
}

/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after {
	width: 100%;
	background: #538ffb;
}

/***** sliding underline *****/

/*************** top bar **************/
/*.top-container {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}*/

.topbar {
	/*padding: 10px 16px;*/
	background: #fff;
	color: #f1f1f1;
	min-height: 50px;
	z-index: 999;
}

.content {
	padding: 16px;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 1px 5px #d8d8d8; /*mine*/
}

.sticky + .content {
	padding-top: 102px;
}

.stickybody {
	padding-top: 52px;
}

/*************** top bar **************/

.pb-center-column h2 {
	font-family: "Roboto Condensed", sans-serif;
	color: #3f3f45;
	border-bottom: 1px solid #ebebeb;
	font-size: 18px;
	/*font-weight: bold;*/
	margin-bottom: 20px;
	margin-top: 5px;
	padding-bottom: 10px;
	position: relative;
}

.pb-center-column h2:after {
	border-bottom: 4px solid #3db7ef;
	bottom: -2px;
	content: "";
	left: 0;
	position: absolute;
	width: 130px;
}
/********** products ***********/
.button1 {
	font-family: "Roboto Condensed", sans-serif;
	color: #353535;
	font-size: 15px;
	font-weight: 400;
	background: url(../images/arrow_title.png) 0px 7px no-repeat; /* 2 was 4 */
	padding: 0 0 3px 23px;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: none;
	margin-left: 10px; /*mine*/
}
.button1:hover {
	text-decoration: none;
	color: #6c6c6c;
	background-position: 100% 7px;
	padding: 0 23px 3px 0px;
}

/*.active  {
	text-decoration: none;
	color: #6c6c6c;
	background-position: 100% 7px;
  padding: 0 23px 3px 0px;
  font-size: 15px;
	font-weight: 700;
}*/

.products_menu {
	border-bottom: 1px #e5e5e5 solid;
	padding: 5px 0 5px 0;
}

/********** products ***********/

/********** imge hover ******/
.snip1554 {
	background-color: #045e78;
	color: #ffffff;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	margin: 0px;
	max-width: 600px;
	/*min-width: 300px;*/
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
}

.snip1554 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.45s ease;
	transition: all 0.45s ease;
}

.snip1554:after {
	background-color: white;
	opacity: 0.6;
	top: 0;
	bottom: 0;
	content: "";
	left: -100%;
	position: absolute;
	width: 200px;
	box-shadow: 0 0 100px white;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.snip1554 img {
	vertical-align: top;
	max-width: 100%;
	backface-visibility: hidden;
}

.snip1554 figcaption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	line-height: 1em;
	opacity: 0;
}

.snip1554 h3 {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.1em;
	margin: 0;
	text-transform: uppercase;
}

.snip1554 h3 span {
	font-weight: 700;
}

.snip1554 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.snip1554:hover > img,
.snip1554.hover > img {
	opacity: 0.4;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.snip1554:hover:after,
.snip1554.hover:after {
	left: 200%;
}

.snip1554:hover figcaption,
.snip1554.hover figcaption {
	opacity: 1;
}

/********** imge hover ******/

.blue_box_title {
	font-family: "Open Sans", sans-serif;
	font-size: 22px;
	color: #fff;
	font-weight: 700;
}

.blue_box_title2 {
	font-family: "Open Sans", sans-serif;
	font-size: 45px;
	color: #fff;
	font-weight: 700;
}

.blue_box_texts {
	font-family: "Open Sans", sans-serif;
	font-size: 14x;
	color: #fff;
	font-weight: 400;
	margin-top: 10px;
}

.blue_box_texts2 {
	font-family: "Open Sans", sans-serif;
	font-size: 23px;
	color: #fff;
	font-weight: 400;
	margin-top: 10px;
}

.main_text {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #282828;
	font-weight: 400;
}

.main_text_forms {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	/*color: #797979;*/
	color: #000;
	padding: 0 0 10px 10px;
	font-weight: 400;
}

.aboutbutton {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	display: block;
	/*border: 3px solid #f0eeee; */
	width: 140px;
	padding: 14px;
	/*margin-left:auto;
	margin-right:auto;*/
	text-decoration: none;
	background: #0E5D7C;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.aboutbutton:hover {
	background: #2e7dab;
	color: #fff;
}

.blog_button_pos {
	margin-top: 35px;
	text-align: right;
}

.blog_button {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	/*border: 3px solid #f0eeee; */
	width: 100px;
	padding: 10px;
	/*margin-left:auto;
	margin-right:auto;*/
	text-decoration: none;
	background: #3db7ef;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blog_button:hover {
	background: #2e7dab;
	color: #fff;
}

.blog_image {
	border: 2px #d7d7d7 solid;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.blog_image:hover {
	border: 2px #858585 solid;
}

.aboutbuttonflip {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	display: block;
	/*border: 3px solid #f0eeee; */
	width: 140px;
	padding: 14px;
	/*margin-left:auto;
	margin-right:auto;*/
	text-decoration: none;
	background: #3db7ef;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
}

.aboutbuttonflip:hover {
	background: #2e7dab;
	color: #fff;
}

div.panel {
	width: 100%;
	height: 100%;
	display: none;
	margin-top: 30px;
}

.button_blue_part {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	display: block;
	/*border: 3px solid #f0eeee; */
	width: 150px;
	padding: 14px;
	margin-left: auto;
	margin-right: auto; /* to center button*/
	text-decoration: none;
	background: #3db7ef;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.button_blue_part:hover {
	background: #2e7dab;
	color: #fff;
}

/** 5 footer ends **/

.logoposition {
	position: absolute;
	margin-top: 15px;
	right: 100px;
}

.menuposition {
	padding-left: 55px;
	margin-top: -28px;
}

.textposition {
	margin-top: 30px;
}

.footercontent {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #b0b0b0;
	/*padding: 40px 20px 50px 20px;*/
	font-weight: 400;
}

.footer_links {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #d7d7d7;
	/*padding: 40px 20px 50px 20px;*/
	font-weight: 400;
	text-decoration: none;
}

.footer_links:hover {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #ffffff;
	/*padding: 40px 20px 50px 20px;*/
	font-weight: 400;
}
/************* parallax *******/
.parralaxpos {
	position: relative;
	text-align: center;
}
.parallaxcaption {
	position: absolute;
	top: 35%;
	left: 30%;
	transform: translate(-50%, -100%);
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 40px;
	font-weight: 700;
}
.parallaxcaption a {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-decoration: none;
	background:#0E5D7C;
}

.parallaxcaption a:hover {
	color: #dddddd;
	font-family: "Open Sans", sans-serif;
	font-size: 40px;
	font-weight: 700;
}

.parallaxcaptionsmall {
	position: absolute;
	top: 45%;
	left: 25%;
	transform: translate(-25%, -20%);
	text-align: center;
	/*left: 30%;
	right: 30%;*/
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
}
.parallaxcaptionsmall2 {
	position: absolute;
	top: 40%;
	left: 30%;
	transform: translate(-50%, -100%);
	text-align: center;
	/*left: 30%;
	right: 30%;*/
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-size: 22px;
	font-weight: 500;
}

.parallaxbutton {
	position: absolute;
	top: 70%;
	left: 30%;
	transform: translate(-50%, -50%);
	font-family: "Open Sans", sans-serif;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: block;
	border: 3px solid #3db7ef;
	width: 180px;
	padding: 18px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	background: #0E5D7C;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.parallaxbutton:hover {
	color: #3db7ef;
	border: 3px solid #3db7ef;
	background: #fff;
}
/************* parallax *******/
.success_error {
	font-family: "Open Sans", sans-serif;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 18px;
}

/* for mobile */
@media (max-width: 414px) {
	body {
		padding: 0px;
		margin: 0px;
		overflow-x: hidden;
	}

	.textposition {
		margin-top: 0px;
		text-align: center;
	}
	.hiddentomobile {
		display: none;
	}

	.center_button {
		margin-left: auto;
		margin-right: auto;
	}

	.blog_button_pos {
		margin-top: 35px;
		text-align: center;
	}
	
	.logo_width{
	    width:70%;
	}
	
.parallaxbutton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Open Sans", sans-serif;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	display: block;
	border: 1px solid #3db7ef;
	width: 80px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	background: #3db7ef;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.parallaxbutton:hover {
	color: #3db7ef;
	border: 1px solid #3db7ef;
	background: #fff;
}

}

/****** for menu only *****/
@media all and (max-width: 768px),
	only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
	only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
	only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
	only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	body {
		padding: 0px;
		margin: 0px;
		overflow-x: hidden;
	}

	.menu_pos_1,
	.menu_pos_2 {
		float: none;
		position: relative;
		left: 0%;
	}

	.scroll-to-top {
		width: 40px;
		height: 40px;
		padding: 10px;
		text-align: center;
		background: whiteSmoke;
		font-weight: bold;
		color: #444;
		text-decoration: none;
		position: fixed;
		bottom: 10px;
		right: 10px;
		display: none;
		background: url("../img/scroll-to-top_s.png") no-repeat;
		z-index: 110;
	}
	.scroll-to-top:hover {
		width: 40px;
		height: 40px;
		padding: 10px;
		position: fixed;
		bottom: 10px;
		right: 10px;
		text-decoration: none;
		background: url("../img/scroll-to-top_s.png") no-repeat;
	}
	.sticky {
		position: relative;
		top: 0;
		width: 100%;
		box-shadow: 0px 1px 5px #d8d8d8; /*mine*/
	}

	.hiddentomobile {
		display: none;
	}
}
/****** for menu only *****/

/***** pagination *****/
.pagination {
	font: 15px "Ubuntu Condensed", sans-serif;
	text-decoration: none;
	background-color: #2f7eab;
	color: #ffffff;
	padding: 3px 6px 5px 6px;
	border: 1px solid #2f7eab;
	margin-left: 10px;
	-o-transition: all 300ms ease-out, all 250ms ease-in;
	-ms-transition: all 300ms ease-out, all 250ms ease-in;
	-moz-transition: all 300ms ease-out, all 250ms ease-in;
	-webkit-transition: all 300ms ease-out, all 250ms ease-in;
	transition: all 300ms ease-out, all 250ms ease-in;
}

.pagination:hover {
	font: 15px "Ubuntu Condensed", sans-serif;
	text-decoration: none;
	background-color: #3db7ef;
	color: #ffffff;
	padding: 3px 6px 5px 6px;
	border: 1px solid #3db7ef;
	margin-left: 10px;
}

.activepagination {
	font: 15px "Ubuntu Condensed", sans-serif;
	text-decoration: none;
	background-color: #3db7ef;
	color: #ffffff;
	padding: 3px 6px 5px 6px;
	border: 1px solid #3db7ef;
	margin-left: 10px;
}

td {
	border-bottom: 0;
}
.owl-carousel .owl-item img {
	display: block;
	width: auto;
	margin: 0 auto;
}

.validationerror {
	background-color: #ffcdcd !important;
	border: 1px solid red !important;
}