/* basics... */

	html, body
	{
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		
		height: 100%;
		
		background-image: url(./images/bg-body.png);
		background-size: 1920px 1811px;
		background-position: top;
	}
	
	a:link,
	a:visited,
	a:hover,
	a:active,
	a:focus
	{
		color: #dc1f26;
	}
	
	p, ul, ol
	{
		font-size: 1.2em;
	}
	
	ol li ol
	{
		font-size: 1em;
	}
	
	.btn
	{
		font-weight: 700;
		font-size: 1.3em;
		letter-spacing: 0.5px;
	}
	
	.btn.btn-primary
	{
		background-color: #dc1f26!important;
		border-color: #c00!important;
		color: #fff!important;
	}
	
	.terms-main-container
	{
		margin: 200px 0 0;
	}
	
	
	
	
	
	
	
	/* landing page section... */
	
	div.section-brand
	{
		margin: 50px 0 0;
		position: relative;
	}
	
	div.section-brand .main-logo
	{
		width: 290px;
		right: 20px;
		top: 0;
		position: absolute;
		z-index: 5;
	}
	
	div.section-landing
	{
		position: relative;
		margin: 50px 0 0;
		padding: 35px 0 0;
	}
	
	div.section-landing h2
	{
		position: absolute;
		top: 150px;
		left: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 4em;
		line-height: 1.3em;
		letter-spacing: 0.5px;
		width: 70%;
		text-shadow: 1px 2px 0px #000;
	}
	
	div.section-landing .logos
	{
		position: absolute;
		bottom: 30px;
		left: 30px;
	}
	
	div.section-landing .logos img
	{
		border: 1px solid #ccc;
		margin: 0 10px 0 0;
		width: 160px;
	}
	
	div.section-landing .quote-box
	{
		position: absolute;
		bottom: 30px;
		right: 30px;
		
		width: 300px;
		padding: 15px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	
	div.section-landing .quote-box h3
	{
		font-weight: 700;
		margin: 0 0 15px;
	}
	
	
	
	
	
	
	/* contact us page... */
	
	.section-contact-us
	{
		margin: 190px 0 0;
		padding: 30px 40px 40px;
		
		background-image: url(./images/bg-contact-us.jpg);
		background-position: top left;
		background-size: cover;
		background-repeat: no-repeat;
		
		text-align: right;
	}
	
	.section-contact-us .form-container
	{
		margin: 10px 0 0;
		padding: 30px;
		background-color: #fff;
		border: 2px solid #ccc;
		
		display: inline-block;
		width: 45%;
		
		text-align: left;
	}
	
	.section-contact-us .form-container h2
	{
		margin: 0 0 20px;
	}
	
	.section-contact-us .form-container form img
	{
		border: 1px solid #ccc;
		margin: 0 0 5px;
		border-radius: 4px;
	}
	
	.section-contact-us .form-container form textarea
	{
		height: 120px;
	}
	
	
	
	
	
	
	/* aiphone landing page... */
	
	.section-aiphone-landing
	{
		margin: 210px 0 0;
	}
	
	.section-aiphone-landing h2
	{
		color: #0f6190;
		font-size: 2em;
	}
	
	.section-aiphone-landing h3
	{
		color: #0f6190;
		text-align: center;
		font-size: 3em;
		
		margin: 0 0 30px;
	}
	
	.section-aiphone-landing .landing-line
	{
		margin: 90px auto 70px;
		height: 2px;
		width: 70%;
		
		background-color: #ccc;
	}
	
	.section-aiphone-landing .product-range-tile .inner
	{
		background-color: #fff;
		padding: 35px;
		
		border: 2px solid #ddd;
		
		cursor: pointer;
	}
	
	.section-aiphone-landing .product-range-tile .inner h4
	{
		margin: 0 0 30px;
		color: #777;
	}
	
	.section-aiphone-landing #contact-modal-container
	{
		position: fixed;
		top: 0;
		left: 0;
		
		width: 100%;
		height: 100%;
		
		z-index: 100;
		
		display: none;
	}
	
	.section-aiphone-landing #contact-modal-container .curtain
	{
		position: absolute;
		width: 100%;
		height: 100%;
		
		background-color: #000;
		opacity: 0.75;
	}
	
	.section-aiphone-landing #contact-modal-container .form-container
	{
		position: absolute;
		top: 50px;
		
		left: 50%;
		margin-left: -160px;
		
		width: 320px;
		padding: 15px;
		
		border: 2px solid #ccc;
		background-color: #fff;
	}
	
	.section-aiphone-landing #contact-modal-container .form-container .heading
	{
		font-size: 2.3em;
		margin: 0 0 15px;
	}
	
	.section-aiphone-landing #contact-modal-container .form-container img
	{
		border: 1px solid #ccc;
		border-radius: 3px;
		margin: 0 0 5px;
	}
	
	
	
	
	
	
	/* product sections... */
	
	.product-section
	{
		margin: 60px 0 0;
	}
	
	.product-section .details
	{
		border: 2px solid #e5e5e5;
		background-color: #fff;
		padding: 30px;
	}
	
	.product-section .details h3
	{
		margin: 0 0 20px;
		font-weight: 700;
		font-size: 2.3em;
	}
	
	
	
	
	
	
	/* footer... */
	
	footer
	{
		margin-top: 120px;
		padding: 0 0 50px;
	}
	
	footer .inner
	{
		border: 1px solid #999;
		border-style: solid none none;
		padding: 30px 0 0;
	}
	
	footer a
	{
		color: #333;
	}
	
	
	
	
	
	
	/* responsive considerations... */
	
	/* small desktop... */
	
	@media (max-width: 1199px)
	{
		div.section-landing
		{
			margin: 65px 0 0;
		}
		
		.section-contact-us .form-container
		{
			width: 55%;
		}
	}
	
	
	
	
	
	
	/* tablets... */
	
	@media (max-width: 991px)
	{
		div.section-landing
		{
			margin: 85px 0 0;
		}
		
		div.section-brand .main-logo
		{
			right: 0;
		}
		
		div.section-landing h2
		{
			top: 100px;
    		left: 30px;
    		font-size: 3.2em;
		}
		
		div.section-landing .logos img
		{
			width: 130px;
		}
		
		.section-contact-us .form-container
		{
			padding: 15px;
		}
	}
	
	
	
	
	
	
	/* mobile... */
	
	@media (max-width: 767px)
	{
		div.section-brand
		{
			margin: 30px 0 0;
		}
	
		div.section-brand .main-logo
		{
			display: block;
			position: relative;
			width: 270px;
			margin: 0 auto;
			right: auto;
		}
		
		div.section-landing
		{
			margin: 0 0 0;
			padding: 0 0 0;
		}
		
		div.section-landing h2
		{
			display: block;
			position: static;
			width: 100%;
			color: #333;
			font-size: 2em;
			text-shadow: none;
		}
		
		div.section-landing .logos
		{
			display: none;
		}
		
		div.section-landing .quote-box
		{
			position: static;
			margin: 20px 0 0;
		}
		
		.product-section
		{
			margin: 30px 0 0;
		}
		
		footer .inner,
		footer .text-right
		{
			text-align: center!important;
		}
		
		.section-contact-us,
		.section-aiphone-landing
		{
			margin: 30px 0 0;
			padding: 20px;
		}
		
		.section-contact-us .form-container
		{
			width: 100%;
		}
		
		.section-aiphone-landing .xs-text-center
		{
			text-align: center!important;
		}
	}