/* ===================================
    About
=================================== */

/*
    Theme Name: Portfolio Agency
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page , Multi Parallax Template
    Tags: One page, multi page, multipurpose, parallax, creative, html5

 */

/* ===================================
      Table of Contents
=================================== */
/*
01 Body
02 Custom Classes
   02-1 Short codes
   02-2 Loader
03 Navigation
04 Owl & revolution
05 Page header
06 Detail page
07 Contact us
08 Footer
09 Scroll Top
10 StandAlone
11 Map
12 Client Envato
13 Nuovo
14 Counters
15 Media Queries

/*=================================
        Google Fonts
===================================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800|Roboto:400,500,700|Raleway:400|Poppins:300,400,500,600,700&display=swap');
html { scroll-behavior: smooth; }
body { overflow-x: hidden; /* font-family: 'Roboto', sans-serif; */
background-color: #23262d; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.form-control:focus { outline: none !important; box-shadow: none !important; border-color: #ced4da !important; }
#logoMobile { display: none; }
#logoSite { display: block; }

/* ===================================
    Scrollbar
====================================== */

::-webkit-scrollbar {
 width: 10px;
}

::-webkit-scrollbar-track {
 width: 12px;
 background: #ffffff;
 border-left: 0 solid white;
 border-right: 0 solid white;
}

::-webkit-scrollbar-thumb {
 background: #867dff;
 width: 0;
 height: 25%;
}
/*=================================
        Custom Css
===================================*/

/* overlay */
.bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
a { text-decoration: none; color: inherit; }
a:focus { color: inherit }
/* opacity */
.opacity-full { opacity: 1; }
.opacity-1 { opacity: .1; }
.opacity-2 { opacity: .2; }
.opacity-3 { opacity: .3; }
.opacity-4 { opacity: .4; }
.opacity-5 { opacity: .5; }
.opacity-6 { opacity: .6; }
.opacity-7 { opacity: .7; }
.opacity-8 { opacity: .8; }
.opacity-9 { opacity: .9; }
.bg-black { background: #202020; }
.heading-area { position: relative; transform: translate(63%, 80%); z-index: 11; }
.heading-area.long-area { transform: translate(84%, 80%); width: 85%; }
.heading { font-size: 70px; font-weight: 700; color: #ffffff; /* font-family: 'Montserrat', sans-serif; */
font-family: 'Poppins', sans-serif; }
.text { font-size: 18px; color: #ffffff; /* font-weight: 300; */
font-family: 'Montserrat', sans-serif; font-weight: 500; }
.btn-main { position: relative; padding: 12px 30px; color: #ffffff; display: inline-block; font-size: 16px; text-decoration: none; transition: .5s ease; z-index: 11; border: 2px solid #ffffff; }
.btn-main:hover { color: #ffffff!important; border-color: #51efc4; background-color: #51efc4; }
.btn-main-inverse { position: relative; padding: 8px 30px; color: #ffffff; background-color: #000000; border: solid 1px #000000; display: inline-block; font-size: 16px; text-decoration: none; transition: .5s ease; z-index: 11; }
.btn-main-inverse:hover { color: #fff; background-color: #867dff; border: solid 1px #867dff; }
.btn-sec-inverse { z-index: 11; color: #202020; position: relative; padding: 14px 30px; background-color: #ffffff; border: solid 1px #ffffff; display: inline-block; font-size: 16px; text-decoration: none; transition: .5s ease; font-weight: 500; text-transform: uppercase; }
.btn-sec-inverse:hover { color: #23262d; background-color: #51efc4; border: solid 1px #51efc4; }
.position-relative { position: relative; }
.anim-text-white { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#51efc4), color-stop(50%, #51efc4), color-stop(50%, #FFFFFF)); background-image: linear-gradient(to right, #51efc4, #51efc4 50%, #FFFFFF 50%); background-size: 200% 100%; background-position: 100%; }
.anim-text-white:hover { -webkit-transition: all 0.8s cubic-bezier(0, 0, 0.23, 1); transition: all 0.8s cubic-bezier(0, 0, 0.23, 1); background-position: 0; }
 @media not all and (min-resolution:.001dpcm) {
 @supports (-webkit-appearance:none) {
 .anim-text-white {
 -webkit-background-clip: unset;
 -webkit-text-fill-color: unset;
 background-image: unset;
 background-size: unset;
 background-position: unset;
 color: #ffffff !important;
}
 .anim-text-white:hover {
 -webkit-background-clip: unset;
 -webkit-text-fill-color: unset;
 background-image: unset;
 background-size: unset;
 background-position: unset;
 color: #867dff !important;
}
}
}
.padding-top { padding-top: 120px; }
.margin-top { margin-top: 40px; }
.padding-bottom { padding-bottom: 120px; }
.padding-top-half { padding-top: 80px; }
.padding-bottom-half { padding-bottom: 80px; }
/* ===================================
        Preloader
====================================== */

.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: #23262d; z-index: 999; }
.dot-container { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; filter: url('#goo'); animation: rotate-move 2s ease-in-out infinite; }
.dot { width: 70px; height: 70px; border-radius: 50%; background-color: #867dff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.dot-3 { background-color: #867dff; animation: dot-3-move 2s ease infinite, index 6s ease infinite; }
.dot-2 { background-color: #867dff; animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite; }
.dot-1 { background-color: #867dff; animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite; }
 @keyframes dot-3-move {  20% {
 transform: scale(1)
}
 45% {
 transform: translateY(-18px) scale(.45)
}
 60% {
 transform: translateY(-90px) scale(.45)
}
 80% {
 transform: translateY(-90px) scale(.45)
}
 100% {
 transform: translateY(0px) scale(1)
}
}
 @keyframes dot-2-move {  20% {
 transform: scale(1)
}
 45% {
 transform: translate(-16px, 12px) scale(.45)
}
 60% {
 transform: translate(-80px, 60px) scale(.45)
}
 80% {
 transform: translate(-80px, 60px) scale(.45)
}
 100% {
 transform: translateY(0px) scale(1)
}
}
 @keyframes dot-1-move {  20% {
 transform: scale(1)
}
 45% {
 transform: translate(16px, 12px) scale(.45)
}
 60% {
 transform: translate(80px, 60px) scale(.45)
}
 80% {
 transform: translate(80px, 60px) scale(.45)
}
 100% {
 transform: translateY(0px) scale(1)
}
}
 @keyframes rotate-move {  55% {
 transform: translate(-50%, -50%) rotate(0deg)
}
 80% {
 transform: translate(-50%, -50%) rotate(360deg)
}
 100% {
 transform: translate(-50%, -50%) rotate(360deg)
}
}
 @keyframes index {  0%, 100% {
 z-index: 3
}
 33.3% {
 z-index: 2
}
 66.6% {
 z-index: 1
}
}
/* ===================================
    Menu-Line
====================================== */

.menu-line i { transform: rotate(-10deg); display: inline-block; }
.menu-line { position: absolute; left: -50px; font-size: 3.6rem; font-weight: bolder; color: #51efc4; top: 32px; display: block; text-align: center; width: auto; height: 75px; pointer-events: none; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1); -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }
.navbar-nav .nav-link:nth-child(1).active~.menu-line { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(2).active~.menu-line { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(3).active~.menu-line { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(4).active~.menu-line { -webkit-transform: translate3d(0, 300%, 0); transform: translate3d(0, 300%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(5).active~.menu-line { -webkit-transform: translate3d(0, 400%, 0); transform: translate3d(0, 400%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(6).active~.menu-line { -webkit-transform: translate3d(0, 500%, 0); transform: translate3d(0, 500%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(7).active~.menu-line { -webkit-transform: translate3d(0, 600%, 0); transform: translate3d(0, 600%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(1):hover~.menu-line { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(2):hover~.menu-line { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(3):hover~.menu-line { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(4):hover~.menu-line { -webkit-transform: translate3d(0, 300%, 0); transform: translate3d(0, 300%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(5):hover~.menu-line { -webkit-transform: translate3d(0, 400%, 0); transform: translate3d(0, 400%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(6):hover~.menu-line { -webkit-transform: translate3d(0, 500%, 0); transform: translate3d(0, 500%, 0); }
.nav-icon .navbar-nav .nav-link:nth-child(7):hover~.menu-line { -webkit-transform: translate3d(0, 600%, 0); transform: translate3d(0, 600%, 0); }
/*=================================
        Header Section
===================================*/

header .header-appear .sidemenu_btn { position: fixed; left: 30px; top: 30px; z-index: 11; animation-name: animationFade; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
header .inner-header { padding: 30px 20px; position: absolute; left: 0; right: 0; top: 0; z-index: 111; background-color: #23262d; }
header .inner-header.stand { position: relative; }
header .navbar-brand { margin-right: 0; text-align: center; }
header .navbar-brand img { max-width: 88px; }
/*side open btn*/
.sidemenu_btn { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; width: 38px; padding: 6px;  margin-left: .5rem;
 margin-top: .4rem;
display: inline-block; }
.sidemenu_btn span { height: 2px; width: 100%; background: #ffffff; display: block; margin: auto; transition: .5s ease; }
.sidemenu_btn:hover span:first-child, .sidemenu_btn:hover span:last-child { width: 70%; }
.sidemenu_btn span:nth-child(2) { margin: 4px 0; }
/* ===================================
    Side Menu
====================================== */

.side-menu { width: 40%; position: fixed; left: 0; top: 0; bottom: 0; background-color: #27273a; z-index: 2032; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: -o-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; -webkit-transition: transform .5s ease; overflow: hidden; }
.side-menu-opacity { opacity: 0; }
.side-menu.left { left: 0; right: auto; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.side-menu.before-side { width: 280px; }
.side-menu.side-menu-active, .side-menu.before-side { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pul-menu .side-menu.side-menu-active { visibility: visible; opacity: 1; }
.side-menu .navbar-brand { margin: 0 0 2.5rem 0; }
/*Side overlay*/
#close_side_menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); display: none; z-index: 1031; opacity: 0.4; }
/*side clode btn*/
.side-menu .btn-close {height: 42px;width: 42px;border-radius: 50%;display: inline-block;text-align: center;position: absolute;top: 30px;left: 40px;cursor: pointer;border: solid 2px #fff;padding: 0;opacity: 1;background: none;box-sizing: border-box;}
.header-appear~.side-menu .btn-close { top: 50px; }
.side-menu.before-side .btn-close { display: none; }
.side-menu .btn-close::before, .side-menu .btn-close::after { content: ' '; position: absolute; left: 18px; height: 30px; width: 3px; top: 5px; background: #fff; }
.side-menu .btn-close:before { -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); }
.side-menu .btn-close:after { -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); }
.side-menu .inner-wrapper { padding: 3.5rem 5rem; height: 100%; position: relative; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pul-menu.pushwrap .side-menu .inner-wrapper { padding: 3.5rem 2.5rem; }
.side-menu .navbar-nav {margin-bottom: 50px;display: block;border: none;}
.side-menu-inner-content .side-menu-footer { position: absolute; left: 40px; right: 40px; bottom: 28px; z-index: 1; }
.side-menu-inner-content .copywrite, .side-menu-inner-content .social-icons a i { color: #FFFFFF; opacity: 1; }
.side-menu-inner-content .social-icons a:hover { background-color: #ffffff; }
.side-menu-inner-content .social-icons a:hover i { color: #000000; }
.side-menu-inner-content .navbar-nav { transform: translateY(0); }
 @-webkit-keyframes animationFade {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes animationFade {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
/*=================================
    Slide Nav Css
===================================*/

.navbar-nav { transform: translateX(50%); position: relative; z-index: 11; }
.navbar-nav .nav-link { min-height: 40px; text-align: left; display: flex; align-items: center; text-decoration: none; font-size: 33px; color: #ffffff; font-weight: 700; text-transform: lowercase; /* font-family: 'Montserrat', sans-serif; */
font-family: 'Poppins', sans-serif; }
.navbar-nav .sub-menu li a {color: #fff;font-size: 20px;text-transform: none;font-weight: normal;}
.navbar-nav .sub-menu .nav-link { margin-bottom: 0; }
.navbar-nav .sub-menu { margin-bottom: 10px; }
.sidenav-bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 11; transition: .3s ease; }
.sidenav-bottom-fixed { position: fixed; bottom: 2%; left: 1%; right: 77%; z-index: 11; transition: 0s; animation: 1s fadeIn; }
.social-icons, .copywrite { width: 50%; float: left; }
.copywrite { padding-right: 30px; font-size: 13px; color: #ffffff; opacity: .6; }
.social-icons span a { text-decoration: none; display: flex; justify-content: center; align-items: center; background-color: transparent; height: 30px; width: 30px; border-radius: 50%; text-align: center; transition: .5s ease; }
.social-icons span a:hover { background-color: #867dff; }
.social-icons span a:hover i { color: #ffffff; }
.social-icons span i { font-size: 15px; color: #ffffff; }
/*=================================
    Main Banner Section
===================================*/

.main { height: 98vh; }
.main .img-area { height: 98vh; overflow: hidden; }
.main .slider-img img { width: 100% !important; height: 100%; }
.main .slider-img .white-overlay { right: 78%; }
/*=================================
    Services Section
===================================*/

.services-sec { position: relative; }
.services-sec:before { content: ''; width: 750px; height: 500px; position: absolute; background: #867dff; top: 50%; left: 50%; transform: translate(-38%, -94%); }
.services-sec.services-sec2:before { background: #3319b2; left: 44%; top: 42%; }
.services-sec.services-sec2 .heading-area { text-align: right; }
.services-sec.services-sec1:before { top: 60%; }
.services-sec .image-holder { margin-top: 50px; }
.services-sec .heading-area { transform: translate(0, 40%); }
.services-sec.services-sec1 .heading-area { transform: translate(0, 30%); }
.services-sec .services-boxes { display: block; padding: 50px 50px; }
.services-sec .services-boxes .service-card { width: 43%; float: left; margin-top: 100px; display: flex; align-items: center;/* cursor: pointer; */
}
.services-sec .services-boxes .service-card:first-child { margin-top: 0; }
.services-sec .services-boxes .service-card .icon-holder { display: inline-block; margin-right: 20px; margin-left: 20px; color: #ffffff; transition: .5s ease; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#51efc4), color-stop(50%, #51efc4), color-stop(50%, #ffffff)); background-image: linear-gradient(to right, #51efc4, #51efc4 50%, #ffffff 50%); background-size: 200% 100%; background-position: 100%; }
.services-sec .services-boxes .service-card:hover .icon-holder { -webkit-transition: all 0.8s cubic-bezier(0, 0, 0.23, 1); transition: all 0.8s cubic-bezier(0, 0, 0.23, 1); background-position: 0; }
.services-sec .services-boxes .service-card.right:hover .icon-holder { -webkit-transition: all 0.8s cubic-bezier(0, 0, -0.23, 1); transition: all 0.8s cubic-bezier(0, 0, -0.23, 1); background-position: 0; }
.services-sec .services-boxes .service-card .icon-holder i { font-size: 100px; }
.services-sec .services-boxes .service-card.left.icon-right { width: 50%; }
.services-sec .services-boxes .service-card.left { float: left; clear: left; width: 50%; padding-right: 2em; }
.services-sec .services-boxes .service-card.right { /* margin-top:50px; */
margin-bottom: 50px; float: right; clear: right; width: 50%; padding-left: 2em; }
.services-sec .services-boxes .service-card .text { margin-bottom: 0; }
.services-sec .services-boxes .service-card.right .icon-holder { margin-bottom: 20px; }
.services-sec .services-boxes .service-card.right .icon-holder img, .services-sec .services-boxes .service-card.left .icon-holder img { max-width: 100px; min-width: 100px; }
.services-sec .services-boxes .service-card.right:last-child { margin-bottom: 20px; }
/*=================================
    Portfolio Section
===================================*/

.portfolio-sec .portfolio-carousel .work-detail { margin-top: 50px; }
.portfolio-sec .portfolio-carousel .work-detail .work-heading { font-size: 22px; font-weight: 500; color: #ffffff; }
.portfolio-sec .work-navigation { position: absolute; left: -145px; top: 65%; }
.portfolio-sec .work-navigation a { text-decoration: none; display: block; transition: .8s ease; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#51efc4), color-stop(50%, #51efc4), color-stop(50%, #ffffff)); background-image: linear-gradient(to right, #51efc4, #51efc4 50%, #ffffff 50%); background-size: 200% 100%; background-position: 100%; }
.portfolio-sec .work-navigation a:hover { -webkit-transition: all 0.8s cubic-bezier(0, 0, 0.23, 1); transition: all 0.8s cubic-bezier(0, 0, 0.23, 1); background-position: 0; }
.portfolio-sec .work-navigation a i { font-size: 34px; font-weight: 600; }
.portfolio-sec .work-navigation a.portfolio-right-arr { margin-top: 0; margin-left: 80px; }
.portfolio-sec .work-detail .work-btn { margin-right: 3px; }
/*=================================
    Testimonial Section
===================================*/

.testimonial-sec { position: relative; }
.testimonial-sec:before { content: ''; width: 750px; height: 580px; position: absolute; /* background: #51efc4; */
background: #3319b2; top: 50%; left: 50%; transform: translate(-38%, -80%); }
.testimonial-sec .heading-area { position: absolute; transform: translate(0, 80%); z-index: 11; left: 0; width: 40%; }
.testimonial-sec .item { margin-left: auto; }
.testimonial-sec .review-detail { display: block; margin-top: 50px; }
.testimonial-sec .user-detail { z-index: 11; display: table; color: #ffffff; margin-left: auto; }
.testimonial-sec .user-detail .user-name { font-size: 24px; font-weight: bold; color: #51efc4; }
.testimonial-sec .user-detail .user-loc { font-size: 18px; font-weight: 300; }
.testimonial-sec .review-detail .text { width: 90%; }
.testimonial-sec .review-detail .quote-icon-right { position: absolute; right: 0; bottom: 0; font-size: 24px; color: #ffffff; }
.testimonial-sec .review-detail .quote-icon-left { position: absolute; left: 0; bottom: 100%; font-size: 24px; color: #ffffff; }
.testimonial-sec .image-holder img { width: 50%; margin-left: auto; display: flex; }
.testimonial-sec .text { padding: 40px 0; }
/*=================================
    Contact Section
===================================*/

.contact-sec .heading-area { transform: translate(75%, 250%); width: 100%; }
.contact-sec .contact-inner { background: #867dff; border: solid 10px #867dff; /* background: #51efc4;
    border: solid 10px #51efc4;  */
padding: 80px; }
.contact-sec .contact-inner .contact-details ul { padding-left: 0; margin-left: 0; }
.contact-sec .contact-inner .contact-details ul li { list-style: none; display: inline-block; margin-right: 50px; font-size: 18px; color: #ffffff; font-weight: 300; }
.contact-sec .contact-inner .contact-details ul li i { opacity: 1; color: #ffffff; font-size: 26px; margin-right: 10px; }
.contact-sec .contact-form-sec { width: 50%; margin: auto; }
.contact-sec .contact-form .form-control { margin-bottom: 30px; border-radius: 0; padding-left: 0; }
.contact-sec .contact-form input { border: none; color: #ffffff; background: transparent; border-bottom: solid 1px #e6e6e6; }
.contact-sec .contact-form textarea { border: none; color: #ffffff; background: transparent; border-bottom: solid 1px #e6e6e6; }
.contact-sec .btn-main-inverse { margin-top: 30px; margin-bottom: 30px; }
 .contact-sec ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
}
 .contact-sec :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
}
 .contact-sec ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
}
/* ===================================
   Footer Section
====================================== */

.footer-style-1 { padding: 5rem 0; padding-top: 0; }
.footer-style-1 .footer-social ul { margin: 0; padding: 0; }
.footer-style-1 .footer-social li { display: inline-block; }
.footer-style-1 .footer-social a { color: #000000; display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 50px; font-size: 17px; margin: 0 10px 0 0; border: 1px solid transparent; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
.footer-style-1 .footer-social li:nth-last-child(1) a { margin-right: 0; }
.footer-style-1 .footer-social li a:hover { background-color: #867dff; color: #ffffff; }
.footer-style-1 .company-about { font-size: 14px; }
.footer-style-1 .contact-pot { transform: translateY(-50px); }
.footer-style-1 .contact-pot img { width: 60%; }
/* ===================================
   Scroll Top
====================================== */

.go-top { position: fixed; cursor: pointer; bottom: 15px; right: 15px; border-radius: 50%; color: #202020; background-color: #51efc4; z-index: 4; width: 40px; text-align: center; height: 42px; line-height: 42px; opacity: 0; visibility: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); }
.go-top.active { -webkit-animation: bounceInDown 2s; animation: bounceInDown 2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
.go-top i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.go-top i:last-child { opacity: 0; visibility: hidden; top: 60%; }
.go-top::before { content: ''; position: absolute; border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #867dff; opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.go-top:hover { color: #ffffff; transition: .3s ease; }
.go-top:hover::before { opacity: 1; visibility: visible; transition: .3s ease; }
.go-top:hover i:first-child { opacity: 0; top: 0; visibility: hidden; }
.go-top:hover i:last-child { opacity: 1; visibility: visible; top: 50%; }
/* ===================================
     Stand Alone
====================================== */

.standalone { padding: 120px 0; }
.standalone-row:not(:last-child) { margin-bottom: 3rem; }
.standalone-row .stand-img-des { padding-left: 30px; text-align: center; }
.standalone-row:nth-child(2) .stand-img-des { padding-left: 0; padding-right: 30px; }
.standalone-detail .sub-heading { font-size: 16px; font-weight: normal; font-family: 'Montserrat', sans-serif; }
.standalone-area .sub-heading { font-size: 16px; font-weight: normal; font-family: 'Montserrat', sans-serif; }
.standalone-detail .heading { margin: 15px 0; line-height: 1.2; font-size: 70px; font-weight: 700; color: #ffffff; text-transform: lowercase; font-family: 'Montserrat', sans-serif; }
.standalone-detail .para_text { text-align: center; color: #ffffff; margin: 0 auto; font-size: 16px; opacity: 0.7; font-weight: 300; font-family: 'Roboto', sans-serif; }
.standalone-detail { padding-bottom: 100px; }
.standalone-area .heading-text { font-size: 48px; font-weight: 700; margin: 15px 0; text-transform: lowercase; font-family: 'Montserrat', sans-serif; }
.standalone-area .stand-img-des .para_text { font-size: 16px; margin: 0 auto; color: #ffffff; opacity: .7; font-family: 'Roboto', sans-serif; }
.page-title { background: url("../img/standalone.jpg"); position: relative; text-align: center; padding: 200px 0 150px 0; background-size: cover; background-position: top center; }
.page-title .auto-container { position: relative; }
.page-title h2 { position: relative; color: #ffffff; font-weight: bold; line-height: 1.2em; margin-bottom: 10px; font-size: 60px; text-transform: capitalize; font-family: 'Montserrat', sans-serif; }
.page-breadcrumb { position: relative; }
.page-breadcrumb li { position: relative; display: inline-block; margin-right: 10px; padding-right: 15px; color: #ffffff; font-size: 16px; font-weight: 500; text-transform: capitalize; font-family: 'Montserrat', sans-serif; }
.page-breadcrumb li:after { position: absolute; content: "\f101"; right: -5px; top: 1px; color: #ffffff; font-size: 16px; font-weight: 900; font-family: "Font Awesome 5 Free"; }
.page-breadcrumb li:last-child::after { display: none; }
.page-breadcrumb li:last-child { padding-right: 0; margin-right: 0; }
.page-breadcrumb li a { color: #fff; font-weight: 500; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.page-breadcrumb li a .icon { margin-right: 4px; color: #867dff; }
.page-breadcrumb li a:hover { color: #ffffff; }
.footer-alone { padding-bottom: 7.5rem; }
.footer-alone .footer-social ul { margin: 0; padding: 0; }
.footer-alone .footer-social li { display: inline-block; }
.footer-alone .footer-social i { color: #ffffff; }
.footer-alone .footer-social a { position: relative; display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 50px; font-size: 15px; margin: 0 10px 0 0; border: 1px solid transparent; visibility: visible !important; color: #ffffff; }
.footer-alone .footer-social a i { position: relative; z-index: 11; transition: .3s ease; }
.footer-alone .footer-social li:nth-last-child(1) a { margin-right: 0; }
.footer-alone .footer-social li a span { position: absolute; left: 100%; right: 100%; bottom: 100%; top: 100%; z-index: 1; background: #867dff; border-radius: 50%; transition: .3s ease; }
.footer-alone .footer-social li a:hover span { left: 0; right: 0; bottom: 0; top: 0; }
.footer-alone .footer-social li a:hover i { color: #ffffff; transition: .3s ease; }
.footer-alone .company-about { font-size: 14px; color: #ffffff; opacity: .7; }
/* StandAlone Image Hover */
.img-list { list-style: none; padding: 0; margin: 0; }
.img-list .image-hover { border: 5px solid transparent; box-sizing: border-box; float: left; position: relative; cursor: pointer; }
.img-list img { max-width: 100%; vertical-align: middle; }
.img-list .image-hover:before { transition: all .5s ease; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; transform: scale(0); }
.img-list .image-hover:hover:before { opacity: .5; transform: scale(1); }
.img-list .image-hover:after { transition: all .6s ease .2s; content: ""; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #aaa; background: #000000; opacity: 0; transform: scale(0); }
.img-list .image-hover:hover:after { opacity: .35; transform: scale(1); }
/*Map Section*/
.mapouter { position: relative; text-align: right; height: 100%; width: 100%; }
.gmap_canvas { overflow: hidden; background: none !important; height: 100%; width: 100%; }
.map { /*filter: grayscale(100%);*/
filter: grayscale(100%) invert(100%) contrast(99%); }
.google-map .gm-style .place-card-large { display: none; }
/* ===================================
   Client
====================================== */
/* .envato-bg{
    background-color: #18212e;
} */
.owl-carousel .owl-item img { width: auto; max-width: 100%; display: inline-block; }
.partners-slider .logo-item { text-align: center; }
.map-area { position: relative; height: 250px; margin-bottom: 250px; }
.full-map { height: 500px; width: 100%; overflow: hidden; }
/* ===================================
    Nuovo
====================================== */
/* .iconInfrastructure {
    max-height: 100px;
} */
.titleComponents { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 700; }
.titleComponents a { color: #ffffff; font-size: 32px; font-family: 'Montserrat', sans-serif; line-height: 38.4px; display: block; }
.bgNuovo, .home section.bgNuovo { background: #27273a; }
.home section:not(.bgNuovo) { background-color: #23262d !important; }
.service-card .text a { color: #fff; font-family: 'Montserrat', sans-serif; }
/* ===================================
    Counters Section
====================================== */

.counters .green-box { width: 80%; background: #867dff; padding: 80px 40px; position: relative; }
.counters .box-content h1 { top: 50%; left: 0; margin: 20px 0; width: 180%; max-width: 180%; }
.counters .box-content h4 { font-size: 24px; color: #ffffff; margin-bottom: 0; font-weight: normal; font-family: Roboto, sans-serif; }
.counters .box-content p { font-size: 18px; color: #ffffff; font-weight: normal; font-family: Roboto, sans-serif; }
.counters .counter { margin: 50px 30px; text-align: center; display: inline-block; }
.counters .counter h5 { color: #ffffff; padding: 5px 0; font-size: 42px; font-weight: bold; font-family: Roboto, sans-serif; }
.counters .counter p { font-size: 18px; color: #ffffff; padding: 0 20px; font-weight: normal; font-family: Roboto, sans-serif; }
/* ===================================
     UI-Block-26
==================================== */
.ui-block-26.stats .bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .ui-block-26.stats {
    background: url(../img/ui-block-26-counter.jpg);
} */

.ui-block-26.stats .split-box-counter-setting { max-width: 650px; padding: 3rem 0; }
.ui-block-26.stats .counter-item { padding: 2rem 0; }
.ui-block-26.stats .counter-item i { font-size: 50px; color: #ffffff; display: block; margin-bottom: 15px; }
.ui-block-26.stats .counter-item strong { display: block; font-size: 38px; color: #ffffff; line-height: normal; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; }
.ui-block-26.stats .counter-item p { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; color: #ffffff; }
.ui-block-26.stats .opacity-6 { opacity: .6; }
.ui-block-26.stats .gradient-bg { background: #3264f5; background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%); background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%); background: linear-gradient(to right, #3264f5 2%, #7202bb 82%); }
.ui-block-26.stats .counter-item i.colorVerdeIcon { color: #51efc4; }
.ui-block-26.stats .counter-item i.colorBluIcon { color: #3615d9; }
.ui-block-26.stats .counter-item i.colorViolaIcon { color: #867dff; }
/* ===================================
     UI-Block-08
==================================== */
.ui-block-08.about .img-sec { position: relative; padding-right: 50px; padding-bottom: 50px; }
.ui-block-08.about .about_img { position: relative; }
.ui-block-08.about .margin_aboutimg { margin-left: 10%; }
.ui-block-08.about .about_img img { height: 100%; width: 100%; }
.ui-block-08.about .green_rectangle { position: absolute; width: 60%; height: 67%; bottom: 1%; background-color: #81a109; }
.ui-block-08.about .colored_heading { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #33c9dd; margin-bottom: 0; letter-spacing: 0; }
.ui-block-08.about .about-heading { text-align: left; margin-top: 70px; }
.ui-block-08.about .heading { font-size: 50px; font-family: 'Raleway', sans-serif; font-weight: 300; color: #212331; }
.ui-block-08.about .margin_heading { margin-top: 25px; margin-bottom: 25px; }
.ui-block-08.about .info { color: #797979; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1.7; }
.ui-block-08.about .margin_button { margin-top: 25px; }
.ui-block-08.about .btn.btn-rounded { border-radius: 50px; }
.ui-block-08.about .btn.btn-medium { font-size: 16px; padding: 10px 48px; line-height: 1.8em }
.ui-block-08.about .btn.btn-blue { background: #33c9dd; border-color: #33c9dd; color: #ffffff }
.ui-block-08.about .btn.btn-blue:hover { background: #81a109 !important; border-color: #81a109; color: #ffffff !important }
.ui-block-08.about .btn { -webkit-appearance: initial; overflow: hidden; position: -webkit-sticky; position: sticky; z-index: 2; display: inline-block; font-size: 15px; border: 2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: capitalize; width: auto; font-family: 'Raleway', sans-serif; font-weight: normal; -webkit-transition: all .5s ease; -o-transition: all .5s ease !important; transition: all .5s ease !important; }
 @media (max-width: 1200px) and (min-width: 992px) {
.ui-block-08.about .green_rectangle { position: absolute; width: 60%; height: 67%; bottom: 1%; }
.ui-block-08.about .about-heading { margin-top: auto; margin-bottom: auto; }
}
 @media screen and (max-width: 991px) and (min-width: 768px) {
.ui-block-08.about .green_rectangle { position: absolute; width: 60%; height: 67%; bottom: 5%; }
.ui-block-08.about .info { color: #9d9d9d; font-size: 12px; font-family: 'Open Sans', sans-serif; line-height: 1.7; margin-bottom: 15px; }
.ui-block-08.about .margin_button { margin-top: 0; }
.ui-block-08.about .colored_heading { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #4ed0e2; margin-bottom: 0; }
.ui-block-08.about .heading { font-size: 40px; font-family: 'Raleway', sans-serif; color: #212331; margin-top: 5px; margin-bottom: 5px; }
.ui-block-08.about .about-heading { margin-top: 0; }
}
 @media screen and (max-width: 767px) {
.ui-block-08.about .about-heading { text-align: center; }
.ui-block-08.about .main_heading { font-size: 34px; }
.ui-block-08.about .heading { font-size: 35px; font-family: 'Raleway', sans-serif; color: #212331; margin-top: 10px; margin-bottom: 15px; }
.ui-block-08.about .margin_heading { margin-top: 10px; margin-bottom: 15px; }
.ui-block-08.about .info { color: #9d9d9d; font-size: 12px; font-family: 'Open Sans', sans-serif; line-height: 1.7; }
.ui-block-08.about .margin_button { margin-top: 10px; }
.ui-block-08.about .cover .card-title { margin-top: 5px; margin-bottom: 18px; }
.ui-block-08.about .text_wrap { padding: 50px 2rem 0 2rem; }
.ui-block-08.about .green_rectangle { position: absolute; width: 60%; height: 67%; bottom: 3%; }
}
/* footer */
.social-icons.social-icons-new { width: 100%; float: none; }
.social-icons.social-icons-new span { display: inline-block; }
.copywrite.copywriteprivacy { float: none; width: 100%; padding-left: 10px; }
.copywrite.copywritepolicy1 { line-height: 1.1em; margin: 0; }
.copywrite.copywriteprivacy a:hover { color: #51efc4; background: none; }

/*=================================
        Media Queries
===================================*/

@media (min-width: 1780px) and (max-width:1890px) {
.navbar-nav { width: 470px; }
}
 @media (min-width: 1400px) and (max-width: 1600px) {
.heading { font-size: 64px; }
.contact-sec .heading-area { transform: translate(75%, 170%); }
}
 @media (min-width: 1366px) and (max-width: 1780px) {
.navbar-nav { width: 470px; }
.contact-sec .heading-area { transform: translate(34%, 270%); width: 400px; }
.contact-sec .contact-form-sec { width: 60%; }
}
 @media (min-width: 1366px) and (max-width: 1600px) {
.side-menu { width: 50%; }
}
 @media (min-width: 1200px) and (max-width: 1366px) {
.navbar-nav .nav-link { font-size: 42px; }
.heading { font-size: 54px; }
.contact-sec .contact-inner .contact-details ul li { font-size: 16px; }
.contact-sec .heading-area { transform: translate(75%, 200%); }
.side-menu { width: 56%; }
.contact-sec .heading-area { transform: translate(50%, 300px); width: 300px; }
.contact-sec .contact-form-sec { width: 65%; }
}
 @media (min-width: 1024px) and (max-width: 1200px) {
.side-menu { width: 74%; }
.navbar-nav { width: 470px; transform: translateX(60%); }
.contact-sec .heading-area { transform: translate(13%, 210%); width: 400px; }
.contact-sec .contact-form-sec { width: 80%; }
}
 @media (min-width: 992px) and (max-width: 1024px) {
.navbar-nav { width: 420px; }
.side-menu { width: 70%; }
.heading { font-size: 54px; }
.portfolio-sec .heading { font-size: 48px; }
.heading-area.long-area { width: 100%; }
header .inner-header { position: relative; }
.main { height: auto; padding: 60px 0 120px 0; }
.main .copywrite { padding: 0; }
.main .social-icons { width: 55%; margin: 10px 0; }
.main .img-area { height: auto; }
.navbar-nav .nav-link { font-size: 46px; }
.side-menu { width: 65%; }
.portfolio-sec .work-navigation { left: -98px; }
.testimonial-sec .image-holder img { width: 60%; }
.contact-sec .contact-inner .contact-details ul li { margin-top: 15px; margin-bottom: 15px; }
.contact-sec .heading { font-size: 50px; }
/* .contact-sec .heading-area {
        transform: translate(75%, 170%);
    } */

.contact-sec .heading-area { transform: translate(30%, 350%); width: 350px; }
.contact-sec .contact-form-sec { width: 90%; }
}
 @media (min-width: 768px) and (max-width: 991px) {
/* About Section */


    /* Testimonial Section */
.testimonial-sec:before { width: 100%; height: 540px; transform: translate(-50%, -68%); }
.testimonial-sec .review-carousel .padding-top { padding-top: 30px; }
.services-sec .services-boxes .service-card.right .icon-holder img, .services-sec .services-boxes .service-card.left .icon-holder img { max-width: 80px; min-width: 80px; }
}
 @media (max-width: 991.98px) {
.services-sec.services-sec1 .heading-area { transform: translate(0, 0%); }
.home .main .container-fluid { position: relative; }
.services-sec:before { width: 100%; transform: translate(-50%, -94%); }
.sidenav-bottom { display: none; }
.services-sec.services-sec2:before { transform: translate(-50%, -94%); left: 50%; top: 38%; }
#titolo-activa { position: absolute; top: 50%; left: 30px; display: block !important; width: 480px; }
#titolo-activa .navbar-nav { transform: none; }
.services-sec.services-sec2 .heading-area { transform: translate(0, 100%); margin-top: 40px; }
.services-sec .services-boxes .service-card.left, .services-sec .services-boxes .service-card.right { padding: 0; width: 100%; }
#logoMobile { display: block !important; }
#logoSite { display: none !important; }
header .navbar-brand img { max-width: 80%; margin: auto; }
/* Side Menu */
.side-menu { width: 100%; }
.side-menu .inner-wrapper { padding: 3.5rem 4rem; }
.navbar-nav .nav-link { font-size: 30px; }
header .header-appear .sidemenu_btn { position: relative; left: auto; top: auto; }
header .inner-header.header-appear { position: fixed; -webkit-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); }
/* Slider Section */
.main .slider-img { margin-top: 90px; }
.main .slider-img .white-overlay { display: none; }
.heading-area { transform: translate(0); margin: auto; margin-bottom: 50px; width: 60%; }
.heading-area.long-area { transform: translate(0); width: 100%; }
.main { height: auto; }
.main .img-area { height: auto; }
.heading { font-size: 50px; text-align: center; }
/* About Section */
.services-sec .image-holder { text-align: center; }
.services-sec .services-boxes { padding: 0 33px; width: 100%; margin: auto; }
.titleComponents { font-size: 1.7em; }
.services-sec .services-boxes .service-card .text { text-align: left; }
.services-sec .services-boxes .service-card { margin-top: 70px; }
.services-sec .services-boxes .service-card.right { margin-bottom: 0; }
.services-sec .services-boxes .service-card:first-child { margin-top: 0; }
.services-sec .services-boxes .service-card.right:last-child { margin-bottom: 20px; }
.heading-area.long-area { padding-top: 3em; }
.contact-sec .contact-form-sec { padding-top: 30px; }
/* .services-sec .services-boxes .service-card {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 80px;
    }
    .services-sec .services-boxes .service-card.right {
        width: 100%;
        margin-top: 80px;
        margin-bottom: 0;
    }
    .services-sec .services-boxes .service-card.left.icon-right {
        width: 100%;
        display: grid;
    } */
.services-sec .services-boxes .service-card .icon-holder { margin-bottom: 20px; }
/* Testimonial Section */
.testimonial-sec .image-holder img { width: 90%; margin: auto; }
.testimonial-sec .heading-area { position: relative; transform: translate(0); width: 100%; z-index: 1; }
.testimonial-sec .item { width: 100%; }
.testimonial-sec .user-detail { position: relative; left: auto; top: auto; text-align: center; }
.testimonial-sec .review-detail { transform: translateX(0); margin-top: 80px; }
.testimonial-sec .review-detail .text { width: 100%; text-align: center; }
.testimonial-sec .review-detail .quote-icon { position: absolute; right: 50%; top: -37%; bottom: auto; transform: translateX(-50%); font-size: 20px; }
/* Contact Section */
.contact-sec .contact-inner { padding: 30px 20px; }
.contact-sec .contact-inner .contact-details ul li { display: block; margin-right: 0; margin-bottom: 40px; font-size: 18px; text-align: center; }
.contact-sec .contact-inner .contact-details ul li i { margin-right: 0; display: block; margin-bottom: 8px; }
.contact-sec .contact-form-sec { width: 100%; margin: auto; }
/* Standalone */
.standalone-detail { padding-bottom: 70px; }
.standalone-area .gradient-text1 { font-size: 30px; }
.standalone-detail .heading { font-size: 30px; }
.standalone-area .sub-heading { margin-top: 3rem; }
.standalone-row .stand-img-des { padding-left: 0; padding-right: 0; }
.standalone-row:nth-child(2) .stand-img-des { padding-left: 0; padding-right: 0; }
.standalone-row:nth-child(2) { margin-top: 5rem; margin-bottom: 5rem; }
.para_text { font-size: 18px; }
.author-avatar { float: none; margin-bottom: 25px; overflow: visible; }
.agency-author { padding: 30px; text-align: left; }
.author-content { padding: 0; }
}
 @media (max-width: 767.98px) {
.ml11 { font-size: 40px !important; }
.ml3 { font-size: 25px !important; }
#titolo-activa { width: 350px; }
.padding-bottom { padding-bottom: 60px; }
.padding-top { padding-top: 60px; }
.margin-top { margin-top: 30px; }
.heading-area { width: 100%; }
/* Nav-Bar */
    /* header .navbar-brand img{
        max-width: 30%;
        margin: auto;
    } */
header .btn-main { padding: 8px 16px; font-size: 13px; }
.navbar-nav .nav-link { font-size: 27px; min-height: 23px; margin: 0; padding: 4px 0; }
.copywrite { padding: 4px 0 0 0; }
/* Slider Section */
.main { height: auto; }
.main .img-area { height: auto; }
.heading { font-size: 36px; text-align: center; }
/* About Section */
.services-sec:before { width: 100%; height: 440px; transform: translate(-50%, -110%); }
.services-sec .services-boxes { width: 100%; }
.services-sec .services-boxes { padding: 0 33px; }
.services-sec .services-boxes .service-card { width: 100%; display: block; text-align: center; margin-top: 80px; }
.services-sec .services-boxes .service-card.right { width: 100%; margin-top: 80px; margin-bottom: 0; }
.services-sec .services-boxes .service-card.left.icon-right { width: 100%; display: grid; }
.services-sec .services-boxes .service-card .icon-holder { margin-bottom: 20px; }
/* Portfolio Section */
.portfolio-sec .work-detail p { margin: 20px 0; }
/* Testimonial Section */
.testimonial-sec:before { width: 100%; height: 250px; transform: translate(-50%, -100%); }
.testimonial-sec .text { padding: 20px 0; }
.testimonial-sec .review-detail { margin-top: 0; }
.testimonial-sec .user-detail { margin: auto; }
.testimonial-sec .review-detail .quote-icon { position: absolute; right: 50%; top: -16%; }
.testimonial-sec .image-holder img { width: 100%; }
/* Standalone */
.standalone-detail { padding-bottom: 70px; }
.standalone-area .gradient-text1 { font-size: 30px; }
.standalone-detail .heading { font-size: 36px; }
.standalone-area .sub-heading { margin-top: 3rem; }
.standalone-row .stand-img-des { padding-left: 0; padding-right: 0; margin-bottom: 40px; }
.standalone-row:nth-child(2) .stand-img-des { padding-left: 0; padding-right: 0; }
.standalone-row:nth-child(2) { margin-top: 3rem; margin-bottom: 3rem; }
.page-title h2 { font-size: 2rem; }
.standalone-area .heading-text { font-size: 30px; }
.page-title { padding: 150px 0 150px 0; }
.footer-alone .company-about { font-size: 12px; }
.col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.ui-block-26.stats .counter-item { padding: 1rem 0; }
.ui-block-26.stats .counter-item i { font-size: 45px; }
.ui-block-26.stats .counter-item strong { font-size: 32px; margin-bottom: 5px; }
.ui-block-26.stats .counter-item p { font-size: 20px; }
.services-sec .services-boxes .service-card .icon-holder img { max-width: 100px; }
.services-sec.services-sec2:before { top: 22.8%; }
.services-sec .services-boxes .service-card .text { text-align: center; }
.services-sec .services-boxes .service-card.right .icon-holder { margin-top: 20px; }
.services-sec .services-boxes .service-card { border: 1px solid #666; padding: 3em 1.2em !important; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 400px; }
.services-sec .services-boxes .service-card.right .icon-holder { margin-bottom: 20px; margin-top: 0; }
}
 @media (max-width: 480px) {
header .navbar-brand img { margin: 0; }
#titolo-activa { top: 50%; left: 21px; width: 85%; }
#titolo-activa .navbar-nav { transform: none; width: auto; padding-right: 0; }
#titolo-activa .side-nav-menu { align-self: flex-start !important; margin-left: 30px !important; }
.ui-block-26.stats .counter-item i { font-size: 26px; margin-bottom: 5px; }
.ui-block-26.stats .counter-item strong { font-size: 25px; margin-bottom: 0; }
.ui-block-26.stats .counter-item p { font-size: 16px; }
.padding-bottom-half { padding-bottom: 40px; }
.padding-top { padding-top: 40px; }
.heading { font-size: 26px; }
.heading-area { margin-bottom: 0; }
.services-sec.services-sec1::before { top: 66%; height: 335px; }
.services-sec.services-sec2::before { top: 17%; height: 340px; }
h4.work-heading { font-size: 1rem; padding-left: 1em; padding-right: 1em; }
.titleComponents { font-size: 1.5em; }
.text { font-size: 1rem; }
.contact-sec .contact-inner .contact-details ul { margin-bottom: 0; }
.contact-sec .contact-inner .contact-details ul li { margin-right: 0; margin-bottom: 20px; font-size: 16px; text-align: left; }
.contact-sec .contact-inner .contact-details ul li i { margin-bottom: 0; margin-right: 10px; }
.contact-sec .contact-inner { padding: 20px; }
.contact-sec .contact-inner .contact-details ul li:last-child { margin-bottom: 0; }
.services-sec .services-boxes .service-card.right .icon-holder img, .services-sec .services-boxes .service-card.left .icon-holder img { max-width: 80px; min-width: 80px; }
.services-sec.services-sec2 .heading-area { margin-top: 25px; }
.services-sec .services-boxes .service-card.right, .services-sec .services-boxes .service-card.left { margin-top: 40px; }
.services-sec .services-boxes .service-card.right:first-child, .services-sec .services-boxes .service-card.left:first-child { margin-top: 0; }
.services-sec.services-sec2 .heading-area .heading { margin-bottom: 0; }
.services-sec .services-boxes .service-card { border: 1px solid #666; padding: 1em !important; }
.services-sec .services-boxes .service-card.right .icon-holder { margin-bottom: 20px; margin-top: 0; }
.heading-area.long-area { padding-top: 0em; padding-bottom: 2em; }
.navbar-nav { width: 330px; }
.menu-line { left: -36px; top: 24px; font-size: 2.6rem; }
.navbar-nav .nav-link { font-size: 24px; }
ul.side-nav-menu li { margin: 3px 0; }
header .navbar-brand img { max-width: 90%; transform: translate(-10px, 0); }
header .btn-main { font-size: 12px; line-height: 1; }
#business-area.padding-bottom { padding-bottom: 40px; }
}
 @media (max-width:380px) {
.services-sec.services-sec1::before { top: 63%; height: 300px; }
.services-sec.services-sec2::before { top: 16%; height: 320px; }
.contact-sec .contact-inner .contact-details ul li i { display: inline; }
}
 @media (max-width: 360px) {
header .btn-main { padding: 8px 10px; font-size: 12px; }
.navbar-nav .nav-link { font-size: 30px; }
header .inner-header { padding: 15px 20px; }
.ml11 { font-size: 35px !important; }
}