/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* #Basic Styles
================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 28px; }

h1, h2, h3, h4, h5, h6 { color: #153B8F; }
h1 { font-size: 28px;line-height: 35px; margin-bottom: 21px; margin-top:14px;}
h2 { font-size: 24px;line-height: 28px; margin: 7px 0 21px 0; }
h3 { font-size: 21px;line-height: 28px; margin: 7px 0 14px 0; }
h4 { color: #666; font-size: 24px; line-height: 28px; margin-top:21px; margin-bottom:21px; }
h4 span { color: #153B8F; font-size: 24px; line-height: 28px; }
h5 { font-size: 19px; line-height: 21px; margin: 14px 0 14px 0;}
h6 { font-size: 17px; line-height: 21px; margin: 14px 0 14px 0; }

.subheader { color: #153B8F; }
p { margin: 0 0 20px 0;}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #153B8F; }
p span { font-weight: bold; color: #153B8F; }
em { font-style: italic; }
strong { font-weight: bold; color: #153B8F; }
small { font-size: 80%; }

/*hr { border: solid #ddd; clear: both; border-width: 1px 0 0; margin: 10px 0 30px; height: 0; } Base styling skeleton*/
hr { border: none; background-color: #eeeeee; height: 1px; margin: 0 10px 14px 10px; clear: both; }
hr.wide { border: none; background-color: #eeeeee; height: 1px; margin: 0 0 14px 0; clear: both; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 21px; color: #153B8F; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 6px solid #153B8F; }
blockquote cite { display: block; font-size: 12px; color: #153B8F; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/* #Links
================================================== */
a, a:visited { color: #153B8F; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #666; }
p a, p a:visited { line-height: inherit; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }

/* #Lists
================================================== */
ul, ol { margin-bottom: 21px; font-size: 15px;}
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 7px 0 7px 30px;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 7px; }
li { line-height: 28px; margin-bottom: 7px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

ul.image li{ padding: 3px 0 2px 38px; list-style: none; background: url(../images/checkmark.png) no-repeat top left; }

/* #Images
================================================== */

img.scale {border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; 
/* Responsive images */
max-width: 100%;
height: auto; //IE8 fix
width: auto; //IE8 fix}

img.border {padding: 5px; border: 1px solid #dddddd; background: #efefef; line-height: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);}

img.left, p img.left, p a img.left {float: left; margin: 0 14px 14px 0;}
img.right, p img.right, p a img.right {float: right; margin: 0 0 14px 14px;}
img.top, p img.top, a img.top, p a img.top {margin: 0 0 14px 0; display:block;}

/*img.scale-with-grid {max-width: 100%; height: auto;} Base styling skelton*/

.gallery {margin-bottom:20px;}
.gallery img {float:left;	padding: 5px; border: 1px solid #dddddd; background: #efefef; line-height: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); margin: 10px 10px 0 0;} 

		
/* #Buttons
================================================== */

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; }
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; }
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

/* #Forms
================================================== */

form {margin-bottom: 20px;}
fieldset {margin-bottom: 20px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #333333;margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff;}
select {padding: 0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow:  0 0 3px rgba(0,0,0,.2);}
textarea {min-height: 60px;}
label, legend {display: block; font-weight: bold; font-size: 13px;}
select {width: 220px;}
input[type="checkbox"] {display: inline;}
label span, legend span {font-weight: normal; font-size: 13px; color: #efefef; }

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }		

/* #Navigation
================================================== */

nav.primary ul { margin: 70px 0 1px 0; float: right; position: relative;  clear:right;}
nav.primary select {display: none; width: 100%; height: 28px; margin: 7px 0; padding:3px;}
nav.primary ul li {margin: 0 0 0 5px; display: inline; float: left; position: relative;}
nav.primary ul li a { display: inline-block; padding:  0 14px; color: #666; text-decoration: none; }
nav.primary ul li a:hover { cursor: pointer;color:#fff;}

/*sub menu*/
nav.primary ul ul {opacity: 0; filter: alpha(opacity=0); position: absolute; top:100%; left: 0; z-index: 999999; background: #999999; height: 0px; overflow: hidden; min-width: 100%; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 0;margin: 0;	
}

nav.primary ul li span {display: none;}
nav.primary ul li:hover ul {opacity: 10;filter: alpha(opacity=100); height: auto; overflow: auto;display: block;}
nav.primary ul ul li {margin: 0; float: none;display: list-item;}
nav.primary ul ul li a { border-bottom: 1px solid #777777; -webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in; transition:all .4s ease-in; font-size:18px; display: block; line-height: 35px; text-transform: none; position: relative; z-index: 999999; white-space: nowrap; }
nav.primary ul ul li a:hover {border-bottom: 1px solid #153B8F;}
nav.primary ul li:hover > a { background: #999999; }


/* Social media links */
nav.social-nav ul {float:right;margin:0 12px 0 0;}
nav.social-nav ul li{list-style: none; float: left; padding:21px 3px 0 3px;}
nav.social-nav ul li:hover {opacity:.5;}

/*Language choice*/
nav.secondary ul {margin: 5px 0 0 0; width: auto; float:right; clear:right;}
nav.secondary li {list-style:none; display:inline;}
nav.secondary li a {padding-left:5px;}
nav.secondary ul li a:hover {opacity:.5;}

/*My flexslider styles*/
.flexslider { background: #fff; border: 0; padding:0; margin-bottom:30px;}
.flexslider .slides li {margin-bottom:0;}
.flex-control-paging li a:hover { background: #153B8F; background-color: rgba(233,106,25,0.7); }
.flex-direction-nav a {line-height:40px;}
	
/* Caption style */
/* IE rgba() hack */ 
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {width: 50%; padding: 0.5% 2% 0.5% 2%; margin: 0; position: absolute; left: 0; bottom: 40px; background: rgba(0,0,0,.3); color:#ffffff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-family: 'Homenaje', sans-serif; }
.flex-caption h1{font-size: 24px; line-height: 35px; color:#ffffff;}
.flex-caption p{font-size: 20px;}
.flex-caption ul li{font-size:18px; line-height: 21px;}

/* #Site Styles
================================================== */

body { color: #666; background-color: #666; }
body#twee {background-image: url(../images/bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: left top; }
#wrapper {position:relative; width:1000px; max-width: 100%; margin:-230px auto 20px auto; background:#ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);  }
#wrapper2 {width:980px; max-width: 100%; margin:80px auto 20px auto; background:#ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);}
#full-bg {width:100%; display:block; height:650px;}
#full-header{width:100%; display:block; background-color:#ffffff;}
.header-image{margin-top:30px;}
.topmargin {margin-top:28px;}
.background { background: #ffffff; }
.bottombg { background: url(../images/bottom.png) repeat-x left top; }
.button.full-width{margin-top:5px;}
.bordercontact {border-left: 1px solid #153B8F; padding-left: 10px;}

h1.stripes { float:left; margin: 40px 0 0 0; padding-bottom:7px;}
h1.logo {float: left; margin: 23px 0 0 0;}
h1.logo a { width: 180px; height: 132px; display: block; background: url(../images/logo2.png) no-repeat 0 0; 
/*http://nicolasgallagher.com/another-css-image-replacement-technique/*/ font: 0/0 a; text-shadow: none; color: transparent; }

.right {float:right;}
.left {float:left;}
/*.hide {display:none;}*/

a.button:link {color: #222222; text-decoration: none; }
a.button:visited {color: #444444; text-decoration: none; }
a.button:hover {color: #444444; text-decoration: none; }
a.button:active {color: #444444; text-decoration: none; }

.footer {}
.footer p{ font-size: 10px; line-height: 14px; text-align: center; color: #999; padding: 6px 0 0 0; }
.box{font-size: 13px; margin: 10px 0 5px 0;padding:20px !important; border: 1px solid #dddddd; background-color:#efefef; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);*/}

[class*="el-icon-"] {margin-right: 10px;color:#153B8F;}


/* #Validation Styles*/
================================================== 
.LV_validation_message{font-weight:bold;font-size:12px;margin:0 0 0 5px;}
.LV_valid {font-weight:bold;font-size:12px;color:#00CC00;}
.LV_invalid {font-weight:bold;font-size:12px;color:#CC0000;}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #00CC00;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000;}

input[type="text"],input[type="password"],input[type="email"],textarea,select {margin-bottom:5px;}	


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.flex-caption h1{font-size: 21px; line-height: 28px;}
	#wrapper2 {margin:0 auto 0 auto; border-radius: none; box-shadow: none;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.hide {display:none;}
	hr {margin: 7px 0 21px 0;}
	#wrapper2 {margin:0 auto 0 auto; border-radius: none; box-shadow: none;}
	h1.logo {padding-bottom: 20px;}
	nav.primary {padding: 21px 0;}
	nav.primary select {display: block;}
	nav.primary ul {display: none;}
	.hide {display:none;}
	hr {margin: 7px 0 21px 0;}
	nav.secondary ul {top: 2px; right: 0;}
	hr.wide {margin-top:28px;}
	.flex-caption {width: 90%; bottom: 10px;}
	.flex-caption h1{font-size: 14px; line-height: 21px;}
	h2{margin-top:35px;}
	.flex-control-paging li a {width: 8px;height: 8px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	}


