/**
---------------------------------------------------------------
animatio layer slider 
---------------------------------------------------------------
**/
.tl-header-text .top-left { color: #ffffff; left: 0; max-width: 60%; padding: 3% 8%; position: absolute; top: 0;}
.tl-header-text .top-right { color: #ffffff; right: 0; max-width: 60%; padding: 3% 8%; position: absolute; top: 0; text-align: right;}
.tl-header-text .top-center { color: #ffffff; left: 0; margin: 0 auto; padding: 3% 8%; position: absolute; text-align: center; top: 0; width: 100%;}
.tl-header-text .center-left { color: #ffffff; left: 0; max-width: 60%; padding: 3% 8%; position: absolute; top: 50%; transform: translate(0%, -50%);}
.tl-header-text .center-right { color: #ffffff; right: 0; max-width: 60%; padding: 3% 8%; position: absolute; top: 50%; transform: translate(0%, -50%); text-align: right;}
.tl-header-text .center-center { color: #ffffff; center: 0; padding: 3% 8%; position: absolute; top: 50%; transform: translate(0%, -50%); text-align: center;text-align: center; width: 100%;}
.tl-header-text .bottom-left { color: #ffffff; left: 0; max-width: 60%; padding: 3% 8%; position: absolute; bottom: 0;}
.tl-header-text .bottom-right { color: #ffffff; right: 0; max-width: 60%; padding: 3% 8%; position: absolute; bottom: 0; text-align: right;}
.tl-header-text .bottom-center { color: #ffffff; left: 0; margin: 0 auto; padding: 3% 8%; position: absolute; text-align: center; bottom: 0; width: 100%;}

.tl_slider_btn div { display: inline-block;}
.tl_slider_btn a { display: block; margin: 0;}



/** 
------------------------------------------------------------------
slider heading and sub-heading
----------------------------------------------------------------- 
**/
.tl_slider_content h1 { font-size: 46px; font-weight: 700;}
.tl_slider_content strong {color: #FFF;}


/** 
-----------------------------------------------------------------
slider heading and sub-heading media Query 
-----------------------------------------------------------------
**/
@media only screen and (max-width: 767px) {
.tl-header-text .top-left, .tl-header-text .top-right, .tl-header-text .center-left, .tl-header-text .center-right, .tl-header-text .bottom-left, .tl-header-text .bottom-right{ text-align: center; max-width: 100%; width: 100%;} 
		
}
@media screen and (min-width: 480px) and (max-width: 736px){
	.tl-text-position h1 {font-size: 26px; font-weight: 500; margin: 0 0 8px;}
	.tl-text-position h5 {font-size: 12px;  margin: 0 0 4px; margin-bottom: 8px;}
	.tl_slider_btn a { display: block;font-size: 12px; padding: 6px 12px;}	
}
@media screen and (max-width: 479px){
	.tl-text-position h1 {font-size: 16px; font-weight: 500; margin: 0 0 4px;}
	.tl-text-position h5 {font-size: 11px;  margin: 0 0 4px;}
	.tl_slider_btn a { display: block;font-size: 10px; padding: 3px 6px;}
}

/** 
-----------------------------------------------------------------
slider heading and sub-heading media Query 
-----------------------------------------------------------------
**/


.carousel-inner > .item { max-height: 600px;}
.tl-full-slider .carousel-control.left span, 
.tl-full-slider .carousel-control.right span {background-color: rgba(0, 0, 0, 0.5); height: 40px; width: 40px; line-height: 40px; opacity:0;}
.tl-full-slider .carousel-control.left span:hover,
.tl-full-slider:hover .carousel-control.right span, .tl-full-slider:hover .carousel-control.left span {opacity: .7;filter: alpha(opacity=70);}
/* .tl-header-text { position: absolute; top: 34%; left: 1.8%; right: auto; width: 80%; color: #fff; left:10%;} */
/**fixed***/
#tl-slider { background-attachment: fixed; background-clip: border-box; background-color: #3b3b3b; background-origin: padding-box; background-repeat: no-repeat; background-size: cover; height:420px; overflow: hidden;}
#tl-slider-bg { background-attachment: fixed; background-clip: border-box; background-color: #3b3b3b; background-origin: padding-box; background-repeat: no-repeat; background-size: cover; min-height:420px; overflow: hidden;background-position: center center;}
.tl-slider-fix-back2 { padding-top: 10%; text-align: center;}
.tl-slider-fix-back2 h1 { font-size: 4rem;font-weight: 700;}


/* Tl Normal Carousel Styles */
.tl-header-text .tl-normal-slider { left: 50%; padding: 0 10%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%) scale(1); width: 100%;}
.carousel-inner img { width: 100%;}
.tl-slider-slide  .carousel-control { width: 20px;}
.tl-slider-slide .carousel-control.left,
.tl-slider-slide .carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.tl-slider-slide .item {padding: 0;}
 .tl-header-text .text-center { color: #ffffff;}
.tl-slider-slide.carousel-control .glyphicon-chevron-left, 
.tl-slider-slide.carousel-control .glyphicon-chevron-right, 
.tl-slider-slide.carousel-control .icon-prev, 
.tl-slider-slide.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
.tl-slider-slide.carousel-control .glyphicon-chevron-left,
.tl-slider-slide.carousel-control .icon-prev {left: 0;}
.tl-slider-slide.carousel-control .glyphicon-chevron-right,
.tl-slider-slide.carousel-control .icon-next {right: 0;}

@media only screen and (min-width: 1024px){
.tl-full-slider .carousel-control.left span, 
.tl-full-slider .carousel-control.right span {background-color: rgba(0, 0, 0, 0.5); height: 80px; width: 80px; line-height: 80px; opacity:0;}	
	
}
/** Carousel Styles  End **/

/** Video Banner Starts **/
* { box-sizing: border-box; }
.tl-video-one{overflow:hidden; max-height:600px; position:relative;}
.tl-video-content-inner {padding: 12% 0;}
tl-video-one { position: fixed; bottom: 0; right: 0; height: auto; width: auto; min-height: 100%; min-width: 100%; z-index: -9999;overflow:hidden;}
.video-ovaly-border { background: rgba(0, 0, 0, 0.5) url("../images/pattern-dot.png") repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.tl-video-one figure {margin: 0; position: relative;}
.tl-video-one video { width: 100%; max-width: 100%;}
.video-wrapper-content {color: #fff; position: absolute; text-align: center; top:0; width: 100%;}
.video-btn {background: #ccc none repeat scroll 0 0;border: 1px solid #fff;color: #333;display: inline-block;font-size: 14px;padding: 10px;text-decoration: none;text-transform: uppercase;}
/* .video-background { background: #000; position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;}
.video-foreground,
.video-background iframe { position: relative; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
video {
  width: 100%    !important;
  height: auto   !important;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
 */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/**----------------------------------------
parallax video background css start 
---------------------------------------**/
.tl-video-parallaxBg-mp4{height: 500px;padding-bottom: 50px;padding-top: 50px;position:relative;				}
.crt-parallaxvideo video{ min-width: 100%;position: fixed;top:0;z-index: -100;}
.crt-parallaxvideo h1 {color: #053f80;font-size: 76px;font-weight: 700;text-align: center;text-transform: uppercase;}

/**parallax-ovaly-image**/
.video-ovaly-border { background: rgba(0, 0, 0, 0.5) url("https://www.zenmatchatea.com/wp-content/themes/shopinger/includes/pattern/pattern-dot.png") repeat scroll 0 0;height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-98;}	
/** video background content ****/
.video-wrapper-content { color: #fff; position: absolute; text-align: center; top: 0; width: 100%;}
.video-btn { background: #ccc none repeat scroll 0 0; border: 1px solid #fff; color: #333; display: inline-block; font-size: 14px; padding: 10px; text-decoration: none; text-transform: uppercase;}
/**parallax-video responsive css**/
@media screen and (max-width:640px){
.crt-parallaxvideo video { min-height: 100%;}
}

/**---------------------------------------------------------------------------------
parallax video background css End
-------------------------------------------------------------------------------**/
/**-------------------------------------------------------------------------------**
iframe video background css
-------------------------------------------------------------------------------****/
.section-one, .section-four{background:gray;width:100%;padding:4% 0; text-align: center;}
.section-two, .section-three{background:orange;width:100%;padding:4% 0; text-align:center;}
.bg_parallax {position: relative;overflow:hidden;max-height:480px;}
#youtube {padding-bottom: 16.25%; }
#youtube iframe {left: -28%;position: fixed; top: 0;width: 156%; height: 156%; z-index:-100;}
.bg_parallax .youtube-video-content {color: #fff; padding: 4% 0; text-align: center;}
/**-------------------------------------------------------------------------------**
iframe video background css End
-------------------------------------------------------------------------------**/
@media screen and (max-width:767px){
.video-wrapper-content h1, .video-wrapper-content h2, .video-wrapper-content h3, .video-wrapper-content h4, .video-wrapper-content h5 {font-size: 200%;}
	
}
/** Video Banner Ends **/

@media screen and (max-width: 767px) {
  .tl-header-text h2 { font-size: 16px;}
  .tl-header-text {width: 100%;left:0;top: 0%;}
  .tl-full-slider .carousel-indicators { display: none;}
  #tl-slider-bg { height: auto;}
  #tl-slider-bg { min-height: auto;}
}
@media only screen and (min-width:480px) and (max-width: 640px)  {
  .tl-header-text { top: 10%;}	
}
@media only screen and (min-width:320px) and (max-width: 479px)  {
.tl-header-text h2 { font-size: 16px;}
.tl-header-text .text-center > p { font-size: 10px;}
}

/** 
---------------------------------------------------------------------------------------------------
		tl-blog-slider 
---------------------------------------------------------------------------------------------------
**/
.tl-boloslide-text {
  left: 50%;
  padding: 0 10%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  transition: all 1s ease 0s;
  width: 100%;
  z-index: 1;}
.tl-blogpost-title { padding-top: 10px;}
.tl-boloslide-text .tl-blogpost-title a{font-size: 3rem; font-weight: 700; line-height: 3rem;}
.tl-boloslide-text a { color: #ffffff;}
.tlblog-post-cat .tlblog-post-cat-title a { color: #3cb371; font-size: 16px; font-weight: bold;}
.feature-ovaley { background: rgba(0,0,0,0.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.tlblog-post-cat{position: relative;}
.tlblog-post-cat .tl-cat-divider {
  background: #ffffff none repeat scroll 0 0; bottom: -10px; height: 1px; left: 50%; position: absolute; 
  transform: translateX(-50%); width: 50px; 
}
/** blog slider carousel nav **/
.tl-blogslider-s1  .owl-nav {text-align: center;}
.tl-blogslider-s1 .owl-prev, .tl-blogslider-s1 .owl-next {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #999999;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin: 2px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
 width: 40px;}
.tl-blogslider-s1  .owl-prev, .tl-blogslider-s1  .owl-next { display: inline-block; float: inherit !important;}
.tl-blogslider-s1  .owl-prev, .tl-blogslider-s1  .owl-next { display: none;}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	.tl-boloslide-text .tl-blogpost-title a { font-size: 1.5rem; line-height: 1.7rem;}
	.tlblog-post-cat .tlblog-post-cat-title a { font-size: 13px;}
	.tl-boloslide-text { padding: 10% 10% 0; }
	.tl-boloslide-text a { font-size: 12px; margin-top: 0; padding: 6px 12px;}
	.tl-blogpost-title {padding-top: 0px;}
}