body {
		background-color:#D7D5D2;
		color:#000000;
		font-family:Encode Sans Condensed;
		font-weight:400;
		
		
		font-size:16px;
	
	  background-image: url(/../../images/background/step.png);
  background-size: cover;
		 
	
margin-top:0px;


}




	
	a , a:not([href]){
		color:#0076AE !important;
		text-decoration:none;
		
	}
	
	a:hover, a:not([href]):hover,  a:active, a:not([href]):active, a:focus, a:not([href]):focus, .category.active {
		 
		//color:hsl(0,0%,45%) !important;
		color:#444444 !important;
		text-decoration:none;
	}
	
	
	
	.small_box {
		background-color:rgba(245,245,245,.8);
		border-radius: 8px 8px;
		box-shadow: 1px 1px grey, -1em 0 .4em grey;
	}
		
		
	.modal-header {
	
	background-color:#cccccc !important;
	}
	.modal-title {
	color: #0076AE !important; 
}
	.modal-body {
	color: #000000 !important; 
	background-color:rgba(255,255,255,.3) !important;
}


.social  {
		font-size:18px;
		color:#F1EAE5;
		padding:30px;
		
		
		
		 transition: .5s linear; /* vendorless fallback */
    -o-transition:  .5s linear; /* opera */
	-ms-transition:  .5s linear; /* IE 10 */
    -moz-transition:  .5s linear; /* Firefox */
    -webkit-transition: .5s linear; /*safari and chrome */
}


.social a:hover {	color:#F1EAE5 !important;}

.social:hover {	
		background-color: rgba(52,73,94,.85);!important;
				 transition: 1s linear; /* vendorless fallback */
    -o-transition: 1s linear; /* opera */
    -ms-transition:  1s linear; /* IE 10 */
    -moz-transition:  1s linear; /* Firefox */
    -webkit-transition:  1s linear; /*safari and chrome */
		}



	
	@media (min-width: 576px) {
		
		
.modal-dialog {
    max-width: 650px !important;
	
}
	}
	
	
	.boxed {
		border:2px solid #0076AE; 
		border-radius:5px;
	}
		
	
	.btn-primary {
	background-color:#0076AE; 
	border-color:#444444; 
	color: #444444;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {

	border-color:#0076AE;     
	background-color:#444444;  
	    -webkit-text-stroke-width: 0px;
	box-shadow:none;
	color: #0076AE;
}

.btn-primary:focus {
	border-color:#cccccc; 
box-shadow:none;	
}



.btn-primary:disabled {
    color: #fff;
    background-color: #999;
    border-color: #ccc;
}
	
	.hoverable{
		cursor:pointer;
	}
	
	
	
	#menu_bar {
		background-color:#cccccc;
	
	}
	
	
	.spacer {
		height:10px;
		background-color:#cccccc;
	}
	
	.banner {
		
		background-color:#cccccc;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	 .top_menu {
		background-color:#cccccc;
		min-height:50px;
		font-weight:bold;
		font-size:18px;
		color:#000000 !important;
		font-family:Encode Sans Condensed;
		
	}
	
	
	.nav-link{ min-width:150px;}
	.main_menu, .main_menu a , .main_menu a:not([href]){
		
		font-weight:600;
		margin-left:25px;
		
		
		
	}
	
	.dropdown-menu {
				background-color:rgba(224, 224,224, 0.85); 
		border: 1px solid #444444;
	}
	
	a:hover, a:not([href]):hover,  a:active, a:not([href]):active, a:focus, a:not([href]):focus, .category.active {
		 
		//color:hsl(0,0%,45%) !important;
		color:#444444 !important;
		text-decoration:none;
	}
	
	
	
	 .navbar-toggler, .navbar-toggler-xs 	{
		 color:#0076AE !important; 
		 background-color:transparent;
		 border:none;
	}

	
	
	 .dropmenu {
		//		//background-color:rgba(, ,, 0.95); 
		
		background-color:#cccccc;
		color: #0076AE !important; 
		border-radius: 10px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		right: 5px;
		top: 50px;
		border-top: none;
		margin-bottom: 0px;
		min-width: 200px;
	
	}
	@media (max-width: 992px) {
	.dropmenu {
		position: absolute !important; 
	}}
	
	
	.top_gap {
	height:70px;
	}		

	.gap {
	height:20px;
	}	

	.PleaseWait{
		
		width:100vw; 
		height:100vh; 
		position:fixed;
		z-index:10000; 
		background-color:rgba(0, 0,0,0.70);
		text-align:center;
		font-size:20px;
		vertical-align:middle;
		
		
		
	}
	
	.menu_dropdown {
		position:relative !important;
		background-color: transparent ;
		border:none !important;
		padding:0px !important;
		padding-left:20px !important;
		padding-bottom:10px;
		margin:0 !important;
		width:100%;
	}
	
		@media (min-width: 992px) {
	.menu_dropdown {
		position: absolute !important; 
		//		//background-color:rgba(, ,, 0.95); 
		background-color:#cccccc;
		color: #0076AE !important; 
		border-radius: 10px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		right: 5px;
		top: 50px;
		border-top: none;
		margin-bottom: 0px;
		min-width: 200px;
		max-width:300px !important;
	}}
	
	
	.main_body{
		
		//background-color:rgba(255,255,255,.3);
		color: #000000 ; 
		
	}
	
	
		.main_body a , .main_body a:not([href]){
	//	color:#87382F !important;
	font-weight:bold;
		font-style:italic;
		
	}
	
	.main_body a:hover, .main_body a:not([href]):hover,  .main_body a:active, .main_body a:not([href]):active, .main_body a:focus, .main_body a:not([href]):focus,  {
		 
	//	color:hsl(6,48%,45%) !important;
		text-decoration:none;
	}
	
	
	
	
	
	
	.footer {
		
				background-color:#cccccc;
		min-height:50px;
	
		font-size:20px;
		color:#0076AE !important;
	}
	
	
	
	/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  		 		 
		background-color:hsl(134,61%,55%);
  -webkit-transition: .4s;
  transition: .4s;
}

.move_up {
	color:hsl(134,61%,55%);
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
    		 		 
		background-color:hsl(5,82%,55%);
}

.move_down {
	color:hsl(5,82%,55%);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

h1, h2, h3 {
 
  color:#444444;
  font-family:Encode Sans Condensed;
  font-weight:bold;
}

  h4 {
 

  font-family:Encode Sans Condensed;
  font-weight:bold;
}


 .card-columns {
	padding:0px;
	margin:0px;
	column-count: 2;
	
 }
 
  @media (max-width: 765px) {
		 .card-columns {
    column-count: 1;
		 }
		 
		 
  }
 
.make_fit {
	    position: relative;
    display: -ms-flexbox;
    display: flex;
	 display: inline-block;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: none;
  //  background-color: #fff;
   // background-clip: border-box;
  //  border: 1px solid rgba(0,0,0,.125);
  //  border-radius: .25rem;
}



	
	
		.font-picker .fp-header { 
	
	background-color:#cccccc !important;
	color: #0076AE !important; 
	padding:1rem 1rem !important;
	font-size:1.5rem !important;
	}
	
	.fp-close {
	font-size:2rem;
	line-height:2rem;
	font-weight:bold;}
	

.font-picker .fp-modal {

	max-height: 95% !important;
	
	min-width: 300px;
	max-width: 95%;
	color: #000000 !important; 
	background-color:rgba(255,255,255,.3) !important;
	z-index: 1050;
	box-shadow: 0 4px 5px rgba(0,0,0,.15);
	border-radius: 4px;
	left: 50%;
	transform: translateX(-50%);
	top: 20x;
	bottom: 20px;
}
		
		
		.font-picker .fp-results li.fp-active {
			
	background-color:#cccccc !important;
	color: #0076AE !important; 
		}
		
		.fp-hover {
			
				background-color:#0076AE!important; 
	border-color:#0076AE!important;
	color: #cccccc!important;
	
		}
		.fp-select {
			width:100%;
		}
			
		
		.font-picker .fp-pill.checked {
	background-color:#cccccc !important;
	color: #0076AE !important; 
}
		
		.font-picker .fp-btn , .font-picker .fp-pill {
   
	background-color:#0076AE!important; 
	border-color:#0076AE!important;
	color: #cccccc!important;
	
		}
		
			@media (min-width: 576px) {
.font-picker .fp-modal {
    min-width: 550px !important;
	
	
}
	}
	
	.fp-divider {
		display:none;
	}
	
	
	
										
									.cc-selector input{
   margin:0;padding:0;
 -webkit-appearance:none;
      -moz-appearance:none;
           appearance:none;
}



.select-radio{
    cursor:pointer;
  

 
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.select-radio:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.radio1:checked +label{

   -webkit-filter: none;
       -moz-filter: none;
            filter: none;
			color:#444444;
			
}

									

.fork input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 50;
  width: 50;
}

.fa-check {
display:none;
}


.fork input:checked ~.fa-check {
display:block;}


#return-to-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: rgb(0, 0, 0);
//	background:rgba(255, 191,0, 0.6);
    background: rgba(52, 73, 94, 0.9);
    width: 60px;
    height: 60px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:5000;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
   background:rgba(52, 73, 94, 0.5);
}
#return-to-top:hover i {
    color: #fff;
 
}