article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block; }

html {
  height: 100%; }

body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-family: "Arial", sans-serif;
  color: #666666; }

a {
  text-decoration: none;
  color: #003648;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -ms-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in; }

img {
  border: none;
  max-width: 100%;
  height: auto;
  display: block; }

h1 {
  font-size: 36px; }

h1, h2, h3, h4, h5, h6, time {
  font-family: "Arial", sans-serif;
  color: #003648; }

h2 {
  line-height: 38px; }

time {
  font-size: 80%; }

figure {
  margin: 0; }

section {
  overflow: hidden; }

article, .entry {
  line-height: 1.6em;
  font-size: 16px; }

main, .main {
  position: relative;
  right: 0px; }

#viewport {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.clear {
  clear: both; }

.borderbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.line-40 {
  display: block;
  height: 4px;
  width: 60px;
  background-color: #003A83;
  margin-bottom: 30px; }

.table {
  display: table; }

.table .cell {
  display: table-cell; }

.clear, .clearFix {
  clear: both; }

.align-left {
  float: left; }

.align-right {
  float: right; }

.gradient-hover, .gradient:hover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

/* Animate Classes */
.trans-all {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.trans-bg {
  -webkit-transition: bg 0.2s ease-out;
  -moz-transition: bg 0.2s ease-out;
  -ms-transition: bg 0.2s ease-out;
  -o-transition: bg 0.2s ease-out;
  transition: bg 0.2s ease-out; }

.trans-color {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out; }

.trans-opacity {
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

.trans-transform {
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }

input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-family: "Arial", sans-serif;
  font-weight: 400;
  padding: 10px;
  border: none;
  font-size: 120%;
  margin: 0; }

.button, button {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  background: #063c81;
  border: none;
  cursor: pointer;
  color: white;
  padding: 20px 55px; }
  .button:hover, button:hover {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    color: white; }
  .button:focus, button:focus {
    outline: 0; }

.trans-all {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.trans-bg {
  -webkit-transition: bg 0.2s ease-out;
  -moz-transition: bg 0.2s ease-out;
  -ms-transition: bg 0.2s ease-out;
  -o-transition: bg 0.2s ease-out;
  transition: bg 0.2s ease-out; }

.trans-color {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out; }

.trans-opacity {
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

.trans-transform {
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }

/* 

-------------------------------------------------------------

HEADER

*/
video {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 96;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    video {
      display: none; } }
  @media (max-width: 1023px) {
    video {
      height: 500px; } }

#mobile-image {
  width: 100%;
  min-height: 100%;
  background: url("../img/hero.jpg");
  background-size: cover;
  display: none; }
  @media (max-width: 1024px) {
    #mobile-image {
      display: block;
      position: absolute;
      top: 0px;
      left: 0px; } }

.background-image {
  background-position: bottom center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#intro {
  position: relative;
  height: 800px;
  overflow: hidden;
  width: 100%; }
  @media (max-width: 1400px) {
    #intro {
      height: 600px; } }
  @media (max-width: 1200px) {
    #intro {
      height: 540px; } }
  @media (max-width: 1023px) {
    #intro {
      height: 500px; } }
  @media (max-width: 740px) {
    #intro {
      height: 640px; } }

#hero {
  background: rgba(0, 0, 0, 0.8); }

#hero, #hero-two {
  top: 0;
  width: 100%;
  height: 800px;
  z-index: 100;
  position: absolute;
  display: block;
  bottom: 0; }
  #hero .subtitle h2, #hero-two .subtitle h2 {
    color: white;
    margin-bottom: 30px; }
  @media (max-width: 1400px) {
    #hero, #hero-two {
      height: 600px; } }
  @media (max-width: 1200px) {
    #hero, #hero-two {
      height: 540px; } }
  @media (max-width: 1023px) {
    #hero, #hero-two {
      height: 500px; } }
  @media (max-width: 740px) {
    #hero, #hero-two {
      height: 640px; } }
  #hero img.logo, #hero-two img.logo {
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    margin: 305px 0px 0px 120px;
    padding: 30px 30px 30px 0px; }
    @media (max-width: 1400px) {
      #hero img.logo, #hero-two img.logo {
        margin: 205px 0px 0px 120px; } }
    @media (max-width: 1023px) {
      #hero img.logo, #hero-two img.logo {
        margin-top: 200px; } }
    @media (max-width: 820px) {
      #hero img.logo, #hero-two img.logo {
        margin-top: 160px; } }
    @media (max-width: 740px) {
      #hero img.logo, #hero-two img.logo {
        margin: 50px auto 10px auto;
        clear: both;
        float: none; } }
  #hero .line, #hero-two .line {
    height: 130px;
    width: 2px;
    display: block;
    float: left;
    margin-top: 305px;
    border-right: 2px solid rgba(255, 255, 255, 0.2); }
    @media (max-width: 1400px) {
      #hero .line, #hero-two .line {
        margin-top: 205px; } }
    @media (max-width: 1023px) {
      #hero .line, #hero-two .line {
        margin-top: 200px; } }
    @media (max-width: 820px) {
      #hero .line, #hero-two .line {
        margin-top: 160px; } }
    @media (max-width: 740px) {
      #hero .line, #hero-two .line {
        display: none; } }
  #hero #content, #hero-two #content {
    width: 680px;
    margin: 300px 0px 0px 50px;
    float: left;
    display: block; }
    @media (max-width: 1400px) {
      #hero #content, #hero-two #content {
        margin: 200px 0px 0px 50px; } }
    @media (max-width: 1023px) {
      #hero #content, #hero-two #content {
        margin-top: 200px;
        width: 500px; } }
    @media (max-width: 820px) {
      #hero #content, #hero-two #content {
        width: 400px;
        margin: 160px 0px 0px 50px; } }
    @media (max-width: 740px) {
      #hero #content, #hero-two #content {
        width: 80%;
        margin: 20px auto;
        float: none; } }
    #hero #content h1, #hero-two #content h1 {
      font-size: 60px;
      color: white;
      text-transform: uppercase;
      padding: 0;
      margin: 0 0 20px 0px; }
      @media (max-width: 820px) {
        #hero #content h1, #hero-two #content h1 {
          font-size: 48px; } }
      @media (max-width: 740px) {
        #hero #content h1, #hero-two #content h1 {
          font-size: 44px; } }
    #hero #content p, #hero-two #content p {
      font-family: Arial,sans-serif;
      font-size: 15px;
      line-height: 22px;
      color: #fff;
      padding: 20px 0px; }
      @media (max-width: 740px) {
        #hero #content p, #hero-two #content p {
          font-size: 12px; } }
    @media (max-width: 740px) {
      #hero #content button, #hero-two #content button {
        display: none; } }
  #hero #mouse, #hero-two #mouse {
    color: #fff;
    font-size: 11px;
    text-align: center;
    float: right;
    margin: 660px 200px 0px 0px; }
    @media (max-width: 1400px) {
      #hero #mouse, #hero-two #mouse {
        display: none; } }
    @media (max-width: 1023px) {
      #hero #mouse, #hero-two #mouse {
        display: none; } }
    #hero #mouse img, #hero-two #mouse img {
      margin: 5px auto; }

nav {
  position: relative;
  height: 100px;
  width: 100%;
  background: #101d2b;
  display: block;
  float: left;
  z-index: 200; }
  nav #logo {
    width: 270px;
    height: 100%;
    display: block;
    float: left;
    background: #063c81; }
    @media (max-width: 1023px) {
      nav #logo {
        width: 170px; } }
    nav #logo img {
      opacity: 0.4;
      width: 45px;
      height: 42px;
      margin: 25px auto; }
      nav #logo img:hover {
        opacity: 1;
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -ms-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
        transition: opacity 1s ease; }
  nav ul {
    display: block;
    float: right;
    margin: 0;
    padding: 0; }
    nav ul li {
      display: inline-block;
      float: left;
      list-style-type: none;
      margin: 40px 0px;
      padding: 0px 40px; }
      @media (max-width: 1200px) {
        nav ul li {
          padding: 0px 25px; } }
      @media (max-width: 1023px) {
        nav ul li {
          padding: 0px 15px; } }
      @media (max-width: 740px) {
        nav ul li {
          display: none; } }
      nav ul li:last-child:before {
        content: ""; }
      nav ul li a {
        font-size: 13px;
        color: #495058;
        font-family: Helvetica, sans-serif;
        text-transform: uppercase; }
        @media (max-width: 820px) {
          nav ul li a {
            font-size: 11px; } }
        nav ul li a:hover {
          color: #fff; }
        nav ul li a.active {
          color: #fff; }
    nav ul li:last-child {
      margin-right: 0px; }

.sticky {
  position: fixed;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  margin-top: 0px; }
  @media (max-width: 820px) {
    .sticky {
      position: relative; } }

#menu-btn {
  display: none;
  position: absolute;
  width: 40px;
  right: 70px;
  margin-top: 30px; }
  @media (max-width: 740px) {
    #menu-btn {
      display: block; } }
  #menu-btn a {
    display: block; }
  #menu-btn span {
    display: block;
    height: 3px;
    background: white;
    margin: 7px 0px; }

@media (max-width: 740px) {
  #menu-btn {
    display: block; }

  nav ul {
    display: none;
    background: #101d2b;
    z-index: 1000;
    width: 100%;
    text-align: right;
    margin: 0px;
    padding: 0px; }

  nav.shownav .container {
    width: 100%; }

  nav.shownav ul {
    display: block;
    margin: 0px;
    z-index: 1000;
    padding: 0px 60px 0px 0px;
    position: relative; }

  nav ul li {
    display: block;
    float: left;
    margin-right: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px; }

  nav ul a {
    display: block;
    line-height: 50px;
    margin: 0px;
    padding: 0px; } }
/* 

-------------------------------------------------------------

FOOTER

*/
footer {
  width: 100%;
  float: left;
  display: block;
  font-size: 14px;
  background: #101d2b; }
  footer p {
    color: #808892;
    font-family: Arial, sans-serif;
    text-align: center;
    padding-top: 50px; }
  footer a {
    color: #0A64D6; }
    footer a:hover {
      color: white; }
  footer img {
    margin: 0px auto 40px auto; }

/* HOME */
#about {
  width: 100%;
  background: #fff url("../img/aboutbg.png") no-repeat;
  background-position: center center;
  display: block;
  float: left;
  padding: 60px 0px; }
  @media (max-width: 820px) {
    #about p {
      font-size: 13px; } }
  #about h2 span {
    border-right: 1px solid rgba(0, 112, 175, 0.3);
    margin: 0px 15px 0px 5px; }
  #about .onethird {
    float: left;
    display: block;
    width: 30%;
    padding: 100px 0px 0px 3%; }
    @media (max-width: 1400px) {
      #about .onethird {
        padding: 10px 0px 0px 3%; } }
    @media (max-width: 820px) {
      #about .onethird {
        padding: 10px 3% 0px 3%;
        width: 34%; } }
    #about .onethird.break {
      margin-left: -90px; }
      @media (max-width: 1023px) {
        #about .onethird.break {
          display: none; } }
    @media (max-width: 1023px) {
      #about .onethird.hide {
        display: none; } }
    #about .onethird.last {
      padding-left: -90px;
      width: calc(30% + 90px); }
      @media (max-width: 1023px) {
        #about .onethird.last {
          width: calc(63% + 90px); } }
    @media (max-width: 740px) {
      #about .onethird {
        width: 100%;
        padding: 0px;
        margin: 0px; } }
  #about .twothird {
    float: left;
    display: block;
    width: 60%;
    padding: 100px 3% 0px 3%; }
    #about .twothird img {
      max-width: 100%;
      width: auto;
      max-height: none; }
    @media (max-width: 1400px) {
      #about .twothird {
        padding: 10px 3% 0px 3%; } }
    @media (max-width: 1023px) {
      #about .twothird img {
        max-width: none;
        width: auto;
        max-height: 450px; } }
    @media (max-width: 820px) {
      #about .twothird {
        padding: 0px 0px 0px 0%; } }
    @media (max-width: 740px) {
      #about .twothird {
        width: 100%;
        padding: 0px; }
        #about .twothird img {
          max-width: 100%;
          width: auto;
          max-height: none; } }
    #about .twothird h3 {
      padding-top: 100px; }
      @media (max-width: 1400px) {
        #about .twothird h3 {
          padding-top: 50px; } }
      @media (max-width: 1200px) {
        #about .twothird h3 {
          padding-top: 10px; } }
  #about img {
    padding: 10px; }
    @media (max-width: 820px) {
      #about img {
        padding: 20px 0px; } }
    @media (max-width: 740px) {
      #about img {
        padding: 10px 0px; } }
  #about p {
    line-height: 25px; }

#bonds {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  background: #fff url("../img/formsbg.jpg") no-repeat;
  padding-bottom: 200px;
  background-size: contain; }
  @media (max-width: 740px) {
    #bonds {
      padding-bottom: 50px; } }
  #bonds .gradient {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 90;
    height: 1100px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMTIiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 5%, white 41%, white 42%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.12)), color-stop(41%, white), color-stop(42%, white));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 5%, white 41%, white 42%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 5%, white 41%, white 42%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 5%, white 41%, white 42%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 5%, white 41%, white 42%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-8 */ }
    @media (max-width: 1200px) {
      #bonds .gradient {
        height: 1300px; } }
  #bonds #top {
    margin: 0px auto;
    padding: 300px 0px 100px 0px;
    text-align: center; }
    @media (max-width: 1200px) {
      #bonds #top {
        padding: 150px 0px 100px 0px; } }
    @media (max-width: 740px) {
      #bonds #top {
        padding: 50px 0px 100px 0px; } }
    #bonds #top img {
      margin: 0px auto; }
  #bonds .line {
    position: absolute;
    border-right: 1px solid rgba(32, 122, 236, 0.1);
    left: 50%;
    height: calc(100% - 220px); }
    @media (max-width: 1023px) {
      #bonds .line {
        display: none; } }
  #bonds .twocol {
    visibility: hidden;
    width: 36%;
    padding: 0px 7% 0px 7%;
    display: block;
    float: left; }
    #bonds .twocol p {
      line-height: 28px; }
    @media (max-width: 1023px) {
      #bonds .twocol {
        width: 86%; } }
  #bonds .pdf {
    border-left: 2px solid #101d2b;
    padding-left: 10px;
    margin-bottom: 20px; }
    #bonds .pdf h3 {
      padding-bottom: 15px; }
    #bonds .pdf a {
      color: #d2d2d2;
      line-height: 28px; }
      #bonds .pdf a:hover {
        color: #101d2b; }

#contact.internal {
  width: 100%;
  height: 400px;
  display: block;
  float: left;
  background: url("../img/map-full.jpg") no-repeat;
  background-position: top center;
  background-size: cover;
  padding-top: 300px; }
  #contact.internal.dallas {
    background: url("../img/map-dallas.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.internal.fortworth {
    background: url("../img/map-fortworth.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.internal.lubbock {
    background: url("../img/map-lubbock.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.internal.midland {
    background: url("../img/map-midland.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.internal .dot {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../img/map_pin.png") no-repeat;
    visibility: hidden; }
    #contact.internal .dot.one {
      left: 40%;
      margin-top: 20px; }
      @media (max-width: 740px) {
        #contact.internal .dot.one {
          margin-top: 190px; } }
    #contact.internal .dot.two {
      left: 41%;
      margin-top: -65px; }
      @media (max-width: 740px) {
        #contact.internal .dot.two {
          margin-top: 105px; } }
    #contact.internal .dot.three {
      left: 57%;
      margin-top: -10px; }
      @media (max-width: 740px) {
        #contact.internal .dot.three {
          margin-top: 160px; } }
    #contact.internal .dot.four {
      left: 60%;
      margin-top: -13px; }
      @media (max-width: 740px) {
        #contact.internal .dot.four {
          margin-top: 150px; } }

#contact {
  width: 100%;
  height: 900px;
  display: block;
  float: left;
  background: url("../img/map-full.jpg") no-repeat;
  background-position: top center;
  background-size: cover;
  padding-top: 300px; }
  #contact.dallas {
    background: url("../img/map-dallas.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.fortworth {
    background: url("../img/map-fortworth.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.lubbock {
    background: url("../img/map-lubbock.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  #contact.midland {
    background: url("../img/map-midland.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
  @media (max-width: 740px) {
    #contact {
      height: 1100px;
      padding-top: 100px; } }
  #contact h3 span {
    color: #207aec; }
  #contact h2 {
    color: white;
    line-height: 30px; }
  #contact .line {
    border-bottom: 1px solid rgba(32, 122, 236, 0.3);
    width: 280px; }
    @media (max-width: 1023px) {
      #contact .line {
        display: none; } }
  #contact #contact-home {
    padding-top: 20px;
    margin-right: 50%; }
  #contact #contact-brown-line {
    padding-top: 20px;
    margin-right: 50%; }
  #contact .dot {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../img/map_pin.png") no-repeat;
    visibility: hidden;
    /*
    		div:nth-of-type(1)  { @include animation(fadeIn 7s   0.000s ) }
    		div:nth-of-type(2)  { @include animation(fadeIn 7s -16.227s ) }
    		div:nth-of-type(3)  { @include animation(fadeIn 7s -15.455s ) }
    		div:nth-of-type(4)  { @include animation(fadeIn 7s -14.682s ) }
    */ }
    #contact .dot.one {
      left: 40%;
      margin-top: -110px; }
      @media (max-width: 740px) {
        #contact .dot.one {
          margin-top: 190px; } }
    #contact .dot.two {
      left: 41%;
      margin-top: -195px; }
      @media (max-width: 740px) {
        #contact .dot.two {
          margin-top: 105px; } }
    #contact .dot.three {
      left: 57%;
      margin-top: -140px; }
      @media (max-width: 740px) {
        #contact .dot.three {
          margin-top: 160px; } }
    #contact .dot.four {
      left: 60%;
      margin-top: -143px; }
      @media (max-width: 740px) {
        #contact .dot.four {
          margin-top: 150px; } }
  #contact #map-gap {
    padding-bottom: 300px; }
    @media (max-width: 1023px) {
      #contact #map-gap {
        padding-bottom: 150px; } }
    @media (max-width: 740px) {
      #contact #map-gap {
        padding-bottom: 100px; } }
  #contact .fourcol {
    width: 21%;
    padding: 0px 4% 0px 0px;
    display: block;
    float: left;
    line-height: 24px;
    visibility: hidden; }
    @media (max-width: 1023px) {
      #contact .fourcol {
        width: 42%;
        padding: 0px 4% 0px 4%; } }
    @media (max-width: 740px) {
      #contact .fourcol {
        width: 92%;
        padding: 0px 4% 0px 4%; } }
    #contact .fourcol span {
      color: #fff; }
    #contact .fourcol a {
      color: white; }
      #contact .fourcol a:hover {
        opacity: 0.5;
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -ms-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
        transition: opacity 1s ease; }
      #contact .fourcol a.plus {
        display: block;
        background: rgba(255, 255, 255, 0.1) url("../img/plus.png") no-repeat;
        background-position: center center;
        width: 20px;
        height: 20px; }
        #contact .fourcol a.plus:hover {
          background: rgba(255, 255, 255, 0.5) url("../img/plus.png") no-repeat;
          background-position: center center;
          -webkit-transition: background 1s ease;
          -moz-transition: background 1s ease;
          -ms-transition: background 1s ease;
          -o-transition: background 1s ease;
          transition: background 1s ease; }

h2 {
  font-family: Helvetica;
  color: #545555;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #022342; }

h3 {
  font-size: 13px;
  color: #d2d2d2;
  font-family: Helvetica, sans-serif;
  text-transform: uppercase; }
  h3 span {
    color: #101d2b; }

.container {
  width: 1350px;
  display: block;
  margin: 0px auto;
  z-index: 99;
  position: relative; }
  @media (max-width: 1400px) {
    .container {
      width: 1100px; } }
  @media (max-width: 1200px) {
    .container {
      width: 960px; } }
  @media (max-width: 1023px) {
    .container {
      width: 95%;
      padding: 0px 2.5%; } }

span#close, span#dwnclose {
  float: right;
  cursor: pointer; }

/* entire container, keeps perspective */
.flip-container-right {
  min-height: 500px;
  perspective: 1000; }
  @media (max-width: 820px) {
    .flip-container-right {
      min-height: 650px; } }

/* flip the pane when hovered */
.flip-container-right.hover .flipper {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  /* IE 9 */
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */ }

/* entire container, keeps perspective */
.flip-container {
  min-height: 500px;
  perspective: 1000; }
  @media (max-width: 820px) {
    .flip-container {
      min-height: 650px; } }

/* flip the pane when hovered */
.flip-container.hover .flipper {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  /* IE 9 */
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */ }

/* flip speed goes here */
.flipper {
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  transition: 0.6s all ease;
  transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative; }
  .flipper button {
    margin-top: 50px; }

/* hide back of pane during swap */
.front, .back {
  top: 0;
  left: 0; }

.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%; }
  .back h2 {
    width: 100%;
    display: block; }
  .hover .back {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background-color: white; }

/* front pane, placed above back */
.front {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  z-index: 2;
  /* for firefox 31 */
  -ms-transform: rotateY(0deg);
  /* IE 9 */
  -webkit-transform: rotateY(0deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(0deg); }
  .hover .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1; }

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  /* IE 9 */
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(180deg); }

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%); } }
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%); } }
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideLeft {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%); } }
/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideRight {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%); } }
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important; }

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }
/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }
/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }
/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }
/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(8%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }
/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }
/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%; }

@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; }

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }
.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.accordion {
  overflow: hidden; }

/*----- Section Titles -----*/
.accordion-section-title {
  width: 100%;
  padding: 15px;
  display: inline-block;
  transition: all linear 0.15s;
  /* Type */
  font-size: 13px;
  font-weight: 700;
  color: #101d2b;
  font-family: Helvetica, sans-serif;
  text-transform: uppercase; }

.accordion-section-title.active, .accordion-section-title:hover {
  /* Type */
  text-decoration: none;
  border-left: 2px solid #101d2b; }

.accordion-section:last-child .accordion-section-title {
  border-bottom: none; }

/*----- Section Content -----*/
.accordion-section-content {
  padding: 5px 0px;
  display: none;
  border-left: 2px solid #101d2b; }
  .accordion-section-content ul {
    padding-top: 0;
    margin-top: 0; }

/*# sourceMappingURL=tucker.css.map */