@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700,900';
/** Language selector **/

/** End Language Selector **/
body{  overflow-x: hidden !important;  }
.logged-in #header-top{margin-top:30px;}

::selection {
    background: #8dc63f; color: #fff; /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: #8dc63f; color: #fff; /* Gecko Browsers */
}
.wpcf7-checkbox label span.wpcf7-list-item-label{width:170px;}
.svg_i{
    text-align: center;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
    width:60px; height:60px;
}
.svg_i_2{
    text-align: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width:150px; height:105px;
}
.single .single-container .content .header-blog-bar.bottom{MARGIN-TOP:0;}
.single .single-container .content .header-blog-bar .share-container .social-share a:hover .container-sharing-post .social-icon:after {
    right: 0;
    opacity: 0;
    border-color: transparent transparent transparent #2d4141;
}
.work_sons .wp-caption {
    max-width: 100% !important;
}
.icon_a{width:40px; background-image: url('LIBS/images/startupkit/icon-consulenza-definizione-idea.svg');}
.icon_b{ width:45px; height:50px;background-image: url('LIBS/images/startupkit/icon-consulenza-soluzione-tecnologia.svg');}
.icon_c{ background-image: url('LIBS/images/startupkit/icon-ux-supervision.svg');}
.icon_d{ width:45px; height:50px; background-image: url('LIBS/images/startupkit/icon-ui-supervision.svg');}
.icon_e{width:45px; height:40px;background-image: url('LIBS/images/startupkit/icon-dimensionamento-server.svg');}
.icon_f{width:35px; background-image: url('LIBS/images/startupkit/icon-progettazione-database.svg');}
.icon_g{width:40px; height:53px;background-image: url('LIBS/images/startupkit/icon-back-end-amministrazione-attivita.svg');}
.icon_h{ width:47px; height:45px;background-image: url('LIBS/images/startupkit/icon-web-services.svg');}
.icon_i{    width: 58px;  height: 38px; background-image: url('LIBS/images/startupkit/icon-web-application-desktop-mobile-responsive.svg');}
.icon_l{width:37px; background-image: url('LIBS/images/startupkit/icon-ios-app.svg');}
.icon_m{width:30px; height:60px;background-image: url('LIBS/images/startupkit/icon-android-app.svg');}
.icon_n{ width:40px; height:50px; background-image: url('LIBS/images/4d/icon-design.svg');}
.icon_o{width:40px; height:40px; background-image: url('LIBS/images/startupkit/icon-videoo-presentazione.svg');}
.icon_p{width:40px; height:50px; background-image: url('LIBS/images/startupkit/icon-brand-identity.svg');}

.icon_q{background-image: url('LIBS/images/startupkit/icon-web-app.svg');}
.icon_r{ background-image: url('LIBS/images/startupkit/icon-risorse.svg');}
.icon_s{background-image: url('LIBS/images/startupkit/icon-budget.svg');}
.icon_t{background-image: url('LIBS/images/startupkit/icon-tempo.svg');}


.ip_padding{padding-bottom:40px;}

blockquote{
    background-image: url('LIBS/images/icon-quote.svg');
    font-size: 34px !important;
    background-size: 40px;
    font-style: italic;
    line-height: 44px;
    margin:0;
    color: #91A5A5;
    font-weight: 500;
    border: none;
    background-repeat: no-repeat;
}
blockquote p{
    font-size: 24px !important;
    line-height:34px;
    padding-left: 50px;
    margin-top: 0;
    margin-top: -16px;
    font-family: lato;
}

.top_meta{
    z-index: 900;
    position: fixed;
    width: 100%;
    color: #fff;
    height: 50px;
    line-height: 47px;
    margin-top: -100%;
    transition: margin-top 0.5s;
    top:0;
    display:none;
    background-color: #2d4141;
}
.single .top_meta{
    margin-top: 0;
}
.top_meta .button_top_nav a {
    color: #fff;
}
.top_meta a{
    font-weight: 400;
    color: #fff;
}
.top_meta .loader_{
    background-color: #8dc63f;
    width: 1%;
    height: 5px;
    transition: all 0s !important;
    margin-top: 50px;
}
.logged-in .top_meta{ top: 30px; }
.next_nav {  float: right;  }
.previous_nav {  float: left;    }
.button_top_nav:hover{background-color: #8dc63f;}
.button_top_nav:hover a{color: #fff;}
.button_top_nav.right_{
    padding-right: 20px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #8b8686;
    display: inline-block;
}
.button_top_nav.left_{
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #8b8686;
    display: inline-block;
}


.box_experience .color1{color:#92a5a5;}
.box_experience .color2{color:#2e4141;}
.box_experience .color3{color:#8dc547;}
.box_experience .color4{color:#4e981c;}
.box_experience .color5{color:#3c7714;}

.box_experience{
    position:relative;
    max-width: 1000px;
    margin: 0 auto;
}
.box_experience .square{height:0; position:relative;}
.box_experience .square .s_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    display: table;
}
.box_experience .square .s_wrap .s_content{
    border: 2px solid #f5f5f5;

    color:#fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* position: absolute; */
    text-align: center;
    /* line-height: 50%; */
    display: table-cell;
    vertical-align: middle;
    align-items: center;
}

.single-container .container {
    width: 100% !important;
}


.box_experience .square .s_wrap .s_content .value_{font-weight: 600;}
.box_experience .square.w60{width:60%; padding-bottom:60%;}
.box_experience .square.w58{width:58%; padding-bottom:58%;}
.box_experience .square.w55{width:55%; padding-bottom:55%;}
.box_experience .square.w54{width:54%; padding-bottom:54%;}
.box_experience .square.w45{width:45%; padding-bottom:45%;}
.box_experience .square.w43{width:43%; padding-bottom:43%;}
.box_experience .square.w40{width:40%; padding-bottom:40%;}
.box_experience .square.w25{width:23%; padding-bottom:25%;}
.box_experience .square.w45{width:45%; padding-bottom:45%;}
.box_experience .square.w28{width:28%; padding-bottom:28%;}
.box_experience .square.w25{width:25%; padding-bottom:25%;}

.box_experience .square .s_wrap .s_content .one{font-size:9vw; line-height:9vw;}
.box_experience .square .s_wrap .s_content .two{font-size:7vw; line-height:7vw;}
.box_experience .square .s_wrap .s_content .three{font-size:6vw; line-height:6vw;}
.box_experience .square .s_wrap .s_content .four{font-size:11vw; line-height:10vw;}
.box_experience .square .s_wrap .s_content .five{font-size:5vw; line-height:5vw;}
.box_experience .square .s_wrap .s_content .six{font-size:6vw; line-height:6vw;}
.box_experience .square .s_wrap .s_content .seven{font-size:11.5vw; line-height:11.5vw;}
.box_experience .square .s_wrap .s_content .eight{font-size:11vw; line-height:11vw;}

.home .square.w43{MARGIN-LEFT:-7PX;}

.box_experience .square .s_wrap .s_content .text_{font-size:7px; line-height:8px; font-weight:500;}
.about.box_experience .square .s_wrap .s_content .text_{font-size:7px; line-height:8px; font-weight:500;}
.box_experience .square .s_wrap:hover{
    -webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
    transition-timing-function: ease-in-out;
    transition: all 1s;

}
.box_experience .square .s_wrap:hover .s_content{ border:none;}
.box_experience .square .s_wrap:hover{

    transform: scale(1.3);
    z-index:111111;
    -webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
    transition-timing-function: ease-in-out;
    transition: all 0.5s;
}


.button6{background-color:#2D4141; padding: 30px 80px; color:#fff; font-size:16px; font-family:lato; font-weight:900;}
.button6:hover{background-color:#8dc63f; color:#fff; text-decoration: none;}
.service-back {
    opacity: 0;
    visibility:hidden;
}
.service-back {
    position:absolute;
    height:100% !important;
    opacity: 0 !important;
    visibility:hidden !important;
    z-index: 0 !important;

}
.service-block .service-front{
    z-index:100 !important;
}
.service-block{height:0; padding-bottom:100%;     position: relative;}
.service-block .service-front{height:100%;      position: absolute; }
.service_front_wrapper{
    width: 100%;
    position: absolute;
    height: 100%;
    display: table;
}
.service_front_middle{
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}
.service_front_wrapper_back{
    opacity: 0 !important;
    visibility:hidden !important;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 0 !important;
}
.service_front_middle_back{
    opacity: 0 !important;
    visibility:hidden !important;
    z-index: 0 !important;
    height: 100%;
    width: 100%;
}
.service-block:hover .service-front{
    transition: all 0.1s;
    z-index:0 !important;
}
.service-block:hover .service-back{
    transition: all 0.5s;
    z-index: 100 !important;
    height:100% !important;
    opacity: 1 !important;
    visibility:visible !important;
}
.service-block:hover .service_front_middle_back{
    vertical-align: middle;
    display: table-cell;
    height: 100%;
    z-index: 100001 !important;
    opacity: 1 !important;
    visibility:visible !important;
}
.service-block:hover .service_front_wrapper_back{
    display: table;
    height: 100%;
    z-index: 100001 !important;
    opacity: 1 !important;
    visibility:visible !important;
}
.single .single-container .content h2 {
    text-decoration: none;
}

#header-top.colored .navbar .navbar-collapse .navbar-nav li.menu-item.start-project:hover{  border-color: #8dc63f;  }
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item.start-project a:hover{  background-color:#8dc63f; color:#fff; }
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item.start-project:hover{border-color: #8dc63f;}
/*#header-top.opened .header-container .container .col-xs-12{background-color: #8dc63f !important;}*/


.menu-mobile #menu-nav-collapse.collapse {
    display:block !important;
    opacity: 0 !important;
    transition: all 0.5s;
    z-index:-1;
}
.post-card{opacity:1 ;}
.menu-mobile #menu-nav-collapse.collapse.in {
    display:block !important;
    opacity: 1 !important;
    transition: all 0.5s !important;
}

#menu-nav-desktop li{line-height:0 !important;  }
.links_casestudies a{
    width: 80px;
    height: 80px;
    line-height: 77px;
    margin-left: 10px;
    background: #f5f5f5;
    color: #91a5a5;
    text-align: center;
    display: block;
    float: left;
    font-size: 50px;
}
.links_casestudies a:hover {
    background: #2d4141;
    color: #8dc63f !important;
    transition:all 0.5s;
}
.single .single-container .content .block-container{padding:0;}

@media(min-width: 400px) {

    .box_experience .square .s_wrap .s_content .text_ {
        font-size: 9px;
        line-height: 13px;
        font-weight: 500;
    }

    .about.box_experience .square .s_wrap .s_content .text_ {
        font-size: 9px;
        line-height: 11px;
        font-weight: 500;
    }
}
@media(min-width: 600px) {
    .box_experience .square .s_wrap .s_content .text_ {
        font-size:15px;
        line-height:18px;
        font-weight:500;
    }
    .about.box_experience .square .s_wrap .s_content .text_{font-size:14px; line-height:16px; font-weight:500;}
}

@media(min-width: 768px){
    .box_experience .square .s_wrap .s_content .text_ {
        font-size:18px;
        line-height:23px;
        font-weight:500;
    }
    .about.box_experience .square .s_wrap .s_content .text_ {
        font-size:11px;
        line-height:12px;
        font-weight:500;
    }
    .about.box_experience .square .s_wrap .s_content .one{font-size:4vw; line-height:4vw;}
    .about.box_experience .square .s_wrap .s_content .two{font-size:2.9vw; line-height:2.9vw;}
    .about.box_experience .square .s_wrap .s_content .three{font-size:2.2vw; line-height:2.2vw;}
    .about.box_experience .square .s_wrap .s_content .four{font-size:5vw; line-height:5vw;}
    .about.box_experience .square .s_wrap .s_content .five{margin-bottom: 4px;font-size:2vw; line-height:1.5vw;}
    .about.box_experience .square .s_wrap .s_content .six{font-size:2vw; line-height:2vw;}
    .about.box_experience .square .s_wrap .s_content .seven{font-size:6.5vw; line-height:6.5vw;}
    .about.box_experience .square .s_wrap .s_content .eight{font-size:5.7vw; line-height:5.7vw;}
}

@media(min-width: 992px){
    .about.box_experience .square .s_wrap .s_content .text_ {
        font-size:14px;
        line-height:15px;
        font-weight:500;
    }
}

@media(min-width: 1200px){
    .box_experience .square .s_wrap .s_content .one{font-size:5vw; line-height:5vw;}
    .box_experience .square .s_wrap .s_content .two{font-size:3.5vw; line-height:3.5vw;}
    .box_experience .square .s_wrap .s_content .three{font-size:3.2vw; line-height:3.2vw;}
    .box_experience .square .s_wrap .s_content .four{font-size:6vw; line-height:6vw;}
    .box_experience .square .s_wrap .s_content .five{font-size:2.5vw; line-height:2.5vw;}
    .box_experience .square .s_wrap .s_content .six{font-size:3vw; line-height:3vw;}
    .box_experience .square .s_wrap .s_content .seven{font-size:7.5vw; line-height:7.5vw;}
    .box_experience .square .s_wrap .s_content .eight{font-size:7vw; line-height:7vw;}


    .about.box_experience .square .s_wrap .s_content .seven{font-size:5vw; line-height:5vw;}
    .about.box_experience .square .s_wrap .s_content .eight {  font-size: 5vw;  line-height: 5vw;  }
    .about.box_experience .square .s_wrap .s_content .four{    font-size: 4.5vw;  line-height: 4.5vw;}
}

.box_experience  .row.vertical-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.work_sons{padding-top:0 !important;}
a:hover{
    cursor:pointer;
   }
#startaproject a:hover{

    color: #8dc63f !important;}
h3,.h3{line-height:30px;}

p{font-size: 20px; line-height:30px;}
p.smaller{max-width:700px; margin:0 auto;}
p.smallsize{font-size: 20px; line-height:30px;}

div.wpcf7-mail-sent-ok {
    border: 2px solid #8dc63f;
}
.custom-list li{
    line-height: 30px;
    margin-bottom: 10px;
}

/*.modal.fade:not(.in) .modal-dialog {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
 }*/
.yt_play_placeholder{position:absolute; width:100%; height:100%; display:table; z-index:111;}
.yt_play_placeholder_wrap{display:table-cell; vertical-align: middle;}
.yt_play_placeholder_play{
    background: url('images/youtube_play.png');
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 80px;
    margin: 0 auto;
    background-position: center;
}
.yt_play_placeholder:hover .yt_play_placeholder_play{
    background: url('images/youtube_play_hover.png');
    width: 200px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 80px;
    margin: 0 auto;
    background-position: center;
}
.modal.fade .showfromright.modal-dialog {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0);
}

.modal.fade .showfromleft.modal-dialog {
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
}

.modal.fade .hidefromright.modal-dialog {
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
}

.modal.fade .hidefromleft.modal-dialog {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0);
}

/*.navigation-container .paging{
    display:table;
    height: 80px;
    width: 100%;
    border: 1px solid #91a5a5;}
.navigation-container .paging:hover{  background-color: whitesmoke;     border: 1px solid whitesmoke;}
.navigation-container .paging > div{    display: table-cell;  vertical-align: middle;}
.navigation-container .paging a{       font-size: 11px;  height: auto !important; border:none; background: transparent;     line-height: 20px;}
.navigation-container .paging a:hover{

    background: transparent;
    border: none;
    text-decoration: none;
}*/

.navigation-container .paging a {
    min-width: 100%;
    height: 40px;
    line-height: 37px;
}

.header_thumb{    width: 100%; height: 100vh; }
.header_thumb img{width:100%; height:auto; height: 100%; object-fit: cover; -webkit-filter: brightness(60%); filter: brightness(60%); }

.header_thumb .retino {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#80000000',GradientType=0 );
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.header_thumb .header_img{    height: 100%; width: 100%;}
.header_thumb .content_wrapper{width: 100%;  height: 100%; position: absolute; display: table; z-index:3;}
.header_thumb .content_wrapper .v_centered{display: table-cell;  vertical-align: middle;  text-align: center;}
.header_thumb .content_wrapper h1{color:#fff;}

.bottom30{padding-bottom:80px;}
.bottom0{padding-bottom:0 !important;}
label.team{font-size:20px; font-family:lato; color:#8DC63F;}
.container-fluid.full{padding:0;}

.container-blockquote-img .content .centered h4{font-size:25px; font-family:lato; font-weight:bold; line-height:35px;}

.container.skills .row h4 {  padding: 0;  margin: 0 0 10px;  }
.container.skills .row p{  padding: 0;  margin: 0 0 40px;  }

.shadow{
    /*-webkit-box-shadow: 0px -1px 16px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px -1px 16px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px -1px 16px 0px rgba(0, 0, 0, 0.23);*/

    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow:    0px 0px 22px 0px rgba(0, 0, 0, 0.21);
    box-shadow:         0px 0px 22px 0px rgba(0, 0, 0, 0.21);
}
.single .single-container .content{font-size:28px; line-height:40px; padding-bottom:80px; margin-bottom:0;}


#header-top.colored .navbar .navbar-collapse .navbar-nav li.menu-item.start-project a:hover,
#header-top.white .navbar .navbar-collapse .navbar-nav li.menu-item.start-project a:hover{
    background-color: #8dc63f;
    color:#fff;
    transition: all 0.5s;
}

.svg_icon{
    margin-bottom: 20px !important;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    width: 80px;
}
.m_height220{min-height: 180px;}
.full_img{width:100%;}
.full_img img{width:100%;}
.video_wrapper  {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video_wrapper2  {
    height: 0;
    position: relative;
    padding-bottom: 15vw;
    overflow: hidden;
}
.video_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 111;
    cursor: pointer;
}
.video_wrapper iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_wrapper2 iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-dialog {
    width: 100%;
    max-width:960px;
    margin:0px auto 0;
}
footer .bottom-footer .social-list ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.full img {
    width: 100%;
}

.modal_navigation:hover{cursor: pointer;}
.modal_navigation .fa-chevron-right{
    position: absolute;
    top: 50%;
    margin-top:-20px;
    color: #fff;
    right: 0;
    background-color: #8dc63f;
    padding: 10px 10px 10px 15px;
    text-align: center;
}
.modal_navigation .fa-chevron-left{
    position: absolute;
    margin-top:-20px;
    top: 50%;
    color: #fff;
    left: 0;
    background-color: #8dc63f;
    padding: 10px 15px 10px 10px;
    text-align: center;
}

.page_title_ h1 {  margin-bottom: 10px;  }
.page_title_ h2 {  color:#fff; font-weight:300;  }
.bottom30{padding-bottom:30px;}
.bottom50{padding-bottom:50px;}
.bottom80{padding-bottom:80px;}
.marg_bottom30{margin-bottom:30px;}
.marg_bottom15{margin-bottom:15px;}
.marg_bottom50{margin-bottom:50px !important;}
.marg_bottom80{margin-bottom:80px;}
.m_bottom30{padding-bottom:30px !important;}
.m_bottom50{padding-bottom:50px;}
.m_bottom80{padding-bottom:80px;}
.search .blog-list {
    height: 100% !important;
}

.blog-container .blog-list .post-card .card a:hover .img-container-post, .blog-container .blog-list2 .post-card2 .card a:hover .img-container-post {
    transition: all 0.5s;
}
#menu-nav-collapse{
    overflow-y: scroll !important;
}
.opened .header-container{overflow-y: scroll;}
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu{width: 100% !important;}
#header-top .col-xs-12.col-sm-9{position:inherit !important ;}
.navbar{position:inherit !important;}
.nav > li{position:inherit !important;}
.menu-mobile #sidebar .pull-right{float:none !important;}
.menu-mobile #sidebar{padding-left:13px;}
#header-top .menu-mobile{height:0 !important; transition: all 0.5s !important;    transition-delay: 0.5s;
    overflow: hidden;
    position: relative;
    z-index: 999;}
#header-top.opened .menu-mobile{height:100% !important;}
#header-top .navbar .navbar-collapse .navbar-nav  li.menu-item {

    /* float: left; */
    margin: 0 auto;
    text-align: center;
    display: inline-block;

    /* background: blue; */
    /* color: white; */
    /* margin-right: 10px; */
}
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu{    visibility:hidden;}
#header-top .navbar .navbar-collapse .navbar-nav  li.menu-item:hover .sub-menu{  visibility:visible;  }
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu{background-color: #8dc63f;}
#header-top.transparent .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu{background-color: transparent; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#header-top.scrolled .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu{background-color: #8dc63f; border:none;}
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a{color: #91A5A5;}
#header-top .navbar .navbar-collapse .navbar-nav li.current-menu-item .sub-menu{ visibility:visible; opacity:1; top:100%;}
#header-top .navbar .navbar-collapse .navbar-nav li.current-page-parent .sub-menu{ visibility:visible; opacity:1; top:100%;}


.yes-bg.navigation-container .next-contianer, .yes-bg.navigation-container .prev-contianer{
    background-blend-mode: overlay;
    background-color: #3d3d3d !important;
}
.d_social .addtoany_shortcode{
    position: fixed !important;
    z-index: 1000;
    top: 45%;
    right: 20px;

}
.d_social .addtoany_shortcode .addtoany_list a {
    display: inline !important;
}
.d_social .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a > span {
    display: block !important;
}

 .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a > span {
    margin-top: -20px;
    background-color: #8dc63f;
    border-radius: 50% !important;
    padding: 2px !important;
    display: inline-block;
    border: 6px solid #8dc63f   ;
    height: 40px;
    line-height: 30px;
    opacity: 1;
    transition: 0.5s;
    width: 40px;
}



.blog-container .blog-list .post-card .card, .blog-container .blog-list .post-card2 .card {
    width: 100%;
}
.blog-container .blog-list .post-card2  {
    margin-left: 0;
}
.blog-container .blog-list .post-card2 .card img{
    width: 100%;
}
.d_social .addtoany_shortcode{
    display:none;

}
.block-container img.aligncenter {
    margin-bottom: 0px;
}

.clients.block-container img.aligncenter {
    margin-bottom: 20px;
}

#header-top.colored .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a, #header-top.white .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a {
    color: #ffffff;
}
#header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a {
    color: #ffffff;
}


.bg-light-blue{background-color:#00A9E0;}
@media(max-width:500px){
    footer .top-footer h4{font-size:23px; line-height:28px;}
    /*.navigation-container .paging a.next {
        padding: 0 0 0 10px;
    }
    .navigation-container .paging a.prev {
        padding: 0 10px 0 0;
    }*/
    .service_front_middle_back .title {  line-height: 20px;  }
    .a2a_full .a2a_full_services .a2a_i{ width: 100% !important;}
    .a2a_full_services {

        overflow-x: hidden;

    }

    #portfoliolist .modal{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}
@media (max-width: 992px){
    .container-blockquote-img {
        background-size: cover !important;
        background-position: center center !important;
        background-attachment: initial !important;
    }
    .video_wrapper2  {
        height: 0;
        position: relative;
        padding-bottom: 18vw;
        overflow: hidden;
    }
    .btn-captcha {
        margin-bottom: 18px;
    }
}


@media (max-width: 767px){
    body {
        padding-top: 30px;
    }
    .share-container{
        DISPLAY: INLINE-BLOCK;
        TEXT-ALIGN: CENTER;
        WIDTH: 100%;
    }
    .single .single-container .content .header-blog-bar .share-container .social-share a:first-child{margin-left:0;}
    .single .single-container .content .header-blog-bar .category {
        float: left;
        background: none;
        MARGIN-BOTTOM: 20PX;
        WIDTH: 100%;
        DISPLAY: BLOCK;
    }
    .casestudy-list{display:none;}
    .workpage.casestudy-list{display:block;}
    .service-block .service-front {  line-height: 25px;}
    .service_front_middle_back .title {  line-height: 25px;  }

    #header-top .menu-mobile ul > li.menu-item > .sub-menu > li a{text-transform:uppercase;}
    .bottom-footer{display:none;}
    .navigation-container .paging a {


        width: 95%;
    }
    .tp-leftarrow.default {
        display:none;
    }
    .tp-rightarrow.default {
        display:none;
    }
    .rev_slider li .tp-caption{
        left: 25% !important;
    }
    .home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{
        left: -71px !important;
        margin-top: -30px !important;
    }
    .home_header .home_header_wrapper .home_header_wrapper_inside .bottom_caption{
        left: -71px !important;
        margin-top: 16px !important;

    }
    .rev_slider li .tp-caption:nth-child(2) {
        margin-top: -35px !important;
        margin-left: -20px !important;
    }
    .rev_slider li .tp-caption:nth-child(3) {
        margin-left: -20px !important;
        margin-top: 12px !important;
    }
   /* .o_m_marginleft_30{margin-left:30px;}*/
    .box_experience .row.vertical-middle {
        padding: 0 10px 0 11px;

    }
    .video_wrapper2  {
        height: 0;
        position: relative;
        padding-bottom: 25vw;
        overflow: hidden;
    }

    #header-top.colored .header-container .container .col-xs-12, #header-top.white .header-container .container .col-xs-12 {
        background: #8dc63f !important;
        overflow: hidden;
    }
    #header-top .header-container .container .col-xs-12{
        transition: background-color 0.3s;
        z-index: 99999;
    }
}

.home_header{height:100vh !important; max-height:100vh;}
.home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{font-size:30px; text-align: center; width:100%;     left: -51px;}
.home_header .home_header_wrapper .home_header_wrapper_inside .bottom_caption{font-size:30px; text-align: center; width:100%;     left: -51px;}
.home_header .home_header_wrapper .home_header_wrapper_inside .bottom_caption{
    position: absolute;
    color: #fff;
    top: 49% !important;
    margin-top: 0px !important;}
.home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{
    position: absolute;
    color: #fff;
    top: 49% !important;
    margin-top: -40px !important;
}
.tparrows.hidearrows {  opacity: 1 !important;  }

@media (max-width: 768px){

    .svg_i_2 {

        width: 100px !important;
        height: 75px !important;
    }
    .row_m_height {
        margin-bottom: 40px;
    }
    .type_list-dot ul li:before {
        width: 10px !important;
        height: 10px !important;
    }
}
@media (min-width: 768px){


    .home_header .home_header_wrapper .home_header_wrapper_inside .bottom_caption{
        left: auto;
        top: 0 !important;
        position: relative;
        color: #fff;
        margin-top:50px !important;}
    .home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{
        left: auto;
        position: relative;
        color: #fff;
        top: 0 !important;
        margin-top:30px !important;
    }
    .home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{font-size:65px; text-align: left;}
    .home_header .home_header_wrapper .home_header_wrapper_inside .bottom_caption{font-size:65px; text-align: left;}


    #header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a{font-size:12px; padding: 0 7px;}
    .m_bottom30{padding-bottom:0;}
    .m_bottom50{padding-bottom:0;}
    .m_bottom80{padding-bottom:0;}
    .container-blockquote-img .content .centered h4{font-size:50px; line-height:65px;}
    .row.vertical-middle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        align-items: center;
        justify-content: center;
    }
}

.row.vertical-middle.mobile_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
}
.h1subtitle{font-size:30px !important;}
.btn4 a {
    display: block;
    color: white !important;
    text-decoration: none;
}
@media (min-width: 992px){


    .d_bottom30{margin-bottom:30px;}
    .btn-captcha{width:56%; float:left;}
    #header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a{font-size:14px;     padding: 0 15px;}
    .h1subtitle{font-size:50px !important;}
    h3,.h3{line-height:37px;}
    p{font-size: 28px; line-height:40px;}
    p.smaller{max-width:700px; margin:0 auto;}

    .custom-list li{
        line-height: 39px;
        font-size: 28px;
        margin-bottom: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    .home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{
        left: 50px !important;

    }
    .home_header .home_header_wrapper .home_header_wrapper_inside .bottom_caption{
        left:   50px !important;


    }
    #header-top .logo:before {
        font-size: 78px !important;
    }
    .rev_slider li .tp-caption:nth-child(2) {

        margin-left: 80px !important;
    }
    .rev_slider li .tp-caption:nth-child(3) {
        margin-left: 80px !important;

    }
    footer .top-footer .contact .submit .btn-submit {
        float: left;
        margin-top: 20px;
    }
    .btn-captcha {
        width: 300px;
        margin-bottom: 20px;
        display: inline-block;
        float: inherit;
        margin: 0 auto;
        text-align: center;
    }
}
@media (min-width: 1200px){
    .home_header .home_header_wrapper .home_header_wrapper_inside .top_caption{
        margin-top:0px !important;
    }
    #header-top .navbar .navbar-collapse .navbar-nav li.menu-item .sub-menu li a{font-size:16px;  padding: 1px 20px;}
}
.tp-caption{width:100%;  }

.rev_slider li .tp-caption:nth-child(2){
    top:49vh !important;
    margin-top:-45px !important;
}
.rev_slider li .tp-caption:nth-child(3){
    top:49vh !important;
    margin-top:-4px !important;
}

@media (min-width: 767px) {
    .home .square.w43{MARGIN-LEFT:-15PX;}
    .service_front_middle_back .title {  line-height: 35px;  }
    .row_m_height{
        min-height:220px;
    }
    .d_m_top40{margin-top:40px;}
    .d_m_bottom30{margin-bottom:30px;}
    .navigation-container{display:none;}
    .d_float_r{float:right;}
    blockquote{
        background-size: 50px;
    }
    blockquote p{
        font-size: 34px !important;
        line-height: 44px;
    }
    .top_meta{
        display:block;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    #portfoliolist .modal{
        padding-right: 70px !important;
        padding-left: 70px !important;
        padding-top: 10px !important;
    }

}
#a2apage_full {
    padding-top: 30px !important;
    padding-bottom:65px !important;
}
@media (min-width: 768px) {
    #a2apage_full {
        padding: 30px !important;
        padding-bottom:50px !important;
    }
    .yt_play_placeholder_play{

        width: 200px;

    }
    .m_height220{min-height: 220px;}

    .svg_icon2{
        width: 120px; height: 100px; margin-top: -20px;}
    .svg_icon3{
        width: 90px; height: 100px; margin-top: -20px;}
    .rev_slider li .tp-caption:nth-child(2){
        top:49vh !important;
        margin-top:-65px !important;
    }
    .rev_slider li .tp-caption:nth-child(3){
        top:49vh !important;
        margin-top:12px !important;
    }
    .tp-caption .tp-splitted{

        text-align:left !important;
    }
    .tp-caption>div{
        width: 750px;
    }

    .tp-caption>div {
        margin-right: auto !important;
        margin-left: auto !important;
        padding-left: 220px;
        padding-right: 220px;
    }
}
@media (min-width: 992px){
   .home .square.w43{MARGIN-LEFT:-20PX;}
    .m_height220{min-height: 400px;}
    .tp-caption>div {
        width: 970px;
    }
}
@media (min-width: 767px) and (max-width: 1024px) {


    #header-top .logo{background:none;     line-height: 60px;}
    #header-top.colored .logo, #header-top.white .logo{background:none; }
    #header-top .logo:before {
        content: '\e812';
        font-family: 'fontello';
        color: #fff;
        font-size: 50px;
        line-height: 60px;
        margin-left: -4px;
    }
    #header-top.white .logo:before{color:#8dc63f;}
    #header-top.colored .logo:before{ color: #8dc63f !important;}
}
@media (min-width: 767px) and (max-width: 820px) {

    .home_header_wrapper_inside > .container{    padding-left: 110px; }
    .rev_slider li .tp-caption:nth-child(3){left: 100px !important; }
    .rev_slider li .tp-caption:nth-child(2) {  left: 100px !important;  }

}
@media (max-width: 991px) {

    #header-top .navbar .navbar-collapse .navbar-nav li.menu-item a {  padding: 0 10px;  }
    .svg_i_2{
        text-align: center;
        background-size: 100%;
        background-repeat: no-repeat;
        width:120px; height:105px;
    }
}
@media (min-width: 1200px) {
    .tp-caption>div {
        width: 1170px;
    }
    .top_meta{

        line-height: 49px;

    }
}
@media (max-width: 1200px) {
    .container-blockquote-img{background-attachment: inherit !important; }
    .top_meta a {
        font-size: 13px;
    }
    .button_top_nav.right_ {
        margin-left: 10px;
    }
    .button_top_nav.left_ {
        margin-right: 10px;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    #filters li span {
        font-size: 12px;

    }
    #portfoliolist .modal {
        padding-right: 23px !important;
        padding-left: 23px !important;
    }
    #header-top .navbar .navbar-collapse .navbar-nav li.menu-item a {
        font-size: 12px;
    }
}

.m_social {
    position: fixed;
    bottom: 0;
    height: 50px;
    z-index: 1000;
    background-color: #8dc63f;
    margin-bottom:-100%;
    transition: all 0.5s;
}
.m_social  .addtoany_shortcode{margin-top:15px; }

div.a2a_full_footer {
    display: none;
}
#a2apage_cols_container{display:none !important;}
#a2apage_dropdown{display:none !important;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/*CARD*/


.social i{
    font-style: normal;
}

.nome h6 {
    font-size: 18px;
    font-weight: bold;
    color: #555555 !important;
    margin-bottom: 20px;
}

.professione p{
    font-size: 14px;
    color: #818181;
}

.space_p {
    margin-bottom: 80px;
}
.card_team {
    margin-bottom: 40px;

}
.card_team .team_img {
    position:relative;
    margin-bottom: 20px;
    overflow:hidden;
    transition: all 0.5s;
}

.hided_button {
    position: absolute;
    width: 100%;
    background-color: rgba(141, 198, 63, 0.7);
    height: 100%;
    margin-top: 180%;
    transition:  all  0.5s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;

}


.card_team .team_img:hover .hided_button{
    margin-top: 0;
    transition: all 0.5s;
    cursor:pointer;
}
.card_team .team_img:hover{ cursor:pointer;}
.card_team .team_img:focus .hided_button{ margin-top: 0; transition: all 0.5s; }

.card_team div.nome h6 {
    margin-bottom: 5px;
}
.card_team div.social {
    font-size: 23px;
    color:#8dc63f ;
}
.card_team div.social i{margin-right: 20px;     color: #8dc63f;}
div.social_icons{
    font-size: 23px;
    margin-top: 20px;
    color: #8dc63f !important;
}
div.social_icons i{margin-right: 20px;}

.team_img {
    height: 263px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.modal.in .modal-dialog {

    z-index: 100000000;
    margin-top: -1px;
    margin-left: -1px;
    width: 100%;
    padding: 0;


}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

h4.modal-title {
    font-size: 26px;
    color: #8dc63f;
    font-weight: bold;
    margin-bottom: 0;
}

h6.modal-subtitle{
    font-size: 18px;
    font-weight: bold;
    font-family: montserrat !important;
    color: #555555 !important;
    margin-bottom: 20px;
}
.team_img_modal {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.close {

    font-size: 50px !important;
    color: #8dc63f !important;
    transition: all 0.5s;
    opacity: .8 !important;
}

.close:hover {
    transition: all 0.5s;
    font-size: 60px !important;
    color: #8dc63f !important;
    opacity: 1 !important;
}

.blue-back {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #8dc63f;
    z-index: -1;
    top: 0;
}

.card_icon .button_landing{position:absolute; bottom: 25px; width:100%; text-align:center; left:0;}
.qbutton{
    white-space: normal;
    text-align: center;
    height: auto;
    line-height: 23px;
    padding: 9px 20px;
    margin: 15px 00px;}
.card_icon .vc_column-inner{padding:0;}

.cstm_btn5{
    font-size: 14px;
    padding: 16px 39px;
    font-weight: 600;
    color: #fff;
    background-color: transparent;
    /* float: right; */
    /* margin-top: 40px; */
    border: 2px solid #fff;
    font-family: montserrat;
    transition: all  0.5s;
}
.modal-content {
    padding: 10px;
    overflow-y: scroll;
    max-height: 568px;
}


.modal-header .close {
    margin-top: -10px;
}

.cstm_btn5:hover{

    color: #fff;
    background-color: #8dc63f;
    transition: all  0.5s;
    border: 2px solid #8dc63f;

}
.side_menu_button a:last-child{padding:0;}


@media (min-width: 479px) {

    .social_buttons_content.top, .social_buttons_content.bottom {
        float: left;
    }

    .social_buttons_content.top {
        margin-top: -20px;
    }

    .modal-content {
        padding: 30px;
    }
}

@media (max-width: 480px) {

    .social_buttons_content.bottom, .social_buttons_content.top {
        display: inline-block;
        margin: 10px auto 0;
        text-align: center;
        width: 100%;
    }

    .addtoany_shortcode {
        margin: 0 auto;
        display: inline-block;
    }

    .modal-content {

        box-shadow: none;
        border: none;
    }
}

@media (min-width: 768px) {

    .card_team {

        MIN-HEIGHT: 460PX;
    }

    .card_icon .wpb_column {
        background-color: #F5F5F5;
        min-height: 770px;
        padding: 50px 20px 100px !important;
        margin-right: 20px;
    }



    .modal.in .modal-dialog {
        padding: 50px 100px;
    }

    .modal-content {

        max-height: 900px;

    }

    .modal-content {
        overflow: hidden;
    }

}


@media (min-width: 769px) {
    .card_team {
        margin-bottom: 10px;
    }

    .modal-content {

        max-height: 2000px;
        max-width: 1200px;
        margin: 0 auto;

    }

    .cstm_btn4 {
        display: none;
    }
}
@media (min-width: 770px) {

    #myModal5 .modal-content {
        margin-top: 100px !important;
    }
}

@media (min-width: 1001px) {
    .addtoany_share_save_container {

        top: 203px !important;

    }

    .q_social_icon_holder.normal_social {
        margin: 0 5px !important;

    }

    .card_icon .wpb_column {
        background-color: #F5F5F5;
        min-height: 555px;
        padding: 30px !important;
        margin-right: 20px;
    }

    #myModal5 .modal-content {
        margin-top: 0px !important;
    }

    .page_title {
        margin-top: 100px;
    }

    .featured_image_smaller .page_title {
        margin-top: 135px;
    }

}
@media (max-width: 1001px) {

    .team_img_modal {
        margin-bottom: 20px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .card_icon .wpb_column {
        background-color: #F5F5F5;
        min-height: 514px;
        padding: 30px !important;
        margin-right: 20px;
    }

}


#myModal5 .close {
    position: absolute;
    top: 0;
    right: 3px;
    margin-top: -10px;
}

#myModal5.modal.in {
    transition: all 1s;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#myModal5 .modal-content {
    padding: 0 !important;
    transition: all 1s;
}

.card_icon .wpb_column {
    background-color: #F5F5F5;
    /* min-height: 561px; */
    padding: 50px 20px 100px;
    margin-right: 30px;
}