/******************************************************
Common CSS
******************************************************/
.mobileView{
  display: none;
}
.no-padding{
  padding: 0px;
}
.topbar{
  background: #354756;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.fancybox-overlay{
  z-index: 99999;
}

/******************************************************
Header 
******************************************************/
.headerBlock{
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
}
.topBar{
  background: #B9282D;
  width: 100%;
}
.phoneNumber{
  float: left;
}
.phoneNumber a{
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background: url(../images/ph-icon.png)no-repeat left center;
  padding: 5px 0px 5px 25px;
  font-weight: bold;
}
.emailTopBar{
  float: right;
  text-align: right;
}
.emailTopBar a{
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background: url(../images/email-icon.png)no-repeat left center;
  padding: 5px 0px 5px 25px;
  font-weight: bold;
}
.logoBlock{
  background: #fff;
  border-bottom: 1px solid #3D3D3D;
}
.logo a{
  display: block;
  padding-top: 15px;
}
.logoBlock .logo img{
  -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    padding-top: 0px;
}
.logoBlock .logo.smallLogo img{
  max-width: 150px;
  padding-top: 15px;
  -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/******************************************************
Menu
******************************************************/
.topMenu {
  z-index: 99;
  -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.topMenu ul {
    padding: 0;
    margin:0;
    text-align: center;
}
.topMenu ul li {
    display: inline-block;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.topMenu ul li a {
    color: #3D3D3D;
    display: block;
    font-size: 16px;
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
}
.topMenu ul li:hover, .topMenu ul li.current a {
    background: #B9282D;
    color: #fff;
}
.topMenu ul ul {
    display: none;
    position: absolute;
}
.topMenu ul li:hover > ul {
    display: block;
    padding: 0;
    background: #3D3D3D;
}
.topMenu ul ul > li:hover {background: #B9282D;}
.topMenu ul ul li {
    display: block;
    text-align: left;
    border-right: 1px dotted #fff;
}
.topMenu ul ul li a{
  color: #fff;
}
.topMenu ul ul ul {
    display: none;
    left: 100%;
    margin-top: -52px;
    min-width: 210px;
}
.top-align-block{
  margin-top: 117px;
}

.socialMenuTop{
  margin-top: 9px;
}
.socialMenuTop ul{
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.socialMenuTop ul li{
  display: inline-block;
  margin-right: 15px;
}
.socialMenuTop ul li a{
  display: block;
}
.socialMenuTop ul li a p{
  display: none;
}
.socialMenuTop li img{
  border-radius: 100%;
  width: 28px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
/******************************************************
Slider/HeroShot Image
******************************************************/
.heroShot-slider-container{position:relative;}
.heroShot-slider-container img{
  width: 100%;
  display: block;
}
.caption-block{
  position: absolute;
  background: rgba(185, 40, 45, .7);
  width: 100%;
  z-index: 9999;
  bottom: 0px;
  text-align: center;
  padding: .7% 0px;
}
.caption-block p.sliderTitle{
  color: #fff;
  text-shadow: 0px 0px 6px #000;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0px;

}
.caption-block p{
  margin: 0px;
  color: #fff;
  font-size: 16px;
}

.captionBlock{
  -webkit-animation-name: captionBlock;  
  -moz-animation-name: captionBlock; 
  -ms-animation-name: captionBlock;  
  -o-animation-name: captionBlock; 
  animation-name: captionBlock;

  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -ms-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s; 

  -webkit-animation-timing-function: ease-out;  
  -moz-animation-timing-function: ease-out; 
  -ms-animation-timing-function: ease-out;  
  -o-animation-timing-function: ease-out; 
  animation-timing-function: ease-out;  

  visibility: visible !important;     
}

@-webkit-keyframes captionBlock {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
    opacity: 1;
  } 
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
    opacity: 1;
  } 
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }       
}


@-moz-keyframes captionBlock {
  0% {
    -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);   
    opacity: 1;
  }
  45% {
    -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);    
    opacity: 1;
  } 
  75% {
    -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);   
    opacity: 1;
  } 
  100% {
    -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }       
}

@-ms-keyframes captionBlock {
  0% {
    -ms-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -ms-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
    opacity: 1;
  }
  45% {
    -ms-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
    opacity: 1;
  } 
  75% {
    -ms-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -ms-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
    opacity: 1;
  } 
  100% {
    -ms-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }       
}

@-o-keyframes captionBlock {
  0% {
    -o-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -o-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);   
    opacity: 1;
  }
  45% {
    -o-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -o-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);    
    opacity: 1;
  } 
  75% {
    -o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -o-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);   
    opacity: 1;
  } 
  100% {
    -o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }       
}

@keyframes captionBlock {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
    opacity: 1;
  } 
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
    opacity: 1;
  } 
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }   
}


/******************************************************
Gallery 
******************************************************/
.gallery{padding:8px 0;cursor:pointer;}
.gallery a:before{content:"Return to ";}
.galleryDivContainer{text-align: center;}
.galleryDivContainer ul{
  list-style: none;
  margin:0;
  padding:0;
  text-align: center;
}
.galleryDivContainer ul li{
  display: inline-block;
  width: 240px;
  height:240px;
  overflow:hidden;
  margin:10px;
  border:1px solid rgba(124, 124, 124, 0.4);
  text-align: center;
  -webkit-box-shadow:  0 2px 6px rgba(124, 124, 124, 0.2);
  -moz-box-shadow:  0 2px 6px rgba(124, 124, 124, 0.2);
  box-shadow:  0 2px 6px rgba(124, 124, 124, 0.2);
  position:relative;
  background: #fff;
}
.galleryDivContainer ul li a div{
  position:absolute;
  z-index:10;
  bottom:0;
  font-size: 70%;
  padding:2px;
  text-align: center;
  width:100%;
  background:rgba(255,255,255,.6);
  color:#111;
  line-height: 100%;
  /*text-shadow:1px 1px 1px #000;*/
}
.galleryDivContainer ul li p,
.galleryDivContainer ul li img {
  max-width:200px;
  height:200px;
  border:0px none transparent !important;
}
.galleryDivContainer ul li p {
  line-height: 130px;
}
/******************************************************
Footer
******************************************************/
.footer-widget-block{
  background: #222222;
}
.footer-widget-block h2{
  color: #B9282D;
  text-align: center;
  font-size: 22px;
   text-shadow: 1px 1px 1px #fff;
}
.bottomMedia-block{
  background: #2D2D2D;
}
.bottomMenu ul{
  margin: 0px;
  padding: 0px;
}
.bottomMenu ul li{
  display: inline-block;
  padding-left: 15px;
  font-size: 12px;
  padding-right: 15px;
  border-right: 1px dotted #fff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.bottomMenu ul li:first-child{
  padding-left: 15px;
  border-left: 1px dotted #fff;
}
.bottomMenu ul li:hover{
  background: #B9282D;
}
.bottomMenu ul li a{
  text-decoration: none;
  color: #fff;
}

.copyRight-block{
  background: #B9282D;
  text-align: center;
}
.copyRight-block p{
  margin: 0px;
  display: inline-block;
  font-size: 12px;
  color: #fff;
}
.copyRight-block a{
  display: inline-block;
  text-decoration: none;
  color: #F9A7A8;
  font-size: 12px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.copyRight-block a:hover{
  color: #fff;
}
/******************************************************
Front Boxes
******************************************************/
ul.addBox-3{
  padding: 20px 0px 0px 0px;
}
ul.addBox-3 li:first-child{
  margin-left: 0px;
}
ul.addBox-3 li:last-child{
  margin-right: 0px;
  text-align: center;
}
ul.addBox-3 li:nth-child(3n){
  margin-right: 0px;
}
ul.addBox-3 li:nth-child(3n+1){
  margin-left: 0px;
}
ul.addBox-3 li{
  width: 32%;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
ul.addBox-3 li .addBoxTitle{
  text-align: center;
  background: rgba(53, 71, 86, .7);
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0px;
  color: #fff;
  text-shadow: 0px 0px 5px #B9282D;
}
ul.addBox-3 li .addBoxTitle a{
  display: block;
  text-decoration: none;
  color: #fff;
}
ul.addBox-3 li .addBoxImage img{
  width: 100%;
  display: block;
}
ul.addBox-3 li .addBoxText{
  padding: 10px;
  background: rgba(185, 40, 45, .8);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #eee;
  position: absolute;
  top: 80px;
  opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
ul.addBox-3 li:hover .addBoxText{
  opacity: 1;
    -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  top: 0px;
}
.blog-wrapper ul{
  padding: 0px;
}
.blog-wrapper ul li{
  display: block;
  box-shadow: 0px 0px 15px #333;
  padding: 15px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

/******************************************************
Contact Page Form
******************************************************/
#widgetForm label{
  display: block;
  width: 100%;
}
#widgetForm input, #widgetForm textarea{
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  padding: 5px 15px;
  font-size: 12px;
}
#widgetForm input#submit{
  background: #B9282D;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  width: 50%;
  margin-left: 25%;
  border: none;
  border-radius: 5px;
  padding: 10px;
}
/*SM*/
@media screen and (max-width: 47.9em) {
   .desktopView{
    display: none;
   }
   .mobileView{
    display: block;
   }
   .main-container-block{
    padding: 0px 10px;
   }
   .logo{
    text-align: center;
   }
   .logoBlock .logo.smallLogo img{
    padding-top: 0px;
   }
   .mobileMenu-block{
    text-align: center;
    color: #fff;
   }
   .mobileMainMenu{
    background: #662527;
   }
   .otherMainMenu {
    background: #2D2D2D;
   }
   .mobileMenu-block p{
    margin: 5px 0px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
   }
   .phoneNumber a{
    margin-left: 10px;
    font-size: 12px;
   }
   .emailTopBar a{
    margin-right: 10px;
    font-size: 12px;
   }
   .mobileTopMenu{
    -moz-transform: translateX(-100%)!important;
    -webkit-transform: translateX(-100%)!important;
    -o-transform: translateX(-100%)!important;
    -ms-transform: translateX(-100%)!important;
    transform: translateX(-100%)!important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    position: fixed;
    z-index: 9999;
    width: 80%;
    background: #b9282d; 
    background: -moz-linear-gradient(-45deg,  #b9282d 0%, #2d2d2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #b9282d 0%,#2d2d2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #b9282d 0%,#2d2d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9282d', endColorstr='#2d2d2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    left: 0;
    height: 100%;
    overflow: auto;
   }
   .mobileTopMenu.hideit{
    -moz-transform: translateX(0%)!important;
    -webkit-transform: translateX(0%)!important;
    -o-transform: translateX(0%)!important;
    -ms-transform: translateX(0%)!important;
    transform: translateX(0%)!important;
  }
   .mobileTopMenu ul{
    margin: 0px;
    padding: 0px; 
 }
  .mobileTopMenu ul#TOP, .mobileBottomMenu ul#BOTTOM_LEFT{
    padding-bottom: 40%;
  }
   .mobileTopMenu ul li{
    display: block;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px dotted #fff;
   }
   .mobileTopMenu ul li p{
    margin: 0px;
   }
   .mobileTopMenu ul li a{
    color: #fff;
    text-decoration: none;
   }
   .mobileBottomMenu{
    -moz-transform: translateX(100%)!important;
    -webkit-transform: translateX(100%)!important;
    -o-transform: translateX(100%)!important;
    -ms-transform: translateX(100%)!important;
    transform: translateX(100%)!important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    position: fixed;
    z-index: 9999;
    width: 80%;
    background: #b9282d; 
    background: -moz-linear-gradient(-45deg,  #b9282d 0%, #2d2d2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #b9282d 0%,#2d2d2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #b9282d 0%,#2d2d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9282d', endColorstr='#2d2d2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    right: 0;
    height: 100%;
    overflow: auto;
   }
   .mobileBottomMenu.hideit{
    -moz-transform: translateX(0%)!important;
    -webkit-transform: translateX(0%)!important;
    -o-transform: translateX(0%)!important;
    -ms-transform: translateX(0%)!important;
    transform: translateX(0%)!important;
  }
   .mobileBottomMenu ul{
    margin: 0px;
    padding: 0px; 
 }
   .mobileBottomMenu ul li{
    display: block;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px dotted #fff;
   }
   .mobileBottomMenu ul li p{
    margin: 0px;
   }
   .mobileBottomMenu ul li a{
    color: #fff;
    text-decoration: none;
   }
   .socialMenuTop ul{
    text-align: center;
   }
   .logoBlock .logo img{
    max-width: 150px;
   }
   .top-align-block{
    margin-top: 132px;
   }
   .mobileTopMenu ul li.current, .mobileBottomMenu ul li.current{
      background: #000000; 
      background: -moz-linear-gradient(left,  #000000 0%, #960002 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left,  #000000 0%,#960002 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right,  #000000 0%,#960002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#960002',GradientType=1 ); /* IE6-9 */
   }
   .caption-block p.sliderTitle{
    font-size: 14px;
    display: block;
   }
   .caption-block p{
    display: none;
   }
   ul.addBox-3 li{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    display: block;
   }
}

/*MD*/
@media (min-width: 48em) and (max-width: 63.9em){
  .mobileView{
    display: none;
   }
   .topMenu ul li a{
    font-size: 12px;
    padding: 12px 8px;
   }
   .top-align-block{
    margin-top: 107px;
   }
   .logoBlock .logo img{
    padding-left: 10px;
   }
   .logoBlock .logo.smallLogo img{
    padding-top: 7px;
    padding-left: 10px;
   }
}

/*LG*/
@media (min-width: 64em) and (max-width: 79.9em){
  .mobileView{
    display: none;
   }
   .topMenu ul li a{
    padding: 7px 15px;
   }
   .logoBlock .logo.smallLogo img{
    padding-top: 10px;
   }
}

/*xl  */
@media screen and (min-width: 80em){
  .mobileView{
    display: none;
   }
}