@charset "UTF-8";
/* CSS Document */

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{list-style:none}
button,input,select,textarea{margin:0}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
img,embed,iframe,object,audio,video{height:auto;max-width:100%}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
/*! END  minireset.css v0.0.3 */

/* SETUP  -------   */

html {
	background-color: #111;
	
}

body {
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#444;
	font-size: 1em;
	line-height: 1.5;
	
}

h1 {
	font-size: 2.4em;
	font-weight: 300;
	margin: 0 0 0.3em 0;
	padding: 0px;
}
h2 {
	font-size: 2em;
	font-weight: 300;
	margin: 0 0 0.2em 0;
	padding: 0px;
}
h3 {
	font-size: 1.5em;
	font-weight: 300;
	margin: 0 0 0.5em 0;
	padding: 0px;
}
h4 {
	font-size: 1.3em;
	font-weight: 300;
	margin: 0 0 0.6em 0;
	padding: 0px;
}

section {
	font-size: 1.1em;
}

p {
	padding-bottom: 0.5em;
}


a {
	text-decoration: none;
	color:#ddd; /* #09f */
}
a:hover {
	color: #57FD11;	
}
ul {
    list-style-position: inside;
}
ul li {
	padding-left: 0.2em;
	list-style: circle;
	margin-left: 1.8em;
}


.button {
	-moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
	display:inline-block;
	background-color: #555;
	color:#fff;
	padding: 10px 20px;
	margin: 10px 0;
	font-size: 1.2em;
	font-weight: 500;
	border-radius: 3px;
	border:none;
}
.button:hover {
	background-color: #47CE01;
	color:#fff;
	padding: 14px 20px;
	margin: 6px 0;
	
}

input[type="text"], input[type="email"], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
	height:2.6em;
	font-size: 1em;
	margin-bottom: 0.5em;
    appearance: none;
    background: #333;
    border-radius: 4px;
    border: none 1px #d5d5d5;
    color: #fff;
    display: block;
    outline: 0;
    padding: 0 0.8em;
    text-decoration: none;
    width: 100%;max-width: 600px;
	box-shadow: none;
}
textarea {
height: 160px;	
}

.error {
color:red;
	font-weight: 400;
	padding-bottom: 30px;
}
.success {
	color:#09F;
	font-weight: 400;
	padding-bottom: 30px;
}
	


*::-webkit-input-placeholder {
    color: #ccc;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #ccc;
}
*::-moz-placeholder {
    /* FF 19+ */
   color: #ccc;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}

*:link, *:visited, *:hover, *:active, *:focus {

   -webkit-transition: color .25s linear,
    background-image .25s linear,
    background-color .25s linear,
	padding-left .5s ease-in-out,
	padding-right .5s ease-in-out,
    border-color .25s linear;
	
	
	-moz-transition: color .25s linear,
    background-image .25s linear,
    background-color .25s linear,
	padding-left .5s ease-in-out,
	padding-right .5s ease-in-out,
    border-color .25s linear;
	
	

   transition:  color .25s linear,
    background-image .25s linear,
    background-color .25s linear,
	padding-left .5s ease-in-out,
	padding-right .5s ease-in-out,
    border-color .25s linear;
	
}


.clrflt {
	clear:both;
}

.more-symbol {
	padding-top: 0.5em;
	color:#777;
}
    

/* HEADER -------   */
header {
min-height: 60px;
	background-color: #000;
	color:#ddd;
}

header .wrapper {
	padding-left:auto;
	padding-right:auto;
	max-width: 1440px;
	
}

nav {
	padding-top:20px;
	padding-left: 3%;
	float:left;
}

nav a {
	color:#ddd;
	font-size: 1.2em;
	font-weight: 300;
	padding-right: 24px;
	
}
nav a:hover {
	color:#09F;	
}
#nav-desktop {
			display:block;
		}	
#nav-mobile {
	display:none;
}
.logo {
	float:right;
	padding-right: 3%;
	padding-top: 10px;
	width:30%;
	max-width: 200px;
}
.logo img {
	width: 100%;
}


/* CONTENT -------   */
.content {
max-width: 1440px;
	margin: 0 auto;
	background-color: #222;	
	color:#ddd;
}

section {
    /* Initialize the flex model */
	
	min-height: 100px;
	position: relative;
border-bottom-color: #444;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
}
section .wrapper {
    /* Initialize the flex model */
	position: relative;
	padding: 20px 3% 40px 3%;
	
}

.quote-frame {
	position: absolute;
	z-index: 10;
	top:20%;
	left:10%;
	width:80%;
}

.home-design {
float:left;
	width:50%;
	padding: 0 5% 20px 0;
	
}
.home-team {
float:left;
	width:25%;
	padding: 0 5% 20px 0;
	
}


.slider-box {
	width:50%;
	
}
.video-box {
	width:50%;
	padding: 1em 0 02em 0;
}

.text-box {
	width:50%;
	height:auto;	
	padding: 20px 5% 20px 5%;	
}
.pos-1 {
float:left;
}
.pos-2 {
float:right;
}

.topshelf {
	with: 100%;
	padding: 0 0 16px 0;
}

.app_icon {
	width: 100px;
	border-radius: 10px;
}

.appletv_icon {
	width: 167px;
	border-radius: 10px;
	padding: 1em  0 0 0;
}

video {
	display:block;
  width: 100%    !important;
  height: auto   !important;
}

.af-bk {
	display:none;
}


.home-contact {
float:left;
	width:50%;
	padding: 0 5% 20px 0;
	
}

.contact {
	margin-top: 30px;
	margin-bottom: 20px;
}

/* FOOTER-------   */

footer {
min-height: 60px;
	background-color: #000;
	color:#aaa;font-size: 0.8em;
	text-align: center;
	padding-top: 20px;
}

footer .go-top {
	float:right;
	padding-top:0px;
	padding-right: 30px;
}

@media (max-width: 1024px) {
	
.home-design {
float:left;
	width:34%;
	padding: 10px 2% 20px 2%;
	
}
.home-team {
float:left ;
	width:33%;
	padding: 10px 2% 20px 2%;
	
	
}	
	
.text-box {
	width:50%;
	height:auto;
	padding: 0px 5% 20px 5%;
}	
		
	
}

@media (max-width: 768px) {
	.slider-box {
	width:100%;
	
}
	.video-box {
	width:100%;
	padding: 1em 0 02em 0;
}
.text-box {
	width:100%;
	padding: 20px 5% 20px 5%;
}
	section {
	border-bottom-style: none;	
}
.pos-1 {
float:none;
}
.pos-2 {
float:none;
}
	
.home-design {
float:none;
	width:100%;
	padding: 10px 2% 20px 2%;
	
}
.home-team {
float:left ;
	width:50%;
	padding: 10px 2% 20px 2%;
	
	
}
		
	body {
	width: 100%;
	font-weight: 400;
	color:#222;
	font-size: 1em;
	line-height: 1.5;
	
}

h1 {
	font-size: 2.6em;
	font-weight: 300;
	margin: 0 0 0.2em 0;
	padding: 0px;
}
h2 {
	font-size: 2em;
	font-weight: 300;
	margin: 0 0 0.1em 0;
	padding: 0px;
}
h3 {
	font-size: 1.3em;
	font-weight: 400;
	margin: 0 0 0.4em 0;
	padding: 0px;
}
h4 {
	font-size: 1em;
	font-weight: 400;
	margin: 0 0 0.6em 0;
	padding: 0px;
}
		#nav-desktop {
			display:none;
		}	
		
		#nav-mobile {
	display:block;
}

section {
	font-size: 1.1em;
}
		header {
			min-height: 40px;
		}

		video {
			display:none;
		}
		
		.af-bk {
	display:block;
}
	.home-contact {
float:none;
	width:100%;
	padding: 10px 2% 20px 2%;
	
}	
		
	
	.quote-frame {
	top:15%;
	left:10%;
	width:80%;
}
	.quote {	
	font-size: 3em;
	font-weight: 300;
	line-height: 1.5;
	padding-bottom: 0px;
	
}
.author {
	color:rgba(255,255,255,0.7);
	font-size: 1.5em;
	font-weight: 300;

}
		

.logo {
	float:right;
	padding-right: 2%;
	padding-top: 5px;
	width:50%;
	max-width: 200px;
}		

		
	}



@media (max-width: 480px) {
.home-team {
float:none;
	width:100%;
	padding: 10px 2% 20px 2%;
	
	
}	
.quote-frame {
	top:8%;
	left:5%;
	width:90%;
}
	.quote {	
	font-size: 1.7em;
	font-weight: 300;
	line-height: 1.3;
	padding-bottom: 0px;
	
}
.author {
	color:rgba(255,255,255,0.7);
	font-size: 1em;
	font-weight: 300;

}
			
	
	
	
}