.has-divider {
  border-bottom: 1px dotted #20a4e1;  /* #dce4ea; #e8e8e8; #3980f4; */
  padding-top: 10px;
  padding-bottom: 10px;
}

.bdColor1 {
  background-color: #f0f0f0;
}

.bdColor2 {
  background-color: #d9edf7;
}

.bdColor3 {
  background-color: #eeeeee;
}

.bdColor4 {
   background: #33b5e5;
}


.bdColor5 {
   background: #4aa3f0;
}

.bdColor6 {
   background: #da2826;
}

.text-Blue {
    color: #114dac;

}


.text-Orange {
    color: #f6781d;

}



.text-White {
    color: #FFFFFF;

}


.text-highlight {
    color: #980000;

}




.text-hyper-color {
  color: #663300 !important; // Define your own color in your CSS
}
.text-hyper-color:hover, .text-hyper-color:active {
  color: #664D33 !important; // Define your own color's darkening/lightening in your CSS
}


.jumbo-padding {
padding: 20px 20px 20px 20px; // T R B L
}

/*
*
* ==========================================
* CUSTOM HR
* ==========================================
*
*/

hr.dashed {
    border-top: 2px dashed #999;
}

hr.dotted {
    border-top: 2px dotted #999;
}

hr.solid {
    border-top: 2px solid #999;
}


hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
   


hr.dottedBlue {
    border-top: 1px dotted #114dac;
}

hr.dottedOrange {
    border-top: 2px dotted #f6781d;
}

 
* ==========================================
* CUSTOM HR END
* ==========================================


.blink {
	
	-webkit-animation: blink .90s linear infinite;
	-moz-animation: blink .90s linear infinite;
	-ms-animation: blink .90s linear infinite;
	-o-animation: blink .90s linear infinite;
	 animation: blink .90s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}/* @end */







/* == custom buttons == */
.custom-button { 
display: block; 
position: relative; 
overflow: hidden; 
padding: 15px 20px; 
margin: 10px 0; 
-webkit-transition: 0.25s ease-in-out all; 
-moz-transition: 0.15s ease-in-out all; 
-o-transition: 0.15s ease-in-out all; 
transition: 0.15s ease-in-out all; }


.custom-button-wrap { display: block; margin-left: 35px; }
.custom-button-icon { display: block; float: left; font-size: 20px; line-height: 22px; }
.custom-button-title { display: block; font-size: 16px; font-weight: 700; color: #fff7e3; line-height: 18px; letter-spacing: -.02em; }
.custom-button-tagline { display: block; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 5px; }
.custom-button-icon, .custom-button-tagline { color: #FFFFFF; opacity: 1; }
.custom-button:hover { -moz-border-radius: 0 0 20px 0; -webkit-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; }
.custom-button em { width: 0; height: 0; position: absolute; bottom: 0; right: 0; z-index: 30; -moz-box-shadow: -5px 2px 5px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: -5px 2px 5px rgba( 0, 0, 0, 0.3 ); box-shadow: -5px 2px 5px rgba( 0, 0, 0, 0.3 ); -webkit-transition: 0.25s ease-in-out all; -moz-transition: 0.15s ease-in-out all; -o-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; }
.custom-button:hover em { width: 15px; height: 15px; -webkit-transform: rotate(-10deg) translate3d( 0, 0, 0 ); -moz-transform: rotate(-10deg) translate3d( 0, 0, 0 ); -o-transform: rotate(-10deg) translate3d( 0, 0, 0 ); transform: rotate(-10deg) translate3d( 0, 0, 0 ); }

.fa-icon-color {color: #ffffff;}


/* == END custom buttons == */


/* == custom buttons 2== 
.custom-button { display: block; position: relative; overflow: hidden; padding: 15px 20px; margin: 20px 0; -webkit-transition: 0.25s ease-in-out all; -moz-transition: 0.15s ease-in-out all; -o-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; }
.custom-button-wrap { display: block; margin-left: 35px; }
.custom-button-icon { display: block; float: left; font-size: 20px; line-height: 24px; }
.custom-button-title { display: block; font-size: 20px; font-weight: 700; color: #fff7e3; line-height: 20px; letter-spacing: -.02em; text-transform: uppercase; }
.custom-button-tagline { display: block; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 5px; }
.custom-button-icon, .custom-button-tagline { color: #000; opacity: 0.5; }
.custom-button:hover { -moz-border-radius: 0 0 20px 0; -webkit-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; }
.custom-button em { width: 0; height: 0; position: absolute; bottom: 0; right: 0; z-index: 30; -moz-box-shadow: -5px 2px 5px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: -5px 2px 5px rgba( 0, 0, 0, 0.3 ); box-shadow: -5px 2px 5px rgba( 0, 0, 0, 0.3 ); -webkit-transition: 0.25s ease-in-out all; -moz-transition: 0.15s ease-in-out all; -o-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; }
.custom-button:hover em { width: 15px; height: 15px; -webkit-transform: rotate(-10deg) translate3d( 0, 0, 0 ); -moz-transform: rotate(-10deg) translate3d( 0, 0, 0 ); -o-transform: rotate(-10deg) translate3d( 0, 0, 0 ); transform: rotate(-10deg) translate3d( 0, 0, 0 ); }





/* == END custom buttons == */





















.navbar-custom {
    background-color: #da2826;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,1);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}
        .navbar-custom a{
            /* color: yellow !important; */
            font-size: 1.2em !important;