/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top:0;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.9);
  /* change if the mask should have another color then white */
  z-index: 5000;
  /* makes sure it stays on top */
}

#status {
  width: 300px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.png);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader end*/

.clr{clear:both;}

#myHeader{padding:0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf8d6+0,ffffff+100&0.73+0,1+100 */
background: -moz-linear-gradient(left,  rgba(252,248,214,0.73) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(252,248,214,0.73) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(252,248,214,0.73) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bafcf8d6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
background-color:#ffffff;
}

#myHeader > a{color:#ffffff;}

#myHeader > input{border:solid 1px #ffffff; background:none;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:2000;
  background:#ffffff;
  -webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
}

.sticky + .content {
  padding-top: 102px;
}

.navbar {
background:none;
padding:0;
border-top:solid 2px #ffbe23;
border-bottom:solid 2px #ffbe23;
background: none rgb(4 51 93);
color:#ffffff;
}

.headertop_right{padding-top:4px; padding-bottom:4px; text-align:right;}
.header_right_padding{padding-top:20px;}
.header_right_padding2{padding-top:20px; text-align:right;}
.header_right_padding2 > img{width:500px; height:auto;}

.nav-link {
    display: block;
    padding: .3rem 1rem;
	margin-top:1px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding:10px 20px;
    color: #ffffff;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #000000;
	background:#ffbe23;
}

.navbar-toggler {
    background-color: #292626;
	padding: 0 .75rem;
	display:none;
}

.bg-dark {
    background-color: #04335d!important;
}

#myHeader > div > div > div > .contact, #myHeader > div > div > div > .contact > span > a{color:#ffffff; text-decoration:none; font-size:13px; text-align:right; font-weight:bold; padding-top:10px;}

.navbar-brand {
    color: #000000!important;
	text-align:left;
	margin:0;
}


[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background: #0d2d6f;
	color:#ffffff;
	outline:none;
	border:0;
	padding:3px 10px;
}


.containwrapper{padding-top:3%;}
.content{text-align:justify; font-size:16px;}

.contact{font-size:18px;}
.contact > strong{font-size:22px; color:#963240; text-transform:uppercase;}

.table .thead-dark th {
    color: #fff;
    background-color: #0d2d6f;
    border:solid 2px #f5ce11;
}

.table td, .table th {
    padding: .5em .75rem;
    vertical-align: top;
    border-top: 1px solid #afa4a4;
}

.home > h1, h1{text-align:left; font-size:27px; position:relative; width:100%; margin:0; color: #0d2d6f;
position:relative; display:block; margin:0 auto 30px;}
.home > h1 > span, .home > h4 > span{text-transform:uppercase; color: #e0a310; display:block; font-size:34px;}
.home > h1:after{display:none;}

h1{text-align:left; font-size:33px; position:relative; width:100%; margin:0; color: #0d2d6f;
position:relative; display:block; margin:15px auto 20px;}
h1 > span{color: #e0a310;}

h1:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100px; height:2px; z-index:1000; background-color:#0d2d6f;}


.about_img{float:left; margin:0 10px 10px 0;}


.home_product >.product, .home_product > div >div{background:#dc2b18; margin:5px 0; padding:10px;}

.home_product >.product>span, .home_product > div >div>span{background:#ffffff; text-align:center; display:block; padding:10px; border-radius:10px;}

.home_product >.product>span{padding:16px 10px;}

.home_product >.product>span>h5, .home_product > div >div>span>h5{font-size:20px; padding-bottom:0; margin-top:10px; margin-bottom:0;}
	
.product > div > div, .deal > div > div{
	position:relative;
	overflow:hidden;
	padding:4px 4px 2px;
	margin-bottom:25px;
	text-align:center;
	height:350px;
	border:solid 1px #cccccc;
	-webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
}

.product > div > div > .imgblock, .deal > div > div > .imgblock{
	position:relative;
	height:310px;
	width:100%;
	overflow:hidden;
}

.product > div > div>.imgblock:hover .img-zoom, .deal > div > div>.imgblock:hover .img-zoom{
	opacity:1;
}


/*---product details page---*/

.innerproduct > div > div{
	position:relative;
	overflow:hidden;
	padding:4px 4px 2px;
	margin-bottom:25px;
	text-align:center;
	border:solid 1px #cccccc;
	-webkit-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    -moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
    box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
}
/*---product details page end---*/

.img-zoom{opacity:0; transition:ease all 0.5s; position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; right:0; margin:auto; z-index:1000; background:rgba(0,0,0,0.5);}

.img-zoom > a{display:block; position:absolute; top:100px; left:0; right:0; margin:auto;}

.product > div > div > h1, .deal > div > div > h1{
	font-size:16px;
	padding-top:0;
	padding-bottom:0;
	color: #e90000;
}

.product > div > div > h2{
	position:relative;
	font-size:14px;
	padding-top:2px;
	padding-bottom:2px;
}


.product > div > div > div > h1{
font-size:25px;
text-align:left;
}


.deal > div > div > h2{
	position:relative;
	font-size:16px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
}

.product > div > div > h5, .deal > div > div > h5{
font-size: 13px;
padding-top:0;
padding-bottom:6px;
}

.product > div > div > span, .deal > div > div > span{
	background:#dc2b18;
	color:#ffffff;
	padding:6px;
	margin:5px auto 6px;
	font-weight:bold;
	font-size:12px;
	border-radius:6px;
	cursor:pointer;
}

.product > div > div > .imgblock > img, .deal > div > div > .imgblock > img{
width:100%;
	height:300px;
}

.modal-title {
    color: #dc2b18;
}

.productimage{width:100%; height:250px;}

.modalimg{overflow-y:scroll; height:400px;}
.modalimg > div > a > img {height:200px; margin:10px 0;}

.modalimg > span{display:block; width:100%; padding:5px 10px;
margin:3px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efe28d+0,fefcea+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(239,226,141,1) 0%, rgba(254,252,234,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(239,226,141,1) 0%,rgba(254,252,234,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(239,226,141,1) 0%,rgba(254,252,234,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe28d', endColorstr='#00fefcea',GradientType=1 ); /* IE6-9 */

}
.modalimg > span > a{color:#000000; font-size:14px; font-weight:bold;}

.img-portfolio{
	margin:0 0 20px;
}

.img-portfolio:hover .img{

}

.img-portfolio > .image > h5, .img-portfolio > .image2 > h5{
	display:block;
	height:40px;
	margin:0 auto 10px;
	padding:5px 0;
	color:#3a3a3a;
	font-size:16px;
	text-align:center;
}

.border {border:solid 1px #cccccc!important;}

.img-portfolio > .image{background:#fff9ef; padding:6px; margin-top:10px; border:1px solid #cccccc;}

.img-portfolio > .image > span, .img-portfolio > .image2 > span{
	text-align:center;
	overflow:hidden;
	width:100%;
	height:250px;
	margin:auto;
	display:block;	
}

.img-portfolio > .image2 > span{height:380px;}

.img-portfolio > .image > span > a > .img, .img-portfolio > .image2 > span > a > .img{
	width:100%;
	height:100%;
	padding:5px;
}

.img-portfolio > .image > span > a > .img2{
	width:100%;
	height:100%;
	border-radius:50%;
	border:solid 1px #b3c1bb;
	padding:5px;
}


.img-portfolio > .image > h5, .img-portfolio > .image2 > h5{
	width:90%;
	height:40px;
	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	font-family: 'Arial Narrow';
}

.img-portfolio > .image > div, .img-portfolio > .image2 > div{
	background:#ffffff;
	width:90%;
	font-size:14px;
	margin:0 auto;
	padding:3px 0;
	font-weight:bold;
	color:#3e3e3e;
	text-align:center;
}

.img-portfolio > .image > div > a, .img-portfolio > .image2 > div > a{color:#900; text-decoration:underline;}

.img-portfolio > .image > div > div, .img-portfolio > .image2 > div > div {border:solid 1px #3a3a3a; color:#3a3a3a; cursor:pointer; text-transform:uppercase; font-size:10px;}


.img-portfolio .memberimg{height:300px;}

.img-portfolio > div > a{color:#900;}
.img-portfolio > div > a > h5{font-size:14px; text-transform:uppercase; color:#900; padding:15px 2px 3px; text-align:center; cursor:pointer;}
.img-portfolio > h6{font-size:14px; text-align:center;}

#next {
    background: none;
    color: #797474;
    font-weight: bold;
    border: solid 1px #797474;
    padding: 2px 10px;
    outline: none;
    margin: 0 auto 20px;
	font-size:14px;
    display: block;
}



#next {
    background: #ffffff;
    color: #9e9899;
    font-weight: bold;
    border: solid 2px #b1adae;
    padding: 4px 13px;
    outline: none;
    margin: 0 auto;
    display: block;
}

.event{background:#000000; width:98%; height:220px; margin:5px auto; color:#ffffff!important; font-size:16px; position:relative; overflow:hidden;}

.event > .overlay{background:rgba(0,0,0,0.7); padding:10px; color:#ffffff!important; font-size:14px; position:absolute; width:60%; top:0; right:0; z-index:1000; height:100%;}

.event > .overlay > h1{font-size:19px;}
.event > .overlay > a{color:#ffffff; border:solid 2px #ffffff; padding:6px 10px; margin-top:30px; display:block; text-decoration:none; width:150px;}

.event > img{height:auto; width:100%;}

.btn-warning {
    color: #ffffff;
    background-color: #e76201;
    border-color: #e76201;
}

.link{position:fixed; right:0; top:40%; width:120px; z-index:2000;}
.link > a > img{margin:6px 0;}

.flex-container {
  display: flex;
  align-items: stretch;
}

.flex-container > div {
  margin: 1px;
  text-align: left;
  font-size: 15px;
}

.flex-container > div > .img1, .flex-container > div > a > .img1 {
  width:50%;
  height:auto;
}



.flex-container > div > h1 {
	font-size:16px!important;
	color: #e90000;
}

.flexgrow1, .flexgrow2{width:30%; text-align:left!important; padding-top:5px; padding-bottom:5px;}

.flexgrow2{width:70%;}

.coursefees{font-size:20px; font-weight:bold;}

.coursefees > b{color:#e90000;}

/*publication*/
.publication > div > div{width:90%; position:relative; margin:10px auto 40px auto; border:double 4px #0f4e40; padding:10px 10px 40px; border-radius:2px;}
.publication > div > div > a{width:90%; position:absolute; background:#daa511; color:#000000; text-align:center; font-weight:bold; left:0; right:0; bottom:-20px; padding:5px; margin:auto; border-radius:25px;}
/*publication end*/

.studentdetails label{color:#6b6a6a; font-size:14px; text-transform:uppercase;}
.studentdetails .form-control{border:0; border-bottom:dashed 2px #000000; text-align:left; width:98%; margin:3px auto;}

.scrollbg{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9ed56+0,f9ed56+65,ffffff+100&1+0,1+64,0+100 */
background:#f9ed56;
}

.form-control {
    color:#000000; border: 1px solid #0d2d6f;
}


.provisionalidcard{font-size:18px; color:#0d2d6f; font-weight:bold; position:relative;}
.provisionalidcard > div > div > div > div > div > div{padding:10px 0; width:100%;}
.provisionalidcard > div > div > div > div > div > div > span{width:180px; display:inline-block;}

.provisionalidcard .customtable{width:100%; background:url(../images/printbg.jpeg) top left; font-size:18px; color:#0d2d6f; font-weight:bold;}

.provisionalidcard table{color:#0d2d6f!important;}

table td, .table th {border-top:0!important;}

.printmedia1{display:none!important;}	


/* basic layout */
fieldset {
  margin: 20px;
  max-width: 400px;
}
label > input[type="checkbox"] + * {
  display: inline-flex;
  padding: 0.5rem 1rem;
}

.paymentdetails{font-size:20px; font-weight:bold;}

.paymentdetails > a{color:#ffffff; background:#d93801; padding:10px; border-radius:6px;}

/*ACCORDIAN RESPONSIVE MENU*/
.accordion {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  padding: 6px 10px;
  text-transform:uppercase;
  width: 100%;
  border-bottom:solid 1px #cccccc;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: #0d2d6f;
  color:#ffffff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


/*ACCORDIAN RESPONSIVE MENU*/

.review{margin:10px auto 40px; padding:10px;
box-shadow: -1px 0px 5px 4px rgba(245,208,121,1);
-webkit-box-shadow: -1px 0px 5px 4px rgba(245,208,121,1);
-moz-box-shadow: -1px 0px 5px 4px rgba(245,208,121,1);
}

.review > h5{color:#0d2d6f; padding-bottom:20px;}

.review > div{position:relative; padding:0 0 0 50px;}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
 
}

.review > div::before{
  font-family:Arial;
  content: "\201C";
  color:#eca804;
  font-size:4em;
  position: absolute;
  left: 20px;
  top:-30px;
}

.review > div::after{
  content: '';
}

.review > div span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.contactdetails{position:relative; padding:20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7c6ce+0,e0eff9+62&0.42+0,0+63 */
background: -moz-linear-gradient(-45deg,  rgba(183,198,206,0.42) 0%, rgba(224,239,249,0.01) 62%, rgba(224,239,249,0) 63%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(183,198,206,0.42) 0%,rgba(224,239,249,0.01) 62%,rgba(224,239,249,0) 63%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(183,198,206,0.42) 0%,rgba(224,239,249,0.01) 62%,rgba(224,239,249,0) 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb7c6ce', endColorstr='#00e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.contactdetails:before{content:""; position:absolute; left:0; top:0; z-index:1000; width:80px; height:80px; border-top:3px solid #000000; border-left:3px solid #000000;}

.contactdetails>h1{font-size:26px;}
.contactdetails>h1:after{display:none;}

.footernav{
   position:relative;
   width:100%;
   margin:50px 0 0 0;
   padding:1% 3%;
   background-color:#d3d3d3;
   color:#000000;
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none;}
.footernav ul li a{padding:5px 0 5px 5px; color:#000000; display:block; border-bottom:dashed 1px #5e736e; text-decoration:none; text-transform:uppercase;}
.footernav ul li a:hover{color:#ffffff; background:#6b6b6b;}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer{border-top:solid 3px #fcbf22;}
footer > div > p > a {color:#000000;}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #0d2d6f;
    border:0;
}

.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1, .fa2 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2 {
  padding: 5px 6px 5px 6px;
  font-size: 14px!important;
  width: 25px;
  height: 25px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active, .fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	background:#000000;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-instagram, .fa1-linkedin, .fa2-facebook, .fa2-twitter, .fa2-youtube, .fa2-instagram, .fa2-linkedin {
  background: #2b36b9;
  color:#ffffff!important;
}

.fa1-twitter, .fa2-twitter {
  background: #10b2e2;
}

.fa1-youtube, .fa2-youtube {
  background: #e90000;
}

.fa1-instagram, .fa2-instagram {
  background: #e03b5b;
}

.fa1-linkedin, .fa2-linkedin {
  background: #0073b1;
}


.modal {
    z-index: 3000;
}

/*----------------------CART---------------------*/
.cartblock{
padding:10px; margin:10px;	
border: solid 1px #cccccc;
-webkit-box-shadow: 4px 10px 10px -8px rgb(0 0 0 / 48%);
-moz-box-shadow: 4px 10px 10px -8px rgba(0,0,0,0.48);
box-shadow: 4px 10px 10px -8px rgb(0 0 0 / 48%);
}

.cartblock > h1{color:#900; font-size:22px;}

.product_wrapper3{
	width:98%!important;
	}
.totalprice{font-size:26px; text-align:right; color:#c12121;}


.submitbutton{
	margin:auto; padding:8px 10px; font-size:27px; background:#28a745!important;
}

/*----------------------CART END---------------------*/


@media(max-width:991px) {

#myHeader{ background:none;}

.navbar {
    background:none;
    background-color: #e76201;
    padding: 0;
	margin-top:10px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    color: #ffffff;
	border-bottom:dashed 1px #ffffff;
	padding:3px 0 3px 10px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color: #7b7b7b;
	background:#ffffff;
}
.nav-link {
    display: block;
    padding: .3rem 1rem;
}

.banner_rightblock{display:none;}

/*-------CART-------*/
.product_wrapper3 .flex-container > div > h1 {
	font-size:50px!important;
	color: #e90000;
}
.product_wrapper3 .flex-container > div {
    margin: 1px;
    text-align: left;
    font-size:35px;
}
.totalprice{font-size:42px!important; text-align:right;}


.flex-container > div > .img1, .flex-container > div > a > .img1 {
  width:90%!important;
  height:auto;
}


/*.flex-container > div > img, .flex-container > div > a > img {
  width:90%!important;
  height:auto;
}*/

/*-------CART END-------*/

.tablestructure {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

}

@media(max-width:900px) {
.home > h1{text-align:center; font-size:20px; text-transform:uppercase; position:relative; width:100%; margin:0 auto;}

.printmedia1{display:block!important;}	
.printmedia2{display:none!important;}

}

@media(max-width:800px) {

.headertop_right{text-align:center;}	
.headertop_right > a > img{max-width:80px; height:auto;}
.navbar-brand{max-width:300px; height:auto;}	

.header_right_padding{padding-top:5px;}
.header_right_padding2{padding-top:5px; text-align:center;}
.header_right_padding2 > img{width:380px; height:auto;}
	
.sticky {
  position: relative;
  top: 0;
  width: 100%;
  z-index:2000;
  -webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.28);
}

.home > h1:before, .home > h1:after{display:none;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 2px 0;
  float:left!important;
  color:#ffffff!important;
}

.home > h1 > span, .home > h4 > span {
    text-transform: uppercase;
    color: #e0a310;
    display: block;
    font-size: 18px;
	padding-bottom:20px;
}

h1 {
    font-size: 26px;
    position: relative;
    width: 100%;
    margin: 0;
    color: #0d2d6f;
    position: relative;
    display: block;
    margin: 0 auto 20px;
}

.event{background:#000000; width:98%; height:300px!important; margin:5px auto; color:#ffffff!important; font-size:16px; position:relative; overflow:visible!important;}

.event > .overlay{position:absolute; width:70%; top:0; right:0; z-index:1000; height:100%;}

.panel > a {
  border-bottom:solid 1px #ffffff;
}
.dropdown-item {
    color: #ffffff;
}

}

@media(max-width:576px) {
.deal > div > div > h2{
	position:relative;
	font-size:16px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

.col-xs-66 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.product > div > div > .imgblock > img, .deal > div > div > .imgblock > img {height:300px;}

.product > div > div > .imgblock, .deal > div > div > .imgblock{height:250px;}


.flex-container > div > h1 {
    font-size: 16px!important;
}

.flex-container > div {
    font-size: 13px;
}

.flexgrow1, .flexgrow2{width:35%; text-align:left!important;}
.flexgrow2{width:65%;}

.author{
font-size:14px;
display:block;
}

.mb-5, .my-5 {
    margin-top: 7px!important;
    margin-bottom: 15px!important;
}

.submitbutton{
	margin:auto; padding:8px 10px; font-size:36px!important; background:#28a745!important;
}

}

@media print {
.provisionalidcard .customtable{width:100%;

visibility: visible;
    /* The image used */
    background-image: url("../images/printbg.jpeg")!important;
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-print-color-adjust: exact;

font-size:18px; color:#0d2d6f; font-weight:bold;}
.printmedia1{display:block!important;}	
.printmedia2{display:none!important;}
}