body {
	background: #2154a0 !important;
}
html {
	background: #2154a0 !important;
}


.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
	background-color:#ff0000;
	margin:5px;
	padding:15px;
}

.row-eq-height {
	background-color:#ff0000;
}
.flex-text {
	font-family: "Times New Roman", Times, serif;
}


@media only screen and (min-width : 481px) {
  .flex-row.row {
    display: flex;
	 flex-wrap: wrap;
  }
  .flex-row.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
  .flex-row.row > [class*='col-'] > .box {
    display: flex;
	 flex: 1;
  }
}




/* Grow thumbnails to fill columns height */
.flex-row .thumbnail,
.flex-row .caption {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	background-color:#2154a0;
}

/* Flex Grow Text Container */
.flex-row .caption p.flex-text {
	flex-grow: 1;
	text-align:center;
	margin-top:10px;
	color:#ffffff;
	font-size:18px;
}

/* Flex Responsive Image */
.flex-row img {
	width: 30%;
	height: auto;
	margin: auto;
}




/* EXAMPLE 2 - CSS TABLES EQUAL HEIGHT
   - ie9 support 
   - not responsive (mobile fallback)
*/

.table-row.row,
.table-row-equal {
	display: table;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}
.table-row.row [class*="col-"] {
	width: 25%;
}
.table-row.row [class*="col-"],
.table-row-equal .thumbnail {
	float: none;
	display: table-cell;
	vertical-align: top;
}
.table-row-equal {
	border-spacing: 30px 0px;
}
.table-row-equal .thumbnail {
	width: 1%;
}
/* mobile fallback to support partial responsiveness */
@media only screen and (max-width: 480px) {
	.table-row-equal .thumbnail {
		display: block;
		width: 100%;
	}
}


/* MASONARY BOOTSTRAP 3 GRID
   - Who needs V4?
*/
.masonary-row.row {
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	column-fill: balance;
}
.masonary-row [class*="col-"] {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: none;
	padding: 0px;
	column-fill: balance;
}


@media (min-width: 480px) {
	.masonary-row.row {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (min-width: 768px) {
	.masonary-row.row {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}


/* demo */
.bootflex .well {
	    flex-grow: 1;
	}

/* pre hack for small devices */
pre {
	display: flex;
	flex: 1;
}
.flex-row.flex-code.row > [class*='col-'] .flex-text {
	flex-grow: 1;
	display: flex;
}

section.col-2.backgroundgray {
	background: #2154a0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #2154a0 !important;
    background-color: transparent;
    font-weight: bold;
}
.nopadding {
	padding: 0 !important;
}
.navbar-default .navbar-nav>li>a {
	text-align: center;
	font-weight: bold;
}
section h2 {
    color: #fff;
	font-weight: bold !important;
    font-family: "Times New Roman", Times, serif;
}
.backbluenewback {
	background: #2154a0 !important;
}
.bordertopdouble {
    border-top: 10px double white;
}
.abcd {
    font-size: 2.5rem;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 2%;
    vertical-align: middle;
    margin: 0;
	font-family: "Times New Roman", Times, serif;
}
.padding5 {
    padding: 0%;
}
.paddingbox {
	padding: 5%;
}
.backwhiteback {
	background: #fff;
}
#stamp path {
    fill: #ffffff;
    stroke: #ffffff;
}
.colorblue {
	color: #2154a0;
	text-align: center;
	margin: 0;
	padding: 1% 0;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
#wowslider-container6 .ws-title span {
    background-color: #fff !important;
	color:#2154a0 !important;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif !important;
}
#wowslider-container8 .ws-title span {
    background-color: #fff !important;
	color:#2154a0 !important;
	font-size: 1.5rem !important;
    position: absolute !important;
	top: -2%;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif !important;
}
.nomargin {
	margin:0 !important;
}
a.colorblue {
	color: #383838 !important;
	text-decoration: none !important;
}
a.colorblue:hover {
	color: #2154a0 !important;
}
a.colorblue:focus {
	color: #2154a0 !important;
}
.backblackback {
	background: #000 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #2154a0 !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #000000;
}
.navbar-collapse.collapse.in {
    border-top: 2px solid white !important;
}
.margin0 {
	margin:0 !important;
	border: 0px !important;
	box-shadow: 0 0 20px black;
    z-index: 999;
	background: #fff !important;
}
.backbluegradientback { 
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(191,237,255,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(191,237,255,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(191,237,255,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(191,237,255,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(191,237,255,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(191,237,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfedff', GradientType=1 );
}
a.smoothScroll {
    font-family: "Times New Roman", Times, serif;
}
.navbar {
    border-radius: 0px !important;
}
.paddingbox {
	padding: 10px 50px !important;
}
.buttoncss {
	position: absolute;
	right: 3.6%;
	top: 10px;
	padding: 5px 20px;
	background: #2054a0;
	border: 0;
	border-radius: 5px;
	color: white;
	font-size: 18px;
}
.buttoncss:hover, .buttoncss:active, .buttoncss:focus {
	box-shadow: 0 0 10px #00000066;	
}
@media screen and (max-width: 768px) {
	.hideindesk { display:none !important; }
	.hideinmobile { display:block !important; }
	.flexmenucss {
		width: 100%;
		display: block !important;
	}
	.navbar-default .navbar-nav > li > a {
		line-height: 100%;
	}
	.newcssmenu {
		margin: 0 !important;
		border: 0px !important;
		border-radius: 0 !important;		
	}
	.collpasecss {
		margin: 0px !important;
		padding: 10px !important;
		width: 100%;
	}
	.navbar {
		min-height: 0px !important;
		padding: 5px !important;
	}
	a.smoothScroll {
		text-align: center;
		color: white !important;
	}
	.navbar-nav {
		margin: 0px !important;
		background: #2154a0 !important;
	}
	.navbar-default .navbar-toggle {
		border-color: transparent !important;
	}
	.navbar-default {
		border-color: transparent !important;
	}
	.navbar-collapse.collapse.in {
		border-top: 2px solid white!important;
	}
	.padding10per {
		padding: 15% !important;
		background: black;
		border-radius: 50%;
		border: 5px solid #2154a0;
	}
	section p {
		color: #ffffff !important;
		font-size: 2rem !important;
		line-height: 1.5;
		font-family: "Times New Roman", Times, serif;
	}
	svg#stamp {
		height: 30px;
	}
	.headingbottom {
		color: white;
		font-weight: bold;
		text-align: center;
		padding: 5% 0;
		margin: 0;
		font-family: "Times New Roman", Times, serif;
		font-size: 36px;
	}
	.padding15 {
		padding: 15px 0;
		display: block;
		width: 50% !important;
	}
	button.navbar-toggle {
		padding: 15.6% 0;
	}
	.headingtoplogo {
		display: none;
	}
	.headingmobiletop {
		text-align: center;
		margin: 0;
		padding: 1.5%;
		color: white;
		font-weight: bold;
		font-size: 18px;
		font-family: "Times New Roman", Times, serif;
		letter-spacing: 1px;
	}
	.backblueback {
		background: #2154a0;
	}
	.marqueetop {
		display:none;
	}
	.marqueetopmobile {
		color: #fff;
	    vertical-align: middle;
		padding: 10px;
		background: #2154a0;
		font-family: "Times New Roman", Times, serif;
	}
	p.commontext {
		font-size: 2.0rem !important;
		line-height: 1.5;
		text-align: center;
		color: #2154a0 !important;		
		font-family: "Times New Roman", Times, serif;
	}
	.buttoncss {
		position: relative;
		right: 0%;
		top: 0px;
		padding: 5px 20px;
		width: 200px;
		background: #2054a0;
		border: 0;
		border-radius: 5px;
		color: white;
		font-size: 18px;
	}
	.gap-css {
		background: white;
		padding: 15px 25px;
		text-align: center;
	}

}
@media screen and (min-width: 768px) {
	.hideinmobile { display:none !important; }
	.hideindesk { display:block !important; }
	/* MENU CSS START */
	.newcssmenu {
		margin: 0 !important;
		border: 0px !important;
		border-radius: 0 !important;
	}
	p.commontext {
		font-size: 2.5rem !important;
	    color: #2154a0 !important;
		text-align: center;
		line-height: 1.5;
		font-family: "Times New Roman", Times, serif;
	}
	.backblueback {
		display: none;
	}
	a.smoothScroll {
		text-align: center;
		color: #2154a0 !important;
		padding: 0 !important;
		font-size: 18px;
	}
	.headingtoplogo {
		color: #2154a0;
		font-weight: bold;
		text-align: center;
		padding:11% 0;
		margin: 0;
		font-family: "Times New Roman", Times, serif;
		letter-spacing: 1px;
		font-size: 30px;
	}
	.headingmobiletop {
		display: none;
	}
	.navbar.navbar-default.newcssmenu.borderbottom {
		background: #383838;
	}
	ul.nav.navbar-nav.navbar-right {
		display: flex;
		justify-content: space-between;
		width: 58%;
		margin-top: 7%;
	}
	.navbar-default .navbar-nav > li > a {
		line-height: 0%;
	}
	.flexmenucss {
		width: 100%;
		display: flex !important;
		justify-content: space-between !important;
	}
	/* MENU CSS END */
	.padding10per {
		padding: 10% !important;
		background: black;
		border-radius: 50%;
		border: 5px solid #2154a0;
	}
	section p {
		color: #ffffff !important;
		font-size: 2.5rem !important;
		line-height: 1.5;
		font-family: "Times New Roman", Times, serif;
	}
	section.col-2.backwhiteback.bordertopdouble {
		padding: 2em 10% !important;
	}
	.headingbottom {
		color: white;
		font-weight: bold;
		text-align: center;
		padding: 4% 0 1% 0;
		margin: 0;
		font-family: "Times New Roman", Times, serif;
		font-size: 50px;
	}
	.padding15 {
		padding: 15px 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.marqueetop {
		position: absolute;
		width: 43.5%;
		color: #2154a0;
		padding: 0.5%;
		right: 170px;
		background: transparent;
		vertical-align: middle;
		overflow: hidden;
		font-family: "Times New Roman", Times, serif;
	}
	.marqueetopmobile {
		display:none;
	}
}