article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Roboto', sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: 'Roboto', sans-serif; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
header, section, footer {width: 100%; float: left;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button, .custnav .menus > li > a:after, .submenus, .gallerypage .iboxs .imgbox img, header {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.cbttn {display: inline-block; padding: 14px 30px; letter-spacing: 0.03em; border: 1px solid #ffffff; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 1; text-transform: uppercase;}
.cbttn:hover {color: #000000; background-color: #f2f2f2;}
.ontap .ontopinfo .ontopbox .details a:hover, .ontap .ontopinfo .ontopbox .pabout a:hover {color: #0257a8;}

header {position: fixed; padding: 20px 40px; background-color: transparent; z-index: 11;}
.custnav {float: right;}
.custnav .menus {float: left;}
.custnav .menus > li {float: left; padding: 12px 20px;}
.custnav .menus > li > a {float: left;  letter-spacing: 0.05em; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 13px; color: #ffffff; position: relative;}
.custnav .menus > li > a:hover {opacity: 0.6;}

.fixe {background-color: #ffffff; padding: 10px 40px;}
.fixe .custnav .menus > li > a {color: #000000;}

.submenus {position: absolute; opacity: 0; visibility: hidden; width: 200px; z-index: 1; border-top: 10px solid transparent; top: 110px}
.submenus > li {float: left; width: 100%; background: #ffffff; border-top: 1px solid #d2d2d2; position: relative;}
.submenus > li:last-child {border-bottom: none;}
.submenus > li > a {display: block; color: #000000; font-size: 13px; font-weight: 400; padding: 10px 15px; font-weight: normal; position: relative;}
.submenus > li.dropmenu > a:after {content: ""; width: 10px; height: 5px; background: url(../images/down-arrow.png) no-repeat 0px 0px; position: absolute; right: 15px; top: 50%; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.submenus > li > a:hover {background-color: #0257a8; color: #ffffff;}
@media only screen and (min-width: 992px){
.custnav .menus > li:hover .submenus {opacity: 1; visibility: visible; top: 50px;}
}

.herobanner {height: 890px; background-repeat: no-repeat; background-position: 0 content; background-size: cover; position: relative;}
.herobanner:after {content: ''; position: absolute; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0;}
.bannertext {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1;}
.bannertext .logo {margin-top: 50px; text-align: center;}
.bannertext .timing {width: 410px; margin: 0 auto; background-color: rgba(255,255,255,0.66); padding: 33px 56px;}
.bannertext .timing h3 {font-family: 'News Cycle', sans-serif; font-size: 30px; text-align: center; font-weight: 700; padding-bottom: 15px;}
.bannertext .timing li {font-size: 20px; padding: 8px 0;}
.bannertext .social {text-align: center; margin-top: 15px;}
.bannertext .social a {display: inline-block; margin: 0 10px;}

.separt {padding: 60px 0; background-color: #044585;}
.separt h2 {font-family: 'News Cycle', sans-serif; font-size: 30px; color: #2a2a2a; font-weight: 700; padding-bottom: 20px; color: #ffffff;}
.separt .commpart .points {float: left; width: 100%; padding-bottom: 25px;}
.separt .commpart .points li {float: left; width: 100%;}
.separt .commpart .points h4 {float: left; font-weight: 300; font-size: 21px; color: rgb(42, 42, 42); line-height: 2; color: #ffffff;}
.separt .commpart .points h4:after {content: '►'; font-size: 18px; color: #ffffff; margin: 0 3px;}
.separt .commpart .points a, .separt .commpart .points span {display: inline-block; font-weight: 400; font-size: 21px; line-height: 2; text-decoration: underline; color: #9fcfff;}
.separt .commpart .points a:hover {opacity: 0.5;} 
.separt .commpart .points span {color: #ccd182; text-decoration: initial;}

.ontap {padding: 60px 0; background-image: url(../images/tapbg.jpeg); background-repeat: no-repeat; background-position: 0 center; background-size: cover;}
.ontap .ontapw {float: left; width: 100%; background-color: #ffffff;}
.ontap .ontapw .toppart {float: left; width: 100%; padding: 20px 0 10px; text-align: center; border-bottom: 1px solid #e7e7e7;}
.ontap .ontapw .toppart h4 {font-size: 32px; font-weight: 700; margin: 0 0 5px; text-transform: uppercase; line-height: 26px;}
.ontap .ontapw .toppart p {font-size: 17px; font-weight: 300;}
.ontap .ontapw .toppart span {font-size: 14px; line-height: 20px; font-weight: 300;}
.ontap .ontapw .ontopinfo {float: left; width: 100%; padding: 35px 35px 35px 15px;}
.ontap .ontapw .ontopinfo .ontopbox {float: left; width: 100%; padding-bottom: 35px;}
.ontap .ontopinfo h3 {font-size: 21px; font-weight: 500; padding-bottom: 23px;}
.ontap .ontopinfo .ontopbox .logobox {float: left; width: 10%; text-align: center; padding: 0 15px;}
.ontap .ontopinfo .ontopbox .logobox img {width: 100%; object-fit: cover;}
.ontap .ontopinfo .ontopbox .details {float: left; width: 90%;}
.ontap .ontopinfo .ontopbox .details a {font-size: 18px; line-height: 24px; color: #000000;}

.ontap .ontopinfo .ontopbox .details a span {font-style: italic; margin-left: 5px; font-weight: 300; color: #333333;}
.ontap .ontopinfo .ontopbox .points {float: left; width: 100%; margin-top: 3px;}
.ontap .ontopinfo .ontopbox .points li {float: left; font-size: 15px; position: relative; font-weight: 300; }
.ontap .ontopinfo .ontopbox .points li:after {display: inline-block; content: '•';  color: #333; font-size: 25px; margin: 0 4px 0 5px; line-height: 0; position: relative; top: 4px;}
.ontap .ontopinfo .ontopbox .points li:last-child:after {display: none;}
.ontap .ontopinfo .ontopbox .pabout {float: left; width: 100%;}
.ontap .ontopinfo .ontopbox .pabout p {float: left; width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 17px; font-weight: 300; color: rgba(42,42,42,0.8);}
.ontap .ontopinfo .ontopbox .pabout .less {display: none;}
.ontap .ontopinfo .ontopbox .pabout.open p {white-space: inherit; width: 100%;}
.ontap .ontopinfo .ontopbox .pabout.open .more {display: none;}
.ontap .ontopinfo .ontopbox .pabout a {float: right; width: 10%; text-align: right; transition: initial; -moz-transition: initial; -webkit-transition: initial;}
.ontap .ontopinfo .ontopbox .pabout a span {color: rgb(67, 160, 216); font-size: 14px; font-weight: 400; cursor: pointer; font-style: initial;}
.ontap .ontopinfo .ontopbox .pabout a:hover span {color: #0257a8;}
.ontap .ontopinfo .ontopbox .pabout.open a {width: 100%;}
.ontap .ontopinfo .ontopbox .pabout.open .less {display: block; text-align: left;}
.ontap .ontopinfo .ontopbox .pabout a {float: right; width: 10%; text-align: right; color: rgb(67, 160, 216); font-size: 15px; font-weight: 400; cursor: pointer;}
.ontap .ontopinfo .ontopbox .priceinfo {float: left; width: 100%; margin-top: 10px;}
.ontap .ontopinfo .ontopbox .priceinfo .pricebox {float: left; width: 100%; display: table; padding-bottom: 4px;}
.ontap .ontopinfo .ontopbox .priceinfo .type {padding-right: 4px;  font-weight: 600; vertical-align: top; display: table-cell; white-space: nowrap;}
.ontap .ontopinfo .ontopbox .priceinfo .line {background-image: url(../images/dott-icon.png); background-position: 0 8px; background-repeat: repeat-x; width: 100%; vertical-align: top; display: table-cell;}
.ontap .ontopinfo .ontopbox .priceinfo .price {float: right; padding-left: 4px; font-weight: 700; white-space: nowrap;}
.ontap .ontopinfo .destext {float: left; width: 100%; text-align: center;}
.ontap .ontopinfo .destext p {font-size: 16px; font-weight: 300; letter-spacing: 0.5px;}
.ontap .ontopinfo .destext span {font-weight: 600;}

.location {background-color: #044585; padding-top: 50px;}
.location iframe {float: left; width: 100%; height: 300px;}
.footer {background-color: #044585; padding: 30px 0;}
.footer .flogo {line-height: 215px;}
.footer h5, .footer p {font-size: 20px; font-weight: 400; color: #ffffff; line-height: 30px; padding-bottom: 15px; letter-spacing: 0.5px;}
.footer p {font-size: 17px; padding-bottom: 0;}


/** Calendar Page **/
.calendarpage {padding: 30px 0;}

/** Interior Page **/
.innerbanner {height: 440px; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative; z-index: 1;}
.innerbanner:after {content: ""; width: 100%; z-index: -1; position: absolute; top: 0; left: 0; right: 0px; height:100%; background-color: rgba(0,0,0,0.50);}
.innerbanner .logo {float: left; width: 440px; margin-top: 80px;}
.innerbanner .logo img {max-width: 100%;}
.contents {padding: 70px 0;}
.ctitle {font-family: 'News Cycle', sans-serif; color: #2a2a2a; text-transform: uppercase; font-size: 37px;}
.interiorpage ul {float: left; width: 100%; padding-top: 30px;}
.interiorpage li {float: left; width: 100%; margin-bottom: 30px;}
.interiorpage li:last-child {margin-bottom: 0px;}
.interiorpage li p, .interiorpage2 p {float: left; width: 100%; margin: 3px 0; font-weight: 300; color: #3f3f3f; font-size: 18px; }
.interiorpage li p a {text-decoration: underline;}

.interiorpage2 p {padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.11);}


/** New Homepage **/
.contspart {background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative;}
.contspart .topbannerpart {position: relative; height: 890px; z-index: 2;}
.contspart:after {content: ''; position: absolute; background: rgba(0,0,0,0.7); top: 0; left: 0; right: 0; bottom: 0;}
.contspart .ontappart {z-index: 2; position: relative;}
.footer2 {background:none; position: relative; z-index: 2; margin-top: 30px;}
/*.footer2 h5, .footer2 p {color: #000000;}*/