/**handles:blade-grve-style**/
/*
 Theme Name:   Blade Child
 Theme URI:    http://themeforest.net/user/greatives
 Description:  Blade Child Theme
 Version:      2.6.5
 Author:       Greatives Team
 Author URI:   http://greatives.eu
 Template:     blade
*/

/*Header and menu*/

#grve-theme-wrapper #grve-hidden-menu ul.grve-menu > li.current-menu-item > a {
	color:#6a6a6a;
}

#grve-theme-wrapper #grve-hidden-menu ul.grve-menu > li.current-menu-item > a span {
	border-bottom:6px solid #23a8e1;
}

#grve-theme-wrapper #grve-hidden-menu ul.grve-menu > li > a span {
	padding-bottom:6px;
}

#grve-theme-wrapper .grve-toggle-menu ul.grve-menu li a {
	border:none;
}
#grve-bottom-header .grve-header-elements-wrapper.grve-position-right, .grve-hidden-menu-btn.grve-position-right {
	float:left;
}

#grve-theme-wrapper .grve-header-element .grve-item i[class^="grve-icon-"] {
	font-size:30px;
	color:#23a8e1;
	font-weight:bold;
}

#grve-theme-wrapper .grve-hidden-area {
    display: none;
    position: fixed;
    width: 650px;
    height: 100%;
    top: 0;
    right: auto;
    bottom: 0;
    z-index: 9999;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
    -webkit-transform: translate3d-(100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

#grve-theme-wrapper .grve-hidden-area.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#grve-theme-wrapper .grve-hidden-area.prepare-anim {
    display: block;
}

#grve-theme-wrapper #grve-bottom-header {
	position:absolute;
	top:0;
	left:5%;
	display:table;
}


#grve-theme-wrapper #grve-bottom-header .grve-wrapper {
	display:table-cell;
	vertical-align:middle;
}

/*home services*/

#central {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 100;
	overflow:hidden;
	text-align:center;
	
}

.no-link .service-wrapper, .no-link .service-wrapper:hover  {
	padding:60px 20px 20px 20px;
	max-height:100%;
	
}

.service-wrapper {
	background-color:#fff;
	text-align:center;
	padding:60px 20px;
	max-height:370px;
	margin-bottom:20px;
	
}

.service-wrapper2 {
	position:absolute;
	width:200px;
	text-align:center;
	z-index: 100;
}

.service-wrapper:hover {
	background-color:#23a8e1;
	padding:30px 20px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

#grve-theme-wrapper .wpb_content_element {
	margin-bottom:0;
}

.service-wrapper:hover .img-main, .img-hover,  .service-wrapper2:hover .img-main {
	display:none;
}

.service-wrapper:hover .img-hover,.service-wrapper2:hover .img-hover {
	display:inline-block;
}

.service-title {
	color:#6a6a6a;
	font-family:'Nunito Sans';
	font-weight:900;
	line-height:30px;
	/* margin-bottom:60px; */
	overflow:hidden;
	word-wrap:break-word;
}


#furniture-services .service-title {
	height:120px;
}

#furniture-services .no-link .service-wrapper .service-title {
	height:80px;
}

.service-wrapper .img-hover,.service-wrapper .img-main {
	margin-bottom:20px;
	max-height:120px;
}



.service-wrapper .more-button.grve-btn.grve-btn-small, .tcs-service .grve-read-more {
	background-color: #fff;
	color:#23a8e1;
	text-transform:none !important;
	font-size:14px !important;
	display:none;
	height:60px;
	padding:1.154em 1.538em;
	margin:0 !important;
}

.service-wrapper:hover .more-button.grve-btn.grve-btn-small {
display:inline-block;
}

span.blue {
	color:#23a8e1;

}


#grve-theme-wrapper .grve-btn {
	text-transform:none;
	font-weight:800 !important;
}

#home-why img, .why-tcs img {
	max-height:100px;
	width:auto;
}

.grve-copyright.grve-small-text, .grve-copyright  {
	text-transform:none !important;
	font-size:16px !important;
	font-weight:300;
	letter-spacing:1px;

}

/*feature section */
h1.grve-subheading {
margin-bottom:0;
}

#grve-feature-section.tcs-header h1.grve-title{
	margin:0;
}

.home #grve-feature-section .grve-description {
	/*width:60%;
	margin-top:30px;*/
}

.get-started-btn.grve-btn.grve-btn-extralarge{
	font-size:21px !important;
	padding:0.9em 3em;
}

.contact-btn {
	margin:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
	width:240px;
	
}

.home #grve-feature-section .grve-container {
	max-width:100%;
}

.front-banner .grve-button-wrapper{
	transform: rotate(270deg) !important;
	position:absolute!important;
	right:0;
	top:50%;
	padding:0 !important;
	width:240px;
	overflow:hidden;
	margin-right:-120px;
}

#grve-theme-wrapper .grve-btn.grve-btn-extralarge{
	padding:0.9em 3em;
}

#grve-theme-wrapper .widget.widget_nav_menu li a, #grve-theme-wrapper .grve-widget.grve-latest-news li {
	border:none;
	margin-bottom:0;
}

#grve-theme-wrapper .widget.widget_nav_menu li a:hover, .grve-widget.widget.grve-latest-news .grve-news-content a.grve-title:hover{
	font-weight:bold;
}


#grve-theme-wrapper .grve-widget.grve-latest-news .grve-latest-news-date {
	display:none;
}

.inner-shadow {
	-moz-box-shadow:    inset 0 10px 20px -20px  #6a6a6a;
   -webkit-box-shadow: inset 0 10px 20px  -20px #6a6a6a;
   box-shadow:         inset 0 10px 20px -20px #6a6a6a;
}

.item-wrapper {
	background-color:#fff;
	
}

.grve-btn.grve-bg-white {
	color:#23a8e1 !important;
}

.grve-btn.grve-bg-white:hover {
	color:#666 !important;
}

.grve-portfolio-item figure.grve-hover-style-4 .more-btn {
	opacity:0;
}

.grve-portfolio-item figure.grve-hover-style-4.hover .more-btn {
	opacity:1;
}

.more-btn .grve-btn {
	padding:0.5em 2em;
	margin-top:20px;
}

.grve-portfolio-item figure .grve-caption {
	font-size:20px;
}

#team-row .grve-portfolio-item figure .grve-caption {
	color:#7cd3f8;
}

#team-row .grve-portfolio-item figure .grve-title {
	margin-bottom:0;
	line-height:1em;
}

#team-row .grve-column.grve-column-1-4 {
	padding-left:0;
	padding-right:0;
}

#grve-theme-wrapper #grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li > a .grve-item:after {
    height: 4px;
    bottom: -7px;
}

#grve-main-content #about-testimonials .grve-testimonial-element .grve-section {
	background-color:transparent;
	color:#23a8e1;
}

#grve-theme-wrapper .grve-testimonial-name {
	color:#6a6a6a;
}

#grve-theme-wrapper .grve-title-line{
	margin:0 auto;
}

#central-div {
	width:400px;
	height:400px;
	border-radius:50%;
	margin:0 auto;
	
}

#contact-form .wpcf7-list-item {
	display:block;
}

#grve-theme-wrapper input[type='submit']:not(.grve-custom-btn) {
	text-transform: none;
    font-weight: 800 !important;
	font-size: 18px !important;
	padding: 0.9em 3em;
}

#dial {
	position:relative;
	padding:0;
	float:none;
	margin:0 auto;
}

.service-wrapper2:hover .service-title{
	color:#021533;
}

.service-wrapper:hover .service-title {
	color:#fff;
}
.img-wrapper {
	min-height:150px;
}

.tcs-services .grve-tablet-column-1-2 .grve-element:last-child, .tcs-services .grve-tablet-sm-column-1-2 .grve-element:last-child, .tcs-services .grve-tablet-sm-column-1-2 .grve-element, .tcs-services .grve-tablet-column-1-2 .grve-element {
	margin-bottom:0 !important;
}

.no-btn {
	opacity:0;
}


#grve-theme-wrapper .owl-theme .owl-controls .owl-page.active span {
	background-color:#22a9e1;
	
}

.tcs-service .grve-box-content {
	position:absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 10;
	opacity:0;
	/*-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;*/
}

.tcs-service .grve-read-more {
	
	-webkit-border-radius: 50px !important;
    border-radius: 50px !important;
}

.tcs-service:hover .grve-image-hover .grve-hover-overlay {
	opacity:0.8;
}

.tcs-service:hover .grve-box-content {
	opacity:1;
}

.service-block .service-title {
	text-align:center;
}

.service-block .service-title a {
	color:#6a6a6a;
}

.service-block .service-title a:hover, .service-block:hover .service-title a{
	color:#22a9e1;
}

.tcs-service.grve-element {
	margin-bottom:0;
}

/*responsive*/

@media only screen and (max-width:1240px) {
	.tcs-service .grve-read-more {
    font-size: 12px !important;
    height: auto;
    padding: 10px;
	}

}
@media only screen and (min-width: 1170px) {
	
	.service-title {
	font-size:24px;
	}
	
	#central img#bulb {
		max-height:100px;
	}
	
	#dial {
		width:1170px;		
	}
		
	.service-wrapper2 img {
		max-height:100px;
		margin-bottom:20px;
	}
	
	#furniture {
    	top: 350px;
    	left: 100px;
	}

	#telecom {
		top:110px;
		left:330px;
	}	
	
	#imaging {
		top:110px;
		right:360px;
	}
	
	#promo {
		top:350px;
		right:100px;
	}
	
	#security {
		bottom:330px;
		left:100px;
	}
	
	#surveillance {
		bottom:110px;
		left:330px;
	}
	
	#beverage {
		bottom:110px;
		right:360px;
	}
	
	#marketing {
		bottom:330px;
		right:100px;
	}
	
	#central {
		width:400px;
		height:400px;
		overflow:hidden;
	}
}

@media only screen and (min-width: 992px) and (max-width:1170px) {
	
	.service-title {
	font-size:20px;
	}
	
	#central img#bulb {
		max-height:80px;
	}
	#dial {
		width:900px;
	}
	
	.services-bg img{
		max-width:900px;
	}
	
	.service-wrapper2 img {
		max-height:80px;
		margin-bottom:20px;
	}
	
	#central {
		width:270px;
		height:270px;
		overflow:hidden;
	}
	
	#furniture {
    	top: 250px;
    	left: 50px;
	}

	#telecom {
		top:80px;
		left:240px;
	}	
	
	#imaging {
		top:80px;
		right:240px;
	}
	
	#promo {
		top:250px;
		right:50px;
	}
	
	#security {
		bottom:220px;
		left:50px;
	}
	
	#surveillance {
		bottom:60px;
		left:240px;
	}
	
	#beverage {
		bottom:60px;
		right:240px;
	}
	
	#marketing {
		bottom:220px;
		right:50px;
	}
	
	
}

@media only screen and (min-width: 1024px) {
	.home #grve-theme-wrapper #grve-header.grve-overlapping + * {
    /*top: -90px;*/
}
	
	#grve-theme-wrapper #grve-bottom-header {
		height:135px;
	}
	
	#grve-theme-wrapper #grve-header.grve-sticky-header #grve-bottom-header {
		height:100px;
	}
}

@media only screen and (min-width:992px) {
	
	#home-portfolio {
		display:none;
	}
}

@media only screen and (min-width: 768px) {
	
	.market-segment {
		padding-bottom:20px !important;
	}
	#furniture-services .service-wrapper .tabbed-img {
		height:auto
		
	}
	
	#furniture-services .service-wrapper .img-hover, #furniture-services .service-wrapper .img-main{
		max-height:80px;
		
	}

	.nonstd-half-first{
		width:45%;
	}
	
	.nonstd-half-last{
		width:55%;
	}	
	
	.front-banner .grve-button-wrapper{
		margin:0 -90px 0 0 !important;
	}
}

@media only screen and (min-width:768px) and (max-width:959px) {
	.industry.blue-square .grve-btn.grve-btn-extralarge {
		font-size:13px !important;
	}
	
	.industry.blue-square h3 {
		font-size:22px !important;
	}
}

@media only screen and (max-width:991px) {
	.dial-services {
		display:none;
	}
	
	.service-title {
	font-size:16px;
	}
	
	
}

@media only screen and (min-width:960px) {
	.services-row {
		margin-bottom:40px;
	}
}

@media only screen and (max-width:959px) {
	#comprehensive-services .grve-column-1-4.service-block:nth-child(2n+1) {
		clear:left;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.industry .grve-image-hover img {
		width:auto;
		max-width:100%;
		margin:0 auto;
	}
	.industry.blue-square .grve-column-wrapper {
		padding-top:10%;
		padding-bottom:10%;
	}
	
	.industry .grve-column-wrapper {
		padding-top:0;
		padding-bottom:0;
		margin-bottom:40px;
	}
	
	.img-bg {
		min-height:300px;
	}
	
	.front-banner .grve-button-wrapper{
		margin:0 -100px 0 0 !important;
	}
}

@media only screen and (max-width: 480px) {
	.service-block {
		width:100% !important;
	}
}