/* your styles go here */


.one{
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(30deg, #FFFFFF 50%, #004E95 50%);
}


.bgColorBrick {
  /* background-color: #c9494a; */
  background-color: #c54646;  
}



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


.bdColor11 {
   background: #ffffff; /* Orange */
}

.bdColor12 {
   background: #da4d4d; /* siteRed */
}





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


.text-Orange {
    color: #f6781d;
}


.text-White {
    color: #FFFFFF;
}


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


.text-Red {
   color: #da4d4d; /* siteRed */
}



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




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

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

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


hr.solid {
    border-top: 1px solid #013A6B;
}


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

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


.has-divider {
  border-bottom: 1px dotted #000000;
  margin-bottom: 25px;
}


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%);
}
   









/* == 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 == */









.blinking {

    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .25
  }

  100% {
    opacity: 1;
  }
}