@charset "utf-8";
/* ==========================================================================
   CSS Reset
   ========================================================================== */
/*
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
*,*:after,*:before {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

/* ==========================================================================
   Common CSS
   ========================================================================== */
/*body {font: normal 14px/20px Arial, Helvetica, sans-serif;color: #4b4b4b;background: #fff;}*/
h1, h2, h3, h4, h5, h6 {font-weight: 500;}
p{ margin: 0 0 20px 0;}
a {outline: none;text-decoration: none;color: #b41124; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover,a:focus{text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.container {margin: 0 auto;}
#wrapper {min-height: 100%;position: relative;}
li{list-style: none;}
img{ display: block; max-width: 100%; height: auto; }
h4,h5{font-weight: bold;}
/*@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/Avenir-Book/Avenir-Book.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'AvenirNextLTProBold';
  src: url('../fonts/AvenirNextLTProBold/AvenirNextLTProBold.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/AvenirNextLTProBold/AvenirNextLTProBold.woff') format('woff'),
  url('../fonts/AvenirNextLTProBold/AvenirNextLTProBold.ttf')  format('truetype'),
  url('../fonts/AvenirNextLTProBold/AvenirNextLTProBold.svg#AvenirNextLTProBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/Avenir-Book/Avenir-Book.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Avenir-Book/Avenir-Book.woff') format('woff'),
  url('../fonts/Avenir-Book/Avenir-Book.ttf')  format('truetype'),
  url('../fonts/Avenir-Book/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
   font-family: 'Avenir-Book' !important;
}
#header{
   padding: 30px 0 0 0;
}
.detail-header{
   padding: 20px 0;
   color: #2f3a8c;
}
.detail-header h6{
  font-weight: bold;
  font-size: 20px;
  text-align: right;
}
.detail-header p{
   text-align: right;
    font-size: 17px;
    color: #2f3a8c;
    line-height: normal;
    padding: 0 0 5px 0;
}
.site-navbar ul li{
   display: inline-block;
   
   background-color: #5ec2e6;
   border-radius: 10px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
.site-navbar ul li.active{
   background-color: #e7f6fb;
}
.site-navbar ul li.active a{
   color: #5ec2e6 !important;
}
.site-navbar ul li a{
   display: block;
   color: white;
   padding: 10px 20px;
   font-weight: bold;

}

.smile-block2{
   padding: 30px 0 30px 0;
   
}

.smile-block2 .apply-ntn{
   background-color: #e73844;
   border-radius: 30px;
   width: 250px;
   padding: 0 40px;
   margin-left: auto;
    margin-right: auto;

}

.smile-block2 .apply-ntn a{
   display: block;
   font-size: 24px;
   color: #fff;
   text-align: center;
  text-transform: uppercase;
  height: 40px;
   line-height: 40px
}


.smile-block, .contact-info, .Contact-form{
   padding: 30px 0 70px 0;
   border-top: 4px solid #5ec2e6;
   border-bottom: 4px solid #5ec2e6;
   background-color: #e7f6fb;
}
.smile-block .smile-text h3{
   font-size: 27px;
   color: #e73844;
   padding: 70px 0 25px 0;
   font-weight: bold;
   font-family: 'AvenirNextLTProBold';
}
.smile-block .smiling-para1, .smile-block .smiling-para2{
   line-height: normal;
   color: #2f3a8c;
}
.smile-block .smiling-para1{
   font-size: 25px;
   font-weight: normal;
}
.smile-block .smiling-para1 p, .smile-block .smiling-para2 p{
  font-weight: normal !important;
}
.smile-block .smiling-para2{
   font-size: 21px;
   padding: 70px 0 0 0;
    font-style: italic;
}
.smile-block .smiling-para2 span{
   color: #e73844; 
}
.smile-block .apply-ntn, .premium .apply-ntn, .contact-info .apply-ntn, .form-element-2 .apply-ntn{
   background-color: #e73844;
   border-radius: 30px;
   width: 250px;
   padding: 0 40px;

}
.smile-block .apply-ntn a, .premium .apply-ntn a, .contact-info .apply-ntn a, .form-element-2 .apply-ntn a{
   display: block;
   font-size: 24px;
   color: #fff;
   text-align: center;
  text-transform: uppercase;
  height: 40px;
   line-height: 40px
}
.smile-block .smile-img{
   padding: 30px 0 0 0;
}
.reasons-block .justify-block{
   justify-content: space-between;
   padding: 0 0 30px 0;
}
.reasons-block .reasons-text{
   text-align: center;
   font-size: 15.5px;
   padding: 0 0;
}
.reasons-block{
   padding: 30px 0;
   border-bottom: 4px solid #5ec2e6;
}
.reasons-block h3{
   font-size: 30px;
   font-weight: bold;
}
.reasons-block h3{
   color: #e73844;
   padding: 0 0 40px 0;
   font-family: 'AvenirNextLTProBold';
   font-size: 
}
.reasons-block .reasons-block-img img{
   display: block;
   margin: 0 auto;
}
.reasons-block .reasons-text h6{
  font-size: 15px;
  font-weight: bold;
  color: #2f3a8c;
  padding: 7px 0 0 0;
  font-family: 'AvenirNextLTProBold';
}
.nhs p{
  font-family: 'AvenirNextLTProBold';
}
.reasons-block .reasons-text p{
   line-height: normal;
   font-size: 15px;
   color: #2f3a8c;
   font-weight: normal;
}

.add-info{
   padding: 0 0 30px 0;
   border-bottom: 4px solid #5ec2e6;
}
.add-info .add-info-text h4, .contact-info .add-info-text h4{
   font-size: 19px;
   color: #5ec2e6;
   padding: 30px 0;
   font-weight: bold;
   font-family: 'AvenirNextLTProBold';
}
.add-info .add-info-links a, .contact-info .add-info-links a{
   display: block;
   color: #e73844;
  line-height: 23px; 
  font-size: 15px;
   text-decoration: underline;
   font-weight: 500;
}
.add-info .add-info-text-para p{
    width: 48%;
}
.add-info .add-info-text-para p, .contact-info .add-info-text-para p{
   padding: 30px 0;
   font-size: 11px;
   color: #2f3a8c;
   font-style: italic;
}
.add-info .add-info-text-para span, .contact-info .add-info-text-para span{
   color: #5ec2e6;
   text-decoration: underline;
}


.add-info2{
   padding: 0 0 30px 0;
   border-bottom: 4px solid #5ec2e6;
}
.add-info2 .add-info-text h4, .contact-info .add-info-text h4{
   font-size: 19px;
   color: #5ec2e6;
   padding: 30px 0;
   font-weight: bold;
   font-family: 'AvenirNextLTProBold';
}
.add-info2 .add-info-links a, .contact-info .add-info-links a{
   display: block;
   color: #e73844;
  line-height: 23px; 
  font-size: 15px;
   text-decoration: underline;
   font-weight: 500;
}
.add-info2 .add-info-text-para p{
    width: 48%;
}
.add-info2 .add-info-text-para p, .contact-info .add-info-text-para p{
   padding: 30px 0;
   font-size: 11px;
   color: #2f3a8c;
   font-style: italic;
}
.add-info2 .add-info-text-para span, .contact-info .add-info-text-para span{
   color: #5ec2e6;
   text-decoration: underline;
}

.footer{
   padding: 20px 0 40px 0;
   text-align: center;
   color: #2f3a8c;
}
.footer .copy-rights-info{
   padding: 20px 0;
}
.footer .copy-rights-links a, .footer .copy-rights-info a{
   color: #2f3a8c;
}
.footer p{
  font-weight: normal;
}
/*NHS-Dental-plan*/
.banner{
  background-image: url(../images/Hero-toothpaste.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 500px;
  background-size: 89%;
}
.banner {
  position: relative;
}
.banner .smile-text{
  width: 100%;
}
.banner .apply-ntn{
  width: 250px;
  float: right;
  margin-right: 15px;
}
.banner .apply-ntn a{
  text-align: center;
}
.reasons-block h5{
   font-size: 30px;
       color: #e73844;
    padding: 0 0 40px 0;
    font-family: 'AvenirNextLTProBold';
}
.text-change p{
    padding: 12px 93px;
}
.faq{
   padding: 40px 0;
   border-bottom: 4px solid #5ec2e6;
   margin: 0 0;
}
.faq .row{
  margin: 0 0;
}
.faq-1{
      width: 48%;
    float: left;
    margin-right: 51px;
}
.faq .faq-info h5, .premium .premium-plan h5{
   color: #5ec2e6;
   font-size: 22px;
   font-weight: bold;
}
.faq .faq-ques{
   display: block;
   width: 100%;
   padding: 10px 0;
}
.faq .faq-ques p{
   padding: 5px 0;
   font-size: 16.5px;
   color: #2f3a8c;
   font-weight: normal;
}
.faq .faq-ques h6{
   color: #e73844;
   font-size: 16.5px;
   font-weight: bold;
}
/*-----premium-----*/
.premium .plans{
   display: block;
   width: 100%;
}
.premium .plans ul{
   display: flex;
   align-content: center;
}
.premium .plans ul li {
   display: inline-block;
   margin: 4px 6px 0 0;
   display: flex;
   align-items: center;
   justify-content: center;
}
.premium .plans ul li a{
   display: block;
   font-size: 16px;
   color: #2f3a8c;
   padding: 7px 6px;
   font-weight: bold;
}
.premium .plans ul li:first-of-type{
   width: 50%;
   text-align: right;
   background-color: #f39ba1;
}
.premium .plans ul li:first-of-type a{
  width: 100%;
  text-align: right;
}
.premium .plans ul li:last-of-type{
   width: 49%;
   text-align: center;
   background-color: #aee1f2;
}
.premium .plane-change ul li:first-of-type, .plane-change ul li:last-of-type,
 .premium .plans-nobg ul li:last-of-type{
   background-color: #5ec2e6 !important;
}
.premium .plane-change ul li:first-of-type a, .plane-change ul li:last-of-type a,
 .premium .plans-nobg ul li:last-of-type a{
   color: #fff !important;
}  
.premium .plans-nobg ul li:first-of-type{
   background: none;
}
.premium .plan-blk{
   padding: 5px 0 25px 0;
}
.premium{
   padding: 40px 0;
   border-bottom: 4px solid #5ec2e6;
}

/*--------contact page----------*/
.contact-info{
   padding: 30px 0;
}
.contact-info .contact-text h3{
   font-size: 22px;
   color: #5ec2e6;
   font-weight: bold;
   font-family: 'AvenirNextLTProBold';
}
.contact-info .contact-text p{
   padding: 20px 0;
   color: #2f3a8c;
   font-size: 16.5px;
   font-weight: normal;
   line-height: normal;
}
.contact-info label{
  font-weight: 600;
}
.contact-info label, .contact-info .form-input{
   display: inline-block;
   padding: 0 0;
   color: #2f3a8c;
}
.form-elements label, .form-elements p{
  color: #2f3a8c;
}

.contact-info form{
   background-color: #aee1f2;
   width: 50%;
   margin-bottom: 20px;
}
.contact-info form h6{
   color: #fff;
   font-size: 20px;
   display: block;
   background-color: #5ec2e6;
   padding: 10px;
}
.contact-info .form-group{
   padding: 3px 10px;
   margin: 0px;
}
.contact-info .form-control{
   border-radius: 0 !important;
}
.contact-info .form-group:first-of-type {
   padding-top: 20px
}
.contact-info .form-group:last-of-type{
   padding-bottom: 20px;
}
.contact-info .add-info-text-para p{
   width: 76%;
}
.contact-info .contact-img {
   padding-top: 38px;
}

/*--------contact-form page------------*/
.Contact-form .Contact-form-header h2, .Contact-form .headeer-contact{
   font-size: 20px;
   padding: 20px;
   color: #2f3a8c;
   font-weight: bold;
   font-family: 'AvenirNextLTProBold';
}
.Contact-form .Contact-price{
   background-color: #aee1f2;
}
.Contact-form .Contact-details{
   margin-top: 20px;
}
.Contact-form .headeer-contact{
   
   background-color: #5ec2e6;
}
.Contact-form .headeer-contact h2{
   color: #fff;
   font-size: 20px;
   font-weight: bold;
}
.Contact-form .headeer-contact{
   width: 100%;
}
.Contact-form .header-contact{
   display: block;width: 100%;
}
.contact-details-info h5{
  font-size: 18px;
  font-weight: normal;
  color: #2f3a8c;
}
.Contact-form .contact-details-info{
   width: 50%;
   padding: 10px 10px;
}

.Contact-form .contact-details-full{
   width: 100%;
   padding: 10px 10px;
}

.Contact-form .form-group label, .form-group select{
   display: inline-block;
}
.Contact-form .form-group select{
   width: 45%;
   border-radius: 0px;
}
.Contact-form .form-group label{
   width: 30%;
}
.Contact-form .form-group label, .form-group input{
   display: inline-block;
       text-align: right;
    padding: 0 12px 0 0;
    vertical-align: middle;
}
.form-group input{
   text-align: left;
   padding: 0 5px;
   border-radius: 0px;
}

.form-group textarea{
   text-align: left;
   padding: 0 5px;
   border-radius: 0px;
   height: 100px;
   width: 100%;
}

.Contact-form .form-group input{
   width: 45%;
   vertical-align: middle;
}
.Contact-form .form-group button{
   /*float: right;*/
   border: none;
   background-color: #f0f0f0;
   width: 103px;
       padding: 0 8px;
    font-size: 13px;
    height: calc(2.25rem + 2px);
}
.Contact-form .contact-details-text{
   width: 73%;
}
.Contact-form .contact-details-text p{
   font-size: 16px;
   color: #2f3a8c;
   padding: 0 20px;
}
.Contact-form .contact-details-text p a{
   color: #2f3a8c;
   text-decoration: underline;
}
.Contact-form .contact-details-info h6{
   font-size: 21px;
   color: #2f3a8c;
   font-weight: bold;
   font-family: 'AvenirNextLTProBold';
}
.Contact-form .contact-details-info b{
  font-family: 'AvenirNextLTProBold';
}
.Contact-form .Contact-details{
   background-color: #aee1f2;
}
.Contact-form .form-element-2 {
   padding: 40px 0;
}
.Contact-form .form-element-2 .apply-ntn a{
   font-size: 16px;
}
.Contact-form .date-of-birth select{
   width: 30% !important;
   float: left;
   margin-right: 5%;
}
.Contact-form .date-of-birth select:last-of-type{
  margin-right: 0 !important;
}
.Contact-form .Contact-details{
   position: relative;
}
.Contact-form .Contact-details:after{
   position: absolute;
   content: '';
   left: 50%;
   width: 2px;
   height: 76%;
    top: 14%;
   background-color: #2f3a8c;
}
.Contact-form .form-elements form{
   padding:20px 0;
}
.Contact-form .radio-fields{
   display: block;
   padding: 0 0 0 10px;
}
.Contact-form .form-check{
   padding-bottom: 35px;
}
.Contact-form .form-check p{
   padding: 0 0 0 71px;
}
.form-element-2 .apply-ntn{
   width: 300px;
    position: absolute;
    right: 20px;
    bottom: 49px;
}
.Contact-form .form-elements{
  height: 100%;
  position: relative;
}
.data{
  display: inline-block;
      width: 45%;
    margin: 0 0 0 0;
      vertical-align: middle;
}
.data select {
  position: relative;
}
.Contact-form .form-group .change-blk{
  display: inline-block;
  vertical-align: middle;
  width: 65%;
}
.Contact-form .form-group .change-blk input{
  width: 69%;
}
.Contact-form .form-group .change-blk button{
  width: 28%;
}


#crafty_postcode_lookup_result_option1 {
  display: block;
  width: 100%;
  height: 7.9rem;
  border: 2px solid var(--field-border-color, #E4F3FB);
  box-shadow: none !important;
  outline: none;
  color: #0F0A80;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 2rem;
  background-color: #E4F3FB;
  padding: 0;
  margin-top: 10px;
}
@media (max-width: 1399px) {
  #crafty_postcode_lookup_result_option1 {
    height: 7rem;
  font-size: 1.6rem;
    padding: 0 2.5rem;
  }
}
@media (max-width: 1199px) {
  #crafty_postcode_lookup_result_option1 {
    height: 6.5rem;
  font-size: 1.6rem;
    padding: 0 2rem;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  #crafty_postcode_lookup_result_option1 {
    height: 5.5rem;
  font-size: 1.6rem;
    border-radius: 1.2rem;
  }
}
.field::placeholder {
  opacity: 0.67;
}
#crafty_postcode_lookup_result_option1:-webkit-autofill, #crafty_postcode_lookup_result_option1:-webkit-autofill:active {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  transition: all 0s 50000s;
}
#crafty_postcode_lookup_result_option1::-webkit-outer-spin-button, #crafty_postcode_lookup_result_option1::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#crafty_postcode_lookup_result_option1[type=number] {
  -moz-appearance: textfield;
}


.proceedbutt
{
color: #fff;
background-color: #e73844;
border-radius: 30px;
width: 100%;
padding: 10px;
}   

.spacers
{
width: 100%;
height: 20px;
}

#table1
{
   background: #00000;
}

.withdots
{
    list-style: square outside none;
	margin-left: 17px;
	
}

.redtext
{ color: #b41124; }

.socials{
height: 30px;
float: right;
text-align: left;
}

.socials img
{
	margin: 0;
	padding: 0;
	float: left;
}

.itals
{
    font-style: italic;

}

.block-1{
      width: 48%;
    float: left;
    margin-right: 51px;
}

.block-2{
      width: 48%;
    float: left;
    margin-right: 51px;
}