@font-face {
  font-weight: 400;
  font-style:  normal;
  font-family: 'Circular-Loom';

  src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Book-cd7d2bcec649b1243839a15d5eb8f0a3.woff2') format('woff2');
}

@font-face {
  font-weight: 500;
  font-style:  normal;
  font-family: 'Circular-Loom';

  src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Medium-d74eac43c78bd5852478998ce63dceb3.woff2') format('woff2');
}

@font-face {
  font-weight: 700;
  font-style:  normal;
  font-family: 'Circular-Loom';

  src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Bold-83b8ceaf77f49c7cffa44107561909e4.woff2') format('woff2');
}

@font-face {
  font-weight: 900;
  font-style:  normal;
  font-family: 'Circular-Loom';

  src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Black-bf067ecb8aa777ceb6df7d72226febca.woff2') format('woff2');
}

html, body { margin:0; padding: 0;}
html { font-size: 10px;}

body { font-family: "Roboto", "Arial", sans-serif; font-weight: 300; font-size: 100%; font-style: normal; line-height: 1.15; color: #6e6259;}

h1, h2, h3, .h1, .h2, .h3 { font-family: "Roboto Slab", "Impact", serif; font-weight: 400; font-style: normal; line-height: 1.15; color: #1279c5; margin: 0;}
h1, .h1 { font-size: 4.25em; color:#fff; line-height: 1;}
h2, .h2 { font-size: 3.5em;}
h3, .h3 { font-size: 2.25em;}

p { font-weight: 400; line-height: 1.15; font-size: 1.6em;}

label { display:block; font-size: 1.4em; font-weight:800; margin:20px 0 4px 0; }
input { width:100%; border: 1px solid #ccc; height:50px; background-color: #fff; padding: 2px 12px 2px 2px; font-size:1.5em; line-height: 1.5; }
select { width:100%; border: 1px solid #ccc; height:50px; background-color: #fff; padding: 2px 12px 2px 2px; font-size:1.5em; line-height: 1.5; }

/* #toplogo { float:left; padding:2% 3%; } */

/* #config_nav { float:right; margin-top:20px; margin-right:20px;} */
#config_nav {  font-size: 1.5em;}
#config_nav a { color: #fff; font-size: inherit;}

#family_name { font-size: 2em; /*padding-top:90px;*/ margin: 0 auto 15px; text-decoration: underline; clear: both; }

#header { background-color: #1279c5; color:#fff; text-align:center; height: 300px !important; width: 100%;}
#header .top { display: flex; justify-content: space-between; align-items: center; padding: 30px;}
@media screen and (max-width: 991px)
{
  #header .top { padding: 30px 15px;}
}

#footer { background-color: #1279c5; color:#fff; text-align:center; padding:8% 0 3% 0; }
#footer a { color: #fff; }

#wrapper-inner { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: center; margin: -100px auto 90px;}

#form_wrapper { position:relative; background-color: #eee; color: #6e6259; width:100%; max-width: 700px; padding:3% 5%; text-align:left; z-index:10; zoom:1;  }

div.halfsize div { float:left; width:46%; }
div.halfsize div:nth-child(odd) { margin-right:8%; }

#contact_info { margin:60px 0 40px 0; display:none; }

#viper_clear,#teros_clear,#trident_clear,#sf6_clear,#sf6lf_clear { border:2px solid #8fbc71; color: #8fbc71; margin-top:20px; padding:15px 30px; font-size:1.6em; text-transform: uppercase; }
#viper_clear:hover,#teros_clear:hover,#trident_clear:hover,#sf6_clear:hover,#sf6lf_clear:hover { background-color:#fff; }
#viper_submit,#teros_submit,#trident_submit,#sf6_submit,#sf6lf_submit { float:right; display:none; background-color: #8fbc71; border:none; color:#fff; margin-top:20px; padding:15px 30px; font-size:1.6em; text-transform: uppercase; }
#viper_submit:hover,#teros_submit:hover,#trident_submit:hover,#sf6_submit:hover,#sf6lf_submit:hover { background-color: #fff; color:#8fbc71; }
@media only screen and (max-width: 600px) {
	#header { height:350px !important; }
}


.col { width: 5%; flex-grow: 1; min-width: 350px;}

.post-details > :not(:first-child) { margin-top: 25px;}

/* Custom CSS frm GW for configurator addition */

.sticky_cta {
    box-sizing: border-box;
    text-align: center;
    order: 3;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    /* 
    top: 145px;
    left: 75%;
    margin-top: -308px; */
  }

  .sticky_cta .post-preview {
    background: #1370b6;
    margin: 0 30px;
    max-width: 300px;
  }
  
  .sticky_cta .post-img img {
    max-width: 100%;
    width: 100%;
  }

  .sticky_cta .post-details {
    padding: 30px;
  }
  
  .sticky_cta .post-title p {
    margin: 0;
    margin-bottom: 21px;
    font-size: 22.5px;
    color: #fff;
  }
  
  .sticky_cta .post-title h2 {
    font-weight: 700;
    color: #fff;
  }
  
  /* .sticky_cta .post-icon {
    margin-bottom: 25px;
  } */
  
  .sticky_cta .post-btns .btn {
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    background: #55803c;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    letter-spacing: normal;
    height: auto;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 300;
    line-height: 1;
    font-size: 18px;
    padding: 14px 28px;
    cursor: pointer;
    text-decoration: none;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: all .25s ease;
  }
  
  .sticky_cta .post-btns .btn:hover {
    background: #6ca34c;
    outline: none;
    box-shadow: none;
  }

  @media screen and (max-width: 1199px)
  {
    .col.blank { display: none;}

    #form_wrapper { margin-left: 30px;}

    /* .page-template-template-configurator #content {
      display: flex;
      flex-wrap: wrap;
    } */
    
    /* .page-template-template-configurator #header {
      width: 100%;
    } */
    
    /* .page-template-template-configurator .sticky_cta {
      order: 3;
      display: flex;
      justify-content: center;
      width: 100%;
      position: relative;
      left: initial;
      top: initial;
      margin-top: -35px;
    } */
    
    /* .page-template-template-configurator #footer {
      width: 100%;
      order: 5;
    } */
    
  }

  @media screen and (max-width: 991px)
  {
    #wrapper-inner { flex-wrap: wrap; margin-bottom: 0;}
    #form_wrapper { margin: 0 15px; max-width: 100%; margin-bottom: 45px;}
    .col { width: 100%;}
    .sticky_cta { position: static;}
    .sticky_cta .post-preview { margin: 0;}
  }
  
iframe#_hjRemoteVarsFrame {display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}