/*
 * Theme Name: wellinor
 * Author: Themearc
 * Author URI: https://themeforest.net/user/themearc/portfolio
 * Theme URI: https://html.tonatheme.com/wp/wellinor/
 * Description: Wellinor is a Electicity and Electric Repair Services WordPress Theme.
 * Version: 2.5
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: wellinor
 * Tested up to: 5.9.1
 * Requires PHP: 7.0
*/
.sidebar-title h2 {
   
    margin-bottom: 20px;
}

.news-block-three .inner-box .image a{
    height: 400px;
    width: 250px;
}

.widget_nav_menu ul {
    margin: 0;
    padding: 0;
    list-style:none;
}

.widget_nav_menu ul li a {
    color: #a8a8a8;
    margin-bottom: 10px;
    display: block;
    font-size: 15px;
}

.widget_nav_menu ul li a:hover {
    color: #02ad88;
    margin-bottom: 10px;
    display: block;
    font-size: 15px;
}

#tab_container_546 .wpsm_nav-tabs > li > a {
    min-width: 200px;
    margin-right: 50px;
}
.ssingle-slide{
    height: 100vh;
}

.single-slide {
    position: relative;
	background-size: cover;
    background-attachment: fixed;
    background-position: center ;
    background-repeat: no-repeat;
	padding:300px 0px 200px;
	
	

}

.main-banner .slide-tablecell h2{
	line-height: 32px;
	font-size: 24px;
	margin-bottom: 30px;
	color: #fff;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
  }

  .banner_slider_wrapper_content {
    display: flex;
    align-items: center;
}
  
.main-banner .active .slide-tablecell h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
  }
  

  
  .main-banner .slide-tablecell p{
	line-height: 32px;
	font-size: 18px;
	margin-bottom: 30px;
	color: #fff;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
  }
  
  .main-banner .active .slide-tablecell p{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	margin-bottom: 30px;
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
  }
  
  .main-banner .slide-tablecell a{
	position: relative;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
  }
  
  .main-banner .active .slide-tablecell a{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }
  

.main-banner .owl-nav{
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 1;
	width: 100%;
	height: 60px;
	margin-top: -30px;
}



.main-banner .owl-nav .owl-prev
{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 30px;
	color: #ffffff;
	font-size: 28px;
	text-align: center;
	line-height: 56px;
	border: 2px solid rgba(255, 255, 255, 0.70);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-radius: 50%;
}


.main-banner .owl-nav .owl-next{
	position: absolute;
	right: 30px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	line-height: 56px;
	border: 2px solid rgba(255, 255, 255, 0.70);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-radius: 50%;
}

.main-banner .owl-nav .owl-prev:hover,
.main-banner .owl-nav .owl-next:hover{
	color:#000000;
	border-color:#ffffff;
	background-color:#ffffff;
}

.custom-slider-widget {
	position: relative;
	height: 500px;
	overflow: hidden;
	}
	
	.custom-slider-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
	.custom-slider-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}
	
	.custom-slider-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	
	.custom-slider-left,
	.custom-slider-right {
	width: 50%;
	padding: 30px;
	}
	
	.custom-slider-left h2 {
	font-size: 40px;
	margin-bottom: 20px;
	}
	
	.custom-slider-left p {
	font-size: 18px;
	margin-bottom: 30px;
	}
	
	.custom-slider-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #333;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	transition: background-color 0.3s ease;
	}
	
	.custom-slider-button:hover {
	background-color: #555;
	}

	.deep-text{
		max-width: 900px;
	}