@charset 'UTF-8'; @import url("font-awesome.min.css"); @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic|Open+Sans+Condensed:700");  /* TXT by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */  /*********************************************************************************/ /* Basic                                                                         */ /*********************************************************************************/  body { background: #f2f5f3; }  body.is-loading * { -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; -moz-animation: none !important; -webkit-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }  body,input,textarea,select { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11.5pt; line-height: 2em; }  h1, h2, h3, h4, h5, h6 { font-family: 'Vast Shadow', cursive; font-weight: 500; text-transform: uppercase; color: #0066FF; }  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }   h2.major { position: relative; border-top: solid 5px #e7eae8; }  h2.major span { background: #fff; position: relative; display: inline-block; }  a { color: #006376; text-decoration: underline; }  a:hover { text-decoration: none; }  b, strong { font-weight: 700; color: #6b7770; }  i, em { font-style: italic; }  br.clear { clear: both; }  sub { position: relative; top: 0.5em; font-size: 0.8em; }  sup { position: relative; top: -0.5em; font-size: 0.8em; }  hr { border: 0; border-top: solid 2px #E7EAE8; margin: 0 0 3em 0; }  blockquote { border-left: solid 5px #E7EAE8; padding: 1em 0 1em 1.5em; font-style: italic; }  p, ul, ol, dl, table { margin-bottom: 3em; }  /* Section/Article */  section, article { margin-bottom: 6em; }  section > :last-child, article > :last-child { margin-bottom: 0; }  section:last-child, article:last-child { margin-bottom: 0; }  header > p { display: block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #c1cac5; }  /* Image */  .image { position: relative; display: inline-block; border-radius: 8px; }  .image img { display: block; width: 100%; border-radius: 8px; }  .image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('images/overlay.png'); border-radius: 8px; }  .image.fit { display: block; width: 100%; }  .image.featured { display: block; width: 100%; margin: 0 0 2em 0; }  .image.left { float: left; margin: 0 2em 2em 0; }  .image.centered { display: block; margin: 0 0 2em 0; }  .image.centered img { margin: 0 auto; width: auto; }  /* Button */  input[type="button"], input[type="submit"], input[type="reset"], .button { -webkit-appearance: none; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; background: #ff9900; color: #0066FF; border: 0; line-height: 1em; border-radius: 8px; outline: 0; cursor: pointer; -moz-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }  input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover { background: #c1edbb; }  input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active { background: #a1cd9b; }  input[type="button"].alt, input[type="submit"].alt, input[type="reset"].alt, .button.alt { background: #c1cac5; }  input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, .button.alt:hover { background: #ccd5d0; }  input[type="button"].alt:active, input[type="submit"].alt:active, input[type="reset"].alt:active, .button.alt:active { background: #b1bab5; }  /* List */  ul.default { list-style: disc; padding-left: 1em; }  ul.default li { padding-left: 0.5em; }  ul.divided { }  ul.divided > li { border-top: solid 2px #e7eae8; padding-top: 2.35em; margin-top: 2.35em; }  ul.divided > li:first-child { border-top: 0; padding-top: 0; margin-top: 0; }  ul.actions { }  ul.actions li { display: inline-block; margin: 0 0 0 1em; }  ul.actions li:first-child { margin-left: 0; }  ul.contact { cursor: default; }  ul.contact li { position: relative; display: inline-block; margin: 0 0.25em 0 0.25em; top: 0; -moz-transition: top .15s ease-in-out; -webkit-transition: top .15s ease-in-out; -o-transition: top .15s ease-in-out; -ms-transition: top .15s ease-in-out; transition: top .15s ease-in-out; }  ul.contact li a { display: block; position: relative; width: 48px; height: 48px; border-radius: 6px; outline: 0; -moz-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; background: #c1cac5; text-align: center; }  ul.contact li a:before { color: #f2f5f3; font-size: 32px; line-height: 48px; }  ul.contact li:hover a.fa-facebook		{ background-color: #3C5A98; } ul.contact li:hover a.fa-twitter		{ background-color: #2DAAE4; } ul.contact li:hover a.fa-dribbble		{ background-color: #C4376B; } ul.contact li:hover a.fa-linkedin		{ background-color: #006599; } ul.contact li:hover a.fa-instagram		{ background-color: #2E5E86; } ul.contact li:hover a.fa-google-plus	{ background-color: #DA2713; }  ul.contact li:hover { top: -5px; }  ul.contact li:active { top: 0; }  ul.special { cursor: default; }  ul.special li { position: relative; display: inline-block; margin: 0 1.5em 0 1.5em; top: 0; -moz-transition: top .15s ease-in-out; -webkit-transition: top .15s ease-in-out; -o-transition: top .15s ease-in-out; -ms-transition: top .15s ease-in-out; transition: top .15s ease-in-out; }  ul.special li:hover { top: -10px; }  ul.special li:hover a { background: #b9d2ce; }  ul.special a { display: block; position: relative; background: #c1cac5; width: 12em; height: 12em; border-radius: 6em; outline: 0; -moz-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }  ul.special a:before { position: absolute; width: 128px; height: 128px; font-size: 96px; line-height: 128px; left: 50%; top: 50%; margin-top: -64px; margin-left: -64px; color: #fff; text-align: center; }  ul.meta { font-size: 0.85em; color: #a1aaa5; }  ul.meta li { position: relative; display: inline-block; margin-left: 1em; }  ul.meta li a { color: inherit; outline: 0; }  ul.meta li:first-child { margin-left: 0; }  ul.meta li:before { opacity: 0.5; cursor: default; margin-right: 0.5em; }  ul.menu li { border-left: solid 1px #E7EAE8; display: inline-block; padding: 0 0 0 0.75em; margin: 0 0 0 0.75em; }  ul.menu li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }  ol { }  ol.default { list-style: decimal; padding-left: 1.25em; }  ol.default li { padding-left: 0.25em; }  /* Forms */  form { }  form label { display: block; margin: 0 0 1em 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #6b7770; }  form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea { -webkit-appearance: none; display: block; width: 100%; border-radius: 8px; border: solid 2px #E7EAE8; }  form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus { border-color: #a1cd9b; }  form input[type="text"], form input[type="email"], form input[type="password"], form select { line-height: 3em; padding: 0 1em; }  form textarea { min-height: 9em; padding: 1em; }  form .formerize-placeholder { color: #555 !important; }  form ::-webkit-input-placeholder { color: #555 !important; }  form :-moz-placeholder { color: #555 !important; }  form ::-moz-placeholder { color: #555 !important; }  form :-ms-input-placeholder { color: #555 !important; }  form ::-moz-focus-inner { border: 0; }  /* Tables */  table { width: 100%; }  table.default { width: 100%; }  table.default tr { border-top: solid 2px #E7EAE8; }  table.default tr:first-child { border-top: 0; }  table.default td { padding: 0.5em 1em 0.5em 1em; }  table.default th { text-align: left; padding: 0.5em 1em 0.5em 1em; margin: 0 0 1em 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #6b7770; }  table.default thead { background: #E7EAE8; color: #fff; }  table.default tfoot { }  table.default tbody { }  /* Box */  .box { }  .box.highlight { text-align: center; }  .box.features { }  .box.feature { }  .box.blog { }  .box.post { }  .box.post-summary { }  .box.page-content { }  /*********************************************************************************/ /* Icons                                                                         */ /*********************************************************************************/  .icon { position: relative; text-decoration: none; }  .icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }  .icon > .label { display: none; }  /*********************************************************************************/ /* Sidebar + Content                                                             */ /*********************************************************************************/  .sidebar { }  .content { }  /*********************************************************************************/ /* Wrappers                                                                      */ /*********************************************************************************/  #banner-wrapper { position: relative; background-position:		top left,					top left,					center center; z-index: 1; }  #main-wrapper { background: #fff; border-top: solid 5px #ff9900; border-bottom: solid 5px #c1cac5; }  /*********************************************************************************/ /* Header                                                                        */ /*********************************************************************************/  #header { }  /*********************************************************************************/ /* Nav                                                                           */ /*********************************************************************************/  #nav { }  /*********************************************************************************/ /* Banner                                                                        */ /*********************************************************************************/  #banner { position: relative; background-size:		auto,						100% 250%; background-repeat:		repeat,						no-repeat; text-align: center; margin: 0;  }  #banner h2 { color: #0066ff; } #banner a img ( box-shadow: 10px 10px 5px #ffffffff; ) #banner p { display: block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #575d59; }  #banner .button { color: #0066ff; background: #ff9900 !important; border: solid 4px #575d59; border-color: rgba(87, 93, 89, 0.35); border-radius: 16px; -moz-transition: border-color .2s ease-in-out, color .2s ease-in-out; -webkit-transition: border-color .2s ease-in-out, color .2s ease-in-out; -o-transition: border-color .2s ease-in-out, color .2s ease-in-out; -ms-transition: border-color .2s ease-in-out, color .2s ease-in-out; transition: border-color .2s ease-in-out, color .2s ease-in-out; }  #banner .button:hover { color: #e4e7e5; border-color: rgba(87, 93, 89, 0.75); }  #banner .button:active { color: #fff; border-color: rgba(97, 103, 99, 1.0); }   /*********************************************************************************/ /* Main                                                                          */ /*********************************************************************************/  #main { }  /*********************************************************************************/ /* Footer                                                                        */ /*********************************************************************************/  #footer { }  #footer a { color: inherit; }  #footer h2.major span { background: #f2f5f3; }  /*********************************************************************************/ /* Copyright                                                                     */ /*********************************************************************************/  #copyright { display: inline-block; background: #e7eae8; padding: 0.75em 2em 0.75em 2em; border-radius: 8px; color: #8b9790; }  #copyright a { color: inherit; }  #copyright .menu { margin: 0; }  #copyright .menu li { border-color: #C1CAC5; border-width: 2px; line-height: 1em; }  /*********************************************************************************/ /* IFRAMES                                                                    */ /*********************************************************************************/  .google-maps { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }  .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  /*********************************************************************************/ /* FREEWALL                                                                    */ /*********************************************************************************/ #freewall-container { width:100%; margin: auto; } .item  img{ max-width:25%; height:auto; } .item2  img{ max-width:35%; height:auto; } .item3  img{ max-width:15%; height:auto; } .item4 img { max-width: 75%; height: auto; } .item5 img { max-width: 50%; height: auto; } .item6 img { max-width: 11.5%; height: auto; }