::-webkit-input-placeholder { color: #666;}
::-webkit-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
 /* Firefox 19+ */
::-moz-placeholder { color: #666;}
::-moz-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
 /* IE 10+ */
:-ms-input-placeholder {color: #666;}
::-ms-selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}
/* Firefox 18- */
:-moz-placeholder {  color: #666;}
::selection{background:#ed1c24;color:#fff;text-shadow:0 0 transparent}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;} 
img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; max-width:100%}
a[data-toggle="modal"]{outline:none}
body {background:#fff;font-family: 'Roboto', sans-serif;font-weight:400;}
.header-bg {background: #ffffff}
.text-blue {color: #304087}
.text-white {color: #fff}
.text-red {color: #900b0f}

.ppb {background: #f5f5f5; padding: 15px;}
.ppb figure {margin: 0; padding:0 0 20px 0; border: 1px solid #7a7a7a}
.ppb figure figcaption {margin: 0;}
.ppb figure figcaption ul { list-style: none;margin: 0 0 15px; padding: 0; }
.ppb figure figcaption ul li { padding:6px 0; font-weight: 400; background: #fff; display:inline-block ; width: 70px; text-align: center; font-size: 14px; margin:3px;}
.ppb figure figcaption ul li {}
.ppb figure figcaption ul li {}

.btn-outline-primary { color: #2c3c75; border-color: #2c3c75; }
.btn-outline-primary:hover { color: #fff; background-color: #2c3c75; border-color: #2c3c75; }

.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-26 {font-size: 26px;}
.fs-24 {font-size: 24px;}

.fw-500 {font-weight: 500}

.modal-backdrop.show {background: #2b3475;opacity: .7;}
.show-overlaw .modal-backdrop.show { opacity: .95; }
.modal-content {border-radius:0; font-size:14px;}
.modal-content ol {padding-left: 20px;}
.modal-content li {margin-bottom:7px;}

.customP a.close-btn { right: -2px; top: 0px; position: absolute; content: ''; background: url(../images/close_icon.png) no-repeat center; width: 26px; height: 26px; z-index: 9; cursor: pointer; font-size: 0; text-indent: -9999px; background-size: 16px auto; }
.customP .modal-content {border-radius:0; border: 0;}
.customP .modal-body {padding:25px 44px; padding-bottom: 35px;}
.customP .modal-body:before {left:20px; right:20px; bottom:20px; top:25px; content:''; position:absolute; z-index:0; border:2px solid #2b3474;}
.customP .modal-body>div {position: relative; z-index: 2;}
.customP h3 {text-align: center; margin: -13px 0 15px 0; font-size: 20px; color: #2b3474 }
.customP h3  img {margin-top: -12px; height: 50px;}
.customP h3 span {background: #fff;}

.SummaryForm fieldset {border: 1px solid #f9f9f9; padding:5px 15px;}
.SummaryForm fieldset+fieldset {  margin: 15px 0 !important; }
.SummaryForm .form-control {border-radius: 0; font-weight: 300}
.SummaryForm legend {display: inline-block; width: auto; padding: 0 5px; font-size: 16px; margin: 0; font-weight: 400}
select.form-control {  -webkit-appearance: none;  -moz-appearance: none; -o-appearance: none; -ms-appearance: none; background: url(../images/downAw.png) no-repeat right center;}
.customP a.close-btn { right: -2px; top: 0px; position: absolute; content: ''; background: url(../images/close_icon.png) no-repeat center; width: 26px; height: 26px; z-index: 9; cursor: pointer; font-size: 0; text-indent: -9999px; background-size: 16px auto; }

#thanks h4 {font-size: 48px; font-weight: 100; color: #da1d24; }
#thanks p {font-size:24px; font-weight: 300;line-height: 1.4; padding-top: 10px}
#thanks.customP h3  img {height: auto; margin-top: -30px;}


.btn-primary { color: #fff; background-color: #2b3474; border-color: #2b3474; }
.btn-primary:hover { color: #fff; background-color: #1a225f; border-color: #1a225f; }
.form-control {border-width:0 0 1px 0; padding-left:3px;}

.top-white { background-color: #fff; }
.top-links {margin:0; line-height: 1}
.top-links li {position: relative; z-index: 2; line-height:30px; font-size: 12px;}
.top-links li {color:#58595b;}
.top-links li span {padding:0 10px}
.top-links li a {color:#58595b;}
.top-links li a:hover {color:#f89c2e; text-decoration: none; }

.link_band .pointArya { border-right:1px solid #304087; padding:2px 14px 0px 5px; display: inline-block; line-height: 1; vertical-align: middle; margin-right: 10px; font-size:14px; font-weight:400;}

.hamburger-icon:before { content:""; display: block; position: fixed; top: 0; left: 0; height: 0; width:100%; opacity: 0; transition: opacity .2s,width .05s .2s; background:rgba(48,64,135,.65);}
.hamburger-icon {vertical-align: middle; position: relative; height: 32px; width: 32px; overflow: hidden; z-index: 100; cursor:pointer; display: inline-block;}
.hamburger-icon div { position: absolute; height: 2px; right: 2px; left: 2px; background-color: #58595b; border: 0; -webkit-transition: -webkit-transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; -moz-transition: -moz-transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; -o-transition: -o-transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; transition: transform .2s ease-in-out .2s,top .2s ease-in-out .2s,background-color .3s; vertical-align: top;}
.hamburger-icon div.top { top: 25%; margin-top: -1px; }
.open-nav .hamburger-icon div.top {transform: rotate(-135deg); top: 50%; background:red}
.hamburger-icon div.middle { top:50%; margin-top: -1px; }
.open-nav .hamburger-icon div.middle {opacity:0;}
.hamburger-icon div.bottom { top:75%; margin-top: -1px; }
.open-nav .hamburger-icon div.bottom { transform: rotate(135deg); top: 50%;background:red}
.off-canvas-nav { position: fixed; width: 260px; right: -260px; background-color: #27397D; border-right: 1px solid #c5c5c5; overflow-y: auto; z-index: 9; height: 100%; overflow-x: hidden; overflow-y: auto; }
.off-canvas-main { position: relative; background-color: #fff; transition: transform .2s ease-out; overflow:hidden}
.open-nav .off-canvas-main { transform: translateX(-260px);position: fixed; top: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }
.open-nav .off-canvas-nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.open-nav .hamburger-icon:before {opacity:1;  height: 100%;}
.navigation-main ul {list-style:none; margin:0; padding:0;height: 100%; overflow: auto; position:relative; font-size: 14px; font-weight: 300}
.navigation-main ul ul { padding:0; }
.navigation-main ul ul li { margin:0; }
/*.navigation-main ul ul li:last-child {padding-bottom: 13px;}*/
.navigation-main ul ul li a {padding:10px 30px; font-size:13px; border:0;border-bottom:1px solid rgba(0,0,0,.1);}
/*.navigation-main ul li {margin-bottom:13px;}*/
.navigation-main ul li a {display:block; border-bottom:1px solid rgba(0,0,0,.1); text-align:left; line-height:1; padding:14px 20px; color:#ffffff; text-decoration:none}
.navigation-main ul li a:hover {text-decoration:none;color:#9c9c9c;-webkit-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1); }

.form-control {border-radius: 0;}
.form-control:disabled,
.form-control[readonly] { background-color: #ffffff; opacity: 1; }
.btn-danger { color: #fff; background-color: #CF3B31; border-color: #CF3B31; }


.bannerBg { background: #000000 url(../images/banner.jpg) no-repeat top center/cover; color: #fff; font-size: 52px; line-height:1.1;}
.bannerBg.crest { background: #000000 url(../images/cr-banner.jpg) no-repeat top center/cover;}
.bannerBg.sig { background: #000000 url(../images/sig-banner.png) no-repeat top center/cover;}

.bannerBg.ent { background: #000000 url(../images/ent-banner.png) no-repeat top center/cover;}


.cardBoxOne {background-image: linear-gradient(270deg, #9E304F 0%, #292446 100%); border-radius: 9px; color:#fff; padding:25px 15px; text-align: center; }
.cardBoxTwo {background-image: linear-gradient(225deg, #E6C885 0%, #292446 100%); border-radius: 9px; color:#fff; padding:25px 15px; text-align: center; }
.cardBoxThree {background-image: linear-gradient(90deg, #1C1C52 0%, #CEC3C2 100%, #2B2464 100%); border-radius: 9px; color:#fff; padding:25px 15px; text-align: center; }
.cardBoxFour {background-image: linear-gradient(225deg, #E6C885 0%, #292446 100%); border-radius: 9px; color:#fff; padding:25px 15px; text-align: center; }
.cardBoxFive {background-image: linear-gradient(90deg, #1C1C52 0%, #CEC3C2 100%, #2B2464 100%); border-radius: 9px; color:#fff; padding:25px 15px; text-align: center; }
.cardName {font-size: 26px; text-transform: uppercase; font-weight: 500; line-height: 1; min-height: 52px;}
.point {font-size: 22px;font-weight: 400; padding:25px 0}

.min-top {margin-top: -120px;}

.cardBoxActive {margin-bottom: -25px; margin-top: 25px;}
.detailsBox {background-color: #F0F0F0; border:1px solid #ccc; display: none;}
.listBox {background-color: #ffffff; text-align: center; padding:10px}
.listBox figure {margin: 0; padding: 0;}
.listBox figure figcaption {margin: 0 ; padding:15px 0 0px;}
.listBox figure figcaption ul {list-style: none; padding: 0 0 15px; margin: 0;}
.listBox figure figcaption ul li {display: inline-block; position: relative; font-size: 14px;}
.listBox figure figcaption ul li:not(:last-child) {margin-right:1rem;}
.listBox figure figcaption ul li:not(:last-child):after {right:-.7rem; position: absolute; content:'|'; top: -1px}

.tbPoint tr th {background-color: #CF3B31; color: #ffffff; font-size: 12px; padding: 6px;}
.tbPoint tr td {font-size: 12px; padding: 6px;}
@media (min-width:768px){

}

@media (max-width:991px){
.cardName {font-size: 20px;min-height:40px;}
.point {font-size:18px;font-weight: 400; padding:15px 0}
.min-top {margin-top: -100px;}
}

@media (max-width:767px){
.property-logo {    max-height: 60px;}
.ppb {padding: 10px;}
.productAryaBox .ppb .btn {font-size: 14px;}
.ppb figure figcaption ul li {width: 60px; font-size: 12px;}
.bannerBg {font-size: 40px}
.min-top {margin-top: -60px;}
.cardBoxActive {margin-bottom: -20px; margin-top: 0;}
}

@media (max-width:575px){
.link_band .pointArya {    padding: 2px 5px 2px 0px; margin-right: 3px;}
.link_band .pointArya img {display:none;}
.bannerBg {font-size:26px}
}