* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	color: #666666;
    	font-family: Trebuchet MS, sans-serif;
	width: 100%;
	height: 100%;
	background: #D3D3D3;
	font-size: 12px;

}
a {
	color: #002D55;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p {padding: 10px 0 0 0;}
img {
	border: none;
}

img.left {padding: 0 15px 20px 0;}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.img-responsive {
	max-width:  100%;
}

.success_message {
	    /*display: none;*/
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
}
.success_message .content {
	background-color: #fefefe;
    margin: 15% auto;
    padding: 40px 20px;
    border: 1px solid #888;
    width: 320px;
    position: relative;
    
}
.close {
	position: absolute;
	top: 20px;
	right: 20px;
    color: #aaa;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer;
}

#wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
/*	min-height: 100%;
	height: auto !important;
	height: 100%;*/
	background: #fff;
	
}


#header {
	height: 150px;
	color: #6a1581;
	border-top: 20px solid  #D3D3D3;

}

#header #logo {
/*	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	max-width:500px;*/
	
	/*height:125px;*/
	margin: 30px 0 10px 40px;
	float: left;
	max-width: 100%;
}

#header .logo a {
	display: block;	
	width:500px;
	height:125px;}


#header .right {margin: 90px 50px 0 0; }


#nav {
   	width: 90%; 
	margin: 0 auto;
	border-top: 8px solid #002D55;
	border-bottom: 2px solid #002D55;
	clear: both;
	/*height: 94px;*/
	background: url(../img/bg-header.jpg) top left repeat-x;
   text-align:center;
}
#nav ul {
   clear:left;
   list-style:none;
   border-top: 2px solid #002D55;
   margin-top: 54px;
   /*margin-bottom: 10px;*/
   text-align:center;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: space-around;

}
#nav ul li {
	/*display:table-cell; */
   	list-style:none;
   	/*padding: 0 40px;*/
	font-weight: bold; 


/* //float: left;  //padding: 0 35px;*/
 
}
#nav ul li a, #nav ul li span {
   display:block;
   height: 20px;
   text-decoration:none;
   line-height:20px;
   padding:0 10px;
   margin-top: 10px;
   border-left: 2px solid transparent;
   border-right: 2px solid transparent;
}


#nav ul li a:hover, #nav ul li span {
   border-left: 2px solid #762536;
   border-right: 2px solid #762536;
}
#nav ul li a.active,
#nav ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
.dropcontent{
width: 300px;
height: 35px;
display:block;}


#content {width: 90%; padding: 20px 50px 0 50px; 	
	min-height: 200px;}
#content div {overflow: hidden;}

#content div ul {margin: 10px 30px;}
h1 {color: #002D56; font-size: 18px; display: inline; padding: 10px 0;}


#hfooter {height: 160px; background: #fff;}

#footer {
	max-width: 1000px;
	width: 100%;
	margin: 30px auto;
	height: 30px;
	padding: 40px 0;
	background: #fff;
	text-align: center;
	clear: both;
	border-bottom: 20px solid  #D3D3D3;

}



#menuToggle
	{
	  display: block;
	  position: relative;
	  top: 0px;
	  left: 0px;
	  z-index: 1;
	  -webkit-user-select: none;
	  user-select: none;
	}

#menuToggle input
	{
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;
	  cursor: pointer;
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	  -webkit-touch-callout: none;
	}
#menuToggle span
	{
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;
	  background:#002D55;
	  border-radius: 3px;
	  z-index: 1;
	  transform-origin: 4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              opacity 0.55s ease;
	}
#menuToggle span:first-child
	{
	  transform-origin: 0% 0%;
	}
#menuToggle span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	}
#menuToggle input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: #232323;
	}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
	{
	  transform: rotate(-45deg) translate(0, -1px);
	}
#menu
	{
	  position: absolute;
	  width: 300px;
	  margin: -100px 0 0 -50px;
	  padding: 50px;
	  padding-top: 125px;
	  background: #ededed;
	  list-style-type: none;
	  -webkit-font-smoothing: antialiased;
	 
	  transform-origin: 0% 0%;
	  transform: translate(-100%, 0);
	 
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
#menu li
	{
	  padding: 10px 0;
	}
	#menuToggle #menu span  {
		background: none;
		border-radius: 0;
		width: auto;
	}
#menuToggle input:checked ~ ul
	{
	  transform: none;
	}


.form {
	margin: 30px 0;
}
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea, select {
        display: block;
        padding: 8px 15px;
        line-height: 1.5;
        width: 100%;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        background-clip: padding-box;
        background-color: #fff;
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 1px 2px 0 rgba(0, 0, 0, .05);
    }
	select:focus {
            outline: none;
        }

    .form-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        }

        .form-group:nth-child(1) {
                width: 95%;
            }

    .col-6 {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pt-3 {
        padding: 1rem;
    }
 .pt-3 .btn {
 	border: 1px solid #002D55;
 }
    .form-group {
        margin-bottom: 1rem;
    }

         .form-group  label {
            /*line-height: 1.7;
            letter-spacing: .3px;*/
            /*text-transform: uppercase;*/
            font-size: 12px;
            font-weight: normal;
            /*font-weight: 900;*/
        }

       .form-group textarea {
            min-height: 110px;
            resize: vertical;
        }
 .form-group select {
    max-width: 100%;
    height: 38px;
 }

@media screen and (min-width: 690px) {
	#menuToggle  input, #menuToggle span {
		display: none;
	}
	#menuToggle {
		top: 0;
		left: 0;
	}
	#menu {
		position: relative;
		transform: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		background: none;
	}
		#menu li {
			padding: 0;
		}
}

@media screen and (max-width: 680px) {
	#header #logo {
		margin: 10px;
	}
	#header .right {
		margin-top: 10px;
		margin-right: 20px;
		position: absolute;
	    top: 150px;
	    right: 0px;
	}
	#nav {
		background: none;
		border: none;
	}
	#nav ul {
		display: block;
		margin-top: 20px;
	} 
	#menuToggle #menu {
		padding-top: 0;
	}
	#menuToggle #menu span  {
		background: none;
		border: none;
		width: auto;
	}
	#content {
		padding: 20px;
	}
	#content div {
		clear: both;
	}
	#footer, #header {
		border: none;
	}
}