/*	Design & Development:   Renato Mattos */
/*  Copyright:              Assertio Consulting Ltd */
/*	Publisher:              Assertio Consulting Ltd */

@import url(http://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900);
@import url(http://fonts.googleapis.com/css?family=AvenirLT+Light:100,200,300,400,600|Arvo:700);

html, body {
	background: #f1f1f1;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	direction: ltr;
	-webkit-text-size-adjust: none;
  }

body, input, textarea, select {
	color: #323848;
	font-family: "Lato",sans-serif;
	line-height: 1.75;
	font-size: 17px;
	font-weight: 300;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
	font-family: 'Lato', sans-serif;
    margin-bottom: 0;
    margin-top: 0;
}

a, a img, a::before, a::after {
    outline: 0 none;
    text-decoration: none;
}
button:focus {
    outline: 0 none;
}

/* Transitions */
a, button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
		-ms-transition: all 0.6s;
		 -o-transition: all 0.6s;
			transition: all 0.6s;
}

canvas {
    -moz-user-select: none;
}

a {
    color: #323848;
}
a:hover,
a:active,
a:focus { 
	text-decoration: none;
	outline: none;
	color: #609ce1;
}


h1 {
    color: #323848;
    font-size: 42px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

h2 {
    font-size: 25px;
    margin-bottom: 10px;
}

@media ( min-width : 320px ) and ( max-width : 990px ) {
	h1 {
	    font-size: 35px;
	}
	h2 {
	    font-size: 22px;
	    font-weight: 400;
	}
}



/*	Content
~~ ----------------------------------------------------------------------------------------------------------- */
.content .brand-logo {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.content .brand-logo .logo {
    display: inline-block;
    text-align: center;
    width: 150px;
    height: 150px;
}
.content .brand-logo .logo span {
    text-indent: -20000px;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 100%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}

@media ( min-width : 1024px ) {
	.content .brand-logo .logo {
	    width: 200px;
	    height: 200px;
	}
}

@media ( min-width : 1600px ) {
	.content .brand-logo .logo {
	    width: 300px;
	    height: 300px;
	}
}

.content .brand-info {
    left: 50%;
    padding-top: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari */
        -ms-transform: translate(-50%, -50%); /* IE 9 */
            transform: translate(-50%, -50%);
    padding: 0 20px
}
.content .brand-info p {
    color: rgba( 50, 56, 72, .85);
    display: inline-block;
    margin-bottom: 40px;
}



/*  Footer : Social Icons
~~ ----------------------------------------------------------------------------------------------------------- */
.social-network {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.social-network .social-icons { 
	font-size: 1.25em; 
	font-weight: 100; 
	line-height: 2em; 
	cursor: default;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1em;
}	
.social-network .social-icons li {
	display: inline-block;
	padding: 10px 5px;
	line-height: 1.5em; 
}
.social-network .social-icons a,
.social-network .social-icons a:active, 
.social-network .social-icons a:visited {
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em; 
	text-align: center;
	border: 0;
	color: rgba( 50, 56, 72, .85);
	font-size: 1.5em;
	background: rgba( 0, 0, 0, .05);
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		-ms-border-radius: 50%;
	        border-radius: 50%;
}
.social-network .social-icons a span {
		display:none;
}
.social-network .social-icons a:hover {
	background: rgba( 0, 0, 0, .15);
	color: rgba( 50, 56, 72, .85);
}