@charset "utf-8";
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family: 'Montserrat', sans-serif; font-weight:normal; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} 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 #727272; margin:1em 0; padding:0;} input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}
body{font-family: 'Montserrat', sans-serif;padding:0 !important; font-size:14px; color:#000; background:#fff; letter-spacing:0.50px;}
p{font-family: 'Montserrat', sans-serif;line-height:22px; font-weight:normal; font-size:14px; color:#000;}
:focus{outline:0 none !important;}
:focus,
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;line-height:normal;letter-spacing:1px; margin:10px;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}

.flex{display: flex;}
.flex-cloumn{flex-direction: column;}
.width-20{width: 20%;}
.width-25{width: 25%;}
.width-33{width: 33.33%;}
.width-50{width: 50%;}
.width-75{width: 75%;}
.full-width{width:100%;}
.f-left{float: left;}
.f-right{float: right;}
.f-none{float: none;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}

.no-padding{padding: 0;}
/*padding*/
.padding-1{padding: 10px;}.padding-2{padding: 20px;}.padding-3{padding: 30px;}.padding-4{padding: 40px;}.padding-5{padding: 50px;}.padding-6{padding: 60px;}

/*padding-left-right*/
.padding-l-r-1{padding: 0 10px;}.padding-l-r-2{padding: 0 20px;}.padding-l-r-3{padding: 0 30px;}.padding-l-r-4{padding: 0 40px;}.padding-l-r-5{padding: 0 50px;}.padding-l-r-6{padding: 0 60px;}

/*padding-top-bottom*/
.padding-t-b-1{padding: 10px 0;}.padding-t-b-2{padding: 20px 0;}.padding-t-b-3{padding: 30px 0;}.padding-t-b-4{padding: 40px 0;}.padding-t-b-5{padding: 50px 0;}.padding-t-b-6{padding: 60px 0;}

/*padding-top*/
.padding-t-0{padding-top: 0px;}.padding-t-1{padding-top: 10px;}.padding-t-2{padding-top: 20px;}.padding-t-3{padding-top: 30px;}.padding-t-4{padding-top: 40px;}.padding-t-5{padding-top: 50px;}.padding-t-6{padding-top: 60px;}

/*padding-bottom*/
.padding-b-0{padding-bottom: 0px;}.padding-b-1{padding-bottom: 10px;}.padding-b-2{padding-bottom: 20px;}.padding-b-3{padding-bottom: 30px;}.padding-b-4{padding-bottom: 40px;}.padding-b-5{padding-bottom: 50px;}.padding-b-6{padding-bottom: 60px;}

/*padding-left*/
.padding-l-0{padding-left: 0px;}.padding-l-1{padding-left: 10px;}.padding-l-2{padding-left: 20px;}.padding-l-3{padding-left: 30px;}.padding-l-4{padding-left: 40px;}.padding-l-5{padding-left: 50px;}.padding-l-6{padding-left: 60px;}

/*padding-right*/
.padding-r-0{padding-right: 0px;}.padding-r-1{padding-right: 10px;}.padding-r-2{padding-right: 20px;}.padding-r-3{padding-right: 30px;}.padding-r-4{padding-right: 40px;}.padding-r-5{padding-right: 50px;}.padding-r-6{padding-right: 60px;}


.no-margin{margin: 0;}
/*margin-left-right*/
.margin-l-r-1{margin: 0 10px;}.margin-l-r-2{margin: 0 20px;}.margin-l-r-3{margin: 0 30px;}.margin-l-r-4{margin: 0 40px;}.margin-l-r-5{margin: 0 50px;}.margin-l-r-6{margin: 0 60px;}

/*margin-top-bottom*/
.margin-t-b-1{margin: 10px 0;}.margin-t-b-2{margin: 20px 0;}.margin-t-b-3{margin: 30px 0;}.margin-t-b-4{margin: 40px 0;}.margin-t-b-5{margin: 50px 0;}.margin-t-b-6{margin: 60px 0;}

/*margin-l10-60*/
.margin-1{margin: 10px;}.margin-2{margin: 20px;}.margin-3{margin: 30px;}.margin-4{margin: 40px;}.margin-5{margin: 50px;}.margin-6{margin: 60px;}

/*margin-top*/
.margin-t-0{margin-top: 0px;}.margin-t-1{margin-top: 10px;}.margin-t-2{margin-top: 20px;}.margin-t-3{margin-top: 30px;}.margin-t-4{margin-top: 40px;}.margin-t-5{margin-top: 50px;}.margin-t-6{margin-top: 60px;}

/*margin-bottom*/
.margin-b-0{margin-bottom: 0px;}.margin-b-1{margin-bottom: 10px;}.margin-b-2{margin-bottom: 20px;}.margin-b-3{margin-bottom: 30px;}.margin-b-4{margin-bottom: 40px;}.margin-b-5{margin-bottom: 50px;}.margin-b-6{margin-bottom: 60px;}

/*margin-left*/
.margin-l-0{margin-left: 0px;}.margin-l-1{margin-left: 10px;}.margin-l-2{margin-left: 20px;}.margin-l-3{margin-left: 30px;}.margin-l-4{margin-left: 40px;}.margin-l-5{margin-left: 50px;}.margin-l-6{margin-left: 60px;}

/*margin-right*/
.margin-r-0{margin-right: 0px;}.margin-r-1{margin-right: 10px;}.margin-r-2{margin-right: 20px;}.margin-r-3{margin-right: 30px;}.margin-r-4{margin-right: 40px;}.margin-r-5{margin-right: 50px;}.margin-r-6{margin-right: 60px;}

/******
2. Layout
**********************************************************************/
.centered {margin-left:auto;margin-right:auto;float: none;}
/* Use this class if you want ceter element with span* class */
.center{text-align: center !important;}
.tleft-{text-align:left !important;}.tright{text-align:left !important;}
.invisible {display:none;visibility:visible;}
.color{color: rebeccapurple !important;}
/*

2.1 Animations**********/
 .zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}


/*theme-btn*/
.btn:focus{outline: none;box-shadow: none;}
.t-btn{display: inline-block;cursor: pointer;outline: 0;white-space: nowrap;margin: 5px;padding: 0 22px;font-size: 14px;height: 40px;line-height: 40px;background-color: #ffe000;color: #000;
    font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none;text-shadow: 1px 1px 1px rgba(0,0,0,.2);transition-timing-function: ease-in-out;transition: 0.5s;}
.t-btn:hover{background-color: #ffe000;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

.t-btn.btn-full{display: block;width: 100%;white-space: normal;margin: 0;height: auto;line-height: 1.6;padding: 30px 0;font-size: 30px;font-weight: 300;text-transform: none;border-radius: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);}

.t-btn.btn-dark{background-color: #444;}
.t-btn.btn-dark:hover{background-color: #1abc9c;}

.t-btn.btn-border{border: 2px solid #444;background-color: transparent;color: #333;line-height: 36px;font-weight: 700;text-shadow: none;}
.t-btn.btn-border:hover{background-color: #444;color: #fff;border-color: transparent!important;text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

.t-btn.btn-rounded{border-radius: 40px;}
.t-btn.btn-large{padding: 0 53px;font-size: 14px;height: 60px;line-height: 46px;}


/*border-radius*/
.radius-1{border-radius: 10px;}
.radius-2{border-radius: 20px;}
.radius-3{border-radius: 30px;}
.radius-4{border-radius: 40px;}
.radius-5{border-radius: 50px;}
.radius-6{border-radius: 60px;}
.radius-max{border-radius: 500px;}
/*border-radius*/

/*border*/
.border-1{border: 1px solid;}
.border-2{border: 3px solid;}
.border-3{border: 3px solid;}
/*border*/

/*text-tranform*/
.t-uppercase{text-transform: uppercase;}
.t-capitalize{text-transform: capitalize;}
.t-lowercase{text-transform: lowercase;}
/*text-tranform*/

/*header*/
header{position: relative;}
header::before{ content:'';
    width:100%;
    position: absolute;
    left:0;
  top: 0;
    height: 3px;
  z-index: 9999;
background: rgba(0,113,184,1);
background: -moz-linear-gradient(left, rgba(0,113,184,1) 0%, rgba(48,173,113,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,184,1)), color-stop(100%, rgba(48,173,113,1)));
background: -webkit-linear-gradient(left, rgba(0,113,184,1) 0%, rgba(48,173,113,1) 100%);
background: -o-linear-gradient(left, rgba(0,113,184,1) 0%, rgba(48,173,113,1) 100%);
background: -ms-linear-gradient(left, rgba(0,113,184,1) 0%, rgba(48,173,113,1) 100%);
background: linear-gradient(to right, rgba(0,113,184,1) 0%, rgba(48,173,113,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071b8', endColorstr='#30ad71', GradientType=1 );
}
.contact-in-header{background: #fff9cc;}
.contact-in-header .contact-number{font-weight: 700;color: #002c54;margin: 0;}
.contact-in-header .contact-contant{font-weight: 600;color: #002c54;margin: 0;font-size: 14px;}
/*header*/

/*Footer*/
footer{background: #002c54;width: 100%;float: left;}
.footer-title h5{color: #ffe000;font-size: 25px;}
.footer-section .icon{max-height: 90px;min-height: 90px;}
.py-3.text-center.icon img{width: 35px;height: 35px;}
.footer-contant h5{font-weight: 600;color: #fff;margin: 5px;}
.footer-contant p{font-weight: 400;color: #fff;font-size: 17px;}

/*Footer*/


.page-bg{position: absolute;right: 0;width: 380px;top: 0;}
.step-title{background-color: #d5efff;padding: 60px 0;}
.step-title img{float: left;width: 250px;}
.step-title h3{text-align: center;color: #002c54;font-weight: 500;font-size: 33px;}
.step-title h4{font-size: 16px;width: 100%;font-weight: 600;text-align: center;margin-top: 20px;}
.step-title h4 small{font-weight: 600;}
.question{width: 100%;float: left;background-color: #30ad71;padding: 60px 30px;padding-top: 20px;}
.question-title{width: 100%;float: left;text-align: center;}
.question-title h3{color: #fff;font-weight: 500;margin-bottom: 30px;font-size: 25px;}
.question-title h3 p{color: #fff;}
.step .box{background-color: #fff;border-radius: 13px;box-shadow: 0 0 11px 0px #00000066;margin-top: 10px;}
.step-contant{width: 100%;display: flex;justify-content: center;}
.custome-radio{width: auto;position: relative;height: 150px;border-radius: 10px;margin: 0 10px;}
.custome-radio input{position: absolute;width: 100%;height: 100%;float: left;opacity: 0;height: 130px;}
.radio-contant{width: 100%;float: left;height: 100%;text-align: center;padding: 30px;border-radius: 10px;background: #e5e9ee;height: 150px;}
.radio-contant .title{font-weight: 500;color: #002c54;}
.step .box .c-box{padding: 20px 25px;border-bottom: 1px solid #e5e9ee;}
.step .box .c-box .title{width: 100%;float: left;text-align: center;padding-bottom: 6px;}
.custome-radio .title{margin: 0;margin-top: 10px;text-transform: uppercase;font-weight: 700;font-size: 12px;}
.step .box .c-box .title h4{font-size: 15px;color: #002c54;font-weight: 700;width: 92%;}
.step .box .c-box .title h4 b{color: #30ad71;font-weight: 600;}
.step-check{position: absolute;right: 20px;top: 23px;}
.step .box .c-box:nth-of-type(odd) {border-right: 1px solid #e5e9ee;}
.step .box .c-box:nth-of-type(even) {border-right: 0px solid #e5e9ee;}
input.radio:checked ~ label{content:'';width: 100%;float: left;background-color: #30ad71;border-radius: 10px;}

.custom-count{margin-top: 7px;text-align: center;}
.counter {background: #e5e9ee;width: 165px;border-radius: 0px !important;text-align: center;padding: 20px;border: 0;color: #002c54;font-size: 20px;font-weight: 600;}
.up_count {margin-left: -4px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;} 
.down_count {margin-right: -4px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.custom-count .btn{color: #fff;background-color: #30ad71;border-color: #30ad71;padding: 19px 25px;}
.custom-count .btn:hover{background: #20985e;}
.step-contant .mx-auto{text-align: center;margin-bottom: 10px;text-align: center;}

.step-contant p{line-height: 40px;}


.custom-select-radio input[type="radio"]:checked,
.custom-select-radio input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-select-radio input[type="radio"]:checked + label,
.custom-select-radio input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 23px;
    display: inline-block;
    color: #002c54;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}
.custom-select-radio input[type="radio"]:checked + label:before,
.custom-select-radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #e5e9ee;
}
.custom-select-radio input[type="radio"]:checked + label:after,
.custom-select-radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #30ad71;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-select-radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-select-radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.submit-data{padding: 25px 0;}

.step.step-2 .box .c-box:nth-of-type(even) {border-right: 1px solid #e5e9ee !important;}
.step.step-2 .box .c-box:nth-of-type(odd) {border-right: 0px solid #e5e9ee !important;}
.step-2 .custome-radio{width: 150px;position: relative;height: auto;border-radius: 10px;margin: 0 10px;margin-top: 5px;}
.step-2 .custome-radio h3{font-size: 11px;color: #002c54;font-weight: 800;text-align: center;margin: 0;margin-top: 13px; float: left;width: 100%;text-transform: uppercase;} 

.custom-dropdown .big {
  font-size: 1.2em;
}
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  float: left;
}
.custom-dropdown select {
  background-color: #e5e9ee;
  color: #002c54;
  font-weight: 700;
  font-size: inherit;
  padding: 1.5em 15px;
  padding-right: 2.5em; 
  border: 0;
  margin: 0;
  border-radius: 7px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
  width: 100%;
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
  content: "\f107";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 14px;
  top: 50%;
  margin-top: -.5em;
  color: #fff !important;
  font: normal normal normal 18px/1 FontAwesome;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2.5em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 7px 7px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.custom-dropdown::before {
  background-color: #30ad71;
}

.custom-dropdown::after {
  color: rgba(0,0,0,.4);
}


#radioBtn .notActive{
    color: #3276b1;
    background-color: #e5e9ee;
}
.custome-switch{width: 100%;float: left;text-align: center;}
.custome-switch .btn {padding: 15px 25px;}
.custome-switch .btn.active{background-color: #30ad71 !important; border-color: #30ad71 !important;color: #fff !important;}
.custome-switch .btn.notActive{color: #002c54 !important; font-weight: 600;border-color: #30ad71 !important;}
.box-6 .step-contant .custom-dropdown{margin: 0;}
.step-3 .custome-radio{margin: 0 20px;width: 140px;height: auto;}
.step-3 .custom-count{width: 100%;float: left;margin: 0;}
.step-3 .custom-count .btn{padding: 9px;font-size: 10px;}
.step-3 .custom-count input{width: 82px;position: unset;height: auto;float: none;opacity: 1;padding: 6px 3px;}
.step-3 .custom-count h6{font-size: 10px;color: #002c54;font-weight: 700;text-align: center;margin-top: 13px;float: left;width: 100%;margin: 5px 0;margin-top: 10px;}
.step-3 .radio-contant{padding: 42px 10px;background: #e5e9ee;height: 130px !important;}
.step-4 .step-contant{margin-top: 0;margin-bottom: 30px;}
.step-5 .box-6 .step-contant{display: grid;}


.subscription .box{background: #fff;padding: 9px 9px 0;border-radius: 7px;width: 100%;float: left; margin-bottom: 20px;border-bottom: 9px solid #fff;}
.subscription .box:first-child{padding: 0 9px; margin-bottom: 0;}
.box-header{text-align: center;padding: 40px 10px;width: 100%;float: left;}
.box-header .title{color: #002c54;}
.box-header .title h3{font-weight: 600;}
.box-header .info{width: 100%;float: left;}
.box-header .info-list{padding: 5px 0;color: #002c54;font-size: 15px;font-weight: 600;}
.box-header .info-list span{ font-weight: 600;}
.box-header .info-list b{font-weight: 800;}
.subscription-offer-details{background-color: #002c54;padding: 20px 10px;text-align: center;clear: both;}
.subscription-offer-details .title{color: #fff;font-weight: 500;text-transform: uppercase;font-size: 24px;}
.offer-info a{font-size: 16px;color: #30ad71;display: inline-flex;padding: 5px 0;border-bottom: 2px solid;font-weight: 600;text-transform: uppercase;display: none;}
.offer-info a.collapsed i{display: none;}
.offer-info a i{display: block;padding-right: 5px;} 
.offer-info .info .info-list{padding: 5px 0;font-size: 13px;color: #fff;}
.offer-info .info .info-list b{font-weight: 500;}
.offer-price, .check, .offer-purc{background: #e5e9ee;text-align: center;padding: 10px 10px;border-bottom: 2px solid #fff;position: relative;}
.offer-price .title{color: #002c54;font-weight: 700;font-size: 16px;}
.offer-price .price{color: #30ad71;font-weight: 700;}
.check img{margin-left: 50px;position: absolute;left: 190px;}
.check p{padding: 12px 5px;}
.check .custom-control{width: 60%;margin: 0 auto;}
.custom-control-label, .custom-control-label a{position: relative;cursor: pointer;line-height: 20px;display: inline-block;color: #002c54;font-weight: 700;}
.custom-control-label a{ text-decoration: underline; padding-left: 0px;}
.subscription  .custom-control-label::before{background-color: #fff;width: 18px;height: 18px;border-radius: 20px;box-shadow: none !important;border: 1px solid #bcbcbc;top: 13px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #30ad71 !important;}
.custom-control-label::after{top: 14px;left: -23px;}
.custom-control-input:checked~.custom-control-label::before{background-color: #30ad71 !important;}
.subscription  .custom-select-radio input[type="radio"]:checked + label:before, .custom-select-radio input[type="radio"]:not(:checked) + label:before{border: 1px solid #c9c9c9;}

.offer-purc{display: flex;flex-direction: column;padding: 15px 65px;padding-bottom: 40px;}
.offer-purc .t-btn{padding-bottom: 60px;width: 300px;margin: 0 auto;}
.offer-purc .t-btn .custom-select-radio{line-height: 42px;padding: 10px 0;}
.offer-purc a{color: #30ad71;font-weight: 500;text-decoration: underline;font-size: 18px;margin: 15px 0;text-transform: uppercase;font-size: 15px;font-weight: 700;margin-bottom: 0;}

.offer-banner{background-color: #ffe000;display: flex;padding: 0 10px;margin: 0;border-radius: 7px;position: relative;overflow: hidden;}
.offer-banner .bg-assest{position: absolute;left: -80px;width: 310px;top: -78px;}
.offer-banner .banner-contant{text-align: center;}
.offer-banner .col-md-2{padding:25px;text-align: center;height:150px;}
.offer-banner .col-md-2:nth-of-type(1){padding:0px !important;}
.banner-contant h2{font-weight: 800;font-size: 25px;color: #002c54;}
.banner-contant h3{color: #002c54;font-weight: 600;font-size: 20px;}
.banner-contant h3 b{font-weight: 700;}

.promocode .input-group{width: 270px;float: none;margin: 0 auto;}
.promocode .input-group input[type='text']{border-radius: 50px;height: 60px;border: 0;padding-right: 80px;}
.promocode .input-group .input-group-append{z-index: 99;}
.promocode .input-group .input-group-append .btn{color: #fff;width: 60px;height: 60px;border-radius: 40px !important;background: #002c54;font-weight: 600;position: absolute;right: -1px;}
.submit-code a.t-btn.btn-large{margin: 0;height: 60px;padding: 0 53px;line-height: 63px;}
.submit-promocode .promocode, .submit-promocode .submit-code{width: 100%;float: left;padding: 0 25px;}
.submit-promocode{width: 100%;float: left;padding-top: 20px;background: #e5e9ee;}
.submit-promocode input{background: #fff !important;}
@-webkit-keyframes expandAndFade {
  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@keyframes expandAndFade {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}


.click1 .btn {
  cursor: pointer;
  position: relative;
  transition: transform 0.4s;
  border: 2px solid #002c54;
  transition-timing-function: ease-in-out !important;
  transition: 0.5s !important;
}
/*.input-group-append::after{content: '';width: 70px;height: 70px;position: absolute;background: #002c546b;border-radius: 50px;right: -1px;top: -5px;display: none;}*/
.click1 .hover-effect{width: 70px;height: 70px;position: absolute;background: #002c546b;border-radius: 50px;right: -1px;top: -5px;opacity: 1;}
.click1 .btn{margin-right: -8px;transition: 0.5s !important;}
/*.btn:hover ~ .hover-effect {opacity: 1;transition: 1s !important;}*/

/*INPUT NUMBER COUNTER CSS*/
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  display: inline-table;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 9rem;
  padding: 2rem 4px;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 1.5rem;
  height: 3rem;
  font-weight: bold;
  text-align: center;
}
/*INPUT NUMBER COUNTER CSS*/

/*subscription-bis*/
.choose-type{background: #fff;position: relative;top: -65px;}
.or::before{content: "";height: 100%;border: 1px solid #30ad71;padding-bottom: 70px;}
.or::after{content: "";height: 100%;border: 1px solid #30ad71;padding-top:70px;}
.or p{padding: 60% 0;color: #002c54;font-weight: 800;}
.title{color: #002c54;font-weight: 600;}
.input-group input[type=text]{background: #e5e9ee;height: 50px;color: #002c54;font-weight: 600;border: 1px solid #dfdfdf;}
.needs-validation .input-group input{border-radius: 4px !important;}
.input-group input[type=text]:focus{outline: none !important;box-shadow: none;}
.subscription .col-lg-5.col-md-8.col-xs-12 p.margin-1:nth-of-type(1){color: #30ad71;font-weight: 700;padding-bottom: 2px;margin: 10px auto;margin-top: 20px;}
.subscription .col-lg-5.col-md-8.col-xs-12 p.margin-1:nth-of-type(2){color: #002c54;font-weight: 700;font-size: 13px;margin: 10px auto;margin-bottom: 2px;}
.subscription .col-lg-5.col-md-8.col-xs-12 p.margin-1:nth-of-type(3){color: #002c54;font-weight: 700;padding-bottom: 2px;margin: 10px auto;margin-top: 0;}
.link{color: #30ad71;font-weight: 700;border-bottom: 2px solid;padding-bottom: 2px;margin: 10px auto;text-transform: uppercase;font-size: 11px;}
.model-contant-img{width: 100%;float: left;}
.model-contant-img img{width: 100%;float: left;}
.custome-model-contant{position: relative;}
.zoom-img-1{position: absolute;left: 230px;z-index: 99999;top: 400px;}
.zoom-img-1 img{width: 220px;}
.zoom-img-2{position: absolute;left: 270px;z-index: 99999;top: 0px;}
.zoom-img-2 img{width: 270px;}
.model-title{font-size: 20px;color: #30ad71;font-weight: 500;}
.custome-model-contant-2{position: relative;}
.model-title{font-size: 20px;color: #30ad71;font-weight: 500;}
/*#footer-one{display: none;}*/
.model-contant{padding: 30px 0;font-size: 15px;font-weight: 400;color: #002c54;}
/*subscription-bis*/

/*subscription-adresse*/
.subscription-adresse .input-group{margin: 10px 0;}
.subscription-adresse .input-group input{border-radius: 5px;}
.input-group input::-webkit-input-placeholder{color: #868686;font-weight: 500;}
.other-or{display: flex;align-items: center;justify-content: center;flex-flow: column-reverse;flex-grow: 0;}
.other-or::before{content: "";height: 100%;border: 1px solid #30ad71;padding-bottom: 30px;}
.other-or::after{content: "";height: 100%;border: 1px solid #30ad71;padding-top: 30px;}
.other-or p{font-weight: 600;color: #30ad71;font-size: 22px;}
p#pdl-erreur {color: #ff0505;}
.bg-theme-bx{background: #e5e9ee;}
.verification-type .title{font-weight: 600;margin: 0;font-size: 14px;}
.contact-details .col-md-1{height: 100%;padding: 0}
.contact-details .contact-number{margin: 0;font-weight: 700;color: #002c54;}
.flex-grow{flex-grow: 1;}
.type-two .input-group{margin: 20px 0;}
.type-two .input-group input{border-radius: 5px;}
/*subscription-adresse*/

/*subscription-step-form*/
.subscription-step{padding: 100px 0;position: relative;background: #d5efff;z-index: 9999;}
.step-bg{background-color: #d5efff;}


/**------- progress bar ---------***/
.progressbar{width: 100%;float: left;position: absolute;top: -50px;}
.progressbar:before{content: "";width: 75%;height: 20px;position: absolute;margin: 0 auto;top: 25px;z-index: -1;background: #fff;left: 12%;}
.progressbar li {list-style-type: none;width: 25%;float: left;font-size: 12px;position: relative;text-align: center;text-transform: lowercase;color: #7d7d7d;height: 50px;}
.progressbar li h3 {position: absolute;color: #003c6b;font-size: 12px;left: 50%;width: 104px;margin-left: -52px;font-weight: 800;text-transform: uppercase;}
.progressbar li.active h3{color: #30ad71;}
.progressbar li:before {width: 30px;height: 30px;content: '';line-height: 30px;display: block;text-align: center;border-radius: 100%;background-color: #fff;margin: 20px auto 10px;}
.progressbar .first:before {margin-top: 20px;background-color: #60be94;}
.progressbar .first h3 i {font-style: normal;}
.progressbar .last:before {margin-top: 19;}
.progressbar li:after {width: 100%;height: 20px;content: '';position: absolute;background-color: #fff;top: 50%;left: -50%;z-index: -1;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active:before {background-color: #60be94;z-index: 111;}
.progressbar li.active:after {background-color: #4277b0;}
/**steep1**/
.progressbar li.step1.active:before, .progressbar li.step1.finish:before {background: linear-gradient(to left, #549a8c, #549a8c);opacity: 0.7;}
.progressbar li.step1.active:after, .progressbar li.step1.finish:after {background: linear-gradient(to left, #53968b, #60b792);}
/**steep2**/
.progressbar li.step2.active:before, .progressbar li.step2.finish:before {background: linear-gradient(to left, #4b7e85, #4a7e85);opacity: 0.7;}
.progressbar li.step2.active:after, .progressbar li.step2.finish:after {background: linear-gradient(to left, #4a7c85, #569d8c);}
/**steep3**/
.progressbar li.step3.active:before, .progressbar li.step3.finish:before {background: linear-gradient(to left, #446b81, #456c82);opacity: 0.7;}
.progressbar li.step3.active:after, .progressbar li.step3.finish:after {background: linear-gradient(to left, #436880, #4f8a88);}
/**last step**/
.progressbar li.last.active:before, .progressbar li.last.finish:before {background: linear-gradient(to left, #426781, #426781); opacity: 0.7;}
.progressbar li.last.active:after, .progressbar li.last.finish:after {background: linear-gradient(to left, #416580, #477285);}

.progressbar li.first.active span{display: none;}
.no-radius:after{border-radius: 0 !important;}
.no-radius:before{opacity: 1 !important;}
/**------- end progress bar ---------***/

.intruction{color: #002c54;font-weight: 600;}
.form-subscription hr{border-color: #e5e9ee;}
.form-subscription .form-group label{color: #002c54;font-weight: 700;}
.form-subscription .form-group input{background: #e5e9ee;color: #002c54;font-weight: 600;height: 50px;font-size: 17px;}
.form-subscription .form-group input:focus{box-shadow: none;border-color: #30ad71;}
.form-subscription .form-group input::-webkit-input-placeholder{color: #868686;font-weight: 500;font-size: 17px;}
.form-subscription .form-group .custom-dropdown::before{background: #002c54;}
.other-choose-type label{color: #002c54;font-weight: 600;}
.mobile-progress-bar{display: none;}
/*End subscription-step-form*/


/*subscription-step-form-contrat*/
.price{color: #30ad71;font-size: 20px;font-weight: 700;}
.after-arrow:after{content: "";background: url(../images/icon/icon-37.png) no-repeat;width: 50px;height: 50px;float: left;position: absolute;right: -7%;top: 50%;z-index: 99999;background-size: 100%;}
.contrat-info .col-xs-12{border-color: #30ad7147 !important;}
.green-text{color: #30ad71;font-weight: 600;}
/*End subscription-step-form-contrat*/

/*End subscription-step-form-validation*/
.validation-contant .form-control{border-radius: 0;height: 50px;}
.validation-contant .form-control:focus{border-color: #30ad71;box-shadow: 0 0 0 0.2rem rgba(48, 173, 113, 0.18);}
.validation-contant .form-text{color: #55a5d4 !important;}
.validation-contant .btn-info{background-color: #55a5d4 !important;border-color: #55a5d4 !important;}
.validation-contant .btn.f-left{opacity: 0.5;}

/*Developer CSS*/
.check .custom-control-input:disabled~.custom-control-label::before {
  background-color: #fff; 
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}
span.iconeDate {
  background: #002c54;
  padding: 17px;
  color: #fff;
  border-radius: 0 .25rem .25rem 0;
} 
input#usr1 {
  border-radius: .25rem 0 0 .25rem;
}
.subscription .contrat-info .custom-control-label::before {
  background-color: #e3e3e3;
 
}

span.checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -2px;
    top: 16px;
    /*border: 11px solid #dc3545;*/
    user-select: none;
    width: 21px;
    height: 21px;
    border-radius: 20px;
}
.checkboxcontainer .checkmark.check_error {
    border: solid 11px #dc3545;
}
.price span {
    font-weight: 600;
}
img#selected-offer-img {
    width: 122px;
    height: 88px;
}
.more_offer_btn{
width: 100%;float: left;
padding: 20px;
}
.more_offer_btn a{
  text-align: center;
  color: #ffe000;
  font-weight: 700;
  text-decoration: underline;
  font-size: 15px;
  margin: 15px 0;
  text-transform: uppercase;
}
 .offer-purc{
  border-bottom: 0;
 }
 je choisis cette offre






 .switch-field {
  padding: 0;
  overflow: hidden;
  /*width: 154px;*/
  border-radius: 4px;
  margin: 0 auto;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
float: left;
}

.switch-field label {
  display: inline-block;
  font-size: .875rem;
  line-height: 1.5; 
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  text-shadow: none;
  padding: 16px 25.1px;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background-color: #e5e9ee;
  border: 1px solid #babdc1;
  border-right: 0px !important;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #30ad71 !important; 
  color: #fff !important; 
  border-color: #30ad71 !important;
} 

.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
border-color: #babdc1 !important;
border-left: 0px !important;
}
.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}


.number-input {
border: 2px solid #ddd;
display: inline-flex;
}

.number-input,
.number-input * {
box-sizing: border-box;
}

.number-input button {
outline:none;
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
cursor: pointer;
margin: 0;
position: relative;
}

.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
width: 1rem;
height: 2px;
background-color: #212121;
transform: translate(-50%, -50%);
}
.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] { 
max-width: 5rem;
padding: .5rem;
border: solid #ddd;
border-width: 0 2px;
font-size: 2rem;
height: 3rem;
font-weight: bold;
text-align: center;
}
/*.step-2 .custome-radio h3{
line-height: 22px;
}*/
.custom-count .btn { 
  padding: 18.6px 25px;
}
input{
     font-family: 'Montserrat', sans-serif !important; 
}








 /* Ankit-17-01-19 */
 .choose-type .img{max-height: 300px;min-height: 170px;}
.choose-type .img img{width: 220px;height: 80px;margin-top: 50px;}
.custom-select-radio input[type="radio"]:checked + label{color: #30ad71 !important;}
.screen_survey_step_3 .step .box .c-box{border-bottom: none;}
.step-3 .box-3 .custome-radio h3{margin-bottom: 10px;}
.full_half_class .box-header .title h3{text-transform: uppercase;}
.offer-price a{width: 100%;float: left;min-height: 120px;}
.offer-price a img{width: 120px;}
.subscription-bis #pdlidtextinput .pdl_input{width: auto;}
.choose-type .type-one{padding-left: 10%;}
.choose-type .type-two{padding-right: 10%;}
.step-2 .custome-radio .radio-contant{padding: 30%;}

.subscription-step-form .question-title h3{font-weight: 800;margin-bottom: 10px;}
.subscription-step-form .question-title p{font-size: 15px;font-weight: 600;}
.form-subscription{padding-top: 20px !important;}
.form-subscription .bg-white.my-5:first-child{margin-top: 0 !important;}
.form-subscription .bg-white{padding: 15px;}
.other-choose-type:first-child{margin-bottom: 40px;}
.subscription-step-form .help-text{font-weight: 600;font-size: 12px;color: #002c54;}
.subscription-step-contrat .col.bg-theme-bx .col.bg-white .title{margin-top: 0;line-height: 26px;}
.contrat-info{padding: 0;}
.contrat-info .form-group .title{font-weight: 700;}
.contrat-info .form-group label{font-weight: 600;margin-top: 5px;color: #002c54;}
.subscription-step-contrat .custom-control .custom-control-label{font-size: 13px;padding-left: 22px;}
.contrat-contant .contrat-info hr{border-color: #30ad7147 !important;margin: 0;}
.contrat-info .col-md-11 .col-xs-12:last-child{padding-left: 90px !important;}
.paiement .form-group label{color: #313336;}
.paiement .form-group .form-control::-webkit-input-placeholder{
  color: #868686;font-weight: 500;
}
  /* Ankit-17-01-19 */

  span.author_name.title {
    font-size: 24px;
    line-height: 34px;
    text-align: right;
}


.home-main-title{position: relative;width: 100%;}
.home-main-title .title-icon{width: 260px;float: left;position: absolute;left: 0;}
.home-main-title .title{width: 100%;}
.home-main-title .title .title-continer{width: 62%;margin: 0 auto;}

.t-btn.btn-rounded{
  position: relative;
}
.t-btn:after {
  position: absolute;
  content: '';
  right: -6px;
  width: 80px;
  height: 80px;
  padding: 10px;
  text-align: center;
  bottom: -6px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: 0.3s;
  background: #002c5499;
  top: -10px;
  right: -14px;
  display: none;
  transition-timing-function: ease-in-out;
  transition: 0.7s;
}
.t-btn.btn-rounded:hover:after {display: block; transition-timing-function: ease-in-out; transition: 0.7s;}
.t-btn.btn-rounded:hover{background: #002c54;color: #fff;}
.t-btn.btn-rounded:hover label{color: #fff;}
#offerarrow1 svg{height: 140px !important;}
#offerarrow2 svg{height: 140px !important;}
#offerarrow3 svg{height: 140px !important;}
#offerarrow4 svg{height: 140px !important;}
#offerarrow5 svg{height: 140px !important;}
p.text-pdl-info { text-align: center; color: #002c54; text-transform: uppercase; width: 100%; font-weight: bold; font-size: 13px; line-height: 14px; }
.redirectNoPDLDirectLink{
    background-color: #002c54;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    max-width: 43%;
}

.middleText a{
  color:#fff;
  text-transform: uppercase;
  font-weight: 700;
}
.firstquestion{
  color:#30ad71;
  font-size: 16px;
  margin: 0 5px;
}
.secondquestion{
  color:#30ad71;
  font-weight: bold;
  font-size: 22px;
  margin: 0 5px;
}
.thirdquestion{
  color:#30ad71;
  font-weight: bold;
  font-size: 22px;
  margin: 0 5px;
}
.fourthquestion{
  color:#30ad71;
  font-size: 16px;
  margin: 0 5px;
}
.redirectNoPDLDirectLink .col-xs-12{margin: 15px 0;}
/* header animaation and text*/
.animation-wrapper { 
  
  overflow:hidden;
  display: flex;
  align-items: center;
}

.animation-wrapper div {
  /* min-height: 200px;*/
 /*  padding: 10px;*/
}
.oneanimation {
  
  float:left; 
  /*margin-right:20px;*/
 /* width:140px;*/
  
}
.twotext { 
  overflow:hidden;
  margin:10px;
  width: calc(100% - 176px);
}

@media (max-width: 767px){
  .twotext {
    width: 100%;
  }
  .animation-wrapper {
    flex-flow: row wrap;
    justify-content: center;
  }

  .t-btn.btn-large {
    white-space: normal;
    padding: 0 25px;
  }
}

@media (max-width: 370px){
.t-btn.btn-large {
  font-size: 11px;
 }
}

@media screen and (max-width: 400px) {
   .oneanimation { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
     
  }
  /* .twotext { 
 
   
    width: 50%;
    
  } */
  
}