/* ==========================================================================
Author's custom styles
========================================================================== */

body {
  overflow-x: hidden;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* Font Load -- START -- */

@media {
  @font-face {
    font-family: 'RobotoSlab-Thin';
    src: url('https://d34w0339mx0ifp.cloudfront.net/2019-Landing-Pages/RobotoSlab-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
}

@media {
  @font-face {
    font-family: 'RobotoSlab-Light';
    src: url('https://d34w0339mx0ifp.cloudfront.net/2019-Landing-Pages/RobotoSlab-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
}

@media {
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('https://d34w0339mx0ifp.cloudfront.net/2019-Landing-Pages/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
}

@media {
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('https://d34w0339mx0ifp.cloudfront.net/2019-Landing-Pages/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  font-family: 'WhitneyBold';
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/WhitneyBold.eot');
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/WhitneyBold.eot') format('embedded-opentype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/WhitneyBold.woff2') format('woff2'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/WhitneyBold.woff') format('woff'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/WhitneyBold.ttf') format('truetype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/WhitneyBold.svg#WhitneyBold') format('svg');
}
@font-face {
  font-family: 'Whitney-Light';
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Light.eot');
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Light.eot') format('embedded-opentype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Light.woff2') format('woff2'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Light.woff') format('woff'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Light.ttf') format('truetype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Light.svg#Whitney-Light') format('svg');
}
@font-face {
  font-family: 'Whitney-Semibold';
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Semibold.eot');
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Semibold.eot') format('embedded-opentype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Semibold.woff2') format('woff2'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Semibold.woff') format('woff'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Semibold.ttf') format('truetype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Semibold.svg#Whitney-Semibold') format('svg');
}
@font-face {
  font-family: 'Whitney-Medium';
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Medium.eot');
  src: url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Medium.eot') format('embedded-opentype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Medium.woff2') format('woff2'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Medium.woff') format('woff'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Medium.ttf') format('truetype'),
    url('https://d22j4fzzszoii2.cloudfront.net/images/fontlibrary/Whitney/Whitney-Medium.svg#Whitney-Medium') format('svg');
}
/* Font Load -- END -- */


/* Utility Classes -- START -- */


.p0 {
  padding: 0px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb120 {
  margin-bottom: 120px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mtb80 {
  margin: 80px 0px !important;
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.ptb15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media screen and (max-width: 992px){
  .md-mb120 {
    margin-bottom: 120px;
  }
}

.h40 {
  height: 40px !important;
  max-height: 40px !important;
}

.width-30 {
  width: 30px;
  max-width: 30px;
}

p {
  font-size: 18px;
  font-family: 'Whitney-Light', 'Whitney A', 'Whitney-B', arial;
  color: #6d6f70;

  line-height: 28px;
}

.size-12 {
  font-size: 12px;
  line-height: 20px;
}

.size-14 {
  font-size: 14px;
  line-height: 22px;
}

.white {
  color: white !important;
}

.slate-grey {
  color: #444648 !important;
}

.smoke-grey {
  color: #6d6f70 !important;
}

.light-grey {
  color: #b6b7b7;
}

.pri-cta {
  line-height: 45px;
  height: 45px;
  color: #ffffff;
  background-color: #177cf9;
  font-family: 'Whitney-SemiBold', arial, sans-serif;
  font-size: 18px;
  width: 200px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

.pri-cta:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #065AC1;
}

.sec-cta {
  line-height: 45px;
  height: 45px;
  color: #177cf9;
  background-color: #C5DEFD;
  font-family: 'Whitney-SemiBold', arial, sans-serif;
  font-size: 18px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  text-align: left;
  max-width: 185px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sec-cta:hover {
  text-decoration: none;
  background-color: #E7F2FE;
  color: #177cf9;
  padding-right:
}

.cta-arrow {
  height: 12px;
  display: block;
}

.blue-link {
  color: #177cf9;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  display: block;

  font-family: 'Whitney-Medium', 'Whitney A', 'Whitney-B', arial;
  font-size: 12px;
}

.blue-link:active {
  text-decoration: none;
}

.blue-link:hover {
  text-decoration: none;
  color: #115BB6;
}

.blue-link::after {
  content: '';
  display: block;
  height: 2px;
  width: 20px;
  position: absolute;
  bottom: -2;
  left: 0;
  background-color: #177cf9;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.blue-link:hover::after {
  width: 80px;
  background-color: #115BB6;
}

.bg-midnight {
  background-color: #1a1d1f;
}

.bg-white {
  background-color: white;
}

.pearl-grey {
  background-color: #eff2f7 !important;
  background: #eff2f7 !important;
}

.grey-gradient-bg {
  background: -webkit-linear-gradient(-90deg, #eff2f7, #ffffff);
}

.lightblue-gradient-bg {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cadeff+0,ffffff+100 */
background: #cadeff; /* Old browsers */
background: -moz-linear-gradient(top,  #cadeff 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cadeff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cadeff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadeff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

hr {
  border: 1px solid #D6DEE9;
  border-radius: 2px;
}

h1 {
  font-family: 'Whitney-Semibold', arial, sans-serif;
  font-size: 48px;
  line-height: 58px;
  color: #212529;
}

.h1 {
  font-family: 'Whitney-Medium', arial, sans-serif;
  font-size: 48px;
  line-height: 58px;
  color: #212529;
}

h2 {
  font-family: 'Whitney-SemiBold', arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
  color: #6d6f70;
}

.no-shadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* Utility Classes -- END -- */

/* Nav CSS -- START -- */

.nav-sclogo {
  max-width: 120px;
}

.navbar {
  padding: 30px 0px !important;
}

.nav-link {
  font-family: 'Whitney-Light', arial, sans-serif;
  color: #1a1d1f !important;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;
}

.nav-link:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  color: ;
}

.nav-rad {
  background-color: #177cf9;
  color: white;
  font-size: 18px;
  font-family: 'Whitney-Semibold', arial, sans-serif;
  line-height: 45px;
  height: 45px;
  width: 180px;
  text-align: center;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

.nav-rad:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #065AC1;
}

.sticky-top {
  -webkit-box-shadow: 0 30px 44px -12px rgba(23,124,249,0.05);
          box-shadow: 0 30px 44px -12px rgba(23,124,249,0.05);
}

/* Nav CSS -- END -- */

/* Header Image CSS -- START -- */

.h-bg {
  background-size: cover;
  height:auto;
  padding: 0px !important;
  display: block;
}

.h-bg::after {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#22a5fa+1,ff3266+50,fcbb43+100 */
  background: #22a5fa; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, right top,  color-stop(1%, #22a5fa),color-stop(50%, #ff3266),to(#fcbb43));
  background: linear-gradient(to right,  #22a5fa 1%,#ff3266 50%,#fcbb43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a5fa', endColorstr='#fcbb43',GradientType=1 ); /* IE6-9 */

  width: 100%;
  height: 5px;

  display: block;
  content: '';
}



.h-body {
  height: inherit;
  padding: 80px 0px;
}
.header-book-cover img {
  width: inherit;
  /*-webkit-box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
          box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);*/
}

.download-email-wrap {
  -webkit-box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
          box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
}

@media screen and (max-width: 1200px) {
  .download-email-wrap {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .download-email-input, .download-submit {
    -webkit-box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
            box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
  }
}

.download-input {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #ffffff;
  line-height: 45px;
  max-height: 45px;
  height: 45px;
  width:100%;
  padding-left: 20px;
  margin: 0;

  color: #444648;
  font-family: 'Whitney-Light', Arial, sans-serif;
  font-size: 16px;
  display: inline-block;
  outline: none;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
          box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
  overflow-y: scroll;
}

.download-input::-webkit-input-placeholder {
  color: #6d6f70;
}

.download-input:-ms-input-placeholder {
  color: #6d6f70;
}

.download-input::-ms-input-placeholder {
  color: #6d6f70;
}

.download-input::placeholder {
  color: #6d6f70;
}

.download-input:focus {
  border-bottom: 1px solid #177cf9;
  background-color: #FFFFFF;
}

.download-email-input:required:focus:valid {
  background: white url('https://d34w0339mx0ifp.cloudfront.net/Landing%20Pages/Aug19/valid.png') no-repeat 95% 50%;
  background-size: 21px;
}

.download-email-input:required:focus:invalid {
  background: white url('https://d34w0339mx0ifp.cloudfront.net/Landing%20Pages/Aug19/invalid.png') no-repeat 95% 50%;
  background-size: 21px;
}

.download-email-input {
  background: white url('https://d34w0339mx0ifp.cloudfront.net/Landing%20Pages/Aug19/required.png') no-repeat 95% 50%;
  background-size: 21px;
  border: none;
  border: 1px solid #ffffff;
  line-height: 45px;
  max-height: 45px;
  height: 45px;
  width: 67%;
  padding-left: 20px;
  margin: 0;

  color: #444648;
  font-family: 'Whitney-Light', Arial, sans-serif;
  font-size: 16px;
  display: inline-block;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.download-email-input::-webkit-input-placeholder {
  color: #6d6f70;
}

.download-email-input:-ms-input-placeholder {
  color: #6d6f70;
}

.download-email-input::-ms-input-placeholder {
  color: #6d6f70;
}

.download-email-input::placeholder {
  color: #6d6f70;
}

.download-email-input:focus {
  border-bottom: 1px solid #177cf9;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.input-after {
  color: #1a1d1f;
  opacity: 0.4;
}

.download-submit {
  background-color: #177cf9;
  border: none;
  line-height: 45px;
  max-height: 45px;
  height: 45px;
  width: 33%;
  margin: 0 !important;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  color: #ffffff;
  font-family: 'Whitney-SemiBold', Arial, sans-serif;
  font-size: 18px;
  display: inline-block;
  outline: none;
}

.download-submit:hover {
  background-color: #115BB6;
}

@media screen and (max-width: 992px) {
  .download-input, .download-email-input {
    text-align: center;
  }
}

@media screen and (max-width: 1200px) {
  .download-email-input, .download-submit {
    width: 100% !important;
    max-height: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
  }
  .download-email-wrap {
    display: block !important;
  }
  .rad-input {
    margin-bottom: 15px !important;
  }
}

/* About Section START */
.social-share{
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.social-share:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px)
}

.quote-img img{
  width: 27px;
}

.quote-name {
  color: #177cf9;
  font-family: 'Whitney-SemiBold', arial, sans-serif;
  font-size: 20px;
}
.quote-company {
  color: #6d6f70;
  font-family: 'Whitney-Medium', arial, sans-serif;
  font-size: 20px;
}

.graham-img {
  width: 50px;
}

.author-text {
  color: #177cf9;
  font-family: 'Whitney-Medium', arial, sans-serif;
  font-size: 14px;
  line-height: 14px
}

.author-name {
  color: #6d6f70;
  font-family: 'Whitney-Book', arial, sans-serif;
  font-size: 20px;
}

/* About Section END */

/* Preview Section START */

.preview-img {
  width: inherit;
  position: absolute;
  top: -50px;
}

.preview-wrap {
  height: 526px;
}

@media screen and (max-width: 1200px) {
  .preview-wrap {
    height: 435px;
  }
}
/* Preview Section END */

/* Card Section START */

.card-wrap {
  -webkit-box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
          box-shadow: 0 30px 44px -12px rgba(23,124,249,0.23);
  background-color: #ffffff;
}

.card-img {
  width: 100%;
  height: 180px;
  max-height: 180px;
  background-color: #eff2f7;
}

/* Card Section END */

/* Resources Section CSS -- START -- */



.card {
  background-color:  white;
  -webkit-box-shadow: 0px 30px 44px -12px rgba(23,124,249,0.3);
          box-shadow: 0px 30px 44px -12px rgba(23,124,249,0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  border-radius: 0px;
}

@media (max-width: 992px) {
  .card-deck .card {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 1 0 100%;
    -webkit-box-flex: 1;
            flex: 1 0 100%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-bottom: 50px;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (max-width: 576px) {
  .card-deck .card {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 1 0 0%;
    -webkit-box-flex: 1;
            flex: 1 0 0%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-right: 15px;
    margin-bottom: 50px;
    margin-left: 15px;
  }
}

.card-img-top {
  border-radius: 0px;
}

.resource-wrapper:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-box-shadow: 0px 40px 54px -8px rgba(23,124,249,0.2);
          box-shadow: 0px 40px 54px -8px rgba(23,124,249,0.2);
}

@media screen and (max-width: 992px) {
  .resource-wrapper {
    margin-bottom: 50px;
  }
}

.resource-img {
  width: 100%;
}

.resource-img img {
  width: 100%;
  height: auto;
}

.resource-title {
  font-size: 22px;
  font-family: 'Whitney-Medium', arial, sans-serif;
  color: #444648;
  line-height: 30px;
}

.resource-type {
  font-size: 16px;
  line-height: 22px;
  font-family: 'Whitney-Medium', arial, sans-serif;
  color: #9AA2AC;
}

.resource-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* Resources Section CSS -- END -- */

/* Footer CSS -- START -- */



.footer::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#22a5fa+1,ff3266+50,fcbb43+100 */
  background: #22a5fa; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, right top,  color-stop(1%, #22a5fa),color-stop(50%, #ff3266),to(#fcbb43));
  background: linear-gradient(to right,  #22a5fa 1%,#ff3266 50%,#fcbb43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a5fa', endColorstr='#fcbb43',GradientType=1 ); /* IE6-9 */

  width: 100%;
  height: 5px;

  display: block;
  content: '';
}

/* Footer CSS -- START -- */
/* Pardot Form Styling */
.form-field input {
  border:0;
  border-bottom:2px solid #C4CEDF;
  border-radius: 0px;
background: #ffffff;

}
.form.form p label {
  text-align:left;
}
form.form p.required label, form.form span.required label {
    background: none!important;
}

form.form p.required label:after, form.form span.required label:after {
  content: "*";
  font-size:15px;}

.pd-select {
  position: relative;
  /*Don't really need this just for demo styling*/

  float: left;
  width:100%;
  margin: 0px;

}
.pd-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor:pointer;
  margin-bottom:10px;
  display: block;
  width: 100%;
  height:35px;
  border:0;

  border-bottom:2px solid #C4CEDF;
}

.form.form p.submit input {
    margin: 0 10px 0 0;
    padding: 10px 12px;
}

.form.form p.submit {
  margin: 0;
}

.pd-select select:hover {
  border: 1px solid #177cf9;
}

.pd-select:after {
  content: 'â–¼';
  font-size:10px;
  color: #177cf9;
bottom: 7px;
right:27px;
    height: 34px;
    padding: 0px 0px 0px 0px;

    position: absolute;
    pointer-events: none;
}

.pd-select label {
  display: block;
  width:100%;
}

.form.form input.text {
  width:100%;
  height:30px;
  outline:none;
  margin-bottom: 0px;
}

.form.form input.text:focus {
  border-bottom:2px solid #177cf9;
}

.field-label {
  font-family:'Whitney-Medium', arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #656a70!important;
  font-weight:normal;
  width: 100%!important;
}

form.form p.no-label {
  margin-left:5px;
}

.form.form p.email-pref, form.form p.no-label {
    /* margin: .2em .5em .6em 160px; */
    margin-left: 0px;
    padding: 0;
    font-size: 12px;
    margin-top: -15px;
}
input[type=checkbox], input[type=radio] {
  position:relative;
  left:100px;
  margin-left:-100px;

}

.form.form p.submit input {
  margin: 35px 0 0!important;
      -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1488ec;
    -webkit-box-shadow: 0 20px 34px -12px rgba(23,124,249,.23);
    box-shadow: 0 20px 34px -12px rgba(23,124,249,.23);
    font-family: Whitney-Semibold,helvetica,arial;
    font-size: 18px;
    color: #fff;
    padding: 12px 30px;
    letter-spacing: -.6px;
    text-align: center;
    min-width: 180px;
    display: table;
    letter-spacing: .5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  cursor:pointer;
  border:0px;
}


select:after {
  content: " "!important;
}

.form.form p.email-pref, form.form p.no-label {
    /* margin: .2em .5em .6em 160px; */
    margin-left: 33%;
    padding: 0;
  font-size:12px;
}

.form.form p span.description {
  line-height: 18px;
margin-left: 0px;
margin-top: 7px;
font-size: 12px;
}

.p-form {
  margin-bottom:15px!important
    ;
}


@media only screen and (max-width: 1200px) {
  .pd-select select {
    width:98%;
  }
  .form.form input.text {
    width:100%;
    margin-bottom: 0px;
  }

  .form.form p.email-pref, form.form p.no-label {
      /* margin: .2em .5em .6em 160px; */

      padding: 0;
    font-size:12px;
  }

  .form.form p.required label, form.form span.required label {
    width:100%;
  }

  .form.form p span.description {
    margin-left:0%;
    font-size:12px;
  }
}


/* Individual Form Fields Styling */

.p-form-marketingautomation .field-label {
  font-size:13px;
}

.p-form-rad {
margin-left:0%;


}

.form.form .p-form-rad input {

position:relative;
margin-left:-100px;

}