/* v 1.04 */

/* RESET */



@font-face {

    font-family: 'franklin_itc_book';

    src: url('franklinitcbq-book-webfont.eot');

    src: url('franklinitcbq-book-webfont.eot?#iefix') format('embedded-opentype'),

         url('franklinitcbq-book-webfont.woff') format('woff'),

         url('franklinitcbq-book-webfont.ttf') format('truetype'),

         url('franklinitcbq-book-webfont.svg#franklin_itc_bqregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'franklin_itc_demi';

    src: url('franklinitcbq-demi-webfont.eot');

    src: url('franklinitcbq-demi-webfont.eot?#iefix') format('embedded-opentype'),

         url('franklinitcbq-demi-webfont.woff') format('woff'),

         url('franklinitcbq-demi-webfont.ttf') format('truetype'),

         url('franklinitcbq-demi-webfont.svg#franklin_itc_bqregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'franklin_itc_medium';

    src: url('franklinitcbq-medium-webfont.eot');

    src: url('franklinitcbq-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('franklinitcbq-medium-webfont.woff') format('woff'),

         url('franklinitcbq-medium-webfont.ttf') format('truetype'),

         url('franklinitcbq-medium-webfont.svg#franklin_itc_bqregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

margin : 0;

padding : 0;

border : 0;

outline : 0;

font-size : 100%;

vertical-align : baseline;

background : transparent;

}

body {

line-height : 1;

}

ol, ul {

list-style : none;

}

blockquote, q {

quotes : none;

}

blockquote:before, blockquote:after, q:before, q:after {

content : '';

content : none;

}

:focus {

outline : 0;

}

ins {

text-decoration : none;

}

del {

text-decoration : line-through;

}

table {

border-collapse : collapse;

border-spacing : 0;

}

a {

text-decoration: none;

}



body {

	font-family: PT Sans,sans-serif,arial;

	font-weight: 400;

	background: #FFF;

	color: #333;

	-webkit-text-size-adjust: none;

}

body.show-nav {

	height: 100%;

	overflow: hidden;

}



/* inlines */

.inlineblock {

	display: inline-block;

}

h2 {
	font-size: 36px;
	text-transform: none;
	font-family: "franklin_itc_demi", Raleway, sans-serif;
	font-weight: 800;
	margin-bottom: 20px;
	color: #0076BB;

}

h2 b {

	font-size: 48px;

	font-weight: 800;

}

#team div > h2 {

    color: #003B63;

}

#features div.container > h2 {

    font-size: 47px;

    text-transform: none;

}

h3 {
	font-family: "franklin_itc_book", Raleway, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;

}

#usage h3 {

    color: #007698;

}

#testimonials .container > h3 {
    color: #ffffff;
    font-family: PT Sans,Open Sans,sans-serif,arial;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    word-spacing: -1px;
}

h4 {

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: 800;

	margin-bottom: 10px;

}

#subscribe div div > h4 {

    margin: 0 0 0 0;

    padding: 6px 6px 6px 6px;

    text-shadow: 0 0 6px #000000;

}

h5 {

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: 300;

	margin-bottom: 10px;

}

#team div > h5 {

    color: #003B63;

    font-weight: bold;

	margin-bottom: 5px;

}

.mayuscula{

	text-transform: uppercase;

}

.tituloh {

    margin-bottom: -10px;

    margin-top: 25px;

    text-align: center;

}

.titulocontact {

    font-family: franklin_itc_book,Raleway,sans-serif;

    color: #007698;

    font-size: 27px;

    margin: 0 0 5px;

    font-weight: 300;

    text-transform: uppercase;

}

p {

	line-height: 1.3em;

	font-size: 1em;

	margin-bottom: 10px;

}

p a,

li a {

	color: #0c94b6;

}

.align-center {

	text-align: center;

}

.align-left {

	text-align: left;

}

.align-right {

	text-align: right;

}

.align-justify {

	text-align: justify;

}

.float-left {

	float: left;

	margin: 10px 20px 20px 0;

}

.float-right {

	float: right;

	margin: 10px 0 20px 20px

}

.no-margin {

	margin: 0;

}

img.icon-50 {

	width: 50px;

}

img.icon-25 {

	width: 25px;

}

img.icon-25.float-left {

	margin: 0 10px 10px 0;

}

img.rounded {

	margin-bottom: 20px;

	border-radius: 256px;

}

img.toptex {
    border-radius: 0px;
    margin-bottom: 20px;
}

img.toptexroud {
    border-radius: 7px;
    margin-bottom: 20px;
}

img.align-center {

	display: block;

	margin: 20px auto 20px;

}

.image-borde {

    -moz-box-sizing: border-box;

    border: 5px solid #FFFFFF;

    border-radius: 10px;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);

    margin: 10px;

    overflow: hidden;

}

.image-bordeb {

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

	box-shadow: 0 0 5px #FFFFFF;

    box-sizing: border-box;

    border: 1px solid #000000;

	margin: 5px;

    overflow: hidden;

}

/*

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flexbox;

  display: -ms-flexbox;

  display: -webkit-flex;

*/

.images-boxspan {

	display: flex;

	margin-bottom: 10px;

}

ul.circles li {

	list-style-image: url("../images/ul_circles.png");

	list-style-position: inside;

	margin-bottom: 10px;

	padding-left: 20px;

	text-indent: -20px;

}

ul.circles li a {

	color: #333;

}

ul.circles li a:hover {

	color: #0c94b6;

}

ul li {

	line-height: 1.3em;

}

ul#listados li {
	color: #ffffff;
	font-family: PT Sans,Open Sans,sans-serif,arial;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.1em;
	list-style: disc outside none;
	padding: 10px 0 5px;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	word-spacing: -1px;
}



.column.full-width.last.fullancho {

    padding-bottom: 15px;

    width: 100%;

}

.fullancho img.targeting {

    border-radius: 50px;

    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);

    float: left;

    margin: 5px;

}

.fullancho img.iconostipos {
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    float: left;
    height: auto;
    margin: 0 10px 5px 5px;
    width: 70px;
}

.fullancho p {

    float: left;

    font-size: 1.5em;

    font-style: italic;

    margin: 25px 0 0 8px;

}

.fullancho p.listlast {

    margin: 10px 0 0 8px;

}

/* buttons */



.button {

	border: none;

	background: #EEE;

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	padding: 8px 12px;

	box-shadow: 0 2px 0 rgba(0,0,0,0.2);

	color: #333;

	cursor: pointer;

	display: inline-block;

	margin: 0 4px;

}

.button.rounded {

	border-radius: 256px;

}

.button:hover {

	margin-top: -1px;

	margin-bottom: 1px;

	box-shadow: 0 3px 0 rgba(0,0,0,0.2);

}

.button.blue {

    background: none repeat scroll 0 0 #0C94B6;

    box-shadow: 0 2px 0 #0A7691;

    color: #FFFFFF;

    font-size: 20px;

    font-weight: bold;

    margin: 0 33%;

}

.button.green {

	background: #39cd94;

	color: #FFF;

	box-shadow: 0 2px 0 #239e6e;

}

.button.light-grey {

	background: #E5E5E5;

	color: #333;

	box-shadow: 0 2px 0 rgba(0,0,0,0.2);

}

.button.grey {

	background: #777;

	color: #FFF;

	box-shadow: 0 2px 0 #555;

}

.button.blue:hover {

	box-shadow: 0 3px 0 #0a7691;

}

.button.green:hover {

	box-shadow: 0 3px 0 #239e6e;

}

.button.light-grey:hover {

	box-shadow: 0 3px 0 rgba(0,0,0,0.2);

}

.button.grey:hover {

	box-shadow: 0 3px 0 #555;

}



#wrapper {	

	width: 100%;

	-webkit-transition: margin .1s;

	-moz-transition: margin .1s;

	-ms-transition: margin .1s;

	transition: margin .1s;

}

#subscribe > div.container {

    padding: 0;

}

#subscribe div > div.column-container {

    margin-bottom: 0;

    margin-top: 0;

}

.block-center {

    display: block;

    text-align: center;

}

.size-auto {

    height: auto;

    max-width: 100%;

}

.margintopveinte {

    margin-top: 20px;

}

.marginauto {

    margin: 0 auto;

}

/* header */



#main-header {

	position: fixed;

	z-index: 10;

	width: 100%;

	box-shadow: inset 0 3px 0 rgba(0,0,0,0.1);

	height: 96px;

	background-image: linear-gradient(#ffffff 10%, rgba(255,255,255,0.5) 100%);

	

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

#header-nav {

	width: 960px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	height: 230px;

	

	-webkit-transition: background .25s;

	-moz-transition: background .25s;

	-ms-transition: background .25s;

	transition: background .25s;

}

#header-nav ul {

	float: right;

}

#header-nav ul li {

	float: left;

	line-height: 1em;

}

#header-nav ul li a {

	padding: 30px 10px;

	display: block;

	color: #333;

	

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

	

}

#header-nav ul li a:hover,

#header-nav ul li.current a  {

	box-shadow: inset 0 3px 0 rgba(0,0,0,0.5);

}

#header-nav .logo  {

	position: absolute;

	left: 0;

	top:0;

	font-weight: 800;

	font-size: 48px;

	padding: 10px 0;

	width: auto;

	

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

#header-nav .logo.img a {



	/* Put the url of your logo below */

	background: url('../images/logo.png') no-repeat;

	

	/* Specify the width of your logo */

    width: 160px;

	display: block;

	text-indent: 9999px;	

	height: 160px;

	background-size: contain;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

#header-nav .logo a {

	color: inherit;

}

#header-nav .logo.img a {

	display: block;

	text-indent: -9999px

}

#header-nav ul li.logo a:hover {

	background: none;

	box-shadow: none;

}

#main-header.compact {

	height: 56px;

	background: rgba(255,255,255,1);

	box-shadow: 0 1px 2px rgba(0,0,0,.1);

}

#main-header.compact #header-nav {

	height: 56px;

}

#main-header.compact #header-nav ul li a {

	padding: 20px 10px;

}

#main-header.compact #header-nav .logo {

	padding: 10px 0 0;

	font-size: 36px;

}

#main-header.compact #header-nav .logo.img {

	height: 40px;

	padding-top: 8px;

}

#main-header.compact #header-nav .logo.img a {

	height: 100%;

}

#nav-trigger {

	display: none;

	position: absolute;

	top:30px;

	right: 0;

	width: 24px;

	height: 24px;

	background: url('../images/icon_sandwich.png') no-repeat center center;

	background-size: 24px;

	text-indent: -9999px;

	

	-webkit-transition: top .25s;

	-moz-transition: top .25s;

	-ms-transition: top .25s;

	transition: top .25s;

}

#main-header.compact #nav-trigger {

	top: 15px;

}

.show-nav #wrapper {

	margin-left: -240px;

}

.show-nav #header-nav-container {

	margin-right: 240px;

}



/* sections general */



section {

	box-shadow: 0 -3px 0 rgba(0,0,0,0.1);

	position: relative;

	background: #FFFFFF;

}

section#contact {

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);

}

section#subscribe {

    padding-bottom: 0;

}

#subscribe .container .column-container div.one-half {

    margin-top: 25px;

	padding-bottom: 0;

}

.container {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 80px;
	color: #000;

}



/* sections backs */



.back-diagonals {

	background: url("../images/patt_diagonals.png");

}

.back-hexagons {

	background: url("../images/patt_hexagons.png");

}

.back-crosses {

	background: url("../images/patt_crosses.png");

}

.back-concrete {

	background: url("../images/patt_concrete_wall_3.png");

}

.back-ticksanddots {

	background: url("../images/patt_ticksanddots.png");

}



/* columns */



.column-container{

	overflow: hidden;

	margin: 40px 0 -40px;

}

.column-container.last {

	margin-bottom: 0;

}

.column {
	float: left;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 0;

}

.column.last {
	padding-right: 0px;

}

.column.one-half {

	width: 460px;

}

.column.one-third {

	width: 290px;

}

.column.two-thirds {

	width: 630px;

}

.column.one-fourth {

	width: 210px;

}

.column.three-fourths {

	width: 710px;

}



/* section cover */



#cover {

	background: url("../images/cover_back.jpg") center bottom no-repeat;

	font-size: 1.3em;

}

#cover .container {

	padding: 240px 0 60px 0;

}

#cover p {

	padding-right: 512px;

	text-align: justify;

}

#cover h2 {

	color: #003B63;

	font-size: 47px;

	line-height: 25px;

	margin: 20px 0;

}

#cover div h3 {

	color: #007698;

	margin: 0;

    font-size: 27px;

}



/* section features */



#features {

	background-position: center center;

	background-image: url("../images/bg-blue.jpg");

	color: #FFF;

}

.mask > p {

    margin: 0;

}



/* section team */



#team img {

	width: auto;

}



/* section testimonials */



#testimonials {
	background-image: linear-gradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 58, 99, 0.75) 100%), url("../images/testimonials_back.jpg");
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 58, 99, 0.75) 100%), url("../images/testimonials_back.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	color: #000;
	overflow: hidden;
	position: static;

}

#testimonials-container {

	position: relative;

	margin: 60px 0 40px;

	overflow: hidden;

}

#testimonials .container > h3 {

    line-height: 1em;

}

#testimonials-container li {

	left: 0;

	position: absolute;

	top: 0;

	left: 0;

}

#testimonials-container blockquote {

	font-family: franklin_itc_demi,Raleway,sans-serif;

	font-size: 16px;

	padding-left: 5%;

	margin: 0 0 30px;

	display: block;

	line-height: 1.4em;

	width: 95%;

	opacity: 0;

}

#testimonials-container blockquote:before {

	content: "“";

	font-size: 100px;

	position: absolute;

	color: rgba(255,255,255,0.3);

	top: 35px;

	left: 0;

}

#testimonials-container p.author {

	font-size: 28px;

	display: inline-block;

	border-top: 1px solid rgba(255,255,255,0.3);

	padding: 20px 20px 0;

	opacity: 0;

}

#testimonials-container p.author:before {

	content: "— ";

	top: 35px;

	left: 0;

}

#testimonials-container blockquote,

#testimonials-container p.author {

	-webkit-transition: opacity .5s;

	-moz-transition: opacity .5s;

	-ms-transition: opacity .5s;

	transition: opacity .5s;

}

#testimonials-container li.current {

	opacity: 1;

}

#testimonials-container li.current p.author {

	margin-top: 0;

	opacity: 1;

}

#testimonials-container li.current blockquote {

	margin-left: 0;

	opacity: 1;

}

#testimonials-nav {

	overflow: hidden;

}

#testimonials-nav ul li {

	float: left;

	margin-right: 10px;

}

#testimonials-nav ul li a {

	display: block;

	background: #FFF;

	font-size: 22px;

	border-radius: 256px;

	width: 50px;

	text-align: center;

	padding: 13px 0;

	color: rgba(57,205,148,1);

	opacity: 0.5;

	

	-webkit-transition: opacity .5s;

	-moz-transition: opacity .5s;

	-ms-transition: opacity .5s;

	transition: opacity .5s;

	

}

#testimonials-nav ul li.current a,

#testimonials-nav ul li a:hover {

	opacity: 1;

}



/* section subscribe */



#subscribe {

	background-image: linear-gradient(rgba(0, 58, 99, 0) 0%, rgba(0, 58, 99, 0) 100%), url("../images/subscribe_back3.jpg");

	background-image: -webkit-linear-gradient(rgba(0, 58, 99, 0) 0%, rgba(0, 58, 99, 0) 100%), url("../images/subscribe_back3.jpg");

	background-size: cover;

	background-attachment: fixed;

	background-position: center center;

	color: #FFF;

	padding: 40px 0;

}

#subscribe-form {

	width: 600px;

	margin: 20px auto;	

	overflow: hidden;

}

#subscribe-form p {

	width: 430px;

	float: left;

	margin-bottom: 0;

}

#subscribe-form p.submit {

	width: auto;

	float: right;

}

#subscribe-form p.submit button {

	padding: 11px 12px;

}



/* section contacts */



form {

	position: relative;

}

form p {

	background: #FFF;

	margin: 0 0 10px;

	padding: 10px;

	box-shadow: 0 2px 0 rgba(0,0,0,0.1);

	position: relative;

}

form p.submit {

	padding: 0;

	background: none;

	box-shadow: none;

}

input,

textarea {

	margin: 0;

	padding: 0;

	border: none;

	background: none;

	font-family: 'Raleway', sans-serif;

	font-size: 18px;

	width: 100%;

	color: #333;

}

form textarea {

	height: 90px;

}

p.form-success-message {

	z-index: 0;

	opacity: 0;

	position: absolute;

	padding: 20px;

}

p.form-success-message strong {

	font-family: 'Raleway';

	font-size: 1.4em;

	margin-bottom: 10px;

	display: inline-block;

	text-transform: uppercase;

}

form .invalid {

	-webkit-animation: shake .25s;

	-moz-animation: shake .25s;

	-ms-animation: shake .25s;

	animation: shake .25s;

}

form.sent * {

	-webkit-animation: fadeOutIn 3s;

	-moz-animation: fadeOutIn 3s;

	-ms-animation: fadeOutIn 3s;

	animation: fadeOutIn 3s;

}

form.sent .form-success-message,

form.sent .form-success-message * {

	-webkit-animation: fadeInOut 3s;

	-moz-animation: fadeInOut 3s;

	-ms-animation: fadeInOut 3s;

	animation: fadeInOut 3s;

}



/* Animations */



@keyframes shake {

	0%		{ margin-left: 0; }

	12% 	{ margin-left: -5px; }

	25%		{ margin-left: 0; }

	37% 	{ margin-left: 5px; }

	50% 	{ margin-left: 0; }

	62% 	{ margin-left: -5px; }

	74%		{ margin-left: 0; }

	86% 	{ margin-left: 5px; }

	100% 	{ margin-left: 0; }

}

@-webkit-keyframes shake {

	0%		{ margin-left: 0; }

	12% 	{ margin-left: -5px; }

	25%		{ margin-left: 0; }

	37% 	{ margin-left: 5px; }

	50% 	{ margin-left: 0; }

	62% 	{ margin-left: -5px; }

	74%		{ margin-left: 0; }

	86% 	{ margin-left: 5px; }

	100% 	{ margin-left: 0; }

}

@keyframes fadeOutIn {

	0%		{ opacity: 1; }

	5% 	{ opacity: 0; }

	95%		{ opacity: 0; }

	100% 	{ opacity: 1; }

}

@-webkit-keyframes fadeOutIn {

	0%		{ opacity: 1; }

	5% 	{ opacity: 0; }

	95%		{ opacity: 0; }

	100% 	{ opacity: 1; }

}

@keyframes fadeInOut {

	0%		{ opacity: 0; }

	15% 	{ opacity: 1; }

	85%		{ opacity: 1; }

	100% 	{ opacity: 0; }

}

@-webkit-keyframes fadeInOut {

	0%		{ opacity: 0; }

	15% 	{ opacity: 1; }

	85%		{ opacity: 1; }

	100% 	{ opacity: 0; }

}

a.logo {

	font-size: 48px;

	color: #333;

	display: block;

	padding: 45px 10px;

}



/* footer */



footer {

	background: #333;

	color: #999;

}

footer .container {

	padding: 20px 0 10px;

	overflow: hidden;

}


p#footer-copyright {
    color: #ffffff;
    float: left;
    width: auto;
}

ul#footer-socials {

	float: right;

	margin: -5px 0 0;

	overflow: hidden;

}

ul#footer-socials li {

	float: left;

	margin: 0;

}

ul#footer-socials a {

	display: block;

	text-indent: -9999px;

	color: #333;

	width: 28px;

	height: 28px;

	background-size: 32px;

	opacity: 0.5;

}

ul#footer-socials a:hover {

	opacity: 1;

}

a#icon-fb {

	background: url("../images/social_fb.png") no-repeat center center;

}

a#icon-twi {

	background: url("../images/social_twi.png") no-repeat center center;

}

a#icon-in {

	background: url("../images/social_in.png") no-repeat center center;

}



/* magic media queries */



@media all and (max-height: 1024px) and (max-width: 1024px) {

	section .container,

	#header-nav,

	footer .container {

		width: 900px;

	}

	#cover p {

		padding-right: 480px;

	}

	.column.one-third {

		width: 273px

	}

	.column.two-thirds {

		width: 587px

	}

	.column.one-half {

		width: 430px

	}

	.column.one-fourth {

		width: 195px

	}

	.column.three-fourths {

		width: 665px

	}

}



@media all and (max-width: 1023px) {

	#cover {

		background: url("../images/cover_back2.jpg") center bottom no-repeat;

	}

	section .container,

	#header-nav,

	footer .container {

		width: 640px;

	}

	#nav-trigger {

		display: block;

	}

	.column.one-third,

	.column.two-thirds,

	.column.one-half,

	.column.one-fourth,

	.column.three-fourths {

		width: 100%;

		padding-right: 0;

	}

	#cover p {

		padding-right: 220px;

	}

	#features .column.one-third {

		width: 300px;

	}

	#features .column.one-third:nth-child(odd) {

		padding-right: 40px;

	}

	#team .column.one-fourth {

		width: 130px;

		padding-right: 40px;

	}

	#team .column.one-fourth.last {

		padding-right: 0;

	}

	#testimonials-container blockquote {

		padding-left: 10%;

		width: 90%;

	}

	#header-nav {

		position: relative;

		padding: 0;

		margin: 0 auto;

		height: auto;

		overflow: visible;

		width: 100%;

	}

	#header-nav .logo {

		left: 20px;

	}

	#nav-trigger {

		right: 20px;

	}

	#header-nav-container {

		background: #333;

		position: fixed;

		right: -240px;

		top:0;

		height: 100%;

		width: 200px;

		padding: 20px;

		box-shadow: inset 2px 0 1px rgba(0,0,0,1);

		overflow: scroll;

		

		-webkit-transition: margin .1s;

		-moz-transition: margin .1s;

		-ms-transition: margin .1s;

		transition: margin .1s;

	}

	#header-nav ul {

		height: auto;

		width: 100%;

		padding-bottom: 50px;

	}

	#header-nav ul li {

		display: block;

		float: none;

	}

	#header-nav ul li a {

		color: #AAA;

		padding: 15px 5px;

		box-shadow: 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.2);

	}

	#main-header.compact #header-nav ul li a {

		padding: 15px 5px;

	}

	#header-nav ul li:last-child a {

		border: none;

	}

	#header-nav ul li.current a,

	#header-nav ul li a:hover {

		background: none;

		box-shadow: 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.2);

		font-weight: bold;

		color: #FFF;

	}

	#header-nav .more {

		position: absolute;

		top: 0;

		left: -60px;

		background-image: url("../images/nav_more_m.png");

		background-size: 16px;

		height: 32px;

		width: 32px;

	}
	
	

}

@media all and (max-width: 640px) {

	h2 {

		font-size: 2.8em

	}

	h3 {

		margin-bottom: 15px;

	}

	.column {

		padding-bottom: 20px;

	}

	.column-container {

		margin-bottom: 0;

	}

	.column-container {

		margin-top: 0;

	}

	section .container {

		width: 400px;

		padding: 50px 0;

		margin: 0 auto;

	}

	#main-header,

	#main-header nav a,

	#main-header .logo  {

		-webkit-transition: none;

		-moz-transition: none;

		-ms-transition: none;

		transition: none;

	}

	#main-header {

		height: 56px;

		background: rgba(255,255,255,1);

		box-shadow: 0 1px 2px rgba(0,0,0,.1);

	}

	#main-header #header-nav {

		height: 56px;

	}

	#main-header #header-nav .logo {

		padding: 10px 0 0;

		font-size: 36px;

	}

	#main-header #nav-trigger {

		top: 15px;

	}

	#wrapper {

		position: relative;

	}

	#wrapper.hidden {

		left: -240px;

	}

	#main-header .logo {

		color: #333;

		text-align: left;

		margin: 0;

	}

	#header-nav .logo.img a {

		background: url("../images/logo-peq-hrz.png") no-repeat scroll left center / contain rgba(0, 0, 0, 0);

		height: 56px;

		width: 198px;

	}

	#cover {

		background: url("../images/patt_diagonals.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

	}

	#main-header #header-nav .logo.img a {

		height: 56px;

	}

	#main-header #header-nav .logo {

		padding: 0;

	}

	footer .container {

		width: 400px;

		margin: 0 auto;

	}

	#cover {

		background-position: left bottom;

	}

	#cover .container {

		width: 400px;

		padding: 80px 0 40px;

		text-align: left;

	}

	#cover h2,

	#cover h3,

	#cover p {

		text-align: center;

		padding-right: 0;

	}

	#cover h2 {

		font-size: 40px;

		line-height: 15px;

	}

	#cover h3 {

		font-size: 23px;

	}

	h3 {

		font-size: 25px;

	}

	#features div.container > h2 {

		font-size: 32px;

	}

	#testimonials .container h2 {

		font-size: 32px;

	}

	#testimonials .container > h3 {

		font-size: 20px;

	}

	#team .container > h2 {

		font-size: 32px;

	}

	#cover p {

		font-size: 16px;

	}

	.view {

		height: 179px !important;

		width: 245px !important;

	}



	.view .mask, .view .content {

		height: 179px !important;

		width: 245px !important;

	}

	.view img {

		height: 179px !important;

		width: 245px !important;

	}

	.view h2 {

		font-size: 14px !important;

	}

	.view p {

		font-size: 14px !important;

		padding: 0 6px !important;

		height: 142px !important;

		overflow: scroll !important;

	}

	.view-fifth .mask {

		-webkit-transform: translateX(-245px);

		-moz-transform: translateX(-245px);

		-o-transform: translateX(-245px);

		-ms-transform: translateX(-245px);

		transform: translateX(-245px);

	}

	.view-fifth:hover img {

		-webkit-transform: translateX(245px);

		-moz-transform: translateX(245px);

		-o-transform: translateX(245px);

		-ms-transform: translateX(245px);

		transform: translateX(245px);

	}

	.column.one-third,

	.column.two-thirds,

	.column.one-half,

	.column.one-fourth,

	.column.three-fourths {

		width: 100%;

		padding-right: 0;

	}

	#features .column.one-third {

		width: 100%;

	}

	#team .column.one-fourth {

		width: 180px;

		padding-right: 40px;

	}

	#team .column.one-fourth:nth-child(even){

		padding-right: 0;

	}

	#subscribe-form {

		width: auto;

	}

	#subscribe-form p {

		width: 100%;

		float: none;

	}

	#subscribe-form p.submit {

		width: auto;

		float: none;

		margin-top: 10px;

	}

	#subscribe-form p.submit button {

		padding: 11px 12px;

	}

	#testimonials-container {

		margin: 30px 0 20px;

	}

	#testimonials-container blockquote {

		width: auto;

		max-height: 114px;

		overflow: hidden;

		padding: 0;

		margin: 0 0 15px;

	}

	#testimonials-container blockquote:before {

		display: none;

	}

	#testimonials-container p.author {

		font-size: 1.1em;

		padding: 15px 0 0;

	}

	#testimonials-container p.author strong {

		display: block;

	}

	#testimonials-container p.author:before {

		display: none;

	}

	#testimonials-nav ul li {

		display: inline-block;

		float: none;

	}

}



@media all and (max-width: 480px) {



	section .container,

	footer .container,

	#cover .container {

		width: 260px;

	}

	#cover h2 {

		font-size: 26px;

		line-height: 1em;

		margin: 5px 0 15px;

	}

	#cover div h3 {

		color: #007698;

		font-size: 18px;

		margin: 0;

	}

	h2 {

		text-align: center;

	}

	h3 {

		font-size: 20px;

	}

	section#usage .container > h5 {

		font-size: 18px;

		margin-bottom: 35px;

		margin-top: -25px;

		text-align: center !important;

	}

	#usage .container .imgult {

		margin-top: -40px;

	}

	#cover .container {

		padding: 150px 0 100px;

	}

	#team .column.one-fourth {

		width: 125px;

		padding-right: 10px;

	}

	#testimonials-container {

		text-align: center;

	}

	#testimonials-nav .slide-nav {

		text-align: center;

	}

	footer .container {

		text-align: center;

	}

	p#footer-copyright {

		float: none;

		margin: 0;

	}

	ul#footer-socials {

		float: none;

		text-align: center;

	}

	ul#footer-socials li {

		display: inline-block;

		float: none;

		margin: 15px 0 5px;

	}

}

/* Hover Effects - Base CSS3 [INI] */

.view {

   width: 355px;

   height: 260px;

   float: none;

   margin: 0 auto;

   border: 2px solid #fff;

   overflow: hidden;

   position: relative;

   text-align: center;

   -webkit-box-shadow: 1px 1px 2px #e6e6e6;

   -moz-box-shadow: 1px 1px 2px #e6e6e6;

   box-shadow: 1px 1px 2px #e6e6e6;

   cursor: default;

   background: #fff url(../images/bgimg.jpg) no-repeat center center;

}

.view .mask,.view .content {

   width: 355px;

   height: 260px;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view img {

   display: block;

   position: relative;

}

.view h2 {

   text-transform: uppercase;

   color: #fff;

   text-align: center;

   position: relative;

   font-size: 17px;

   padding: 10px;

   background: rgba(0, 0, 0, 0.8);

   margin: 10px 0;

}

.view p {

   font-family: franklin_itc_book, Raleway, sans-serif;

   font-style: normal;

   font-size: 15px;

   position: relative;

   color: #fff;

   padding: 0 14px;

   text-align:  justify;

}

.view a.info {

   display: inline-block;

   text-decoration: none;

   padding: 7px 14px;

   background: #000;

   color: #fff;

   text-transform: uppercase;

   -webkit-box-shadow: 0 0 1px #000;

   -moz-box-shadow: 0 0 1px #000;

   box-shadow: 0 0 1px #000;

}

.view a.info: hover {

   -webkit-box-shadow: 0 0 5px #000;

   -moz-box-shadow: 0 0 5px #000;

   box-shadow: 0 0 5px #000;

}

/* Hover Effects - Base CSS3 [FIN] */



/* Hover Effects - DEMO 5 [INI] */

.view-fifth img {

   -webkit-transition: all 0.3s ease-in-out;

   -moz-transition: all 0.3s ease-in-out;

   -o-transition: all 0.3s ease-in-out;

   -ms-transition: all 0.3s ease-in-out;

   transition: all 0.3s ease-in-out;

}

.view-fifth .mask {

   background-color: rgba(255, 255, 255, 0.3);

   -webkit-transform: translateX(-355px);

   -moz-transform: translateX(-355px);

   -o-transform: translateX(-355px);

   -ms-transform: translateX(-355px);

   transform: translateX(-355px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transition: all 0.3s ease-in-out;

   -moz-transition: all 0.3s ease-in-out;

   -o-transition: all 0.3s ease-in-out;

   -ms-transition: all 0.3s ease-in-out;

   transition: all 0.3s ease-in-out;

}

.view-fifth h2 {

   background: none repeat scroll 0 0 #007595;

   color: #FFFFFF;

   -webkit-box-shadow: 0px 2px 4px rgba(0, 38, 61, 0.3);

   -moz-box-shadow: 0px 2px 4px rgba(0, 38, 61, 0.3);

   box-shadow: 0px 2px 4px rgba(0, 38, 61, 0.3);

   font-family: Raleway,franklin_itc_demi,sans-serif;

}

.view-fifth p {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   color: #333;

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.view-fifth:hover .mask {

   -webkit-transform: translateX(0px);

   -moz-transform: translateX(0px);

   -o-transform: translateX(0px);

   -ms-transform: translateX(0px);

   transform: translateX(0px);

}

.view-fifth:hover img {

   -webkit-transform: translateX(355px);

   -moz-transform: translateX(355px);

   -o-transform: translateX(355px);

   -ms-transform: translateX(355px);

   transform: translateX(355px);

}

.view-fifth:hover p {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

#usage h3.colorgris {
   color: #606060;
}

#features div.container h2 {
	color: #ffffff;
}
	
@media all and (max-width: 1023px) {
	
}

@media all and (max-width: 640px) {
	#usage h2 {
		font-size: 1.5em;
	}
	#usage h3 {
		font-size: 20px;
	}
	#features div.container h2 {
		font-size: 25px;
		line-height: 1.2;
	}
	ul#listados li {
		font-size: 20px;
		font-weight: 400;
	}
	#subscribe div.container div.column-container h2 {
		font-size: 2em;
		font-weight: 400;
	}
	p.iconostextos {
		font-size: 1.1em;
	}
}

@media all and (max-width: 480px) {
	#usage h2 {
		font-size: 1.4em;
	}
	#usage h3 {
		font-size: 20px;
	}
	.imgtopmarnvo {
		margin-top: 0 !important;
	}
	#subscribe div.container div.column-container h2 {
		font-size: 1.3em;
		font-weight: 400;
	}
}

/* Hover Effects - DEMO 5 [FIN] */