/* Add here all your css styles (customizations) */

.brand-bg{
	background-color:#010318;
/*background-image: url(../../media/images/bg.jpg);*/
}
.landing{
background-image: url(../../media/images/bg/header-bg.jpg);
}
.padding-0{
    padding-right: 5px;
    padding-left: 5px;
}

/*-----start-responsive-design------*/

@media (max-width:991px){
	.tile {
		margin-right: 0%;
		margin-bottom: 3%;
		position: relative;
		padding-left: 0;
		float: left;
		width: 33.33%;

	}

}

@media (max-width:480px){
	.tile {
        margin-right: 2%;
			float: left;
			width: 47%;
	}
  .video2 {
     background-image: url(../../media/images/bg/header-bg.jpg);
    }
}

@media (max-width:414px){
	.tile {
		  margin-right: 2%;
			float: left;
			width: 48%;
			padding:0;	
	}
 .video2 {
     background-image: url(../../media/images/bg/header-bg.jpg);
    }
}

@media (max-width:384px){
	
 .video2 {
     background-image: url(../../media/images/bg/header-bg.jpg);
    }
}


.video { 
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background: url('../../media/images/bg/header-bg.jpg') no-repeat;
background-size: cover;
background-size: 100%;
transition: 1s opacity;
}


/*------------------------------------
  Carousels
------------------------------------*/
.u-carousel-v1 .js-prev,
.u-carousel-v1 .js-next {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

.u-carousel-v1:hover .js-prev,
.u-carousel-v1:hover .js-next {
  opacity: 1; }

.u-carousel-v2 .slick-slide {
  padding-top: 4px;
  padding-bottom: 4px;
  opacity: .5;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

.u-carousel-v2 .slick-center {
  padding-top: 0;
  padding-bottom: 0;
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.u-carousel-v3 .slick-slide {
  opacity: .5;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

.u-carousel-v3 .slick-center {
  opacity: 1; }

.u-carousel-v4 .js-pagination {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

.u-carousel-v4:hover .js-pagination {
  opacity: 1; }

.u-carousel-v5 .slick-list {
  height: 100%; }

.u-carousel-v5 .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

.u-carousel-v5 .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto; }

.u-carousel-v11 .slick-slide {
  opacity: .5; }

.u-carousel-v11 .slick-slide.slick-current {
  opacity: 1; }

/*------------------------------------
  Slick Carousel v12
------------------------------------*/
.u-carousel-v12 .slick-current .g-opacity-1--active {
  opacity: 1 !important; }

.u-carousel-v12 .slick-current .u-block-hover__main--grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item,
.swiper-wrapper,
.swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.single-slide {
  opacity: 0 !important; }

.single-slide.set-position {
  opacity: 1 !important; }

.js-origin {
  -webkit-perspective: 1200px;
          perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
          perspective-origin: 50% 50%; }

/* backSlide */
.js-back-slide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.js-back-slide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

.swiper-carousel {
  overflow: hidden; }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%);
            transform: translateZ(-400px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%);
            transform: translateZ(-400px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(200%);
            transform: translateZ(-400px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0); } }

/*#search_keyword_id
	{
		
	}
	#result
	{
		position:absolute;
		width:40%;
		display:none;
		margin-top:-2px;
		border-top:0px;
	      z-index:10;
		overflow:hidden;
		border:1px #CDCDCD solid;
		background-color: white;
	}
	.show
	{
		font-family:tahoma;
		padding:10px; 
		border-bottom:1px #CDCDCD dashed;
		font-size:15px; 
	}
	.show:hover
	{
		background:#364956;
		color:#FFF;
		cursor:pointer;
	}*/