.punchline-container{
	background-color: #282828;
	width: 100%;
	margin: 0 auto;
}
.punchline-innercontainer{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 18px 25px;
}
h1.puchline-text{
	font-family: 'Jura', sans-serif;
	font-size: 21px;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	text-transform: uppercase;
}

.inner-content-container{
	/*width: 100%;
	max-width: 1004px;
	margin: auto;
	background-color: #FFFFFF;
	text-align: center;
	clear:both !important;*/
	margin:0 auto;
	width:100%;
	max-width:1004px;
	clear:both !important;
}

.home-about-section{
	width: 100%;
	float: left;
	background-color: #424242;
}
.home-container{
	margin:0 auto;
	width:100%;
	max-width:1024px;
	clear:both !important;
}
.home-maincontent{
    width:100%;
	float:left;
	text-align: center;
	padding: 20px 20px;
}
.vticker{
	/*border: 1px solid red;*/
	width: 400px;
}
.vticker ul{
	padding: 0;
	list-style: none;
}
.vticker ul li{
	list-style-image: url(../images/news-bullet.png);
	margin-left: 25px !important;
	}
.vticker li{
	/*list-style: none;*/
	
	border-bottom: 1px dashed #ffb400;
	padding: 10px;
	padding-left: 0px !important;
}
.vticker li a{
	text-decoration: none;
	font-weight: 500;
}
.et-run{
	background: red;
}
.title-mob{
	display: none;
}
.qual-news-home-maincontent{
    width:100%;
	float:left;
	text-align: center;
	padding: 0px 20px;
}
.hm-abt-left{
	float: left;
	width: 43%;
	margin-right: 20px;
}
.hm-abt-right{
	float: left;
	width: 54%;
	text-align: justify;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 300;
}
.hm-abt-right p{
	margin-bottom: 12px;
}
.hm-abt-right p:last-child{
	margin-bottom: 0px;
	margin-top: 1px;
}
.iso_main{
	width: 100%;
	display: table;
	margin-bottom: 20px;
}

.iso_cell1{
	width: 58%;
	float: left;
}
.iso_cell2{
	width: 10%;
	float: left;
}
.iso_cell:first-child{
	width: 300px;
	
}
.iso_cell:last-child{
	vertical-align: bottom;
}
.iso-text{
	font-family: 'Jura', sans-serif;
	font-size: 20px;
	color: #FFF;
}
.home-quality-section{
	background-color: #eeeeee;
	width: 100%;
	float: left;
}
.home-quality-title1{
	font-family: 'Jura', sans-serif;
	font-size: 35px;
	font-weight: 700;
	color: #282828;
	text-align: left;
	line-height: 38px;
	padding-bottom: 10px;
	
}
.home-quality-title2{
	font-family: 'Jura', sans-serif;
	font-size: 35px;
	font-weight: 300;
	color: #282828;
	text-align: left;
	padding-bottom: 15px;
}
.quality-block{
	float: left;
	width: 42%;
	margin-right: 22px;
	text-align: justify;
}
.quali-contact-pro-title{
	font-family: 'Jura', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #282828;
	line-height: 28px;
}
ul.q-prod-require{
/*	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
*/	padding: 0px;
	margin: 0px;
	list-style-image: url(../images/grey-bullet.png) !important;
	list-style-type:none;
	padding-left: 20px;
	margin-top: 10px;
}
ul.q-prod-require li{
	padding: 4px;
	width:50%;
	float:left;
}

ul.q-prod-require li a{ text-decoration:none;}
.news-block{
	float: left;
	width: 55.3%;
	border: 1px solid #980002;
}
.news-block-title{
	font-family: 'Jura', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #282828;
	line-height: 28px;
}
div.flexcontainer{
    display: flex;
    /*min-height: 100vh;*/ /* set min container height to viewport height */
}
 
div.columns{
   /* padding: 10px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* make padding part of width declared, not in addition */
}
.columns a{
	text-decoration: underline;
	font-size: 18px;
	color: #666;
}
 
div.columns:nth-of-type(1){
    background: #eee;
    flex: none; /* make this flex item inflexible, so width property controls its width entirely */
    width: 43%;
	text-align: justify;
	padding-right: 20px;
	margin: 20px 0px;
}
 
div.columns:nth-of-type(2){
    flex: 3;
	background-color: #FFFFFF;
	text-align: left;
}
.news-col-margin{
	margin: 20px;
}


.film-strip{
	width:100%;
	margin:0 auto;
	max-width:1024px;
	text-align:center;
	padding: 20px;
	padding-top: 50px;
}
.film-strip-title{
	font-size: 30px;
	color: #FFFFFF;
}

.my-slider {
	height: 141px;
	margin: 0 auto;
	/*width: 900px;*/
	width: 1004px;
}
.my-slider ul {
	height: 141px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.my-slider li {
	float: left;
}
	video.bkg {
    background: black
}
.swiper-container {
  width: 100%;
  height: 485px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.filmstrip-frame{
	margin: 20px 0px;
	width: 100%;
}
.linestyle {
	border-top: 1px solid #393939;
}
/*popup*/
.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 70%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

@media(max-width:980px){
.hm-abt-left img
	{
		width: 100%;
	}
	.filmstrip-frame img
	{
		width: 100%;
	}
}
@media(max-width:880px){
.iso_cell1{
	width: 68%;
	float: left;
}
.iso_cell2{
	width: 10%;
	float: left;
}
}
@media(max-width:800px){
.iso_cell1{
	width: 73%;
	float: left;
}
.iso_cell2{
	width: 10%;
	float: left;
}
}
@media(max-width:768px){
	.hm-abt-left
	{
		width: 100%;
	}
	.hm-abt-left img
	{
		width: 411px;
	}
	.iso_main{
		margin: 0 auto;
		width: 370px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.hm-abt-right{
		width: 100%;
	}
	.iso_cell1{
	width: 85%;
	float: left;
}
.iso_cell2{
	width: 10%;
	float: left;
}
	div.flexcontainer {
    display: flex;
    min-height: 100vh;
		flex-wrap: wrap;
}
	div.columns:nth-of-type(1) {
		width:100%;
	}
	div.columns{
		width:100%;
	}
	.title-mob{
	display: block;
	}
	.title-desk{
	display: none;
	}
	.vticker{
	/*border: 1px solid red;*/
	width: 100%;
}
	.vticker ul li{margin-left: 0px !important;}
	
	.qual-news-home-maincontent{
		padding: 0px;
	}
	div.columns:nth-of-type(1){ padding:0px 20px; }
}
@media(max-width:580px){
.iso_main{
margin: 0 auto;
width: 90%;
margin-top: 20px;
margin-bottom: 10px;
}

.iso_cell1{
width: 70%;
float: left;
}
.iso_cell2{
width: 30%;
float: left;
}
}


@media(max-width:603px){
.film-strip-title {
    font-size: 26px;
}
	.home-quality-title1, .home-quality-title2
	{
		font-size: 30px;
	}
}

@media(max-width:520px){
.iso_main{
margin: 0 auto;
width: 96%;
margin-top: 20px;
margin-bottom: 10px;
}

.iso_cell1{
width: 68%;
float: left;
padding-right: 20px;	
}
.iso_cell2{
width: 30%;
float: left;
}
}

@media(max-width:420px){
.iso_main{
width: 98%;
}

.iso_cell1{
width: 96%;
float: left;
padding-right: 0px;	
}
.iso_cell2{
width: 96%;
float: left;
padding-top: 10px;	
}
.hm-abt-left img {
    width: 100%;
}	
.film-strip-title {
    font-size: 26px;
	line-height: 34px;
  }	
}



@media(max-width:375px){
.hm-abt-left{
	margin-right: 0px;
}
	.hm-abt-left img{width:100%;}
	.iso_main{width:100%; text-align: left;}
	
}