/* Common CSS */
*{
    margin: 0;
    padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  font-size:16px;
  font-family: 'Lato', sans-serif;
}
p, li{
	line-height: 1.5em;
	margin: 0 0 10px 0;
	text-align: justify;
}
a {
	color:#0C4C81;
}
a:hover {
	color:#DF8C3D;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 600;
	color:#DF8C3D;
	line-height: 1.5em;
}
h1 { font-size:32px;}
h2 { font-size:28px;}
h3 { font-size:24px;}
h4 { font-size:22px;  color: #0C4C81; }
h5 { font-size:20px; color: #0C4C81; }
h6 { font-size:17px; color: #0C4C81; }
ol { margin-left: 30px; }
.img-fluid, .img-responsive {
	max-width: 100%;
	height: auto;
}
.table-responsive {
	display: block;
    width: 100%;
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	margin-bottom: 20px;
}
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.scroll {
	position:fixed;
	top:0;
	width:100%;
	z-index:1;
	background:#01334D;
	-webkit-transition: background 0.5s; /* For Safari 3.1 to 6.0 */
    transition: background 0.5s;
	border-bottom:1px solid #efefef;
}
.w-100 {
    width: 100%!important;
}
.fiximg {
    height: 300px;
}
.fiximg img {
    object-fit: cover;
    width: 100%;
    height: 300px;
}
.textcenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  align-self: flex-start;
}
/* WordPress CSS */
.alignnone {
    margin: 5px 15px 10px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 10px auto;
}
.alignright {
    float:right;
    margin: 5px 0 10px 15px;
}
.alignleft {
    float: left;
    margin: 5px 15px 10px 0;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 15px 10px 0;
}
.wp-caption.alignleft {
    margin: 5px 15px 10px 0;
}
.wp-caption.alignright {
    margin: 5px 0 10px 15px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #333;
  padding: 2px 8px;
  line-height: 1em;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  bottom:0;
  z-index: 1;
  font-size: 14px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Custom CSS */
.thiserror { display:none; color:red;font-size:12px; }
.co1 { color:#0C4C81; }
.co2 { color:#DF8C3D; }
hr { border-top: 1px solid #DF8C3D; border-bottom: none; margin: 15px 0; }
.header { padding: 5px 0;}
.logo { max-height: 60px; }
.topmenu { position: relative; }
.topmenu ul { display: flex; text-align: right; list-style: none; justify-content: flex-end; margin: 0; }
.topmenu li { margin: 0; }
.topmenu li a { text-transform: uppercase; font-size: 16px; font-weight: 600; text-decoration: none; padding: 10px 30px; display: inline-flex; }
.topmenu li:last-child a { padding-right: 0; }
.topmenu li a img { max-width: 20px; margin-right: 3px; }
.topmenu li:first-child a img { max-width: 22px; }
#menubtn { width: 36px; height: 28px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#menubtn span { display: block; position: absolute; height: 3px; width: 100%; background: #0C4C81; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#menubtn span:nth-child(1) { top: 0px; }
#menubtn span:nth-child(2) { top: 11px; }
#menubtn span:nth-child(3) { top: 22px; }
#menubtn.open span:nth-child(1) { top: 14px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#menubtn.open span:nth-child(2) { opacity: 0; left: -60px; }
#menubtn.open span:nth-child(3) { top: 14px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.footer { background: #0C4C81; color: #fff; padding: 20px 0; }
.footer p { margin: 0; }

.banner { position: relative; height: 60px; background: url(images/mainpage2.webp); background-position: 50% 45%; }
.overlay { position: absolute; background: rgba(12,76,129,0.8); width: 100%; height: 100%;position: relative; display: flex; align-items: center; }
.banner h2, .banner h4 { color: #fff; margin: 0; }
.banner .flex { display: flex; justify-content: space-between; color: #fff; align-items: center; }

.protection { max-width: 600px; margin: 0 auto; }
form label { display: block; }
form h5 { color:#0C4C81; font-weight: 500; margin: 0; }
.protection .grid2 { display: grid; grid-template-columns: 220px 220px; grid-gap: 30px; justify-content: center; }
.gender { display: grid; grid-template-columns: 100%; text-align: center; grid-gap: 15px; padding: 15px; border: 1px solid #DF8C3D; cursor: pointer; border-radius: 5px; }
.protection .grid2 img { max-height:120px; display: block; margin: 0 auto; }
.protection input[type="radio"], .protection input[type="checkbox"] { transform: scale(1.5); cursor: pointer; }
.protection input[type="text"] { width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #DF8C3D; font-size: 18px; color:#0C4C81; border-radius: 5px; height: 49px;}
.protection select { width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #DF8C3D; background: white; font-size: 18px; color:#0C4C81; border-radius: 5px; height: 49px; cursor: pointer;}
.protection .grid3 { display: grid; grid-template-columns: 80px 150px 80px; grid-gap: 15px; justify-content: center; }

.mybutton { background: #0C4C81; color: #fff; font-size: 20px; text-decoration: none; padding: 15px 30px; line-height: 1em; border-radius: 10px; display: inline-block; border: none; cursor: pointer; }
.mybutton:hover { background: #DF8C3D; color: #fff; }
.lined { border: 2px solid #0C4C81; font-size: 17px; text-decoration: none; padding: 15px 25px; line-height: 1em; border-radius: 10px; display: inline-block; cursor: pointer; }
.lined:hover { border: 2px solid #DF8C3D; color: #DF8C3D; }
.dashed { border: 2px dashed #0C4C81; font-size: 17px; text-decoration: none; padding: 15px 25px; line-height: 1em; border-radius: 10px; display: inline-block; cursor: pointer; }
.dashed:hover { border: 2px dashed #DF8C3D; }

.plan {  }
.mtable { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; margin-bottom: 15px; border: 1px solid #DF8C3D; border-right: none;}
.hgl { background: #F4FAFF; }
.mtable > div { border-right: 1px solid #DF8C3D; padding: 10px; display: flex; flex-flow: column; justify-content: center; align-items: center; }
.mobiletitle { display: none; }
.mtable h5 { color: #0C4C81; }
.mtable h6 { color: #DF8C3D; margin-bottom: 5px; font-size:24px; }
.mtable p { text-align: center; margin-bottom: 5px; }
.mtable p i { color: #DF8C3D; }

table { margin: 0 auto 20px ; }
th { background: #0C4C81; padding:10px; text-align: center; border: 1px solid #9BC0DF;}
td { border: 1px solid #9BC0DF; }
td h5, td h6 { margin: 0; }
table td { padding:10px; }
table td p { margin:0 ; line-height: 1.2em; text-align: left; }
table  h5 { color:#fff; margin:0; line-height: 1em; }
label { color:#0C4C81; }

.table1 table { min-width:700px;  }
.table1 td:nth-child(1) {width:40%;}
.table1 td:nth-child(2) {width:30%;}
.table1 td:nth-child(3) {width:30%;}

.table2 table { min-width:700px;  }
.table2 td:nth-child(1) {width:28%;}
.table2 td:nth-child(2) {width:20%;}
.table2 td:nth-child(3) {width:16%;}
.table2 td:nth-child(4) {width:20%;}
.table2 td:nth-child(5) {width:16%;}

.table3 tr:nth-child(odd) { background: #F4FAFF; }
.table3 tr td { font-weight: 600; }
.table3 tr td:nth-child(1) { color: #0C4C81; }

.apply {  }
.bgblue { background: #0C4C81; color: #FFF; padding: 5px; text-transform: uppercase; text-align: center; }
.bgbrown { background: #DF8C3D; color: #FFF; padding: 3px; text-transform: uppercase; text-align: center; }
.apply input[type="text"], .apply input[type="tel"], .apply input[type="email"], .apply input[type="file"] { width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #DF8C3D; font-size: 18px; color: #0C4C81; border-radius: 5px; height: 49px; }
.apply input[type="radio"], .apply input[type="checkbox"] { transform: scale(1.5); cursor: pointer; margin-left: 5px; }
.apply ul { margin: 15px 0 15px 30px; }
.apply select { width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #DF8C3D; background: white; font-size: 18px; color:#0C4C81; border-radius: 5px; height: 49px; cursor: pointer;}
.selectdate #wday {width: auto;max-width: 100px;display: inline-block;margin: 0 0 0 15px;cursor: pointer;text-align: center;}
.apply select#withdrawaldate {width: auto;text-align: center;margin: 0 0 0 15px;}
.gridof2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
.apply .grid3 {display: grid;grid-template-columns: 80px 150px 80px;grid-gap: 15px;justify-content: left;}
.gridof3 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
.span2 { grid-column: 1 / 3; }
.gridof4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; }
.radio2 { display: grid; grid-template-columns: 100px 100px; grid-gap: 20px; margin-top: 15px; }
.toggle { cursor: pointer; }
.step2, .step3 { display: none; }
.postcode { text-transform: uppercase; }

.payment { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; }
.payment > div { border: 1px solid #DF8C3D; display: flex; flex-flow: column; }
.payment label { margin-bottom: 15px; font-size: 18px; color: #0C4C81; cursor: pointer; }
.payment input[type="radio"]{ transform: scale(1.5); cursor: pointer; margin-left: 5px;  }
.selectdate { }
.selectdate label { margin-bottom: 15px; font-size: 18px; color: #0C4C81; }
.selectdate input { width: auto; padding: 10px; margin: 5px 0; border: 1px solid #DF8C3D; font-size: 18px; color: #0C4C81; border-radius: 5px; height: 49px; }
.chequeimg img {width: auto;height: 120px;margin: 0 auto;display: block;}
.btn-close.closem {position: absolute;top: -15px;right: -15px;display: block;width: 30px;height: 30px;text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
	z-index: 1000;
	cursor: pointer;
	pointer-events: all;
	background-color: #000;
	border-radius: 50%;
	opacity: 1;
}
.btn-close.closem:hover {
	opacity: 1;
}

/* Extra large size */
@media (max-width: 1920px){

}

@media (max-width: 1440px){

}

@media (max-width: 1366px){

}

/* Large size */
@media (max-width: 1200px){

}

/* Medium size */
@media (max-width: 991px){
	.topmenu { position: absolute; display: flex; justify-content: flex-end; align-items: center; top:0; right: 25px; }
	.topmenu > ul { display: none; background: #0C4C81; width: 100vw; position: absolute; top: 0; right: -25px; border-bottom: 1px solid #ddd; z-index: 5; }
	.topmenu > ul > li { border-bottom: 1px solid #ddd; text-align: center; }
	.topmenu > ul > li:first-child { border-top: 1px solid #ddd; }
	.topmenu > ul > li > a { padding:15px 15px; display: flex; justify-content: center; color:#fff; }
}

/* Small size */
@media (max-width: 767px){
	.alignleft, .wp-caption.alignleft,
	.alignright, .wp-caption.alignright,
	.alignnone, .wp-caption.alignnone
	{
		display: block;
		margin: 5px auto 5px auto;
		float:none;
	}
	h1 {font-size:28px;}
	h2 {font-size:27px;}
	h3 {font-size:23px;}
	h4 {font-size:21px;}
	h5 {font-size:19px;}
	h6 {font-size:17px;}
	.modal { width: 100%; }
	.flex { flex-flow: wrap; justify-content: center; }
	.dnm { display: none; }
	.mtable { grid-template-columns: 50% 1fr 1fr; margin-bottom: 25px; }
	.mtable > div { padding: 0; display: block; }
	.mtable div:nth-of-type(1) { /* grid-column: 1 / 3; border-bottom: 1px solid #DF8C3D; */ }
	.mtable div:nth-of-type(4) { grid-column: 1 / 5; border-top: 1px solid #DF8C3D; }
	.mobiletitle { display: block; background: #DF8C3D; color: #fff; margin: 0; padding: 3px 0 5px; }
	.mybutton { padding: 10px 25px; margin:10px 0; }
}

@media (max-width: 580px){
    #ex1 .modal-dialog, #ex2 .modal-dialog {
        margin: 30px;
    }
}

/* Extra small size */
@media (max-width: 575px){
	.protection .grid2 { grid-template-columns: 150px 150px; grid-gap: 15px; }
	.banner {  height: 80px; }
	.banner .flex { display: block; text-align: center; }
	.banner h2 { font-size: 24px; }
	.banner h4 { }
	.logo { max-height: 50px; }
	.mtable { grid-template-columns: 1fr 1fr; margin-bottom: 25px; }
	.mtable div:nth-of-type(1) { grid-column: 1 / 3; }
	.mtable div:nth-of-type(4) { grid-column: 1 / 3; }
	.gridof3 { grid-template-columns: 1fr 1fr; grid-gap: 15px; }
	.span2 { grid-column: 1 ; }
	.gridof4 { grid-template-columns: 1fr 1fr; grid-gap: 15px; }
	.payment { grid-gap: 15px; }
}

@media (max-width: 460px){
	.gridof2 { grid-template-columns: 1fr ; grid-gap: 5px; }
	.gridof3 { grid-template-columns: 1fr ; grid-gap: 5px; }
	.gridof4 { grid-template-columns: 1fr ; grid-gap: 5px; }
}

@media print {
	th {
		background:white;
	}
	.print1 h5, .print2 h5 {
	  color: #333;
	  font-size: 17px;
	}
	.print1 h3, .print2 h3 {
	  font-size: 21px;
	  margin:15px 0;
	}
	.print1 h6, .print2 h6 {
	  font-size: 15px;
	}
	.print1 p, .print2 p {
	  font-size: 14px;
	}
}