@font-face {

    font-family: 'Microgramma D';

    src: url('../fonts/Microgramma-D-Extended-Bold.eot');

    src: url('../fonts/Microgramma-D-Extended-Bold.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Microgramma-D-Extended-Bold.woff2') format('woff2'),

         url('../fonts/Microgramma-D-Extended-Bold.woff') format('woff'),

         url('../fonts/Microgramma-D-Extended-Bold.ttf')  format('truetype'),

         url('../fonts/Microgramma-D-Extended-Bold.svg#Microgramma D') format('svg');

}

html {

  scroll-padding-top: 90px; /* height of sticky header */

  scroll-behavior: smooth;

}

body {

	background-image: url('../images/bg.jpg');

	background-size: cover;

/* <------ */background-repeat: no-repeat;

	background-position: top center;

	background-attachment: fixed;

	font-family: 'Open Sans', sans-serif;

	color: #333333



}



h1, h2 {

	font-family: 'Microgramma D';

	color:#37485E;

	

}


.micro {

    font-family: 'Microgramma D';

    color: #37485E;



}

.open {font-family: 'Open Sans', sans-serif;

padding-bottom: 5px;



}

h1 {

font-size: 5em;

	}

p, li, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;

	 

}

.blue { color : #37485E }

.red {

	color:red}	

.white {color: white}

.px-6{padding-right:6rem!important;padding-left:6rem!important}

.black {color:black}

.facebook {color : #37485E:}
.facebook:hover {color:red} 

.bgwhite {background-color:white }

a {

	color: #FF0000;}

a:visited {

	color: #C82333;}

a:active {

	color: #840000;}

a:hover {

	color: #840000;}



a.ondark {

	color: #FFFFFF;

}

a.ondark:visited {

	color: #FFFFFF;}

a.ondark:active {

	color: #FFFFFF;}

a.ondark:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

a.onwhite {

	color: #37485E

}

a.onwhite:visited {

	color: #37485E;}

a.onwhite:active {

	color: #37485E;}

a.onwhite:hover {

	color: #C82333;

	text-decoration: underline;

}

.scrollText{
    font-size:medium;
    overflow: auto;
    height: 80%;
}




 



 



/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */

.sticky + .content {

  padding-top: 60px;

}



.engraved {

	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.9);}

.shadow {

	text-shadow: 1px 1px 2px white;

}

.btmshadow {
-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0); 

box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0);

-moz-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0);

}


















/*--------------------------------------------------------------

# Top Bar

--------------------------------------------------------------*/

.banner {

	background-color: transparent;

	padding: 20px 0 40px 0;

	font-size: 16px;

	color: black;

}



.banner .contact-info a:hover {

	color: #DCE7E6

;

}

.banner .contact-info i {

  color: white;

  padding: 4px;

}



.banner .contact-info .fa-phone {

  padding-left: 20px;

  margin-left: 20px;

  border-left: 1px solid #e9e9e9;

}



.banner .social-links a {

  color: #fff;

  padding: 4px 12px;

  display: inline-block;

  line-height: 1px;

  border-left: 1px solid #e9e9e9;

}



.banner .social-links a:hover {

	color:  #DCE7E6

;

}



.banner .social-links a:first-child {

  border-left: 0;

}



#testimonials {

background-color:rgba(255,255,255,.2);

max-height:190px}



.overlaytxt {

	padding-top: 5em;

	text-align: center;

	font-weight: bold;

}



.overlaytxt2 {

	padding-top: 3em;

	text-align: center;

	font-weight: bold;

	padding-bottom: 5em;

}

/* Style the navbar */

.sticky{

    position: sticky;

    position: -webkit-sticky;

    position: -moz-sticky;

    position: -ms-sticky;

    position: -o-sticky;   

    top: 0;

    width: 100%;

}

.navbar {font-size:large;}

.navbar-brand.span{color:red;}



.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {color:#DCE7E6}



.navbar-dark .navbar-nav .nav-link{color:white}



.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#DCE7E6}



.navbar-dark .navbar-nav .nav-link.disabled{color:#DCE7E6}



.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#E9F0EF}



}

.navbar-dark .navbar-toggler{color:#E9F0EF

;}

.bg-dark{background-color:#4D4D4D!important}

.bg-light{background-color:#fff!important}



.navbar-light {

	color: rgba(0,0,0);

	font-size: large;

	font-family: 'Microgramma D';

	font-weight: bold;

}



.navbar-light .navbar-brand{

	color: #37485E;

	font-size: xx-large;

	font-family: 'Microgramma D';

	background-color: white;

	font-weight: bold;

	

}



.bg-light{background-color: transparent;
 -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0); 

box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0);

-moz-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0);
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */

.sticky {

  position: fixed;

  top: 0;

  width: 100%;

}





/* COMPACT CAPTCHA */



.capbox {

	background-color: #BBBBBB;

	background-image: linear-gradient(#BBBBBB, #999999);

	

	border-width: 2px 2px 2px 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: inline-block;

	padding: 5px 8px 5px 8px;

	border-radius: 4px 4px 4px 4px;

	}



.capbox-inner {

	font: bold 12px arial, sans-serif;

	color: #000000;

	background-color: #E3E3E3;

	margin: 0px auto 0px auto;

	padding: 3px 10px 5px 10px;

	border-radius: 4px;

	display: inline-block;

	vertical-align: middle;

	}



#CaptchaDiv {

	color: #000000;

	font-family: 'Microgramma D';

	text-align: center;

	vertical-align: middle;

	background-color: #FFFFFF;

	user-select: none;

	display: inline-block;

	padding: 3px 14px 3px 8px;

	margin-right: 4px;

	border-radius: 4px;

	}



#CaptchaInput {

	border: 2px #FF0000 solid;

	margin: 3px 0px 1px 0px;

	width: 105px;

}







/*==================== 

	Footer 

====================== */



/* Main Footer */

footer .main-footer{	padding: 35px 0;	background: #4D4D4D;}

footer ul{	padding-left: 0;	list-style: none;}



/* Copy Right Footer */

.footer-copyright {

	background: #363636;

	padding: 15px 0 ;

	

}

.footer-copyright .logo {    display: inherit;}

.footer-copyright nav {    float: right;    margin-top: 5px;}

.footer-copyright nav ul {	list-style: none;	margin: 0;	padding: 0;}

.footer-copyright nav ul li {	border-left: 1px solid #505050;	display: inline-block;	line-height: 12px;	margin: 0;	padding: 0 8px;}

.footer-copyright nav ul li a{	color: #969696;}

.footer-copyright nav ul li:first-child {	border: medium none;	padding-left: 0;}

.footer-copyright p {	color: #969696;	margin: 2px 0 0;}



/* Footer Top */

.footer-top{	background: #252525;	padding-bottom: 30px;	margin-bottom: 30px;	border-bottom: 3px solid #222;}



/* Footer transparent */

footer.transparent .footer-top, footer.transparent .main-footer{	background: transparent;}

footer.transparent .footer-copyright{	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}



/* Footer light */

footer.light .footer-top{	background: #f9f9f9;}

footer.light .main-footer{	background: #f9f9f9;}

footer.light .footer-copyright{	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}



/* Footer 4 */

.footer- .logo {    display: inline-block;}



/*==================== 

	Widgets 

====================== */





.thumbnail-widget ul {

	margin: auto;

}

.widget{	padding: 20px;	margin-bottom: 40px;}

.widget.widget-last{	margin-bottom: 0px;}

.widget.no-box{	padding: 0;	background-color: transparent;	margin-bottom: 40px;

	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}

.widget.subscribe p{	margin-bottom: 18px;}

.widget li a{	color: white;}

.footer .widget li a:hover{	color: #DCE7E6;}

.widget-title {margin-bottom: 20px; color: red}

.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}

.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}

.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}

.widget .badge{	float: right;	background: #7f7f7f;}



.typo-light h1, 

.typo-light h2, 

.typo-light h3, 

.typo-light h4, 

.typo-light h5, 

.typo-light h6,

.typo-light p,

.typo-light div,

.typo-light span,

.typo-light small{	color: #fff; text-align:center}

.typo-light ul { text-align:center}

	

}
social-footer2 i a:hover {color:red; }




ul.social-footer3 {	margin:5px auto}

ul.social-footer3 li {display: inline-block;padding: 0;}

ul.social-footer2 {	margin: 0;padding: 0;	width: auto; }

ul.social-footer2 li {display: inline-block;padding: 0;}

ul.social-footer2 li a:hover {color:red; 

;}

ul.social-footer2 li a {display: block;	height:30px;width: 30px;text-align: center;}

.btn{background-color: #ff8d1e; color:#fff;}

.btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;

-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

-webkit-transition: all 250ms ease-in-out 0s;

-moz-transition: all 250ms ease-in-out 0s;

-ms-transition: all 250ms ease-in-out 0s;

-o-transition: all 250ms ease-in-out 0s;

transition: all 250ms ease-in-out 0s;



}

.shadow-md{box-shadow:0 1rem 2rem rgba(0,0,0,.175)!important}

.ishadow-md{-moz-box-shadow:    inset 0 0 10px #000000;

   -webkit-box-shadow: inset 0 0 10px #000000;

   box-shadow:         inset 0 0 10px #000000;}

.shadow-nav {

	-moz-box-shadow: 0 1rem 2rem rgba(0,0,0,.175),   inset 0 0 10px #000000;

   -webkit-box-shadow:0 1rem 2rem rgba(0,0,0,.175), inset 0 0 10px #000000;

   box-shadow:      0 1rem 2rem rgba(0,0,0,.175),   inset 0 0 10px #000000;}





  /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */

.flip-box {

  background-color: transparent;

  width: 300px;

  height: 200px;

  margin-bottom: 2em;

  perspective: 1000px; /* Remove this if you don't want the 3D effect */

}



/* This container is needed to position the front and back side */

.flip-box-inner {

  position: relative;

  

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 0.8s;

  transform-style: preserve-3d;

}



/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-box:hover .flip-box-inner {

  transform: rotateY(180deg);

}



/* Position the front and back side */

.flip-box-front, .flip-box-back {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden; /* Safari */

  backface-visibility: hidden;
   -webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0); 

box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0);

-moz-box-shadow: 0px 10px 13px -7px #000000, 0px 0px 8px 2px rgba(69,69,69,0);


}



/* Style the front side */

.flip-box-front {

  background-color: white;

  color: black;

  padding:2em;

  border: thin red solid;

}



/* Style the back side */

.flip-box-back {
	background-color: #E3E3E3;
	color: black;
	transform: rotateY(180deg);
	padding: 1.1em;
	border: thin red solid;
}

.flip-box:hover .flip-box-inner {

  transform: rotateX(180deg);

}



.flip-box-back {

  transform: rotateX(180deg);

overflow-x:hidden; 
overflow-y:auto; 
color:#37485E} 



ul li {

	font-family: 'Open Sans', sans-serif

}



.cbar{

	width: 100%;

	text-align: center;

	padding: 10px 0 10px 0;

	background-color: #E9F0EF

;

	color: #15417E

;

}

.cbar a {

	color: #15417E

;

	text-decoration: none;

	background-color: transparent;

}

	

.cbar a:hover, a:focus {

	color: #1C57A8;

	text-decoration: underline;

}

#reference  {

 display:none;  



  } 

#map {

	height: 300px;

}
a.social {

	color: #37485E;

}

a.social:visited {

	color: #37485E;}

a.social:active {

	color: #37485E;}

a.social:hover {

	color: red;

	text-decoration : none

}


.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)};border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}