/*.pt-gamified #pagetraffic-22ybar-containerID
{
    opacity: 0!important;
}*/
.proposalform
{
  height:calc(100% - 45px);
}
.proposal-form
{
  display:flex!important;
}

#element_13,
#element_12
{display:none;
}
.pagetraffic-to-cta label:nth-child(1) {
    display: none!important;
}

.pt-submit-text,
#submit_form
{
  font-family:Oswald, sans-serif!important;
  font-size:16px!important;
}
#submit_form
{
font-weight: 500!important;
    font-size: 20px!important;
}
.pagetraffic-to-cta label {
    display: inline-block;
    position: relative;

    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.pagetraffic-to-cta label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.pagetraffic-to-cta span {
    top: 0;
    left: 0;
border-radius:5px;
    border: 1px solid #414242;
    font-size: 16px;
    color: #111;
    padding: 20px 0!important;
  width:calc(100% - 2px);
  background:#fff;
  color:#414242!important;
  text-align:center;
  margin-bottom:15px!important;
  
}

.pagetraffic-to-cta span:hover {
    border: 1px solid #000000;
}
.pagetraffic-to-cta label:hover input ~ span {
    background-color: #fff;
  border:1px solid #FF8C00;
}
.pagetraffic-to-cta label:hover input ~ span> p
{
  color:#FF8C00;
}
.pagetraffic-to-cta span {
    display: block;
}
.pagetraffic-to-cta span p {
    margin: auto;
    height: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
  color:#414242;
    font-family:Oswald, sans-serif;
      font-weight: 400;
    font-size: 17px;
      max-width: 250px;
    text-align: left;
}
.pagetraffic-to-cta label span p:before 
{
  content:"";
  position:relative;
  width:50px;
  height:50px;
  display:inline-block;
    margin-bottom: -15px;
    margin-top: -15px;
  margin-right:10px;
      transform: translate(0px, 2px);
}
#r.pagetraffic-to-cta  label:nth-child(2) span p:before 
{
   background:url('../png/cc8e2f32049ff56e2cd833aa128df252_pagemoney1.png');
  background-size:cover;
  
 
}

#r.pagetraffic-to-cta  label:nth-child(3) span p:before 
{
   background:url('../png/6236d0eb76d28381d9957787500e994b_pagemoney2.png');
  background-size:cover;
 
}



#r.pagetraffic-to-cta  label:nth-child(4) span p:before 
{
   background:url('../png/62df514375c327c6d0a41fd6971eb480_pagemoney3.png');
  background-size:cover;
 
}
#r.pagetraffic-to-cta  label:nth-child(5) span p:before 
{
   background:url('../png/8c1d25fccc87296ad41a863dabf19139_pagemoney4.png');
  background-size:cover;
 
}
.pagetraffic-to-cta label input:checked ~ span {
    filter: opacity(100%) !important;
    transition: 0.2s linear;
    border: 1px solid #FF8C00;

    color: #142A3E;
    background-color: #D3F9FF;
       -webkit-box-shadow:2px 3px 7px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.3);
    box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.3);
  
}

.pagetraffic-to-cta label input:checked ~ span p {
    color: #142A3E;
}

.pagetraffic-to-cta span:after {
    content: "";
    position: absolute;
    display: none;
}

.pagetraffic-to-cta label input:checked ~ .checkmark:after {
    display: block;
}

.pagetraffic-to-cta label span:after {
    top: 10px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 10%;

    display: none;
}

body[data-cta="0"] #form_18 li:not(#li_buttons)

{
  display:none!Important;
 
}
body[data-cta="1"] #form_18 li:not(#li_13)
{
  display:none!Important;
 
}
 body[data-cta="2"] #form_18 li:not(#li_7)
{
  display:none!Important;
 
} 

 body[data-cta="3"] #form_18 li:not(#li_5)
{
  display:none!Important;
 
} 
 body[data-cta="4"] #form_18 li:not(#li_1):not(#li_3):not(#li_16):not(#li_buttons)
{
  display:none!Important;
 
} 


/*** ELEMENTS CSS ****/

.pt-gamified .proposalform #main_body input[type="text"],
.pt-gamified .proposalform #main_body input[type="email"]
{
  min-height:50px!important;
}
.pt-next{
    display: flex;
  flex-direction:column;
    justify-content: flex-end;

align-content: flex-end;
align-items: flex-end;
}
.pt-next span
{color:#fff!important;
  font-size:16px!important;
  font-family: "Oswald",sans-serif;
  text-align:center;
  line-height:1.3em!important;
  margin-bottom:20px!important;
      margin-right: 0!Important;
    letter-spacing: .5px;
}
.pt-mail
{ font-family: "Oswald",sans-serif!important;
   font-size:16px!important;
}
.pt-next a:not(.pt-mail)
{
  background: #fca103 url(../png/button-bg.png) repeat-x scroll left bottom;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Oswalkd, sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 55px;
    list-style: outside none none;
   
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: none 0 ease 0;
    width: max-content;
  cursor:pointer;
      font-size: 20px;
  min-width:150px;
  border-radius:5px;
  
}

.pt-next a:hover
{
  opacity:.8;
}
.formtitle 
{
    color: #ff8c00!important;
      font-size: 22px!important;
    font-weight: 400!important;
    text-align: center;
  margin-bottom:20px;
} 
.whitetext {
  color:#fff;
} 
.proposalform>p:not(.formtitle)
{
  display:none;
} 
.pt-gamified .proposalform #main_body label.description:not(#li_1 label.description):not(#li_16 label.description):not(#li_3 label.description):not(#li_15 label.description) {
  text-align:center!important;
      font-size: 18px!important;
    font-weight: 100!Important;
  margin-bottom:10px!Important;
      transform: translate(0px, 2px);
} 
.pt-gamified .proposalform #main_body label.description
{
        font-size: 18px!important;
    font-weight: 400!Important;
}
.pt-gamified .proposalform #main_body label[for="element_1_1"],
.pt-gamified .proposalform #main_body label[for="element_1_2"]
{
  display:none!important;
}
.pt-gamified .proposalform #main_body #li_7 textarea
{
  min-height: 180px!important;
  border-radius:5px!important;
  
}  
.pt-gamified .proposalform #main_body #li_7 label.description:after
{
  content:"(optional)";
}       
.pt-gamified .proposalform #main_body  #error_message ~ .error
{
  display:block!important;
} 

/*** CSS FOR REQUEST QUOTE ***/
#r2.pagetraffic-to-cta  label:nth-child(2) span p:before 
{
   background:url('../png/742242014b6508bb35e116c66b373199_pagesearch.png');
  background-size:cover;
  
 
}

#r2.pagetraffic-to-cta  label:nth-child(3) span p:before 
{
   background:url('../png/ee93126494ae4e263b03ef024cd9f811_pagenewspaper.png');
  background-size:cover;
 
 
}
#r2.pagetraffic-to-cta  label:nth-child(4) span p:before 
{
   background:url('../png/dac24a5af8be1ec06b4b82c36a4e623b_pagefriend.png');
  background-size:cover;
 
 
}
#r2.pagetraffic-to-cta  label:nth-child(5) span p:before 
{
   background:url('../png/935f3233527b21aae508fb0179ea1115_pagetv.png');
  background-size:cover;

 
}

#r2.pagetraffic-to-cta  label:nth-child(6) span p:before 
{
   background:url('../png/084107c1cd9fc3a225f4781b6f40ae16_pagetrade.png');
  background-size:cover;
  
 
}
#r2.pagetraffic-to-cta span p
{
 max-width:200px;
  text-align:left;
}

.pt-gamified .proposalform #main_body form .checkboxes >div >span label
{
      color: #414242!important;
      padding: 20px 0!important;
  cursor:pointer;
  width:100%!important;
  text-align:left;
  color: #414242;
    font-family: Oswald,sans-serif;
    font-weight: 400;
  display:flex!Important;
  align-items:center;
    font-size: 17px!important;
    padding-right:10px!important;
}

.pt-gamified .proposalform #main_body form  .checkboxes >div >span input
{
  margin:0 10px 0 30px!important;
  transform:scale(1.3);
  pointer-events:none;
}
.pt-gamified .proposalform #main_body form  .checkboxes >div >span {
    top: 0;
    left: 0;
border-radius:5px;
    border: 1px solid #414242;
    font-size: 16px;
    color: #111;

  width:calc(100% - 2px)!important;
  background:#fff;
  color:#414242!important;
  text-align:center;
  cursor:pointer;
  display:flex!important;
      align-items: center;
        padding: 0!important;
  margin-bottom:15px;
}
.pt-gamified .proposalform #main_body form  .checkboxes >div >span {
  color:#FF8C00;
  
}

.pt-gamified .proposalform #main_body form .checkboxes >div >span:hover {
    border: 1px solid #000000;
}
.pt-gamified .proposalform #main_body form .checkboxes >div >span:hover {
    background-color: #fff;
  border:1px solid #FF8C00;
  
  color:#FF8C00;
}
.pt-gamified .proposalform #main_body form .checkboxes >div >span:hover label
{
    color:#FF8C00!important;
  pointer-events:none;

}

.pt-gamified .proposalform #main_body form .checkboxes >div >span label:before
{
      content: "";
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-bottom: -15px;
    margin-top: -15px;
    margin-right: 10px;

}
span.pt-checkboxes-active{
  background-color:#D3F9FF!important;
  border:1px solid #FF8C00!important;
  
}
.pt-gamified .proposalform #main_body form span.pt-checkboxes-active label:hover
{
  color:#414242!important
}
.pt-gamified .proposalform #main_body form .checkboxes >div >span:nth-child(1) label:before 
{
   background:url('../png/09ed4a1b687c5bae2b1b9f11ded66c27_pageseo.png');
  background-size:cover;

     background-position-y: 5px;
}

.pt-gamified .proposalform #main_body form .checkboxes >div >span:nth-child(2) label:before 
{
   background:url('../png/b4363b508034f5d2f3cd1b77f1f38efe_pageconsultant.png');
  background-size:cover;

     background-position-y: 5px;
}


.pt-gamified .proposalform #main_body form .checkboxes >div >span:nth-child(3) label:before 
{
   background:url('../png/c751748a6b31d32964b34f44394654c0_pagesocial.png');
  background-size:cover;

      background-position-y: 5px;
 
}
.pt-gamified .proposalform #main_body form .checkboxes >div >span:nth-child(4) label:before 
{
   
  background:url('../png/2821ea0032f4880fb0f5a89f3094ff3b_pagedesign.png');
  background-size:cover;

      background-position-y: 5px;
 
}
.pt-gamified .proposalform #main_body form .checkboxes >div >span:nth-child(5) label:before 
{
   background:url('../png/ae1e66fa984d03bb2adcc508a46ef3ed_pageclick.png');
  background-size:cover;
  
     background-position-y: 5px;
}
.pt-gamified .proposalform #main_body form .checkboxes 
{
  padding-bottom:150px!Important;
}
.checkboxes .pt-next
{
width: 100%;
    position: absolute;
    bottom: 0;
}


body.pt-gamified[data-cta2="1"] #form_14 li:not(#li_10)

{
  display:none!Important;
 
}


body.pt-gamified[data-cta2="2"] #form_14 li:not(#li_13)

{
  display:none!Important;
 
}
body.pt-gamified[data-cta2="3"] #form_14 li:not(#li_12)

{
  display:none!Important;
 
}
body.pt-gamified[data-cta2="4"] #form_14 li:not(#li_5)

{
  display:none!Important;
 
}
body.pt-gamified[data-cta2="5"] #form_14 li:not(#li_1):not(#li_15):not(#li_3):not(#li_buttons)

{
  display:none!Important;
 
}

body.pt-gamified[data-cta2="0"] #form_14 li:not(#li_buttons)

{
  display:none!Important;
 
}
.pt-gamified .notice
{
  display:none!important;
}
.pt-gamified .notice a
{
  color:#FF8C00!important;
}
body.pt-gamified[data-cta2="0"] .notice,
body.pt-gamified[data-cta2="5"] .notice
{
     display:block!important;
}
.pt-gamified .proposalform #main_body  #error_message ~ .error
{
  display:block!important;
}  
.pt-gamified .proposalform #main_body  #error_message ~ .error .pt-next
{
  display:none!Important;
}  
  @media screen and (max-width: 989px) {
    .proposal-form {
display: flex!important;
flex-direction: column-reverse;
  
}  .proposal-form div
    {
      width:calc( 100% - 20px);
      margin:10px auto 10px;
    }
   .pt-gamified .proposalform #main_body.integrated
    {
      margin:15px auto!important;
    }

   
        .pt-gamified .proposalform #main_body label.description
{
        font-size: 16px!important;
    font-weight: 400!Important;
}

    
     .pt-gamified .proposalform #main_body label.description:not(#li_1 label.description):not(#li_16 label.description):not(#li_3 label.description):not(#li_15 label.description) {
  text-align:center!important;
      font-size: 18px!important;
  
  margin-bottom:10px!Important;
} 
            }      

  @media screen and (max-width: 589px) { 
  .pt-gamified .proposalform #main_body  .simple_name_1,
      .pt-gamified .proposalform #main_body  #li_16,
     .pt-gamified .proposalform #main_body  #li_3,
         .pt-gamified .proposalform #main_body  #li_15
    {
      width:100%!important;
    }
     .pt-gamified .proposalform #main_body  .simple_name_2
    {
      width:100%!important;
      margin-top:10px!important;
    }
    .pt-next a:not(.pt-mail)
    {
      min-width:100%;
    }
  }  

   .pt-gamified #required_13:before 
{
     content: ":";
    color: #fff;
    font-family: Oswald;
    margin: 0 5px 0 -3px;
}