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

.large-text{
    font-size:48px !important;
}
.panasonic-hero {
    height: 308px;
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/panasonic/panasonic-fk-series.jpg);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
	  overflow: hidden;
  position: relative;
  opacity: 1;
}
.panasonic-hero-sub {
    height: 155px;
	background:#007fac;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#bodyContainer #article {
    margin: 0 !important;
    padding: 0 !important;
}
.non-bold {
    font-weight: normal !important;
}
.box-height {

}
.bg-light-green {
    background-color: #cccf6f;
}
.ul-padding0 {
    padding-left:0px;
}
.border-top-orange {
    border-top: solid 8px #f47d20;
}
.border-top-green {
    border-top: solid 8px #b7ba34;
}
.border-top-blue {
    border-top: solid 8px #8cd2f4;
}
.bg-table-head-green {
    background-color: #cccf71;
}
iframe {
    display: block;
}




@media (min-width: 768px) {
    large-text h1 {
        font-size: 38px !important;
    }
    .mkt .lead {
        font-size: 12px !important;
    }
	
	
}

@media (min-width: 425px) {
    large-text h1 {
        font-size: 28px !important;
    }
    .mkt .lead {
        font-size: 12px !important;
    }
	
	
	.panasonic-hero {
  
    background-position: right right !important;

}

	
}
h1.large-text.larger-margin-top {
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-animation: fadein 1s;
    animation-name: example;
    animation-duration: 1s;
	animation-timing-function: ease-out;
	-webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;

}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {margin-left: -500px;}
    to {margin-left: 0px;}
}

/* Standard syntax */
@keyframes example {
     from {margin-left: -500px;}
    to {margin-left: 0px;}
}

p.lead {
	-webkit-animation-name: fadeleft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-animation: fadein 1s;
    animation-name: fadeleft;
    animation-duration: 1s;
	animation-timing-function: ease-out;
	-webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeleft {
    from {margin-right: -500px;}
    to {margin-left: 0px;}
}

/* Standard syntax */
@keyframes fadeleft {
     from {margin-right: -500px;}
    to {margin-left: 0px;}
}

.product-flash {
padding: 5px 14px 6px 13px;
    font-size: 17px;
    color: #FFF;
    position: absolute;
    top: 6px!important;
    left: 0;
    background: #D23620;
    margin-left: 14px;
    z-index: 2;
}


.product-flash:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #D23620;
    position: absolute;
    top: 98%;
    left: 15%;
}