.clr{
	clear: both;
}
.row-fluid {
   word-wrap:break-word;
   word-break: keep-all;
   white-space: normal;
}

/*  
 @media (max-width: @screen-xs-max) {
     .hidden-1000 {
        display:none !important;
    }
	.dropdownMenuDiv{
		display:block;
		z-index:10;
		margin-bottom: 10px;
	}
}
.dropdownMenuDiv{
		display:none;
	}
 */
/*-------- Style For Navigation Menu ---------*/
 .navigationDiv{
	background: rgba(255,255,255,1);
	border-radius:5px;
	height:50px;
	margin-top:35px;
	border: 1px solid #fefefe;
	display: block;
}

/* #nav {
     margin: 0 0 3em 0;
     padding: 0;
     list-style: none;
     background-color: #fff;
     border-bottom: 1px solid #ccc; 
     border-top: 1px solid #ccc;
     box-shadow:2px 2px 2px 1px #ededed;
	 border-radius:8px; 
}
#nav li {
  	 text-align:center;
     list-style: none;
     border-radius:8px;
     font-family: play;
     font-size: 14px;
}
#nav li:hover, #nav li:active{
	 color: #fff;
     background-color: #51B0EB;
	 text-decoration:none;
}
.divisionLine{
	border-right:1px solid rgba(185,185,185,1.00);
}
#nav li a {
     display: block;
     padding: 12px 15px;
     text-decoration: none;
     font-weight: bold;
     color: #069; 
}
#nav li a:hover, #nav li a:active{
	color:#fffff;
}
#nav li:hover {
     color: #fff;
     background-color: #51B0EB;
	 text-decoration:none; 
}  
#nav li:active{
     color: #fff;
     background-color:#1D5377;
	 text-decoration:none; 
}  
 */
.dropdownMenuDiv{
	 margin-top: 20px;
	 margin-bottom: 20px;
	 margin-left: 5px;
	 z-index: 10;
	 position: absolute;
}
/* navbar */
.navbar-default {
    background-color: #fefefe;
    border-color: #efefef;
   /*  text-align: center; */
    color: #1D5377;
    /* text-align:center; */
     list-style: none;
     border-radius:8px;
     font-family: play;
     font-size: 14px;
}
/* title */

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFFFFF;
}
/* link */
.navbar-default .navbar-nav > li > a {
    /* color: #777; */
    color: #1D5377;
    text-align:center;
     list-style: none;
     border-radius:8px;
     font-family: play;
     font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #1D5377;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #51B0EB;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #1D5377;
}
/* navbar */
/* .navbar-default {
    background: rgba(255,255,255,1);
	border-radius:5px;
	height:50px;
	margin-top:35px;
	border: 1px solid #fefefe;
	color: #51B0EB;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
}

link
.navbar-default .navbar-nav > li > a {
    color: #51B0EB;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #51B0EB;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #1D5377;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #1D5377;
}
caret
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
mobile version
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
} */
/*-------- End of Style For Navigation Menu ---------*/

/*-------- Style For Logo and Company Name Banner ---------*/
.logoBannerDiv{
	margin-top: 15px;
	margin-bottom: 15px;
}
.CompanyBanner{
	height:100%;
}
.CompanyBanner img{
	vertical-align: middle;
    display: inline-block;
    
}
.companyName{
	font-family: Marker Felt;
	font-size: 40px;
	color: #000;
}
.tagLine{
	font-family: Marker Felt;
	font-size: 25px;
	color: #000;
}
.btnDiv{
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 13vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
/*-------- End of Style For Logo and Company Name Banner ---------*/

/*-------- Style For Image Banner ---------*/
.imageBannerDiv{
	background-color: #1D5377;
	margin-bottom: 15px;
	margin-top: 15px;
}
/*-------- End of Style For Image Banner ---------*/

/*-------- Style For Services ---------*/
.heading{
	font-family:play;
	font-size: 24px;
	color: #181A1C;
}
.serviceHeading{
	font-family:play;
	font-size: 17px;
	color: #181A1C;
}
hr{
	border: 1px solid #c7c7c7;
}
.description{
	font-family:play;
	font-size: 14px;
	color: #181A1C;
}
.horizontalLine{
	border-right: 1px dotted #999;
}
.readMoreLinkDiv{
	margin-right: 3px;
}
/*-------- End of Style For Services ---------*/

/*-------- Style For Scrolling Partners Images ---------*/
.partnersScrollDiv{
	margin-bottom: 3%;
	margin-top: 8%;
}
#makeMeScrollable{
	width:100%;
	height: 120px;
	position: relative;
}
		
/* Replace the last selector for the type of element you have in your scroller. If you have div's use #makeMeScrollable div.scrollableArea div, if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea img{
	position: relative;
	float: left;
	margin-left: 70px;
	padding: 0;

/* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*-------- End of Style For Scrolling Partners Images ---------*/

/*-------- Style For Footer ---------*/
.footerDiv{
	background-color: #1D5377;
	/* margin-bottom: 15px; */
	margin-top: 15px;
}
.footer{
	font-family:play;
	font-size: 14px;
	color: #fff;
}
.footer img{
	width:30px;
	height: 30px;
}
.footer a{
	font-family:play;
	font-size: 14px;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}
.footer a:hover{
	font-family:play;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
/*-------- End of Style For Footer ---------*/