@charset "UTF-8";

html, body { margin: 0; padding: 0 }
* { font-family: sans-serif; font-weight: normal; margin: 0; padding: 0 }

#header-axigen { background: #1a2e34 url('../images/axigen/header-bg.png') center top; }
#footer-axigen { background: #1a2e34; }

a { text-decoration: none; }
/* START GENERIC CLASSSES */

.position-relative { position: relative; }
.position-absolute { position: absolute; }

.bottom-0 { bottom: 0; }
.bottom-1 { bottom: 1px; }
.top-0 { top: 0; }
.right-0 { right: 0px; }

.float-left { float: left; }

.display-table { display: table; }
.display-table-cell { display: table-cell; }
.display-inline-block { display: inline-block; }
.display-block { display: block; }

.margin-auto { margin: auto; }
.margin-left-1 { margin-left: 1px; }
.margin-left-10 { margin-left: 10px; }
.margin-right-1 { margin-right: 1px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-60 { margin-bottom: 60px; }

.width-1 { width: 1px; }
.width-100-percent { width: 100%; }
.width-33-percent { width: 33.333%; }
.width-50-percent { width: 50%; }
.width-33-percent-minus-1 { width: calc(33.333% - 1px); }
.min-width-160 { min-width: 160px; }
.min-width-80 { min-width: 80px; }
.max-width-200 { max-width: 200px; }

.height-4 { height: 4px; }
.height-35 { height: 35px; }
.height-100 { height: 100px; }
.height-220 { height: 220px; }
.height-100-percent { height: 100%; }

.padding-side-60 { padding: 0 60px; }
.padding-side-100 { padding: 0 100px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-60 { padding-top: 60px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }

.background-green { background: #55c6b9; }
.background-blue { background: #559eb9; }
.background-red { background: #dc6060; }
.background-grey { background: #f5f8fa; }
.background-white { background: #fff; }

.background-blue-hover:hover { background: #559eb9; }
.background-white-hover:hover { background: #ffffff; }

.font-size-36 { font-size: 36px; } 
.font-size-24 { font-size: 24px; } 
.font-size-20 { font-size: 20px; }
.font-size-18 { font-size: 18px; } 
.font-size-16 { font-size: 16px; } 
.font-size-13 { font-size: 13px; } 
.font-size-12 { font-size: 12px; }

.font-weight-100 { font-weight: 100; }

.line-height-24 { line-height: 24px; }
.line-height-35 { line-height: 35px; }
.text-align-center { text-align: center; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-top { vertical-align: top; }

.color-white { color: #fff; }
.color-bbb { color: #bbb; }
.color-000 { color: #000; }
.color-blue { color: #4c8ea6; }
.color-grey { color: #58646a; }

.color-white-hover:hover { color: #fff; }
.color-green-hover:hover { color: #55c6b9; }
.color-blue-hover:hover { color: #4c8ea6; }
.color-red-hover:hover { color: #dc6060; }

.border-blue-1 { border: 1px solid #4c8ea6; }
.border-blue-2 { border: 2px solid #4c8ea6; }
.border-white-1 { border: 1px solid #ffffff; }
.border-white-2 { border: 2px solid #ffffff; }
.border-right-1-ccc { border-right: 1px solid #ccc; }
.border-bottom-1-ccc { border-bottom: 1px solid #ccc; }
.border-bottom-1-fff { border-bottom: 1px solid #fff; }
/* END GENERIC CLASSSES */

.button-rounded {
    border-radius: 30px;
    padding: 10px 30px;
    text-transform: uppercase;
}

.business-svg {
    background: url('../images/axigen/business.svg') top center no-repeat;
    height: 122px;
    width: auto;
}

.service-svg {
    background: url('../images/axigen/service.svg') top center no-repeat;
    height: 100px;
    width: auto;
}

.features-container {
    display: inline-block;
    margin: 0 35px;
    width: 240px;
    position: relative;
}

.color-size {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
}

.color-remote { background: #4fb8ad; }
.color-calendaring { background: #9aca40; }
.color-email { background: #ffc767; }
.color-security { background: #fca470; }
.color-availability { background: #e38080; }
.color-support { background: #d890ad; }


.remote {
    background: url('../images/axigen/remote.svg') no-repeat center;
    background-size: 32px 32px;
}

.calendaring {
    background: url('../images/axigen/calendaring.svg') no-repeat center;
    background-size: 80px 80px;
}

.email {
    background: url('../images/axigen/email.svg') no-repeat center;
    background-size: 45px;
}

.security {
    background: url('../images/axigen/security.svg') no-repeat center;
    background-size: 32px;
}

.availability {
    background: url('../images/axigen/availability.svg') no-repeat center;
    background-size: 32px 32px;
}

.support {
    background: url('../images/axigen/support.svg') no-repeat top 55% center;
    background-size: 32px;
}

.webclient-with-mobile {
    background: url('../images/axigen/wm-with-mobile.png') no-repeat top center;
    height: 590px;
}

.webdemo-with-cli {
    background: url('../images/axigen/wa-with-cli.png') no-repeat top center;
    height: 519px;
}


/* Media querys for mobile  */
@media screen and (max-width: 768px) {
	
	.width-50-percent,
	.demos-link.width-33-percent {
		width: 100%!important;
	}
	
	.display-table-cell {
    	display: block;
	}
	
	.padding-side-60,
	.padding-side-100{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.font-size-36 {
		font-size : 24px;
	}
	
	.font-size-24 {
		font-size : 22px;
	}
	
}