/** Main Page **/


/*Color Definition*/


/*General Page Sizes*/

.contents {
    width: 100%;
    float: left;
    transition: all 0.5s;
	position:relative;
	right:0;
}

.contents_small {
    right: 280px;
}
/*Top Header and Navigation*/

.top_header {
    background-repeat: repeat;
    padding: 13px 0;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9;
}


/*Top Header Logo*/

.logo_text {
    font-family: "open sans";
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-top: 5px;
}

.logo_text:hover, .logo_text:focus, .logo_text:visited {
    text-decoration: none;
    color: #fff !important;
}


/*Company Logo*/
.company_logo{
    float: right;
    width: 9%;
    padding: 20px;
}


/*Banner*/

.banner {
    position: relative;
    width: 100%;
    text-align: center;
}

.banner_img {
    width: 100%;
    max-width: 100%;
}

.banner_headings {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
}

.banner_center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.banner_main_heading {
    font-family: "open sans";
    font-weight: bold;
    font-size: 48px;
    word-spacing: 5px;
    margin-bottom: 15px;
}

.banner_sub_heading {
    font-family: "open sans";
    font-weight: bold;
    font-size: 24px;
}


/*Products Panel*/

.product_section {
    padding: 80px 0;
}

.container_type {
    width: 70%;
    margin: 0 auto;
}

.product_name {
	font-family: "open sans";
	font-size: 18pt;
	font-weight: normal;
	word-wrap:break-word;
	padding-bottom:15px;
}

.product_name  > a:hover{/*todo: color changes*/
    color: #0070c0;
}

.product_desc {
    font-family: "open sans";
    font-size: 14px;
}


/*Core Functions Content Panel*/

.corefunctionality { }

.corefunctionality .bar { background-color: #f0b504; padding: 20px 0; position: relative; }

.corefunctionality .bar:after { border-color: #f0b504 transparent transparent; border-style: solid; border-width: 30px 40px 0; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; z-index: 7; top: 54px; }

.corefunctionality .bar h1 { padding: 0; margin: 0; font-size: 24px; color: #a77d00; text-align: center; }

.content-block {  margin: 0 auto; overflow: hidden; padding: 50px 0px; }

.content-block .box { width: 100%; padding: 25px 10px; cursor: pointer; }

.content-block .box:hover { background-color: #f2f2f2; }

.content-block .box .title { color: #3475c1; font-size: 18px; font-weight: normal; font-family: "open sans"; }

.img-block { width: 56px; height: 56px; display: block; float: left; margin-right: 10px; }

.icon-company-team {background-image: url("../../images/axxiomone/icon_1.png");}

.icon-permission-compliance { background-image: url("../../images/axxiomone/icon_6.png"); }

.icon-configure-visualize { background-image: url("../../images/axxiomone/icon_3.png"); }

.icon-online-offline-mode { background-image: url("../../images/axxiomone/icon_5.png");  }

.icon-traceability-history {  background-image: url("../../images/axxiomone/icon_2.png");  }

.icon-office-integrated-rest {  background-image: url("../../images/axxiomone/icon_4.png");   }

.content-block .box:hover .icon-company-team,.content-block .box:hover .icon-configure-visualize,
.content-block .box:hover .icon-traceability-history,.content-block .box:hover .icon-office-integrated-rest,
.content-block .box:hover .icon-permission-compliance,.content-block .box:hover .icon-online-offline-mode { background-position: 0px 56px; }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.banner_main_heading{
		font-size:40px;
	}
	.banner_sub_heading{
		font-size:22px;
	}
}
@media only screen and (max-width: 767px) {
	.banner_main_heading{
		font-size:28px;
	}
	.banner_sub_heading{
		font-size:16px;
	}
}
@media only screen and (max-width: 414px) {
	.banner_main_heading{
		font-size:20px;
	}
	.banner_sub_heading{
		font-size:12px;
	}
}