@charset "utf-8";

/* productrBanner */
#productrBanner { width: 98%; }
#productrBannerImg{ max-height:413px;}
#productrBannerImg img { width: 100%; }
#productrBannerContent {
	width: 35%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #74C5B8;
	padding: 3%;
}
#productrBannerTitle {
	font-size: 2.9375em;
	padding: 0px 1%;
}
#productrBannerSubTitle {
	font-size: 1.3125em;
	padding: 0px 1%;
}
#productrBannerDelimiter {
	height: 1px;
	background: url(img/background_dashed.png) repeat-x;
	margin: 20px 0px;
}
#productrBannerInfo { padding: 0px 1%; }

/* productrCategory */
#productrCategory { margin-top: 12.5px; }
.productrCategoryItem { padding: 5px 30px; }
.productrCategoryTitle { margin-right: 40px; }
.productrCategorySubItem {
	width: 12%;
	border: 5px #F2F2F2 solid;
}
.productrCategorySubItemActive {
	background: #74C5B8;
	color: #FEFEFE;
	border: 5px #74C5B8 solid;
}

/* productrDelimiter */
#productrDelimiter {
	height: 1px;
	background: url(img/background_dashed.png) repeat-x;
	margin: 10px 30px 10px 0px;
}

/* productrMenu */
#productrMenu {
	width: 98%;
	border-bottom: 3px #505050 solid;
	padding: 20px 0px 15px 0px;
}
.productrMenuItem, .productrMenuItemDisable {
	font-size: 1.5625em;
	padding: 20px 80px 8px 80px;
}
.productrMenuItem:hover, .productrMenuItemActive {
	color: #009C84;
	border-bottom: 10px #74C5B8 solid;
}
.productrMenuItemDisable { color: #A7A7A7; }
.productrMenuItemDisable:hover {
	color: #A7A7A7;
	border-bottom: 0px;
}

/* productrSolution */
#productrSolution { margin-bottom: 60px; }
.productrSolutionProject {
	width: 98%;
	background: #FFFFFF;
	margin-top: 35px;
}
.productrSolutionTitle { font-size: 1.5625em; }
.productrSolutionItem {
	width: 100%;
	float: left;
	background: #FFFFFF;
	border: 10px #FFFFFF solid;
    transition: border-color 0.5s ease-in-out;
	margin: 0px 20px 0px 0px;
}
.productrImg { width: 30%; }
.productrImg img { width: 100%; }
.productrContent {
	width: 70%;
	padding: 0px 30px 20px 10px;
}
.productrOnly { width: 100%; }
.productrTitle {
	font-size: 1.4375em;
	margin-top: 20px;
}
.productrInfo { margin-top: 10px; }
.productrSolutionDelimiter {
	width: 98%;
	height: 1px;
	float: left;
/*	background: url(../img/background_dashed.png) repeat-x;
	margin: 5px 1%; */
	margin: 10px 1%;
}

/* Bootstrap */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) and (min-width: 992px) {
}

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

@media screen and (max-width: 767px) {
}

@media (max-device-width: 480px) {
}

/* Responsive Web Design */
@media (min-width: 1441px) {
}

@media (max-width: 1440px) and (min-width: 1440px) {
	/* productrBanner */
	#productrBannerTitle { font-size: 2.8125em; }
}

@media (max-width: 1439px) and (min-width: 1280px) {
	/* productrBanner */
	#productrBannerTitle { font-size: 2.4375em; }
	#productrBannerSubTitle { font-size: 1.1875em; }

	/* productrMenu */
	.productrMenuItem, .productrMenuItemDisable { font-size: 1.4375em; }

	/* productrSolution */
	.productrSolutionTitle { font-size: 1.4375em; }
	.productrTitle { font-size: 1.3125em; }
}

@media (max-width: 1279px) and (min-width: 1024px) {
	/* productrBanner */
	#productrBannerTitle { font-size: 1.9375em; }
	#productrBannerSubTitle { font-size: 1.1875em; }
	#productrBannerDelimiter { margin: 10px 0px; }

	/* productrMenu */
	.productrMenuItem, .productrMenuItemDisable {
		font-size: 1.4375em;
		padding: 20px 60px 8px 60px;
	}

	/* productrSolution */
	.productrSolutionTitle { font-size: 1.4375em; }
	.productrTitle { font-size: 1.3125em; }

}

@media screen and (max-width: 1023px) {
	/* productrBanner */
	#productrBanner { width: 92.5%; }
	#productrBannerContent {
		width: 100%;
		position: relative;
	}
	#productrBannerTitle { font-size: 1.8125em; }
	#productrBannerSubTitle { font-size: 1.1875em; }
	#productrBannerDelimiter { margin: 10px 0px; }

	/* productrCategory */
	#productrCategory { margin: 12.5px 0px; }
	.productrCategoryItem { padding: 0px 15px; }
	.productrCategoryTitle { margin: 10px 0px 0px 0px; }
	.productrCategorySubItem {
		width: 50%;
		margin: 5px 20% 0px 0px;
		float: right;
	}

	/* productrMenu */
	#productrMenu { width: 92.5%; }
	.productrMenuItem, .productrMenuItemDisable {
		font-size: 1.0625em;
		padding: 20px 2px 13px 2px;
	}

	/* productrSolution */
	.productrSolutionProject { width: 92.5%; }
	.productrSolutionTitle { font-size: 1.4375em; }
	.productrSolutionItem { width: 100%; }
	.productrImg { width: 100%; }
	.productrContent {
		width: 100%;
		padding: 0px 10px 10px 10px;
	}
	.productrTitle { font-size: 1.3125em; }
	.productrSolutionDelimiter {
		width: 92%;
		margin: 5px 4%;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	/*.productrMenuItem {padding: 20px 2px 9px 2px;}
	.productrMenuItem:hover, .productrMenuItemActive {border-bottom: 9px #74C5B8 solid;}*/
	#productrBanner {
    width: 96%;
	}
	.productrCategoryItem {
    padding: 0;
	 width: 96%;
	}
	.productrCategoryTitle {
    margin: 0px 50% 0px 0px;
	}
	.productrCategorySubItem {
    width: 48%;
    margin: 5px 1% 0px 1%;
    float: right;
	}
	/*menu item*/
	#productrDelimiter {
		width:96%;
    margin: 10px 0px 10px 0px;
	}
	#productrMenu {
    width: 100%;
	}
	.productrMenuItem:hover, .productrMenuItemActive {
    border-bottom: 3px #74C5B8 solid;
	}
	.productrMenuItem {
    padding: 20px 8px 5px 8px;
	}
	#productrMenu {
    width: 96%;
    border-bottom: 2px #505050 solid;
    padding: 12px 0px 5px 0px;
	}
	/*solution*/
	.productrSolutionProject {
    width: 96%;
	}
		#productrSolution {
    margin-bottom: 15px;
	}
}

@media screen and (max-width: 767px) {
	/*content Item*/
	.productrImg {margin-bottom: 20px;}
	.productrTitle{ margin-top:0;}
	.productrSolutionDelimiter {margin: 0px 4%;}
	.productrSolutionItem {    margin: 0px 20px 0px 0px;border-top: 0;border-bottom: 0;}
	/*Menu Item*/
	.productrMenuItem {padding: 20px 2px 9px 2px;}
	.productrMenuItem:hover, .productrMenuItemActive {border-bottom: 9px #74C5B8 solid;}
}

@media (max-device-width: 480px) {
	#productrBanner {
    width: 100%;
    overflow: hidden;
	}
	#productrBannerImg img {
    width: 190%;
	}
	/*Category*/
	#productrCategory {
    margin: 12.5px 0px 0px;
	}
	.productrCategoryItem {
    padding: 5px 0 10px 0;
	margin: 0 -1.5%;
	}
	.productrCategoryTitle {
    margin: 0px 50% 0px 1.5%;
	}
	.productrCategorySubItem {
    width: 47%;
    margin: 5px 1.5% 0px;
    float: left;
	}
	/*menu item*/
	#productrDelimiter {
    margin: 10px 0px 10px 0px;
	}
	#productrMenu {
    width: 100%;
	}
	.productrMenuItem:hover, .productrMenuItemActive {
    border-bottom: 3px #74C5B8 solid;
	}
	.productrMenuItem {
    padding: 20px 8px 5px 8px;
	}
	#productrMenu {
    width: 98%;
    border-bottom: 2px #505050 solid;
    padding: 12px 0px 5px 0px;
	}
	/*solution*/
	.productrSolutionProject {
    	width: 100%;
	    margin-top: 20px;
	}
	#productrSolution {
    margin-bottom: 10px;
	}
	.productrInfo ul{
	padding-left: 21px;
	}
}