/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4CD864;
}

input:focus + .slider {
  box-shadow: 0 0 1px #4CD864;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*header*/
.header-background{background-color: #F5F1E8;}
/*header ends*/

/*footer*/
.footer{background-color: #F6F7FB; height: 100px; size: 16px;}
.footer-font{font-size: 14px;}
.footer-font a{text-decoration: none;}
.footer-pipe{margin-left: 10px; margin-right: 10px; color: #B21345}
/*footer ends*/




body{font-family: 'Open Sans'; font-size: 18px; color: #000;}
a{color: #b51545; text-decoration: underline;}
a:hover{color: #000; text-decoration: underline;}
form{padding-left: 0px !important; width: 640px;}
select{height: 52px; color: #888888; padding-left: 20px !important;}
input[type="text"]{ height: 52px; padding-left: 20px !important; color: #888888;}
button{box-shadow: none !important;}
ul{padding-left: 21px;}
li{margin-bottom: 10px;}

#frmopt, #frmacn{padding-left: 0px !important; width: 640px;}
#frmopt p{margin-top: 25px;}	
#frmacn p{margin-top: 25px;}	
#details p{ margin-bottom: 0; margin-top: 5px;}
.validation{color: #FF0000; margin-left: 10px;}
.display{display: initial}
.no-display{display: none}

.semibold{font-weight: 600;}
.btn{width: 640px; height: 72px; color: #fff; background: #B41445; font-size: 26px;}
.btn-modal{width: 80%; height: 45px; color: #fff; background: #B41445; font-size: 17px; padding: 0;}
.btn-flex{width: 100%; height: 72px; color: #fff; background: #B41445; font-size: 26px;}
.center{display: block; margin-left: auto; margin-right: auto;}
.main-heading{font-size: 36px;}
.sub-heading{font-size: 26px;}
.max-width-820{max-width: 820px;}
.grey-box{background-color: #EEEEEE; font-size: 20px; padding: 30px 20px;}
.small-text{font-size: 15px;}
.delete-btn-font{font-size: 20px;}


.m-top-5{margin-top: 5px;}
.m-top-10{margin-top: 10px;}
.m-top-25{margin-top: 25px;}
.m-top-30{margin-top: 30px;}
.m-top-40{margin-top: 40px;}
.m-top-47{margin-top: 47px;}
.m-top-50{margin-top: 50px;}
.m-top-60{margin-top: 60px;}
.m-top-70{margin-top: 70px;}
.m-top-90{margin-top: 90px;}

.m-bottom-5{margin-bottom: 5px;}
.m-bottom-10{margin-bottom: 10px;}
.m-bottom-20{margin-bottom: 20px;}
.m-bottom-40{margin-bottom: 40px;}
.m-bottom-80{margin-bottom: 80px;}
.m-bottom-90{margin-bottom: 90px;}

.m-right-5{margin-right: 5px;}
.m-right-20{margin-right: 20px;}
.m-right-40{margin-right: 40px;}
.m-right-63{margin-right: 63px;}
.m-right-75{margin-right: 75px;}

.m-left-113{margin-left: 113px;}

.w-50{width: 50%;}

.fl{float: left;}
.fr{float: right;}

.display-block{display: block;}

.contact-m-left-62{margin-left: 62px;}


@media screen and (max-width: 600px) {
  .btn-flex{ font-size: 20px;}
  form{ padding-right: 0 !important; }
  .contact-m-left-62{margin-left: 0px;}
  footer .w3-display-left{position: relative !important;}
  footer .w3-display-right{position: relative !important; margin-top: 0px !important;}
  .btn-modal{width: 80%; clear: both;}
  .delete-btn-font{font-size: 15px;}
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
form{ padding-right: 0 !important; }
.dob-mob{width: 100%;}
.dob-mob-m-top-25{ margin-top: 25px;}
.mob-pref{display: block;}
.mob-pref-margin-r-15{margin-right: 15px;}
.btn-flex{ font-size: 15px;}
.validation.display{ width: 100%; display: block; margin-left: 0px;}
.contact-m-left-62{margin-left: 0px;}
footer .w3-display-left{position: relative !important;}
footer .w3-display-right{position: relative !important;}
footer .w3-display-right{position: relative !important; margin-top: 0px !important;}
.fl{float: none;}
.fr{float: none;}
.btn-modal{font-size: 13px;}
.delete-btn-font{font-size: 10px;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
.dob-mob{width: 100% !important;}
.mob-slider{width: 100% !important;}
.dob-mob-m-top-25{ margin-top: 25px;}
.mob-pref{display: block;}
.mob-pref-margin-r-15{margin-right: 15px;}
.btn-flex{ font-size: 15px;}
.validation.display{ width: 100%; display: block; margin-left: 0px;}
.contact-m-left-62{margin-left: 0px;}
footer .w3-display-left{position: relative !important;}
footer .w3-display-right{position: relative !important;}
footer .w3-display-right{position: relative !important; margin-top: 0px !important;}
.fl{float: none;}
.fr{float: none;}
.btn-modal{font-size: 13px;}
.delete-btn-font{font-size: 10px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}