/* to avoide white space
body {
    margin: 0;
    padding: 0;
}
*/


.section-header {
	background:#FF0000;
}


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


.depth1 {
}

.bdColor1 {
  background-color: #f0f0f0;
}

.bdColor2 {
  background-color: #d9edf7;
}

.bdColor3 {
  background-color: #eeeeee;
}

.bdColor4 {
   background: #33b5e5;
}


.bdColor5 {
   background: #4aa3f0;/* BLue */   
}

.bdColor6 {
   background: #da2826;
}


.bdColor7 {
   background: #ed6a5b; /* CBS pink */
}


.bdColor8 {
   background: #e9ecef; /* Jumbo Grey */
}



.bdColor9 {
   background: #f5f0e5; /* creamy */
}

.bdColor10 {
   background: #f6781d; /* Orange */
}


.text-Blue {
    /* color: #114dac; */
    color: #007bff;   
}


.text-Orange {
    color: #f6781d;
}


.text-White {
    color: #FFFFFF;
}


.text-Watermelon {
    color: #ed6a5b; /* CBS pink */
}


.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
}



.text-hyper-white {
  color: #fff1bb !important; // Define your own color in your CSS
}
.text-hyper-white:hover, .text-hyper-white:active {
  color: #FFFFFF !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 == */








/*--------- NEWS SCROLL ----------- */

.glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.newsVscroll ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px dotted #FF0000; 
}



/*-- END NEWS SCROLL --- */










/*-- FOOTER --/

/* Main Footer */
footer .main-footer{	padding: 20px 0;	background: #252525;}
footer ul{	padding-left: 0;	list-style: none;}

/* Copy Right Footer */
.footer-copyright {	background: #222;	padding: 5px 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 
====================== */
.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: #ff8d1e;}
.widget li a:hover{	color: #4b92dc;}
.widget-title {margin-bottom: 20px;}
.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;}

ul.social-footer2 {	margin: 0;padding: 0;	width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#ff8d1e;}
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;
*/

}


/*-- FOOTER --*/







/*-- Navbar --*/


.navbar-bg {
	
/*	
background-color: #89152a;
color: #ffdf00;
*/
background-color: #df4c02;
}


.navbar-custom {
    /* background-color: #ff5500; #df4c02*/
    background-color: #df4c02;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
   
    
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
        color: #ffdf00;  
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    /*   background-color: #ff5500; */
    /* background-color: #f26e69; */
    background-color: #89152a;    
}

.navbar-custom .dropdown-item {
    /*color: #ffffff;*/
    color: #ffdf00;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #ffFFFF;
    /*background-color: rgba(255,255,255,.5);*/
    background-color: rgba(175,27,54,.8);    
}




.custom-toggler.navbar-toggler { 
            border-color: gold; 
        } 
        /* Setting the stroke to green using rgb values (0, 128, 0) */ 
          
.custom-toggler .navbar-toggler-icon { 
            background-image: url(data:image/svg+xml;charset=utf8,%3Csvg\ viewBox=\'0\ 0\ 32\ 32\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'rgba\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\(255,\ 231,\ 0,\ 0.8); 
        } 


@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	

/*-- Navbar --*/



[data-toggle="collapse"] .fas:before {  
  content: "\f106";
  float: right;
}

[data-toggle="collapse"].collapsed .fas:before {
  content: "\f107";
}



#accordion .accordionBtn:before,
#accordion .accordionBtn.collapsed:before{
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 14px;
    color: #50bbaa;
    text-align: center;
    position: absolute;
    top: 18px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}
#accordion .accordionBtn.collapsed:before{
    color: #a0a0a0;
    transform: rotate(0);
}