@charset "utf-8";
/* CSS Document */


.borderToplogo {
	border-bottom: lightgrey 1px solid;
}
.redFont {
	color: #bb0c2d;
}
.grayFont {
	color: #6d6e71
}
.redButton {
	background-color: #bb0c2d;
	color: #FFF;
	font-weight: bold;
	font-size: 19px;
	padding: 8px;
	margin: 0px 10px;
}
.redButton:hover {
	color: #FFF;
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}
 @media (min-width: 768px) {
.col-sm-5ths {
	width: 20%;
	float: left;
}
}
 @media (min-width: 992px) {
.col-md-5ths {
	width: 20%;
	float: left;
}
}
 @media (min-width: 1200px) {
.col-lg-5ths {
	width: 20%;
	float: left;
}
}
.seconNav {
	font-size: 13px;
	margin-bottom: 8px;
	margin-top: 8px;
}
.seconNav img {
	float: left;
	margin-right: 5px;
}
a {
	color: #bb0c2d;
}
a:hover {
	color: #bb0c2d;
}
a:focus {
	color: #ccc;
}
.grayBGUnderBanner {
	background-color: #e6e6e7;
}
.redBG {
	background-color: #bb0c2d;
	color: #FFF;
	font-weight: bold;
	font-size: 19px;
	padding: 8px;
}
p {
	font-size: 25px
}
.orange {
	background-color: #f8eae5;
}
.DarkGray
{ background-color:#6d6e71;
color:#FFF;
font-size:24px;
}
.newLetterBox
{
	background-color:#999a9c; color:#6d6e71;
	padding:12px;
	font-size:22px;
	width:99%
	}
	.lowFont
	{
		font-size:14px;
		}
	
	.redRing{ height:53px;width:53px;border-radius:53px;text-align:center; color:#bb0c2d; border:2px solid #bb0c2d; ;margin-left:5px; padding-top:7px !important }
	
	
	
		
.active
{
	background-color:transparent !important;
	}
	
	.carousel-showmanymoveone
{
  .carousel-control
  { 
    width: 4%;
    background-image:none;

    &.left 
    {
      margin-left:15px;
    }

    &.right 
    {
      margin-right:15px;
    }
  }

  .cloneditem-1, 
  .cloneditem-2, 
  .cloneditem-3
  {
    display: none;
  }

  .carousel-inner
  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(50%, 0, 0);  
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-50%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }    
      } 

      > .active.left,
      > .prev
      {
        left: -50%;
      }

      > .active.right,
      > .next
      {
        left:  50%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-1 
      {
        display: block;
      }
    }

    @media all and (min-width: 992px)
    {    
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(25%, 0, 0);  
          left: 0;
        }    

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-25%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -25%;
      }

      > .active.right,
      > .next
      {
        left:  25%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-2, 
      .cloneditem-3
      {
        display: block;
      }
    }    
  }
}


// demo setup only, not needed for carousel
/*.container
{
  margin-bottom: 50px;
}*/
/*body
{
  font-family: 'Bitter', sans-serif;
  color: #E54A41;
  background-image: url('//static.rtpdesign.co.uk/blog/img/background.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 20%;
}
p
{
  font-family: 'Open Sans', sans-serif;
  color: #333;
  margin-bottom: 2em;
}
h2
{
  margin: 2em 0 1em;
}
*/
.logo
{
  margin: 20px auto;
  height: 100px;  
  
  @media only screen and (min-width : 768px) {  
    margin: 28px;
    float: left;
  }
}

.title
{
  padding: 28px;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
.dropWidth
{
	width:auto;
	}
	
@media ( max-width: 699px )  )  {
	.dropdown a	{
		background-color:#6d6e71:!important;
		}
	}
i
{
	color:#bb0c2d;
	}
		
/*		div
{
	border:#F00 1px solid;
	}*/