/*** 

====================================================================
	About Section
====================================================================

***/
.service-block-three {
    position: relative;
    margin-bottom: 30px;
}
.service-block-three .inner-box {
    position: relative;
    padding: 35px 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}

.h-85{
	height: 85% !important;
}
.desc-ficheiro{
	padding: 14px;
	background: #ededed;
}
.icon-down{
	position: absolute;
	right: 0;
	color: #95c752;
	padding: 0 15px;
	font-size: 22px;
}
.content{}
.apps {
    position: relative;
    font-size: 65px;
    line-height: 90px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block-three .inner-box .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    line-height: 1.7em;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 30px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.service-block-three .inner-box h4 {
    position: relative;
    line-height: 1.4em;
    font-family: var(--tg-body-font-family);
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
}
.service-block-three .inner-box .content {
    position: relative;
}

.service-block-three .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:#95c752;
    transition:all 900ms ease;
    -moz-transition:all 900ms ease;
    -webkit-transition:all 900ms ease;
    -ms-transition:all 900ms ease;
    -o-transition:all 900ms ease;
    transform:rotateY(90deg);
}

.effects {
    padding: 15px;
    background: #95c752;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    position: absolute;
    border-radius: 10px;
    font-size: 30px !important;
    color: white;
    right: -42px;
    top: -34px;
    z-index: 11;
}
.slider-title{
    font-size: 50px !important;
    line-height: 1.4em !important;
}
li .drop a::after{
    content: "\f105";
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    color: var(--tg-paragraph-color);
    margin-left: 8px;
    transition: all 0.3s ease-out 0s;
   
}


/***

====================================================================
	Cases Section Two
====================================================================

.cases-section-two{
	position:relative;
	padding:110px 0px 60px;
	background-color:#f5f5f5;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
***/

.cases-section-two{
    position:relative;
    padding:5px 0px 60px;
    background-color:#f5f5f5;
}

.cases-section-two .owl-dots{
    position:relative;
    display:none;
}

.cases-section-two .owl-nav{
    position:absolute;
    left:50%;
    top:-100px;
    width:100%;
    max-width:1170px;
    margin-left:-585px;
    text-align:right;
}

.cases-section-two .owl-nav .owl-prev,
.cases-section-two .owl-nav .owl-next{
    position:relative;
    width:50px;
    height:50px;
    color:#000000;
    font-size:22px;
    border-radius:50px;
    line-height:44px;
    text-align:center;
    margin-left:15px;
    display:inline-block;
    border:2px solid #cdcdcd;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
}

.cases-section-two .owl-nav .owl-prev:hover,
.cases-section-two .owl-nav .owl-next:hover{
    border-color:#0060ff;
    color:#0060ff;
}

.case-block-two{
    position:relative;
    margin-bottom:30px;
}

.case-block-two .inner-box{
    position:relative;
}

.case-block-two .inner-box .image{
    position:relative;
}

.case-block-two .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.case-block-two .inner-box .image .overlay-box{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.case-block-two .inner-box:hover .overlay-box{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.case-block-two .inner-box .image .overlay-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:1;
    background-color:rgba(20,29,59,0.70);
}

.case-block-two .inner-box .image .overlay-box .search-icon{
    position:absolute;
    left:50%;
    top:60%;
    width:60px;
    height:60px;
    color:#0060ff;
    z-index:1;
    font-weight:600;
    font-size:20px;
    text-align:center;
    line-height:60px;
    margin-left:-30px;
    margin-top:-60px;
    border-radius:50px;
    display:inline-block;
    background-color:#ffffff;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.case-block-two .inner-box .image .overlay-box .search-icon:hover{
    background-color:#0060ff;
    color:#ffffff;
}

.backround-white{
    background-color: white !important;
}

.case-block-two .inner-box .image .overlay-box .arrow{
    position:absolute;
    right:-5px;
    bottom:-5px;
    color:#ffffff;
    width:60px;
    height:60px;
    z-index:1;
    font-size:22px;
    text-align:center;
    line-height:60px;
    background-color:#0060ff;
    border-radius:0px 0px 12px 0px;
}

.case-block-two .inner-box .lower-content{
    position:relative;
    padding-top:25px;
    padding-left:15px;
}

.case-block-two .inner-box .lower-content h5{
    position:relative;
    line-height:1.3em;
    font-weight:700;
}

.case-block-two .inner-box .lower-content h5 a{
    position:relative;
    color:#141d38;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.case-block-two .inner-box .lower-content h5 a:hover{
    color:#0060ff;
}

.case-block-two .inner-box .lower-content .category{
    position:relative;
    margin-top:5px;
    color:#141d38;
    font-weight:500;
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (max-width: 900px) {

	/* CSS */
	.visb{
		display: none;
	}
	.content-wrapper {
		margin-top: 1px !important;
	}
	.hero-wrap {
		margin-top: 138px !important;
	}
	.effects {
		padding: 15px;
		background: #95c752;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
		position: absolute;
		border-radius: 10px;
		font-size: 30px !important;
		color: white;
		right: -35px;
		top: -48px;
		z-index: 11;
	}
	.toogles {
		position: relative;
		top: -5px;
	}
	.breadcrumb-wrap {
		padding: 110px 0 110px !important;
	}
	.about-wrap .about-img-wrap {
		margin-bottom: 25px !important;
	}

}


@media (min-width: 1281px) {

    /* CSS */
    .banner-section-content{
        margin-left: 50vh;
        margin-right: 50vh;
    }

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
	/* CSS */
	.visb{
		display: none;
	}
	.content-wrapper {
		margin-top: 1px !important;
	}
	.hero-wrap {
		margin-top: 138px !important;
	}
	.effects {
		padding: 15px;
		background: #95c752;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
		position: absolute;
		border-radius: 10px;
		font-size: 30px !important;
		color: white;
		right: -35px;
		top: -48px;
		z-index: 11;
	}
	.toogles {
		position: relative;
		top: -5px;
	}
	.breadcrumb-wrap {
		padding: 110px 0 110px !important;
	}
	.about-wrap .about-img-wrap {
		margin-bottom: 25px !important;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
	/* CSS */
	.visb{
		display: none;
	}
	.content-wrapper {
		margin-top: 1px !important;
	}
	.hero-wrap {
		margin-top: 138px !important;
	}
	.effects {
		padding: 15px;
		background: #95c752;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
		position: absolute;
		border-radius: 10px;
		font-size: 30px !important;
		color: white;
		right: -35px;
		top: -48px;
		z-index: 11;
	}
	.toogles {
		position: relative;
		top: -5px;
	}
	.breadcrumb-wrap {
		padding: 110px 0 110px !important;
	}
	

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
   .spacei {
    margin-bottom: 70px;
  }
  .spaceiei {
    background: #eef2fd;
}
}