body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333 !important;
  text-align: left !important;
  background-color: #ffffff;
}

a.menulink:link {
  color: #cccccc !important;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a.menulink:hover {
  color: #33ccff !important;
  text-decoration: none;
}

a.menulink:visited {
  color: #cccccc !important;
  text-decoration: none;
}

a.menulinkdrop:link {
  color: #003366 !important;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a.menulinkdrop:hover {
  color: #33ccff !important;
  text-decoration: none;
}

a.menulinkdrop:visited {
  color: #003366 !important;
  text-decoration: none;
}
.navbar-aguair-blue{
	background-color: #003366 !important;
}


.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}


/* Roboto regular */

@font-face {
    font-family: "Roboto";
    src: url("https://veredesigns.com/current/fsp/font/roboto/Roboto-Regular.eot");
    src: url("https://veredesigns.com/current/fsp/font/roboto/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("https://veredesigns.com/current/fsp/font/roboto/Roboto-Regular.woff2") format('woff2'),
         url("https://veredesigns.com/current/fsp/font/roboto/Roboto-Regular.woff") format('woff'),
         url("https://veredesigns.com/current/fsp/font/roboto/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto italic */

@font-face {
    font-family: "Roboto-Italic";
    src: url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Italic.eot');
    src: url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Italic.woff2') format('woff2'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Italic.woff') format('woff'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Roboto bold */

@font-face {
    font-family: "Roboto-Bold";
    src: url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Bold.eot');
    src: url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Bold.woff2') format('woff2'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Bold.woff') format('woff'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto thin */

@font-face {
    font-family: "Roboto-Thin";
    src: url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Thin.eot');
    src: url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Thin.woff2') format('woff2'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Thin.woff') format('woff'),
         url('https://veredesigns.com/current/fsp/font/roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


img{
	border:0;
	}
svg:not(:root){
	overflow:hidden;
	}

a:link {
  color: #003366 !important;
  text-decoration: none;
  background-color: transparent;
  font-family: "Roboto" !important;
  font-weight: 400;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #33ccff !important;
  text-decoration: none;
}

a:visited {
  color: #003366 !important;
  text-decoration: none;
}

h1,h2,h3{
	font-family: "Roboto-Thin" !important;
	color:#003366;
	font-weight:400;
	margin:0;
	padding:0;
	}
h1{
	font-size:32px;
	font-size:3.2rem;
	}
h2{
	font-size:24px;
	font-size:2.8rem;
	}
h3{
	font-size:18px;
	font-size:2.4rem;
	}
h4{
	font-family: "Roboto" !important;
	font-size:24px;
	font-size:2.1rem;
	color:#003366;
	font-weight:600;
	margin:0;
	padding:0;
	}
h5{
	font-family: "Roboto" !important;
    font-size:18px;
	font-size:1.8rem;
    color:#003366;
	font-weight:600;
	margin:0;
	padding:0;
	}

.h1-responsive {
  font-size: 150%;
  font-family: "Roboto-Thin" !important;
  font-weight: 100;
  }

.h2-responsive {
  font-size: 145%;
  font-family: "Roboto-Thin" !important;
  font-weight: 100;
  }

.h3-responsive {
  font-size: 135%;
  font-family: "Roboto-Thin" !important;
  font-weight: 100;
  }

.h4-responsive {
  font-size: 135%;
  font-family: "Roboto" !important;
  font-weight: 400;
  }

.h5-responsive {
  font-size: 135%;
  font-family: "Roboto" !important;
  font-weight: 400;
  }

@media (min-width: 576px) {
  .h1-responsive {
    font-size: 170%;
	font-family: "Roboto-Thin" !important;
	font-weight: 100;
	}

  .h2-responsive {
    font-size: 140%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h3-responsive {
    font-size: 125%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h4-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  font-weight: 400;
  	}

  .h5-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  font-weight: 400;
	} }
	
@media (min-width: 768px) {
  .h1-responsive {
    font-size: 200%;
	font-family: "Roboto-Thin" !important;
    font-weight: 100;
    }

  .h2-responsive {
    font-size: 170%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h3-responsive {
    font-size: 140%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h4-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  font-weight: 400;
  	}

  .h5-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  	font-weight: 400;
  	} }

@media (min-width: 992px) {
  .h1-responsive {
    font-size: 400% !important;
	font-family: "Roboto-Thin" !important;
    font-weight: 100;
    }

  .h2-responsive {
    font-size: 300%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h3-responsive {
    font-size: 140%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h4-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  	font-weight: 400;
  	}

  .h5-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  	font-weight: 400;
  	} }

@media (min-width: 1200px) {
  .h1-responsive {
    font-size: 400% !important;
	font-family: "Roboto-Thin" !important;
    font-weight: 100;
    }

  .h2-responsive {
    font-size: 300%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h3-responsive {
    font-size: 170%;
  	font-family: "Roboto-Thin" !important;
  	font-weight: 100;
  	}

  .h4-responsive {
    font-size: 140%;
  	font-family: "Roboto" !important;
  	font-weight: 400;
  	}

  .h5-responsive {
    font-size: 125%;
  	font-family: "Roboto" !important;
  	font-weight: 400;
  	} }

.jarallax {
          height: 700px;
          width: 100%;
        }
		
		
.block{
	display:block;
	background-image: url("http://www.aguair.com/img/base/bkg_7k.jpg");
	/* background:#cccccc; */
	position:relative;	
	font-size:20px;
	font-size:2rem;
	overflow:hidden;
	padding:20px;
	}
.block iframe,.block img{
	width:100%;
	max-width:100%;
	display:block;
	height:auto;
	}

.block-grey{
	display:block;
	background-image: url("http://www.aguair.com/img/base/bkg_7k.jpg");
	/* background:#cccccc; */
	position:relative;
	font-size:18px;
	font-size:1.8rem;
	overflow:hidden;
	padding:15px;
	}
.block-grey iframe,.block img{
	width:100%;
	max-width:100%;
	display:block;
	height:auto;
	}	


.block-white{
	display:block;
	background:#ffffff;
	position:relative;
	font-size:18px;
	font-size:1.8rem;
	overflow:hidden;
	padding:15px;
	}
.block-white iframe,.block img{
	width:100%;
	max-width:100%;
	display:block;
	height:auto;
	}