/*LAYOUT START*/
body {
    font-family: Arial;
    
    color: #646971;
}
.container {
    background-color: initial;
    margin: initial;
    min-height: initial;
    width: initial;
}
header{
    background-color: #293688;
    color: #fff;
    font-family: "HelveticaNeue", sans-serif, Arial;
    text-align: center;
    padding: 0.5%;
}
main{
    min-height:380px;
}
.header-image-border{
    border-bottom: 3px solid #ccc;
}
.header-image-border img{
        padding: 2%;
    width: 614px;
}
.margin-bottom-2{
      margin-bottom: 2%;
}
.margin-top-2{
      margin-top: 2%;
}
footer{
    background: #C6CCD2;
}
.footer_bottom{
    padding-top: 1%;
    color: #fff;
}
p{
    line-height:25px;
    font-size: 1.2em;
}
strong{
    color:#293688;
}
li{
    padding:0.5%;
}
label{
    display: inline;
    font-size: 1.2em;
}
.has-feedback .form-control {
    padding-right:0;
}
 input[type="radio"]{
    width: 20px;
    height: 20px;
    display: inline;
    margin-bottom:2%;

 }
 input[type="checkbox"]{
    width: 20px;
    height: 20px;
    display: inline;
   margin-bottom:2%;
 }

.smallCheckBox[type="checkbox"] {
    width: 15px;
    height: 15px;
    display: inline;
 }

.reg-heading{
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.7em;
    text-align: center;
    padding: 1%;
    color: #1d234a;
}
.reg-heading::after{
    content: "";
    margin-top: 5px;
    width: 38%;
    height: 4px;
    background: #293688;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.display-box{
    background-color: #114492;
    padding: 1%;
    color: #fff;
    border-radius: 5px;
}
.light-blue{
    color:#1daeec;
}
.btn-submit{
    font-size: 1.2em;
    text-transform: uppercase;
    background: #157ebf;
    border: 1px solid #247fb7;
    padding: 1% 2% 1% 2%;
    width: 60%;
    color: #fff;
}
.btn-submit:hover,.btn-submit:focus {
    background: #293688;
    border: 1px solid #252f6d;
    color: #fff;
}
.inner-wrpper {
    width: 100%;
}
.wrapper-package-name {
    content:none;
    clear: both;
    padding: 0;
    display: inherit;
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius:0;
    margin-bottom: 3%;
    overflow:hidden;
}
.package-descr-btn {
    padding: 1.3%;
    width: 49.86%;
    font-weight: bold;
    background-color: #1b77ba;
    color: #FFF;
    font-size: 1.2em;
    border-radius: 0;
    display: inline;
    margin: 0;
    width: calc(50% - 2px);
}
.package-descr-btn:hover,.package-descr-btn:focus{
    color: #FFF;
    background-color: #1b77ba;
    box-shadow: none;
}
.custom-packageName{
    margin: 0;
    font-size: 1em;
    letter-spacing: .5px;
    text-align: center;
    line-height: 1.1;
    white-space: normal;
}
.custom-price{
    font-family: 'Arial';
    font-weight: bold;
    font-size: 1.1em;
}
button.package-descr-btn:after {
    content: none;
}
.glyphicon-chevron-down,.glyphicon-chevron-up{
    float:right;
}
.arrow-sign{
    background: #293688 !important;
    color: white !important;
}
.arrow-sign:after {
    content: " \25bc" !important;
    position: absolute;
    border-top: 15px solid #293688;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    display: block;
    width: 30px;
    margin-top: 14px;
    margin-left:20%;

}
.custom-box2,.custom-box2:hover,.custom-box2:focus{
    background: #c2edff;
    color: #1daeec;
}
.total-amount-panel {
    border-radius: 0;
    background-color: #EBC23B;
    padding: 1.5%;
    width: 100%;
    height: inherit;
    content: none;
    clear: both;
    display: inline-table;
    background: #1daeec;
    border: none;
    position: relative;
    bottom: 0;
    z-index: 2000;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
}
.confirmation-btn {
    background: white;
    border-radius: 4px;
    padding: 8px 16px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #293688;
    text-decoration: none;
}
.confirmation-btn:hover, .confirmation-btn:active {
    text-decoration: none;
    background: #293688;
    color: #fff;
    text-decoration: none;
}
.custom-packageBox{
    padding:0;
    padding-bottom:3%;
    padding-top:3%;
}
.narrative-block{
    background: #d9eef7;
    border: 1px solid #d9eef7;
    padding:1%;
    width:30%;
}
.narrative-child {
     display: block; 
     vertical-align: initial;
     padding:5%; 
     font-size: 0.9em;
}
.selection-area1,.selection-area2,.selection-area3{
    width: 18%;
    background: #d9eef7;
    border-radius: 4px;
    border: none;
    min-height: 262px;
}
.selection-area2,.selection-area3{
    width: 25%;
}
.selection-area2 .pack-content p {
    font-weight: normal;
    font-size: 1em;
    line-height: 20px;
}
.pack-caption{
    background: #1daeec;
    color: #ffffff;
    padding-top: 3%;
    text-align: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-bottom: .5%;
}
.pack-content{
    padding:7%;
}
.pack-content p{
    font-weight: bold;
    font-size: 1em;
}
.upgrade-panel {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 0;
    display: block;
    font-weight: bolder;
    padding: 1.12%;
    color: #293688;
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
    margin:0;
}
#div-promo {
    border-radius: 0;
    padding: 0.8%;
    display: inline-block;
    background: #1daeec;
    border: 1px solid #f2f2f2;
    color: #293688;
    margin-bottom: 1%;
    font-weight: bolder;
    position: relative;
    min-height: 1px;
    width: 100%;
}
.fixed-item-top{
    background: white;
    color: black;
    box-shadow: -1px -1px 20px 0px #cccccc;
    border-top: 1px solid #eaeaea;
    z-index:2000;
}
.fixed-item-top p{
    padding:1%;
    padding-bottom: 0;
}
.listing-ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
.listing-ol li{
    counter-increment: item;
    padding-top: 3%;
    padding-left: 2%;
    padding-bottom: 1%;
}
.listing-ol li:before {
    content: counter(item);
    background: #c2edff;
    border-radius: 100%;
    color: #1daeec;
    width: 26px;
    height: 26px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 20px;
}
.fixed-item-top .custom-price{
    font-size: 1.3em;
}
.plus-btn{
    background: #293688;
    cursor: pointer;
    width: 28px;
    text-align: center;
    height: 28px;
    padding-top: 3px;
    margin-left: auto;
    margin-right: auto;
    z-index: 9999;
    color: #fff;
    position:relative;
    bottom:0;
}









 @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
 
    .btn-submit {
      padding: 3% !important;
      width: 100%;
    }
    .package-descr-btn {
        padding-top: 10%;
        padding-bottom: 5%;
        text-align:center;
        padding-left: 0;
        padding-right: 0;
    }
    .reg-heading{
       line-height: 40px;
    }
    .reg-heading:after
    {
       width: 70%;
    }
    .glyphicon-chevron-down, .glyphicon-chevron-up {
        float: none;
        margin-top: 3%;
        display: block;
        text-align: center;
    }
    .narrative-block,.selection-area1, .selection-area2, .selection-area3 {
        width:100%;
        margin-top: 5%;
    }
    .upgrade-panel {
        display: inline-block;
         margin-top: 6%;
    }
    #div-promo {
      margin-top: 6%;
    }
    #div-promo p{
        font-size:1em;
    }
    .total-amount-panel p{
        font-size: 1.2em;
    }
    .total-amt-div p{
         font-size: 1.8em;
    }
    .fixed-item-top p {
        padding: 0.5%;
    }
    .listing-ol li {
        padding-top: 0;
        padding-left: 10%;
    }

}
 @media print {
  .hidden-print {
    display: none !important;
  }
}