/*
Theme Name: The Webuilt Guys
Theme URI: http://creativedesignz.net/
Author: The Webuilt Guys
Author URI: http://creativedesignz.net/
Description: Custom Theme for The Webuilt Guys!
Version: 1.0
Text Domain: twg
*/
    body 
    {
	 margin: 0 0 0;
	}
	.elementor a 
	{
	text-decoration: none;
	}
	p
	{
	margin: 0 0 15px 0;
	}
	.nomarg_p p:last-child ,.elementor-widget-text-editor p:last-child
	{
	margin-bottom: 0px;
	}
	.ulstyle ul
	{
	margin:0px;
	padding-left:20px;
	}
	.elementor-widget-image a
	{
	display:block !important;
	}
	.obj_img img
	{
	object-fit:cover;
	}
	/*input::placeholder, textarea::placeholder 
	{
		color: #000 !important;
		opacity: 1 !important;
	}*/
	.elementor-field-group.elementor-column.elementor-field-type-submit {
		padding-top: 10px;
	}
	input:focus-visible 
	{    outline: 0px !important;
	 
	}
	.eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li ul
	{
		width:260px !important;
	}
	.banhead h2.elementor-headline 
	{
		margin: 0px;
		line-height: 1.5em;
		display: block;
	}
	.banhead h2.elementor-headline > span 
	{
		width: 100% !important;
		padding: 0px;
		word-wrap: break-word;
		display: block;
    }
	span.elementor-headline-plain-text.elementor-headline-text-wrapper 
	{
		font-size: 27px !important;
		line-height: 1.2em;
		font-weight: 300;
		padding-top: 10px !important;
	}
	.banhead h2.elementor-headline span.elementor-headline-dynamic-text
	{
		line-height: 1.2em !important;
		display: block;
	}
	.topbutton  a.elementor-button
	{
	  transition: backround 0.8s ease, color 0.8s ease, border-color 0.8s ease;
	}
	
	/*.topbutton  a.elementor-button
	{
	  will-change: background, color, border-color;
      transition: backround 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	}
	
	.topbutton  a.elementor-button:before
	{
		background: #37C2CE;
		transform: scaleX(0);
		transform-origin: center right;
		will-change: transform;
		transition: transform 0.3s ease;
	}
	.topbutton  a.elementor-button:hover:before
	{
		        transform: scaleX(1);
        transform-origin: center left;
		
	}*/
	.elementor-sticky--effects.mainhead 
	{
      background: rgba(0,0,0,.5) !important;
    }
	
	.abcaarowsel .swiper-slide,.showoverlay 
	{
	  position: relative;	
	}
	.textoverlay ,.overlaytext 
	{
		position: absolute !important;
		bottom: 55px;
		overflow: hidden !important;
		width: 80% !important;
		height: 0px !important;
		transition: .5s ease !important;
	}
	.abcaarowsel .swiper-slide:hover .textoverlay , .showoverlay:hover .overlaytext 
	{
      height: 30% !important;
    }		
	.abcaarowsel .elementor-swiper-button.elementor-swiper-button-next svg,.abcaarowsel .elementor-swiper-button.elementor-swiper-button-prev svg
	{
		fill:#333 !important;
	}
	.partnersca img.swiper-slide-image  ,.whitelogo .imagecar img
	{
       filter:brightness(0%)  invert(1) !important; 
    }
	.whitelogo .colorit p,.whitelogo .colorit h2
	{
		color:#fff !important;
	}
	.whitelogo .colorita,.whitelogo .colorit .elementor-divider .elementor-divider-separator
	{
		border-color:#fff !important;
	}
	.greylogo img.swiper-slide-image
	{
	 filter:grayscale(100%)	 !important;  
	}
	
	.mainhead.elementor-sticky--effects .mainlogo  img
	{
		width:90px !important;
	}
	blockquote.elementor-blockquote .e-q-footer
	{
		display: flex !important;
		flex-direction: column !important;
	}
	a.elementor-blockquote__tweet-button 
	{
		width: 100%;
		padding: 10px 0 !important;
    }
	.clipimage img
	{
		    clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);
	}
	
	span.fas.fa-arrow-right.elementskit-tab-icon 
	{
		display: inline-block;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 10px 15px 10px 0px;
		position: relative;
		text-decoration: none;
	}
	.left
	{
		transform:rotate(180deg);
	}
	
	span.fas.fa-arrow-right.elementskit-tab-icon:before, span.fas.fa-arrow-right.elementskit-tab-icon:after 
	{
		border-right: 2px solid;
		content: '';
		display: block;
		height: 8px;
		margin-top: -6px;
		position: absolute;
		transform: rotate(135deg);
		right: 10px;
		top: 50%;
		width: 0;
	}
	
	span.fas.fa-arrow-right.elementskit-tab-icon:after 
	{
		margin-top: -1px;
		transform: rotate(45deg);
	}
	
	span.fas.fa-arrow-right.elementskit-tab-icon:hover, span.fas.fa-arrow-right.elementskit-tab-icon:focus,
	span.fas.fa-arrow-right.elementskit-tab-icon:hover:before, span.fas.fa-arrow-right.elementskit-tab-icon:hover:after,
	span.fas.fa-arrow-right.elementskit-tab-icon:focus:before, span.fas.fa-arrow-right.elementskit-tab-icon:focus:after 
	{
		color: #000;
	}
	.faqlist .elementskit-card 
	{
		border-bottom: 1px solid #000 !important;
	}
	
	.elementskit-card.active  .elementskit-card-body.ekit-accordion--content 
	{
		padding-top: 10px !important;
	}
	.faqlist .elementskit-card.active 
	{
		padding-top: 10px;
	}
	.faqlist .elementskit-card.active h3 
	{
		font-size: 22px;
	}
	
	.abcaarowsel.ababa .elementor-swiper-button.elementor-swiper-button-prev svg ,.abcaarowsel.ababa .elementor-swiper-button.elementor-swiper-button-next svg
	{
		fill: #fff !important;
	}	
	.clipright img
	{
		clip-path: polygon(0% 0, 100% 0, 107% 75%, 80% 100%, 0 100%, 0 0%);	
	}	
	.left3 
	{
		margin-left: -2px;
	}
	.blacklogo img 
	{
      filter: grayscale(100%);
    }
	.underhead h2
	{
	 position: relative;	
	}
	.underhead h2::after
	{
	content: "";
    width: 100px;
    height: 2px;
    background: #0E172D;
    position: absolute;
    bottom: -2px;
    left: 0;
	}
	.logop  img
	{
		border:0px !important;
	}
	.banhead.abctext h2.elementor-headline > span
	{
		text-align:center;
	}
	.solblue .soltitle h2.elementor-heading-title ,.solblue .soltext .elementor-widget-container
	{
      color: #fff !important;
    }
	.whatsetsgrey .elementor-heading-title, .whatsetsgrey .elementor-widget-text-editor,.whatsetsgrey .elementor-icon-box-title,.whatsetsgrey .elementor-icon-box-description
	{
      color: #000 !important; 
    }
	.whatsetsgrey .elementor-icon 
	{
		 color: #000 !important; 
		 fill: #000 !important; 
	}
	.solutionpagesec .soltop
	{
		display:none !important;
	}
@media only screen and (max-width: 500px) 
	{	
		.main_menu nav.elementor-nav-menu--dropdown >ul >li:last-child
		{
			padding-bottom:10px;
		}
		.banhead h2.elementor-headline span.elementor-headline-dynamic-text 
		{
		    text-align: center;
			margin-bottom: 25px;
		}
		.elementor-headline.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper.elementor-headline-text-wrapper+span 
		{
			font-size: 32px !important;
			line-height: 1.2em;
		}
		.e-grid.e-con-full.homeservices.e-con 
		{
			display: flex !important;
			flex-direction: column !important;
		}
		 .textoverlay ,.overlaytext 
		  {
			bottom: 30px;
			width: 90% !important;
			
		  }
		   .showoverlay:hover .overlaytext 
		   {
			height: 45% !important;   
		   }
	  .banhead h2.elementor-headline span.elementor-headline-dynamic-text br
		{
			display:none;
		}
		.icobox .elementor-icon-box-icon 
		{
           display: none !important;
        }
		.blacklogo.logop #gallery-1 .gallery-item
		{
			width: 25%;
		}
		.blacklogo.logop #gallery-1 br
		{
			display:none;
		}
		
	}
	@media only screen and (min-width: 501px)  and (max-width: 767px) 
	{
		.main_menu nav.elementor-nav-menu--dropdown >ul >li:last-child
		{
			padding-bottom:10px;
		}
		
		.banhead h2.elementor-headline span.elementor-headline-dynamic-text 
		{
		    text-align: center;
			margin-bottom: 25px;
		}
		.elementor-headline.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper.elementor-headline-text-wrapper+span 
		{
			font-size: 32px !important;
			line-height: 1.2em;
		}
		.showoverlay:hover .overlaytext 
		{
		height: 45% !important;   
		}
		.blacklogo.logop #gallery-1 .gallery-item
		{
		width: 25%;
		}
		.blacklogo.logop #gallery-1 br
		{
		display:none;
		}
		.m100 
		{
			  width: 100% !important;
		}
	}
	@media only screen and (min-width: 768px)  and (max-width: 1200px) 
	{
		.banhead h2.elementor-headline span.elementor-headline-dynamic-text 
		{
		    text-align: center;
			margin-bottom: 25px;
		}
		  .showoverlay:hover .overlaytext 
		   {
			height: 40% !important;   
		   }
	}
	@media only screen and (min-width: 1200px)  
	{	
	.banhead h2.elementor-headline span.elementor-headline-dynamic-text br
		{
			display:none;
		}
		
	}
	@media only screen and (min-width: 1201px) and (max-width: 1300px)   
	{
		.banhead h2.elementor-headline span.elementor-headline-dynamic-text 
		{
		    text-align: center;
			margin-bottom: 25px;
		}
		  .showoverlay:hover .overlaytext 
		   {
			height: 40% !important;   
		   }
		
	}
	@media only screen and (min-width: 1400px)
	{
	   .showoverlay:hover .overlaytext 
		   {
			height:35% !important;   
		   }
	
	}