@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	width:100%;
	margin:auto;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	outline:none;
	position:relative;
	user-select: none;  
	background-color:transparent !important;
	white-space:nowrap;
}
.str3{width:890px;height:150px;position:relative; left:0px; top:1.2em; right:11px; }
.str_wrap.str_active {
	background:#f1f1f1;
}
.th-prod_txt{
	padding-top:.50em;
	padding-right:2em;
	margin:.21em;
	width:auto;
	border:1px solid #ccc;
	height:100px;
	float:left;
}
.prod_iframe{
	padding-bottom:1em;
	width:448px;
	height:200px;
	float:left;
}
.th-prod_txt p{position:relative; left:15px; font-weight:700; font-family: 'Open Sans', sans-serif; font-size:14px; letter-spacing:.058em; text-align:justify; color: #333; line-height:20px;}
.th-prod{
	padding-top:1em;
	padding-right:2em;
	margin:.21em;
	margin-bottom:1em;
	width:275px;
	border:1px solid #ccc;
	height:230px;
	float:left;
}
.th-prod .button {
  padding: .81em;
  cursor: pointer;
  background:#fdf102;
  border-radius:0px;
  font-family: 'Anton', sans-serif;
  text-transform:uppercase;
  font-weight:normal;
  margin-top:.40em;
  font-size:13px;
  text-decoration: none;
  color: #000;
}
.th-prod .outline-outward {
  display: inline-block;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.th-prod .outline-outward:before {
  content: '';
  position: absolute;
  border:#FF9933 solid 1px;
    border-radius:0px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}
.th-prod .outline-outward:hover:before, .outline-outward:focus:before, .outline-outward:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
.marquee_bg{width:930px;position:relative; left:1em;margin:auto; height:198px; margin-bottom:1em; background:url(../imgRoot/marq-bg.png) no-repeat;}
.marquee_content{width:930px;position:relative;margin:auto; margin-bottom:.21em; left:15px;}
.th-prod p{position:relative; left:15px;font-family: 'PT Sans Narrow', sans-serif; font-size:17px; letter-spacing:.058em; text-align:justify; color: #333; line-height:20px;}
.marquee_content img{width:228px;}
.str3 .str_item {
                font-size:0;
                line-height:0;
				font-weight:300;
            }
            .str3 img {list-style-type:none;transition: all 1s ease-out;}
            .str3 img:hover {list-style-type:none;text-decoration:none; outline:none; opacity:1}
            .str3.str_wrap.str_active {
                background:#ccc;
            }
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;
	width:auto;
	height:150px;	
}