




.mrg-btm40{ margin-bottom:40px;}
.products-img img{ width:100%; margin-bottom:15px}
.products-details .product-name{ color:#000; font-weight:700; padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:10px; font-size:22px;} 
.products-details .product-name i{ font-style:normal; display:block; font-weight:300; font-family:inherit; color:#d64939; margin-bottom:5px;}
.products-details h4{ color:#000; font-size:18px;}
.products-details .select-product li{ display:block; width:100%;}
.products-details .select-product li a{ color:#000; line-height:26px; font-size:14px;}
.products-details .select-product li a:hover{ color:#d2232a; text-decoration:underline}
.row .tab-btn{ margin:15px 0; padding:0;}
.tab-btn li{ display:inline-block; vertical-align:top;border:1px solid #000; font-size:12px; margin-right:8px; padding:1px 8px; text-transform:uppercase; margin-bottom:8px}
.tab-btn li:hover{ color:#d2232a}
.product-point{ margin-bottom:15px;}
.product-point h4{ color:#000; font-size:18px; margin:0 0 8px 0 }
.product-point p{ color:#000}
.btn-default{border-color: #333;}
.SpeedyDropDown .SpCol02 a.parent{
font-weight:700;
}
.CenterMenu .SpeedyDropDown ul li ul li ul li {
    padding-left: 10px;
}
.prodMenu li {
    font-size: 1.5em;
    margin: 15px 0;
padding:5px 0;
cursor: pointer;
}
.prodMenu li:hover, .prodMenu li.active {
color: white;
background:#C00000;
cursor: pointer;
}
h3.text-left{
border-bottom:1px solid red;
}
.btn-secondary{
background-color: rgba(245, 245, 245, 0.7);
}
.btn-secondary:hover{
background-color: rgba(245, 245, 245, 1);
}
.overlay-bottom {
    background: 000;
    float: left;
    width: 100%;
    text-align: center;
}
button.btn.btn-secondary.btn-lg.btn-block.active {
    background: rgba(245, 245, 245, 1);
}
button.btn.btn-secondary.btn-lg.btn-block a{
font-weight: 700;
color: black;
}

.overlay-bottom.mobiledisplay { display: none;}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl - carousel.animated {
        -webkit - animation - duration: 1000 ms;
        animation - duration: 1000 ms; - webkit - animation - fill - mode: both;
        animation - fill - mode: both;
    }
    .owl - carousel.owl - animated - in {
        z - index: 0;
    }
    .owl - carousel.owl - animated - out {
        z - index: 1;
    }
    .owl - carousel.fadeOut {
        -webkit - animation - name: fadeOut;
        animation - name: fadeOut;
    }

@ - webkit - keyframes fadeOut {
    0 % {
        opacity: 1;
    }

    100 % {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0 % {
        opacity: 1;
    }

    100 % {
        opacity: 0;
    }
}

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl - height {
    -webkit - transition: height 500 ms ease - in -out; - moz - transition: height 500 ms ease - in -out; - ms - transition: height 500 ms ease - in -out; - o - transition: height 500 ms ease - in -out;
    transition: height 500 ms ease - in -out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl - carousel {
        display: none;
        width: 100 % ; - webkit - tap - highlight - color: transparent;
        /* position relative and z-index fix webkit rendering fonts issue */
        position: relative;
        z - index: 1;
    }
    .owl - carousel.owl - stage {
        position: relative; - ms - touch - action: pan - Y;
    }
    .owl - carousel.owl - stage: after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line - height: 0;
        height: 0;
    }
    .owl - carousel.owl - stage - outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        - webkit - transform: translate3d(0 px, 0 px, 0 px);
    }
    .owl - carousel.owl - controls.owl - nav.owl - prev,
    .owl - carousel.owl - controls.owl - nav.owl - next,
    .owl - carousel.owl - controls.owl - dot {
        cursor: pointer;
        cursor: hand; - webkit - user - select: none; - khtml - user - select: none; - moz - user - select: none; - ms - user - select: none;
        user - select: none;
    }
    .owl - carousel.owl - loaded {
        display: block;
    }
    .owl - carousel.owl - loading {
        opacity: 0;
        display: block;
    }
    .owl - carousel.owl - hidden {
        opacity: 0;
    }
    .owl - carousel.owl - refresh.owl - item {
        display: none;
    }
    .owl - carousel.owl - item {
        position: relative;
        min - height: 1 px;
        float: left; - webkit - backface - visibility: hidden; - webkit - tap - highlight - color: transparent; - webkit - touch - callout: none; - webkit - user - select: none; - moz - user - select: none; - ms - user - select: none;
        user - select: none;
    }
    .owl - carousel.owl - item img {
        display: block;
        width: 100 % ; - webkit - transform - style: preserve - 3 d;
    }
    .owl - carousel.owl - text - select - on.owl - item {
        -webkit - user - select: auto; - moz - user - select: auto; - ms - user - select: auto;
        user - select: auto;
    }
    .owl - carousel.owl - grab {
        cursor: move;
        cursor: -webkit - grab;
        cursor: -o - grab;
        cursor: -ms - grab;
        cursor: grab;
    }
    .owl - carousel.owl - rtl {
        direction: rtl;
    }
    .owl - carousel.owl - rtl.owl - item {
        float: right;
    }

/* No Js */
.no - js.owl - carousel {
    display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl - carousel.owl - item.owl - lazy {
        opacity: 0; - webkit - transition: opacity 400 ms ease; - moz - transition: opacity 400 ms ease; - ms - transition: opacity 400 ms ease; - o - transition: opacity 400 ms ease;
        transition: opacity 400 ms ease;
    }
    .owl - carousel.owl - item img {
        transform - style: preserve - 3 d;
    }

/* 
 *  Owl Carousel - Video Plugin
 */
.owl - carousel.owl - video - wrapper {
        position: relative;
        height: 100 % ;
        background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.owl-carouse {
    margin-top: 20px;
}
.owl-carouse a {
    text-align: center;
    float: left;
}


.header-unit {
  height: 550px;
  border: 0 solid #000;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 20px;
}
#video-container {
	position: absolute;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	width: 100%;
        margin-top: -2px;
}
.hide {
    display: none;
}
.col-md-4.aboutImagesTop {
    padding: 0;
}

.flexi-box
{
    height:170px;
    width:980px; 
}

.flexi-slider-rightcontent
{
    float:right;
    background-color:#5c5758;
    height:100%; 
    width:70%;
    color:#ffffff;
    text-align:left;
    padding-top:70px;
    padding-left:30px;
    font-size:24pt;
}

.flexi-slider-leftcontent
{
    float: left; 
    width: 30%; 
    height: 100%;
}
.auto-style7 {font-size: medium;color: #36424A;}
.auto-style3,.auto-style2,.auto-style4,.auto-style6 {font-size: small;color: #36424A;}
.paddleftright0 {padding-right:0;}

@media (max-width: 991px) {
    .header-unit {height: 410px;}
}























