/*@import url('//cdn2.hubspot.net/hub/2158646/hub_generated/template_assets/5225609518/1569720575289/Coded_files/Custom/page/new-careers-page/responsive.min.css'); */
/*@import url('{{ get_public_template_url%28"Custom/page/new-careers-page/slick-theme.css
/*@import url%28%27 {{ get_public_template_url%28%27Coded files/Custom/page/new-careers-page/forms.css') }}');
@import url(' {{ get_public_template_url%28%27Coded files/Custom/page/new-careers-page/slick.css') }}');
@import url(' {{ get_public_template_url%28%27Coded files/Custom/page/new-careers-page/slider.css') }}');*/
/*@import url(' {{ get_public_template_url%28%27Coded files/Custom/page/new-careers-page/noty.css') }}');*/

/*@import url(' {{ get_public_template_url%28%27Coded files/Custom/page/new-careers-page/forms.css') }}');*/

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/
/* These includes are optional, but helpful. */
{% include "hubspot/styles/responsive/modules.css" %}
{% include "hubspot/styles/patches/recommended.css" %}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
    font-family: 'BebasNeue-Light';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue_Light.otf');
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue%20Light.ttf') format('truetype'),
         url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue%20Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue_Regular.otf');
    src: url('../bebas_neue/TTF/BebasNeue_Regular.ttf') format('truetype'),
          local('Bebas Neue Regular'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue-Book';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue_Book.otf');
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue%20Book-1.ttf') format('truetype'),
         url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue_Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BebasNeue-Bold';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue_Bold.otf');
    src: url('../bebas_neue/TTF/BebasNeue_Bold.ttf') format('truetype'),
          local('Bebas Neue Bold'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue-Thin';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/BebasNeue_Thin.otf');
    src: url('../bebas_neue/TTF/BebasNeue_Thin.ttf') format('truetype'),
          local('Bebas Neue Thin'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGrotesk-Light';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/AkzidenzGroteskLight.otf');
    /*src: local('AkzidenzGrotesk'),*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGroteskBold';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/AkzidenzGroteskBold.otf');
    /*src: local('AkzidenzGrotesk'),*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkzidenzGroteskRegular';
    src: url('https://cdn2.hubspot.net/hubfs/2158646/AkzidenzGroteskRegular.ttf');
    /*src: local('AkzidenzGrotesk'),*/
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\
    #OVERARCHING STYLES
\*------------------------------------*/

h1 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 45px;
  font-family: 'BebasNeue-Light', Helvetica, sans-serif;
  font-weight: 200;
}

h2 {
  text-transform: uppercase;
  letter-spacing: .9px;
  font-size: 34px;
  font-family: 'BebasNeue-Book', Helvetica, sans-serif;
}

h3 {
  font-size: 30px;
  color: white;
  font-family: Gill Sans Extrabold, sans-serif;
  text-transform: uppercase;
}

h4 {
  font-size: 20px;
  font-family: 'AkzidenzGrotesk-Light', sans-serif;
  letter-spacing: 1px;
  line-height: 25px;
}

h5 {
  font-family: 'Homemade Apple', cursive;
  font-size: 25px;
  margin-top: 20px;
  margin-bottom: 25px;
  margin-left: -15px;
}

h6 {
  font-size: 11.5px;
  font-family: 'AkzidenzGrotesk-Light', sans-serif;
  letter-spacing: 1px;
  line-height: 17px;
  text-transform: uppercase;
}

p, ul, li {
  font-size: 16px;
  font-family: 'AkzidenzGrotesk-Light', sans-serif;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.right-content-main p br {
   display: block;
   margin: 5px 0;
}

.btn {
  display: block;
  width: 27%;
  padding: 5px 0px;
  border: 1px solid white;
  color: white;
  font: 12px/12px Gill Sans Extrabold, sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.btn:hover {
  background-color: white;
  /*background-color: #4D7EA6;*/
  color: #4D7EA6;
}

a {
  -moz-transition:all .5s ease;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}

hr {
  border: 0;
  height: 5px;
  width: 20%;
  margin-right: 100%;
  align: left;
}

.HRDiv{
border-top: 5px solid #FFFFFF;
width: 80px;
height: 1px;
border-top-style: solid;
border-left: none;
border-right: none;
border-bottom: none;
color: #FFFFFF;
display: block;
border-color: #FFFFFF;
}

.blueHRDiv {
border-top: 5px solid #4D7EA6;
width: 80px;
height: 1px;
border-top-style: solid;
border-left: none;
border-right: none;
border-bottom: none;
color: #4D7EA6;
display: block;
border-color: #4D7EA6;
}

/*------------------------------------*\
    #MAIN CONTENT - BLOCKS 4 - JOIN/NUMBERS
\*------------------------------------*/


.mainContent {
  position: relative;
}

/*#svg-1 {
  z-index: 500;
  position: absolute;
  top: 50;
  left: 0;
  border: 1px red solid;
}*/


.mainContent .content-1 {
  margin: 10px 0 10px 0;
  padding: 50px 0;
  position: relative;
  /*border: 1px black solid;*/
  background-color: #f7f4f3;
}

.mainContent .content-1 .join {
  padding: 40px 0;
}

.mainContent .join,
.mainContent .numbers {
  background-color: #f7f4f3;
  width: 80%;
  max-width: 1100px;
  padding-bottom: 20px;
  /*border: 1px black solid;*/
  margin: 0 auto;
}

.mainContent .join .header,
.mainContent .numbers .header {
  width: 80%;
  color: #4D7EA6;
}

.mainContent .join .header h2,
.mainContent .numbers .header h2  {
  color: #4D7EA6;
}

.mainContent .join hr,
.mainContent .numbers hr {
  color: #4D7EA6;
  background-color: #4D7EA6;
  border-color: #4D7EA6;
}

.mainContent .join .blocks-4 .block-4,
.mainContent .numbers .blocks-4 .block-4 {
  width: 24.5%;
  vertical-align: top;
  /*border: 1px black solid;*/
  display: inline-block;
  margin-top: 30px;
  padding: 0;
}

.mainContent .join .blocks-4 .block-4 h1,
.mainContent .numbers .blocks-4 .block-4 h1 {
  font-size: 55px;
}

.mainContent .join .blocks-4 .block-4 p,
.mainContent .numbers .blocks-4 .block-4 p {
  width: 90%;
}

.mainContent .join .blocks-4 .block-4 h1,
.mainContent .numbers .blocks-4 .block-4 h1 {
  color: #4D7EA6;
}


.mainContent .numbers .blocks-4 .block-4{
  vertical-align: top;
}

/*------------------------------------*\
    #MAIN CONTENT - BLOCKS 2 - FREEDOM TO FOCUS
\*------------------------------------*/

.mainContent .content-3 {
  margin: 10px 0 15px 0;
  padding: 50px 0;
  background-color: #f7f4f3;
}

.mainContent .freedom .blocks-2 .block-2 .image-content {
  width: 100px;
  margin-bottom: 10px;
}

.img-content {
  width: 100%;
}

.mainContent .freedom {
  background-color: #f7f4f3;
  width: 80%;
  /*border: 1px black solid;*/
  margin: 0 auto;
}

.mainContent .freedom .header {
  width: 60%;
}

.mainContent .freedom .header h1 {
  color: #4D7EA6;
}

.mainContent .freedom hr {
  color: #4D7EA6;
  background-color: #4D7EA6;
  border-color: #4D7EA6;
}

.mainContent .freedom .blocks-2 {
}

.mainContent .freedom .blocks-2 .block-2 {
  vertical-align: top;
  width: 49%;
  /*border: 1px black solid;*/
  display: inline-block;
  margin-top: 30px;
  padding: 0;
}

.mainContent .freedom .blocks-2 .block-2 p {
  width: 95%;
}

/*.mainContent .freedom .blocks-2 .block-2 .lead-text {
  font-family: 'AkzidenzGroteskBold', sans-serif;
}*/

.mainContent .freedom .blocks-2 .block-2 li {
  /*margin-left: 10px;*/
  width: 75%;
  text-indent:-11px;
  margin-left: 20px;
}

/*------------------------------------*\
    #MAIN CONTENT - BLOCKS 1 - ACCLERATE
\*------------------------------------*/

.mainContent .content-4 {
  margin: 15px 0 15px 0;
  padding: 50px 0;
}

.mainContent .acclerate {
  width: 80%;
  /*border: 1px black solid;*/
  margin: 0 auto;
}

.mainContent .acclerate .header {
  width: 60%;
}

.mainContent .acclerate .header h1 {
  color: #4D7EA6;
}

.mainContent .acclerate hr {
  color: #4D7EA6;
  background-color: #4D7EA6;
  border-color: #4D7EA6;
}


.mainContent .acclerate .blocks-1 .block-1 li {
  vertical-align: top;
  width: 47%;
  /*border: 1px black solid;*/
  display: inline-block;
  padding: 0;
  text-indent: -11px;
  margin-left: 20px;
}

/*.mainContent .acclerate .blocks-1 p {
  font-family: 'AkzidenzGrotesk-Regular', sans-serif;
  font-weight: bold;
}*/

.mainContent .acclerate .blocks-1 {
  margin-top: 30px;
}

/*------------------------------------*\
    #CAROUSEL - REAL PRACTICE OWNERS
\*------------------------------------*/

.box {
  width: 100%;
  height: 650px;
  overflow: hidden;
  position: relative;
}

.carousel {
  position: relative;
  /*width: 100%;*/
  max-height: 650px;
}

.carousel-img {
  position: relative;
  width: 100%;
  z-index: -1 !important;
}

/*.overlay-carousel {
  border: 1px black solid;
  background-color: red;
}*/

.slide {
  position: relative;
}

.carousel-text {
  position: absolute;
  top: 25%;
  left: 8%;
  color: white;
  width: 43%;
  z-index: 50;
  /*padding-left: 20px;*/
}

.carousel-text h2 {
  margin-bottom: 5%;
}


.carousel-text .slide,
.carousel-2-text .slide {
  padding-left: 20px;
}

.carousel-2-text {
  position: absolute;
  top: 27%;
  left: 58%;
  color: white;
  width: 32%;
  z-index: 50;
}

.carousel-2-text h4 {
  margin-bottom: 4%;
}

.overlay-carousel hr {
  color: white;
  background-color: white;
  border-color: white;
  margin-bottom: 60px;
}

.carousel .overlay-carousel {
  position: relative;
}

.quote-1 {
  position: absolute;
  top: 36%;
  left: 6%;
  z-index: 30;
  /*height: 15px;*/
}

.overlay-carousel .quote-2 {
  position: absolute;
  top: 34.5%;
  left: 56.5%;
  z-index: 30;
}

.quote {
  height: 35px;
}

.slide h6 {
  color: white;
}

.overlay-carousel .slide-header {
  position: absolute;
  color: white;
  top: 8%;
  left: 8%;
  align: center;
  width: 45%;
  margin: 0 auto;
  z-index: 50;
  padding-left: 20px;
  /*border: 1px black solid;*/
}

.overlay-carousel .slide-header-2 {
  position: absolute;
  color: white;
  top: 8%;
  left: 58%;
  align: center;
  width: 30%;
  margin: 0 auto;
  z-index: 50;
  padding-left: 20px;
  /*border: 1px black solid;*/
}

.slide__caption h2 {
  font-size: 28px;
  margin-bottom: 28px;
}

.slide__caption h6 {
  color: white;
  text-transform: none;
}

.box #overlay-carousel {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .7;
  z-index: 10;
  /*width: 100%;
  height: 100%;*/
}

.controllers span {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #4D7EA6;
  font-size: 90px;
  font-weight: 200;
  z-index: 50;
  /*border: 1px black solid;*/
}

.controllers span.previous {
  z-index: 300;
  position: absolute;
  top: 45%;
  left: 3%;
}

.controllers span.next {
  z-index: 300;
  position: absolute;
  top: 45%;
  left: 91%;
}


/*------------------------------------*\
    #CAROUSEL - REAL QUESTIONS
\*------------------------------------*/

.box {
  width: 100%;
  /*height: 675px;*/
  overflow: hidden;
  position: relative;
}

.dots {
  position: absolute;
  color: black;
  top: 90%;
  /*text-align: center;*/
  /*margin: 0 auto;*/
  left: 47%;
  z-index: 500;
}

.carousel-2 {
  position: relative;
  max-height: 650px;
  background-color: #4D7EA6;
}

.carousel-2 .slide {
  position: relative;
  height: 100%;
  width: 60%;
}

.carousel-img-2 {
  position: absolute;
  min-height: 100%;
  width: auto;
  z-index: 2;
}


/*.slide__caption-2 {
  top: 8%;
  left: 60%;
  position: absolute;
  width: 30%;
  z-index: 25;
  color: white;*/
}

.slide__caption hr {
  color: white;
  background-color: white;
  border-color: white;
  margin-bottom: 60px;
}

.slide__caption h2 {
  font-size: 28px;
  margin-bottom: 28px;
}

.slide__caption h6 {
  color: white;
  text-transform: none;
}

.box #overlay-carousel-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  /*height: 675px;*/
  /*overflow: hidden;*/
}

.box  {
  /*border: 1px solid black;*/
  height: 650px;
}

.controllers span {
  /*position: absolute;
  top: 30px;
  left: 30px;*/
  color: white;
  font-size: 90px;
  font-weight: 200;
  /*z-index: 20;*/
  /*border: 1px black solid;*/
}

.controllers span.previous-2 {
  z-index: 20;
  position: absolute;
  top: 45%;
  left: 2%;
}

.controllers span.next-2 {
  z-index: 500;
  position: absolute;
  top: 45%;
  left: 90%;
}

/*.carousel .carousel-slider img.img {
  width: 100%;
}*/

/*.carousel .carousel-overlay svg {
  opacity: .5;
  background-color: blue;
  border: 1px black solid;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}*/
/*
.carousel .carousel-overlay svg {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}*/



/*------------------------------------*\
    #MAIN CONTENT - BLUE CONNECT SECTIONS
\*------------------------------------*/

.mainContent .connect {
  margin-top: 10px;
  background-color: #4D7EA6;
  padding: 30px 0;
}

.mainContent .connect h1 {
  padding-bottom: 10px;
  text-align: center;
  color: white;
}

.mainContent .connect .btn {
    margin: 0 auto;
    width: 160px;
    padding: 5px 0px;
    background-color: white;
    color: #4D7EA6;
}

.mainContent .connect .btn:hover {
    background-color: #4D7EA6;
    color: white;
    border: 1px solid white;
}


/*------------------------------------*\
    #FORM
\*------------------------------------*/


.form {
    margin: 60px 0;
}

.form .form-container {
    width: 80%;
    margin: 0 auto;
    /*border: 1px black solid;*/
}

.form .form-container input{
    /*color: #838383;*/
    width: 100%;
    display: inline-block;
    border: none;
    font-family: 'AkzidenzGrotesk-Light', sans-serif;
    /*font-size: 15px;*/
    /*padding: 10px;*/
    margin-top: 20px;
    /*font-size: 15px;*/
    border-bottom: 1px #838383 solid;
}

.form .form-container .form-block input::-webkit-input-placeholder,
.form .form-container .form-block textarea::-webkit-input-placeholder{
    color: #838383;
    font-family: 'AkzidenzGrotesk-Light', sans-serif;
    font-size: 15px;
}

.form .form-container .form-block textarea {
    width: 98% !important;
    height: 15%;
    display: inline-block;
    /*margin-top: 60px;*/
    font-size: 15px;
    font-family: 'AkzidenzGrotesk-Light', sans-serif;
    border-right: none;
    border-left: none;
    border: none;
    overflow: auto;
    padding: 10px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px #838383 solid;
    border-bottom: 1px #838383 solid;
}

.form .form-container input:focus,
.form, .form .form-container .form-block textarea,
#soflow {
  outline:0;
}

.form .form-container .form-block p {
    display: inline-block;
    width: 45%;
    margin-right: 3%;
    border-bottom: 1px solid #838383;
    /*border: 1px black solid;*/
}

.form .form-container .form-block select#soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   /*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
    -moz-appearance: none;
   /*background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
   background-position: 97% center;
   background-repeat: no-repeat;
   border-bottom: 1px solid #838383;
   color: #838383;
   font-size: 15px;
   font-family: 'AkzidenzGrotesk-Light', sans-serif;
   line-height: 20px;
   letter-spacing: 0.5px;
   width: 45%;
   margin-top: 20px;
   margin-right: 3%;
   /*margin: 20px;*/
   overflow: hidden;
   padding: 10px;
   display: inline-block;
   text-overflow: ellipsis;
   white-space: nowrap;
   border-top: none;
   border-left: none;
   border-right: none;
   background-color: white;
}

.form .form-container h1 {
    color: #4D7EA6;
    width: 80%;
}
.form .form-container p.full-screen {
  width: 100%;
  margin-top: 30px;
}

.form .form-container hr {
  color: #4D7EA6;
  background-color: #4D7EA6;
  border-color: #4D7EA6;
  width: 10%;
  margin-bottom: 40px;
}

.form .form-container .btn {
  background-color: #4D7EA6;
  border-color: #4D7EA6;
  width: 80px;
  padding: 7px 4px;
  margin-top: 20px;
}

.form .form-container .btn:hover {
  background-color: white;
  color: #4D7EA6;
  border-color: 1px solid #4D7EA6;

}



/*------------------------------------*\
    #MAIN CONTENT - BLUE INTEREST SECTION
\*------------------------------------*/

.mainContent .interest {
  margin-top: 10px;
  background-color: #4D7EA6;
  padding: 30px 0;
}

.mainContent .connect h2 {
  padding-bottom: 15px;
  text-align: center;
  color: white;
}

.mainContent .interest .btn {
    margin: 0 auto;
    width: 200px;
    padding: 7px 0px;
    background-color: white;
    color: #4D7EA6;
}

/*------------------------------------*\
    BACKGROUND-IMG-GUY IN LAB
\*------------------------------------*/

.mainContent .cover-image .cover-image {
    /*height: 900px;*/
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer {
  background-color: #f7f4f3;
  margin-top: 15px;
  /*height: 225px;*/
}

.footer .content {
  /*border: 1px solid black;*/
  width: 625px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 50px;
  padding-top: 40px;
}

.footer .content p, h6 {
  color: #999999;
}

.footer .content .legal a{
  color: #999999;
  text-decoration: none;
}

/*a:hover
{
     color:#00A0C6;
     text-decoration:none;
     cursor:pointer;
}*/

.footer .content h6 {
  line-height: 22px;
}

.footer .content h6:nth-child(3) {
  margin-bottom: 30px;
}

.footer .content p {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: .7px;
}

.footer .social img {
  height: 25px;
  width: 25px;
  margin-right: 8px;
  display: inline-block;
}

.footer .legal {
  width: 250px;
  /*margin-top: 40px;*/
  /*margin-bottom: 40px;*/
}

.footer .social {
  margin-top: 40px;
  width: 200px;
  height: 30px;
  /*margin-bottom: 40px;*/
  position: absolute;
  right: 0;
  top: 0;
}

.footer .social .social-icon {
  display: inline-block;
}



/*------------------------------------*\
    #SVG/ANIMATIONS
\*------------------------------------*/

.mainContent {
  position: relative;
}


#svg-1 {
  /*border: 1px blue solid;*/
  width: 120px;
  height: 120px;
  //z-index: 500;
  position: absolute;
  margin-left: 600px;
  margin-top: -50px;
}

#svg-0 {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 85%;
  top: -40px;
}

.mainContent .content-1 #svg-2 {
  position: absolute;
  width: 120px;
  height: 120px;
  margin-top: 40px;
  margin-left: -100px;


}

.mainContent #svg-3 {
  position: absolute;
  width: 120px;
  height: 120px;
  margin-top: -80px;
  margin-left: 700px;
}

.content-4 #svg-4 {
  position: absolute;
  width: 115px;
  height: 115px;
  margin-top: 20px;
  margin-left: 100px;
}

.mainContent .numbers #svg-5 {
  position: absolute;
  width: 100px;
  height: 100px;
  margin-left: 700px;
  margin-top: 20px;
}

#svg-1, #svg-2, #svg-3, #svg-4, #svg-5 {
  -webkit-animation-duration: 1.5s;
  /*-vendor-animation-delay: 6s;
  -vendor-animation-iteration-count: infinite;*/
}

/*------------------------------------*\
    #MOBILE ONLY
\*------------------------------------*/

.mobile-only {
  display: none;
}

/*
#modalContainer {
  background-color:rgba(0, 0, 0, 0.3);
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  left:0px;
  z-index:10000;
  background-image:url(tp.png);
}

#alertBox {
  position:relative;
  width:33%;
  min-height:100px;
  max-height:400px;
  margin-top:50px;
  border:1px solid #fff;
  background-color:black;
  background-repeat:no-repeat;
  top:30%;
}

#modalContainer > #alertBox {
  position:fixed;
}

#alertBox h1 {
  margin:0;
  font-family: 'AkzidenzGrotesk-Light';
  font-size: 1em;
  background-color:#f97352;
  color:#FFF;
  text-align: center;
  border-bottom:1px solid #f97352;
  padding:10px 0 10px 5px;
}

#alertBox p {
  height:50px;
  padding-left:5px;
  padding-top:30px;
  text-align:center;
  vertical-align:middle;
}

#alertBox #closeBtn {
  display:block;
  position:relative;
  margin:10px auto 10px auto;
  padding:7px;
  border:0 none;
  width:70px;
  text-transform:uppercase;
  text-align:center;
  color:#FFF;
  background-color:#f97352;
  border-radius: 0px;
  text-decoration:none;
  outline:0!important;
}

#mContainer {
  position:relative;
  width:600px;
  margin:auto;
  padding:5px;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}

h1,h2 {
  margin:0;
  padding:4px;
}

code {
  font-size:1.2em;
  color:#069;
}

#credits {
  position:relative;
  margin:25px auto 0px auto;
  width:350px;
  font:0.7em verdana;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  height:90px;
  padding-top:4px;
}

#credits img {
  float:left;
  margin:5px 10px 5px 0px;
  border:1px solid #000000;
  width:80px;
  height:79px;
}

.important {
  background-color:#F5FCC8;
  padding:2px;

}

@media (max-width: 600px)
{
  #alertBox {
  position:relative;
  width:90%;
  top:30%;
}*/









/* form submit - popup box */
.form-popup {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}
.form-popup .modal-content {
    background-color: #4d7ea6;
    margin: 15% auto;    
    padding: 20px;
    width: 30%;
    max-width:270px;
    height:auto;
}
.form-popup .modal-content p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 34px;
    line-height: 38px;
    font-family: 'BebasNeue-Light', Helvetica, sans-serif;
    font-weight: 200;
    border:none;
    width:100%;
    margin:0;
    text-align: center;
    padding:25px 0 20px 0;
}
.form-popup .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top:-15px;
    right:-5px;
    
}
.form-popup .close:hover,
.form-popup .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.mainContent .freedom {
  background-color: #f7f4f3;
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
}

.form .form-container {
  width: 80%;
  margin: 0 auto;
  max-width: 1100px;
}

.mainContent .acclerate {
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
}

/*sup {*/
/*  font-size:10px; */
/*  vertical-align:super;*/
/*}*/


sup {
  vertical-align: baseline;
  position: relative;
  top: -0.7em;
  font-size:9px; 
}