/* 

 *     Core Owl Carousel CSS File

 *    v1.3.3

 */



/* 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;

}

.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);

}



/*

*     Owl Carousel Owl Demo Theme 

*    v1.3.3

*/



.owl-theme .owl-controls{

    text-align: center;

}

         

/* Styling Pagination*/

@media screen and (min-width: 767px){

    .owl-theme .owl-controls .owl-page span{

        display: none !important;

    }

}



.owl-theme .owl-controls .owl-page{

    display: inline-block;

    zoom: 1;

    *display: inline;/*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span{

    display: block;

    width: 14px;

    height: 14px;

    margin: 2px 3px;

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    border-radius: 16px;

    background: #004cba;

    border: 0 #004cba solid;

    opacity: .8

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

    background: #ffcc01;

    border: 0 #ffcc01 solid;

}



/* If PaginationNumbers is true */



.owl-theme .owl-controls .owl-page span.owl-numbers{

    height: auto;

    width: auto;

    color: #FFF;

    padding: 2px 10px;

    font-size: 12px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

}



/* preloading images */

.owl-item.loading{

    min-height: 150px;

    background: url(../images/AjaxLoader.gif) no-repeat center center

}

.owl-item .item{

    margin: 3px 8px;

    text-align: left;

}

.owl-item .item img{

    display: block;

    width: 100%;

    height: auto;

}

/* 

 *  Owl Carousel CSS3 Transitions 

 *  v1.3.2

 */



.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); }

}

 

/*.owl-carousel .item:hover .owl-prev, .owl-carousel .item:hover .owl-next {opacity: 1;}*/

.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next {

      opacity: 1; 

}

      

.btn_control_slider {

    background: url("../images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    height: 32px;

    width: 32px;

    position: absolute;

    top: 50%;

    z-index: 9;

    margin-top:-32px

}

.owl-prev {

    background-position: 0 0;

    left: 0;

    opacity: 0;

    -webkit-transition: opacity 0.5s ease;

      -moz-transition: opacity 0.5s ease;

      -ms-transition: opacity 0.5s ease;

      -o-transition: opacity 0.5s ease;

      transition: opacity 0.5s ease;

}

.owl-next {

    background-position: -32px 0;

    right: 0;

    opacity: 0; 

    -webkit-transition: opacity 0.5s ease;

      -moz-transition: opacity 0.5s ease;

      -ms-transition: opacity 0.5s ease;

      -o-transition: opacity 0.5s ease;

      transition: opacity 0.5s ease;

}

/*.owl-prev:hover {

    background-position: 0 0;

    opacity: 0.9;

}

.owl-next:hover {

    background-position: -32px 0;

    opacity: 0.9;

}*/



.image-slider .item video{

width: 100%;

}

.image-slider .content{

font-size: 20px;

padding-bottom: 30px;

}

.image-slider h3 a:hover{

color: #222;

}

/* article */

.article-slider h1.title{

border-bottom: 1px #ccc solid;

}

.article-slider h3{

padding-top: 8px; 

}

.article-slider h3 a{

color: #111;

font-size:14px;

}

.article-slider h3 a:hover{

color: #004cba;

font-size:14px;

}





/* product */

.product-slider h3{

padding-top:10px;

text-align:center;

}

.product-slider h3 a{

font-size: 16px;

color: #3D71BC;

}



/*.caption {

width: 100%;

padding: 5%;

position: absolute;

left: 0;

top: 50%;

background:url(../images/bg-title.png) center left no-repeat;

height: 452px;

margin-top:-226px;

color: #fff;  

text-align: left;



}



.caption .brief{

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}

@media screen and (max-width: 660px){

    .caption {

    position: absolute;

    background: rgba(0, 0, 0, 0.6);

    height: auto;

    margin-top:0;

    }

    .caption .brief div{

    display: none;

    }

    .caption h2{

    font-size: 16px;

    }

}*/