/* Main styles */

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  body {
    background-color: #ffffff;
  }

 #cpcwbwrapper ul.parsley-errors-list {position:relative;}
 #cpcwbwrapper ul.parsley-errors-list.filled {
    float: right;
    background: red;
    color: #fff;
    border-radius: 10px;
    list-style: none;
    padding: 4px 6px;
    font-size: 12px;
    top: -60px;
    right: 10px;
}
  
  .nomargin { margin:0 !important;}
  img.centre {  border: 4px solid #ddd; width: 75% !important; float: right; margin: 0 35px 30px 0;}
 #cpcwbwrapper input[type="submit"] {margin-top: 40px !important;padding:0px 40px ;margin: 0px;float: right;}  
#cpcwbwrapper input[type="submit"]:hover {background:#4c12a1; color:#fff}
  #cpcwbwrapper { 
    max-width: 1500px;
    margin: 0 auto;
    background: none;
    font-family: arial;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  #cpcwbwrapper .headline-wrapper {
    min-width: 300px;
    width: 44%;
    text-align: center;
  }
  #cpcwbwrapper .headline-wrapper p {color: #4C12A1;}
  #cpcwbwrapper #cpcwbcontent {
    margin: 8px auto 32px auto;
    border: 4px solid #e1e1e1;
    padding: 20px;
    min-width: 300px;
    width: 44%;
    margin-top: 20px;
    border-radius: 20px;
    background: #F5F5F7;
  }
  #cpcwbwrapper #cpcwbcontent #registersamsung { width: 97%;}
  #cpcwbwrapper #cpcwbcontent iframe { height: max-content;}
  
  /* GRID */
  #cpcwbwrapper .grid { width: 100%;}
  #cpcwbwrapper .grid:after { content: ""; display: table; clear: both;}
  #cpcwbwrapper .grid-pad { padding: 20px; overflow: hidden;}
  #cpcwbwrapper .grid-top { padding: 20px 0; overflow: hidden;}
  #cpcwbwrapper .grid-sides { padding: 0 20px 0; overflow: hidden;}
  #cpcwbwrapper .col-1-2 { width: 50%;}
  #cpcwbwrapper .col-1-3 { width: 33%;}
  #cpcwbwrapper .col-1-4 { width: 25%;}
  #cpcwbwrapper .col-2-3 { width: 66%;}
  #cpcwbwrapper [class*='col-'] { float: left; -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;}
  /*  #cpcwbwrapper #content [class*='col-'] img { width: 80%; float: right;}*/
  
  /* Global FONTS */
  #cpcwbwrapper h1 {font-size: 30px;color: #4c12a1 !important;margin: 0;padding: 5px 0;width: 100%;text-align: center;margin-top: 20px;}
  #cpcwbwrapper h2 {font-family: arial;font-size: 22px;font-weight: lighter;color: #4c12a1;margin: 0;padding: 5px 0;text-align: center;}
  
  /* Header */
  #cpcwbwrapper header { clear: both; margin: 0 0 10px 0; width: 100%;}
  #cpcwbwrapper header img { width: 100%;}
  #cpcwbwrapper footer img { width: 100%;}
  #cpcwbwrapper footer .footerbanner-m { display: none;}

  #cpcwbwrapper .tickwrap {
    display:flex; 
    justify-content:space-between; 
    margin-top:20px;
    gap: 8px;
    width: 100%;
  }
  #cpcwbwrapper .tickbox {background:#fff; padding:10px;border-radius: 10px;border: 1px solid #dddddd;width: 50%;text-align: center;flex-flow: row-reverse;display: flex;align-items: center;justify-content: center;}
  #cpcwbwrapper .tickbox input[type="checkbox"] {transform:scale(1.5);}
  /*breadcrumb styles*/
.breadcrumb {
	margin: 8px 0 16px 0;
}

.breadcrumb.why {
    margin-bottom: 0px;
    border-bottom: 0px;
    padding-top: 8px;
}
.breadcrumb h4 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 4px 4px 4px;
    color: #213038;
}
.breadcrumb a {
    text-decoration: none;
    color: #4C12A1;
}
.breadcrumb a:after {
    font-family: 'fontAwesome';
    content: "\f105";
    padding-left: 0.7em;
    padding-right: 0.3em;
    font-size: 120%;
}
/*end of breadcrumb styles*/
  .banner img {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
  }
  .banner .desktop {
    display: block;
  }
  .banner .mobile {
    display: none;
  }
  /*================================================================================================================*/
  /*                                                                                                                */
  /*                                                  RESPONSIVE                                                    */
  /*                                                                                                                */             
  /*================================================================================================================*/
  @media only screen and (max-width:1090px) { 
    .product_img img.two, .product_img img.three, .product_img img.four {
      top: 0px;
    }
    #cpcwbwrapper #cpcwbcontent {
      width: 70%;
    }
  }
  
  @media only screen and (min-width: 550px) and (max-width:710px) { 
	  #cpcwbwrapper #cpcwbcontent iframe { height: 1900px;}
  }
  
  @media only screen and (min-width: 0px) and (max-width:549px) { 
	  #cpcwbwrapper #cpcwbcontent iframe { height: 2000px;}
  }
  
  @media only screen and (min-width: 0px) and (max-width:599px) { 
	  #cpcwbwrapper .col-1-2,
	  #cpcwbwrapper .col-1-3,
	  #cpcwbwrapper .col-1-4,
	  #cpcwbwrapper .col-2-3
	   { width: 100% !important;}
  
	  #cpcwbwrapper footer .footerbanner-m { display: block;}
	  #cpcwbwrapper footer .footerbanner { display: none;}
    #cpcwbwrapper #cpcwbcontent {
      width: 90%;
    }
    .product_img {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      row-gap: 16px;
      margin: 16px 0;
      flex-direction: row;
    }
    .product_img img {
      width: 50%;
    }
    .banner .desktop {
      display: none;
    }
    .banner .mobile {
      display: block;
    }
    #cpcwbwrapper .headline-wrapper {
      width: 60%;
    }
  }