/*
Theme Name: TruViz
Theme URI: http://colorlib.com/wp/themes/illdy/
Author: Colorlib
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.header-front-page h3 {
	color: white;
}
.header-front-page h2 {
	font-size: 60px;
	color: #1c1c1c !important;
}
.header-front-page {
	padding-bottom: 40px;
}

h3, h4, h5 {
	font-family: 'Montserrat';
}

h6 {
	font-family: 'Lora' !important;
}

.elementor-widget-container {
	font-family: 'Open Sans';
}

#overlay {
height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 99;
    position: absolute;
}
.menu-item a {
	font-size: 17px !important;	text-transform: uppercase;
}

.current_page_item a {
	padding-bottom: 4px;
	color: #ffde00 !important; 
}

.sub-menu {
	background-color: #333333 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.sub-menu li {
	background-color: transparent !important;
}
.sub-menu li a {
	background-color: transparent !important;
color: white !important;
	text-transform: uppercase !important;
		border-left: none !important;
}
.sub-menu li:hover {
background-color: transparent !important;
	
}
.sub-menu li a:hover {
/*background-color: #1c1c1c !important;*/
}
.sub-menu:before {
	display: none !important;
}
footer {
	color: whitesmoke;
}
footer img:first-of-type {
	height: auto !important;
	width: 166px !important;
	margin-bottom: 20px;
}
footer .widget {
	margin: 0px;
	margin-bottom: 10px !important;
}
.bottom-footer {
	background: #292825;
		padding-top: 0px;
}
.bottom-footer .container {
	border-top: 1px solid whitesmoke;
	padding-top: 16px;
	text-align: left;
}
.widget h5 {
	font-weight: 100;
	border-bottom: 1px solid whitesmoke;
text-align: center;
	padding-bottom: 10px !important;
}
.header-button-one {
	margin-top: 30px !important;
	line-height: 45px  !important;
	height: 52px !important;
	padding: 0px 30px !important;
	min-width: auto !important;
}
#header .bottom-header {
    padding-bottom: 0px;
}
.services h4 {
	color: black !important;
}
.services .elementor-widget-wrap {
	background: white;
	border-radius: 5px;
	margin: 10px;
}
.services .elementor-image-box-img {
	width: 100% !important;
}
.services .elementor-image-box-content {
	padding: 0px 10px;
}
.services .elementor-button-link {
	margin: 20px 0px;
	border-radius: 0px !important;
	background: #1c1c1c !important;
}
.services .elementor-button-link:hover {
	background: black !important;
	border: 3px solid black !important;
}

section h3, section h2 {
	color: #1c1c1c !important;
	font-weight: 400 !important;
}
section h5 {
	color: #292825 !important;
	font-weight: 400 !important;
	line-height: 40px !important;
}

section .elementor-button {
	background-color: transparent !important;
	color: black !important;
	border: 3px solid #1c1c1c;
	font-weight: 400 !important;
	border-radius: 0px !important;
}

section h6, section h1 {
	color: white !important;
}
section h6 {
	font-size: 22px;
	border-left: 1px solid white;
	display: inline-block;
	padding-left: 20px !important;
	margin-left: 150px !important;
	height: 60px;
	padding-top: 40px !important;
	font-weight: 400 !important; 
}

.services a {
	color: white !important;
}

.subPageTitle {
	width: 50%;
    line-height: 60px !important;
		font-size: xxx-large !important;
	text-align: left !important;
	text-transform: uppercase;
}
.subtitle {
	background-color: rgba(102, 102, 102, 0.50);
	text-align: left;
	padding: 15px;
	font-size: 25px;
	letter-spacing: 1.75px;
	font-weight: 300;
}
#blog h1, #blog h6 {
	color: #333333 !important;
}
#blog h6 {
	border-color: #333333;
}

#blog h3:before {
    top: 22px;
    background: #1c1c1c;
}
#blog h3:before {
    content: "";
    position: absolute;
    left: -75px;
    top: 20px;
    height: 2px;
    width: 55px;
    top: 13px;
}
footer .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
    display: inline;
	    padding-left: 0px;
}
footer .widget:not(.widget_rss):not(.widget_recent_comments):not(.widget_recent_entries) ul li {
		    padding-left: 0px;
}
footer .zoom-social-icons-list--no-labels .zoom-social_icons-list__item:before {
    display: none;
}
.zoom-social-icons-list {
text-align: center;
}

.contact .elementor-heading-title {
	color: white !important;
}

.contact .contactBox {
	border: 1px solid #c3c3c3;
	padding-left: 10px;
	height: 125px;
}
.contactBox p {
	margin: 0px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.contact form input, .contact form textarea, .contact form button {
	border: 2px solid white !important;
	color: white !important;
	background: transparent !important;
}

.blueBox {
	background: #1c1c1c;
	margin: 20px;
	color: white;
}
.blueBox h4 {
	color: white !important;
	text-transform: uppercase;
}
.blueBox .elementor-image-box-description {
	color: white !important;
}
.blueBox .elementor-button-wrapper a {
	color: white !important;
	background: black !important;
}
.blueBox .elementor-button-wrapper a:hover {
	color: black !important;
	background: white !important;
}
.process1 .elementor-widget-container, .process2 .elementor-widget-container, .process3 .elementor-widget-container {
	width: 60% !important;
	min-width: 550px !important;
	padding: 20px 0px !important;
		color: #c3c3c3 !important;
	font-weight: 200;
	font-size: larger;
}
.process1 {
    background: url(/wp-content/uploads/2019/12/process-line-1.png) 65px top no-repeat !important;
    padding-top: 180px !important;
}
.process2 {
	background: url(/wp-content/uploads/2019/12/process-line-2.png) 65px top no-repeat;
    padding-left: 590px;
    padding-top: 100px;

}
.process3 {
	background: url(/wp-content/uploads/2019/12/process-line-3.png) 65px top no-repeat;
    padding-top: 100px;
}


.is-sticky .header-logo-img {
	width: 166px;
}
.is-sticky .top-header {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
#header .top-header .header-navigation > ul {
	margin-top: 0px !important;
}
.responsive-menu {
	background: black;
}
.responsive-menu a {
	color: white !important;
}
.current-menu-item a {
	color: #ffde00 !important;
}
.current-menu-item a:before {
	width: 100% !important;
}


.sub-menu {
margin-top: 0px !important;	
    width: 290px !important;
}
.sub-menu a {
		font-size: 14.5px !important;
}

.responsive-menu .sub-menu {
    width: 100% !important;
	margin: 0px !important; 
}

.responsive-menu .sub-menu .current_page_item a:hover{
    width: 100% !important;
	background: transparent !important;
}


footer .zoom-social_icons-list-span  {
    color: rgb(133, 139, 153);
    font-size: 18px;
    padding: 8px;
    border: 2px solid rgb(133, 139, 153);
    border-radius: 99px;
    height: 19px !important;
    width: 19px !important;
}

.services .elementor-widget-button{
	bottom: 5px;
	position: absolute;
}
.services .elementor-widget-image-box {
	padding-bottom: 70px;
}


.blueBox .elementor-widget-button{
	bottom: 5px;
	position: absolute;
}
.blueBox .elementor-widget-image-box {
	padding-bottom: 45px;
}

#header .top-header .header-navigation ul li {
line-height: 0px !important;
}

#header .top-header .header-navigation ul li.menu-item-has-children a {
    margin-bottom: 0px
}

li.menu-item>a:before {
	    top: initial;
    bottom: 8px !important;
    position: absolute !important;
    left: 0px !important;
    top: 30px !important;
    height: 2px !important;
    width: 0px;
    background: #fcdb01 !important;
    content: "" !important;
    transition: all .3s ease-in;
}

.sub-menu li.menu-item>a:before {
	background: transparent !important;
}

.sub-menu a {
  background-position: 100% 100%;
}

.sub-menu a:hover::before {
	background: transparent !important;
}

.sub-menu a:hover {
	  background: linear-gradient(90deg, 
     #1c1c1c, #1c1c1c 50%, #333 50%, #333
  );
  background-size: 200% 100%;
    transition: all .4s ease-in;
}







.header-button-one, .elementor-custom-button a {
	border-radius: 0px !important;
  background-image: -webkit-linear-gradient(30deg, #1c1c1c 50%, transparent 50%) !important;
  background-image: linear-gradient(30deg, #1c1c1c 50%, transparent 50%) !important;
  background-size: 450px !important;
  background-repeat: no-repeat !important;
  background-position: 100% !important;
  -webkit-transition: background 300ms ease-in-out !important;
  transition: background 300ms ease-in-out !important;
}
.header-button-one:hover, .elementor-custom-button a:hover {
  background-position: 0% !important;
  color: white !important;
}







li.menu-item>a:hover::before  {
  transition: border-width 0.6s linear;
		width: 100%;
	    transition: all .3s ease-in;
}

.sub-menu a:hover::before  {
display: none !important;
}

body {
	overflow-x: hidden;
}
.subTitle h3 {
	color: black !important;
	font-size: larger !important;
	font-weight: 500 !important;
}
.subTitle h3:before {
	background: black !important;
	height: 1px !important;
	width: 30px !important;
	margin-left: 30px;
}

.subTitle2 h3 {
	padding: 0px 20px !important;
display: inline-block;
	background: #fff;
	color: black !important;
}

.subTitle2 h3:before {
	background: none !important;
	z-index: -1;
	top: 45px !important;
	width: 100% !important;
	left: 0px !important;
  border-top: solid 1px #adac97;
  margin-top: -28px !important;
}
.blueBox {
	padding-top: 10px;
}
.blueBox ul {
	text-align: left !important;
}

.noButton .elementor-widget  {
	padding-bottom: 0px !important;
}
h4.elementor-heading-title {
	color: black !important;
}
		.responsive-menu .menu-item a:before {
				background: transparent !important;
			}

   @media only screen and (max-width: 1175px) {
		 .process2 {
			 padding-left: 360px !important; 
		 }

		 }

    @media only screen and (max-width: 900px) {
			ul .sub-menu {
				display: none;
			}
					 .process2 {
			 padding-left: 260px !important; 
		 }

			
		.elementor-row {
				padding: 0px 20px !important;
			}
			section h1 {
				font-size: 50px;
			}
			.process2 {
				padding-left: 0px !important;
			}
			

    }


   @media only screen and (max-width: 380px) {
		 .subPageTitle {
	width: 100%;
		 }
		 .contactBox img {
			 width: 50px;
		 }
		 .contactBox {
			 			 height: auto !important;
		 }
		 .process1 {
			 background-image: none !important;
			 padding: 0px !important; 
			 
		 }
		 .process1 .elementor-widget-container, .process2 .elementor-widget-container, .process3 .elementor-widget-container {
				 min-width: 100% !important; 
			 }
		 .process1 img , .process2 img , .process3 img {
			display: none; 
		 }
		 
			.process2 {
				padding-left: 0px !important;
			}
    }