/* Inclued Sentinel Fonts (Book, Medium & Semibold & Semibold Italic) */
@font-face{font-family:'Sentinel-Book';src:url('../fonts/Sentinel-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Sentinel-Book.otf') format('opentype'), url('../fonts/Sentinel-Book.woff') format('woff'), url('../fonts/Sentinel-Book.ttf') format('truetype'), url('../fonts/Sentinel-Book.svg#Sentinel-Book') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Sentinel-Medium';src:url('../fonts/Sentinel-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Sentinel-Medium.otf') format('opentype'), url('../fonts/Sentinel-Medium.woff') format('woff'), url('../fonts/Sentinel-Medium.ttf') format('truetype'), url('../fonts/Sentinel-Medium.svg#Sentinel-Medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Sentinel-Semibold';src:url('../fonts/Sentinel-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Sentinel-Semibold.otf') format('opentype'), url('../fonts/Sentinel-Semibold.woff') format('woff'), url('../fonts/Sentinel-Semibold.ttf') format('truetype'), url('../fonts/Sentinel-Semibold.svg#Sentinel-Semibold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Sentinel-SemiboldItalic';src:url('../fonts/Sentinel-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sentinel-SemiboldItalic.otf') format('opentype'), url('../fonts/Sentinel-SemiboldItalic.woff') format('woff'), url('../fonts/Sentinel-SemiboldItalic.ttf') format('truetype'), url('../fonts/Sentinel-SemiboldItalic.svg#Sentinel-SemiboldItalic') format('svg');font-weight:normal;font-style:normal}
/* Reset CSS */
/* Remove outline for non-keyboard :focus */
*:focus:not(:focus-visible) {outline: none;}
a:focus,a:hover,a:active,a:visited {text-decoration: none}
select::-ms-expand,input::-ms-expand {display: none}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000}
input {outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none}
ul {list-style: none;padding: 0;margin: 0}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px white inset !important}
/* keyboard focus / accessibility outline */
input:focus, .form-control:focus, select:focus {outline: none}
input[type="radio"]:focus + label, input[type="checkbox"]:focus + label {outline: 2px solid #5271a1;outline-offset: 3px;outline-style: auto;border-radius: 1px;}
input:focus:not(:focus-visible) + label {outline: none;/*border: 2px solid #5271a1;*/}
.plan_left_text input:focus + label {border: 2px solid #123456;}
a:focus {outline: 2px solid #5271a1;outline-style: auto;outline-offset: 2px;border-radius: 1px;}
a.primary_cta:focus-visible, a.cta_btn_white:focus-visible {outline-offset: 3px;}
button:focus {outline: 2px solid #5271a1;outline-style: auto;outline-offset: 3px;border-radius: 1px;}
input:focus:not(:focus-visible), .form-control:focus:not(:focus-visible), select:focus:not(:focus-visible), button:focus:not(:focus-visible),a:focus:not(:focus-visible) {outline: none;}
button:focus-visible {outline: 2px solid #5271a1;outline-style: auto;outline-offset: 3px;border-radius: 1px;}
.tab_focus:focus {outline: 2px solid #5271a1;outline-style: auto;outline-offset: 2px;border-radius: 1px;}
.tab_focus.primary_cta:focus, .primary_btn.tab_focus:focus {outline-offset: 3px;}
button.tab_focus:focus {outline-offset: 3px;}
.form-control.tab_focus:focus {outline: 2px solid #5271a1;outline-style: auto;outline-offset: 3px;border-radius: 1px;}
.mainmenu_area li a:focus:not(:focus-visible) {outline: none;}
.alignright {float: right}
.alignleft {float: left}
.aligncenter {float: none;text-align: center}

html,body {min-height: 100%;height: auto;}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
    position: relative;
    color: #353535;
    padding: 0 !important;
}
img {max-width: 100%}
h1,h2 {
    margin: 0 0 15px;
    font-family: 'Sentinel-Semibold';
    font-weight: normal;
}
h3,h4,h5,h6 {
    margin: 0 0 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.heading1, .heading2, .heading4 {
    margin: 0 0 15px;
    font-family: 'Sentinel-Semibold';
    font-weight: normal;
}
.heading5 {
    margin: 0 0 15px;
    font-family: 'Sentinel-Medium';
    font-weight: normal;
}
.heading3, .heading6 {
    margin: 0 0 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.open_reg {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.open_sem {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.open_bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.sent_book {
    font-family: 'Sentinel-Book';
    font-weight: normal;
}
.sent_med {
    font-family: 'Sentinel-Medium';
    font-weight: normal;
}
.sent_sem {
    font-family: 'Sentinel-Semibold';
    font-weight: normal;
}
.sent_sem_italic {
    font-family:'Sentinel-SemiboldItalic';
    font-weight: normal;
}
.bold_text {
    font-weight: 700;
}
.pink_text {
    color: #FD546A;
    transition: .2s;
}
a.pink_text:hover, a.pink_text:focus {
    color: #DB4A5D;
}
.paragraph {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #123456;
}
.header_area {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    box-shadow: 0 0 10px -2px #999;
}


/* Common CSS */
.wow {
    visibility: hidden
}
.container {
    padding: 0px;
}
.modal-open {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

button[disabled],input[disabled],a[disabled], button.disabled, a.disabled {
    cursor: no-drop;
}
.promo_band {
    background: #22602E;
    color: #fff;
    font-size: 16px;
    padding: 10px !important;
    text-align: center;
    width: 100%;
    z-index: 9;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0px !important;
}
.get_coupon_details {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    text-decoration: underline;
}
/* Primary Pink Button */
.primary_cta {
    background-color: #FD546A;
    color: #fff;
    display: inline-block;
    padding: 18px 55px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
    font-family: 'Open Sans', sans-serif;
    margin: 5px
}
.primary_cta:hover {
    background-color: #DB4A5D;
    color: #fff;
    border: 1px solid transparent;
}
.primary_cta:active, .primary_cta:focus, .primary_cta.active {
    background-color: #FD7F8F;
    color: #fff;
}
.primary_cta[disabled], .primary_cta.disabled, .primary_cta[disabled]:hover, .primary_cta.disabled:hover,.primary_cta[disabled]:focus, .primary_cta.disabled:focus {
    opacity: .50
}

/* Secondary Border Button */
.secondary_cta {
    padding: 16px 50px;
    background: #fff;
    border: 2px solid #FD546A;
    font-size: 16px;
    text-transform: uppercase;
    color: #FD546A;
    border-radius: 3px;
    font-weight: 700;
    transition: .2s;
    text-align: center;
    margin: 5px
}
.secondary_cta:hover {
    background-color: #FFEDF0;
    color: #FD546A;
}
.secondary_cta:active, .secondary_cta:focus, .secondary_cta.active {
    background-color: #FFD4D9;
    color: #FD546A;
}
.secondary_cta[disabled], .secondary_cta.disabled, .secondary_cta[disabled]:hover, .secondary_cta.disabled:hover,.secondary_cta[disabled]:focus, .secondary_cta.disabled:focus {
    opacity: .50
}

/* Navy Fill Button */
.navy_btn {
    background-color: #123456;
    color: #fff;
    display: inline-block;
    padding: 16px 50px;
    border: 2px solid #123456;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
}
.navy_btn:hover {
    background-color: #05203B;
    color: #fff;
}
.navy_btn:active,.navy_btn:focus, .navy_btn.active {
    background-color: #415D78;
    border: 2px solid #415D78;
    color: #fff;
}
.navy_btn[disabled], .navy_btn.disabled, .navy_btn[disabled]:hover, .navy_btn.disabled:hover, .navy_btn[disabled]:focus, .navy_btn.disabled:focus {
    background-color: #C3CCD4;
    border: 2px solid #C3CCD4;
    color: #fff
}
/* Navy Border Button */
.navy_border_btn {
    background-color: #fff;
    color: #123456;
    display: inline-block;
    padding: 16px 50px;
    border: 2px solid #123456;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
}
.navy_border_btn:hover {
    background-color: #F2F4F6;
    color: #123456;
}
.navy_border_btn:active,.navy_border_btn:focus, .navy_border_btn.active {
    background-color: #C3CCD4;
    color: #123456;
}
.navy_border_btn[disabled], .navy_border_btn.disabled, .navy_border_btn[disabled]:hover, .navy_border_btn.disabled:hover, .navy_border_btn[disabled]:focus, .navy_border_btn.disabled:focus {
    opacity: .50
}
/* Gray Button */
.gray_color_btn {
    background-color: #C3CCD4;
    color: #fff;
    display: inline-block;
    padding: 15px;
    border: 2px solid #C3CCD4;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
}

/* White Fill Button */
.white_btn {
    background-color: #fff;
    color: #123456;
    display: inline-block;
    padding: 16px 50px;
    border: 2px solid #fff;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
}
.white_btn:hover {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    color: #123456;
}
.white_btn:active,.white_btn:focus, .white_btn.active {
    background-color: #fff;
    border: 2px solid #fff;
    color: #123456;
}
.white_btn[disabled], .white_btn.disabled, .white_btn[disabled]:hover, .white_btn.disabled:hover, .white_btn[disabled]:focus, .white_btn.disabled:focus {
    background-color: #ddd;
    border: 2px solid #ddd;
    color: #555
}


/* Common/Default Modal Style | Use class ".default_modal" with ".modal fade" [at first div of modal] */
.default_modal {
    padding: 0px!important;
}
/* Use class ".horizon_center" with ".default_modal" where we need to show the popup horizontally+vertically center */
.default_modal.horizon_center.in {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.default_modal .modal-dialog {
    max-width: 625px;
}
.modal .modal-content {border: none}
.default_modal .modal-content {
    border: none;
    border-radius: 0;
}
.default_modal .modal-body {
    min-height: auto;
    padding: 50px 30px 30px;
    position: relative;
    border-top: 10px solid #fd546a;
}
.default_modal button.close {
    background: transparent none repeat scroll 0 0;
    color: #123456;
    font-size: 30px;
    height: 42px;
    line-height: normal;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 2;
    outline-offset: -3px
}
.modal-title {
    margin: 0 0 15px;
    font-size: 24px;
}
.default_modal p {
    margin: 0 0 15px;
}
.default_modal .modal-footer {
    border: medium none;
    padding: 0 30px 30px;
}
.default_modal .gotit_close {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #FD546A;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    transition: .2s;
    font-family: 'Open Sans', sans-serif;
/*    outline: none;*/
}
.default_modal .gotit_close:hover, .default_modal .gotit_close:focus {
    color: #DB4A5D;
/*    outline: none*/
}

/* Checkbox Style | use class .checkbox_btn with .form-group */
.form-group.checkbox_btn input[type="checkbox"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
}
.form-group.checkbox_btn label {
    cursor: pointer;
    font-weight: 400;
    line-height: 27px;
    margin: 6px 15px 0 6px;
    padding: 0px 0px 0px 40px;
    position: relative;
    color: #123456;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align: left;
/*    outline: none*/
}
.form-group.checkbox_btn label:before {
    border: 2px solid #BCBCBC;
    border-radius: 5px;
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    top: 0;
    width: 27px;
}
.form-group.checkbox_btn label:hover:before {
    border: 2px solid #123456;
}
.form-group.checkbox_btn input[type="checkbox"]:checked + label:before {
    background: #123456;
    border: 2px solid #123456;
    content: "";
    color: #fff;
    padding: 0px;
    text-align: center;
    -webkit-text-fill-color: rgba(255, 255, 255, 1);
    -webkit-opacity: 1;
    color: rgba(255, 255, 255, 1);
}
.form-group.checkbox_btn input[type="checkbox"]:checked + label:after {
    position: absolute;
    left: 10px;
    content: "";
    width: 8px;
    height: 16px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    top: 4px;
}
.form-group.checkbox_btn label button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    position: relative;
    z-index: 1;
}

/* Radio Button Style | use class .radio_btn with .form-group */
.form-group.radio_btn label {
    color: #123456;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    height: auto;
    margin: 0 13px 15px;
    min-width: auto;
    padding: 0 0 0 35px;
    position: relative;
    transition: all 0.2s ease 0s;
    text-align: left;
/*    outline: none*/
}
.form-group.radio_btn label:before {
    border: 3px solid #BCBCBC;
    border-radius: 50%;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 25px;
    transition: all 0.2s ease 0s; 
}
.form-group.radio_btn label:hover::before {
    border: 3px solid #123456;
}
.form-group.radio_btn input:checked + label::before {
    border: 3px solid #123456;
}
.form-group.radio_btn input:checked + label::after {
    background: #123456 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 15px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 15px;
}
.form-group.radio_btn input[type="radio"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
}

/* Bootstrap 4 | Basic flexbox support */
.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}
.flex-row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse}
.flex-column {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.flex-column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse}
.justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around}
.align-items-start {-webkit-box-align: start;-ms-flex-align: start;-ms-grid-row-align: flex-start;align-items: flex-start}
.align-items-end {-webkit-box-align: end;-ms-flex-align: end;-ms-grid-row-align: flex-end;align-items: flex-end}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center}
.flex-fill {-webkit-box-flex: 1 !important;-ms-flex: 1 1 auto !important;flex: 1 1 auto !important;}
.flex-grow-1 {-webkit-box-flex: 1 !important;-ms-flex-positive: 1 !important;flex-grow: 1 !important;}
.flex-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
.flex-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important;}


/*zopim chat
 .zopim {
    position: absolute! important;
}*/

/* Medium Large Layout: 1280px. */
@media only screen and (min-width: 1201px) and (max-width: 1680px) {
    .container {padding: 0 15px}
    .form-group.radio_btn label {font-size: 16px}
    
}
/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .container {padding: 0 15px}
    .form-group.radio_btn label {font-size: 16px}
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {padding: 0 15px}
    .form-group.radio_btn label {font-size: 16px}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .container {padding: 0 15px}
    .rwd-line {display: none}
    .primary_cta {padding: 15px 28px;min-width: 100px}
    .secondary_cta {padding: 14px 25px;min-width: 100px}
    .promo_band {font-size: 14px;}
    .mbl-100 {width: 100%!important;}
    .mbl-flex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}
    .mbl-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
    .mbl-column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse}
    .form-group.radio_btn label {font-size: 16px}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

}