/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; margin-top: 35px; margin-bottom: 35px; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
/* CSS3 Transitions */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {  0% {
opacity: 1
}
}
@-moz-keyframes empty {  0% {
opacity: 1
}
}
@keyframes empty {  0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadeIn {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut {  0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {  0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes fadeOut {  0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut {  25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {  25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {  25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {  0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {  0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {  0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {  to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {  to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {  to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown {  from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {  from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {  from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {  from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {  from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {  from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {  to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {  to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {  to {
opacity: 0;
transform: scale(1.5);
}
}
/*////////////////////////////////////////////////////*/

/*MAIN SLIDE HOME*/
#owl-main { }
#owl-main .item { padding: 0px 0px; color: #FFF; text-align: left; height: 300px; }
#owl-main .owl-controls { text-align: center; position: absolute; z-index: 999; left: 20px; bottom: 20px; width: 10%; display: block; }
#owl-main .owl-controls .owl-page { display: inline-block; zoom: 1; }
#owl-main .owl-controls .owl-page .active { background: #090; }
#owl-main .item img { display: block; width: 100%; float: right; margin-right: 0px; min-height: 300px; position: absolute; left: 0px; top: 0px; z-index: 1; }
#owl-main .item .pro_np_1 { float: left; width: 50%; text-align: left; font-size: 30px; position: absolute; z-index: 2; clear: both; line-height: 20px; display: block; padding: 5%; left: 0px; top: 50px; }
#owl-main .item .pro_np_2 { float: left; width: 40%; text-align: left; margin-bottom: 10px; color: #fff; padding-left: 40px; position: relative; z-index: 3; clear: both; }
#owl-main .item .pro_np_3 { float: left; width: 40%; text-align: left; font-size: 17px; color: #C00; padding-left: 40px; position: relative; z-index: 4; clear: both; }
 @media only screen and (max-width: 768px) {
#owl-main .item { padding: 10px 0px; color: #FFF; text-align: left; height: 190px; }
#owl-main .owl-controls { margin-top: -40px; text-align: center; position: relative; z-index: 999; width: 100%; display: block; }
#owl-main .item img { width: 100%; height: 200px; min-height: 200px; }
#owl-main .item .pro_np_2 { display: none; }
#owl-main .item .pro_np_3 { display: none; }
}
 @media only screen and (max-width: 380px) {
#owl-main .owl-controls { margin-top: -40px; text-align: center; position: relative; z-index: 999; width: 100%; display: block; }
#owl-main .item img { display: block; text-align: center; height: auto; min-height: 200px; float: none; margin-left: auto; margin-right: auto; }
#owl-main .item .pro_np_1 { float: left; width: 90%; text-align: left; font-size: 22px; margin-bottom: 0px; padding: 2%; margin-top: 10px; }
#owl-main .item .pro_np_2 { float: left; width: 90%; text-align: left; margin-bottom: 10px; color: #999; padding: 2% }
#owl-main .item .pro_np_3 { float: left; width: 90%; text-align: left; font-size: 14px; color: #C00; padding: 2% }
}
#owl-main .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 2px; filter: Alpha(Opacity=40); opacity: 0.4; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; }
#owl-main .owl-controls .owl-page.active span, #owl-main .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/**/
.customNavigation { text-align: right; position: relative; z-index: 99; margin-top: -70px; margin-bottom: 50px; }
.btn { display: inline-block; *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
padding: 4px 12px; margin-bottom: 0; font-size: 12px; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; background-color: #FFF; color: #666666; *background-color: #f3f3f3;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */

border: 1px solid #A4DBFF; *border: 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *margin-left: .3em;
text-decoration: none; }
.btn:hover { color: #FFF; text-decoration: none; background-color: #0099ff; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }
/**/

#owl-demo .item { margin: 3px; }
.item_image { float:left; width:25%;}
.item_data{ float:right; width:60%; padding-right:10%;}
/**/