/*@import url('https://fonts.googleapis.com/css?family=Zilla+Slab:600,600i');*/

/*@font-face {
    font-family: 'nexa_slab_xbold_italicitalic';
    src: url('https://cdn2.hubspot.net/hubfs/2581615/fonts/nexa_slab_xbold_italic/fontfabric_-_nexa_slab_xbold_italic-webfont.woff2') format('woff2'),
         url('https://cdn2.hubspot.net/hubfs/2581615/fonts/nexa_slab_xbold_italic/fontfabric_-_nexa_slab_xbold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

/****************************************
- 1R - HUBSPOT RESET STYLES          
****************************************/

/*.hs-tools-menu.hs-collapsed {
    display: none;
}*/



/*@font-face {
    font-family: 'nexa_slab_bold_italicitalic';
    src: url('https://cdn2.hubspot.net/hubfs/2581615/fonts/nexa_slab_bold_italic/fontfabric_-_nexa_slab_bold_italic-webfont.woff2') format('woff2'),
         url('https://cdn2.hubspot.net/hubfs/2581615/fonts/nexa_slab_bold_italic/fontfabric_-_nexa_slab_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/



/*@font-face {
    font-family: 'Raleway';
    src: url('https://cdn2.hubspot.net/hubfs/2581615/fonts/nexa-bold/nexa_bold-webfont.woff2') format('woff2'),
         url('https://cdn2.hubspot.net/hubfs/2581615/fonts/nexa-bold/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,600,600i,700,700i,800,800i');



/*language switcher*/
.widget-type-language_switcher{
    position: fixed;
    width: 20px !important;
    z-index: 99999;
    right: 11px !important;
    top: 6px;
}
.lang_list_class {
    
    position: absolute;
    top: 8px;
    left: auto;
    right: -11px;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none: !important;
    text-align: right !important;
    padding-top: 16px;
    width: 114px;

}

.lang_list_class:after,
.lang_list_class:before {
    
    display: none;  
}
.lang_list_class li:first-child {
    border-top: none;
}
.lang_list_class li:last-child {
    border-bottom: none;
}
.lang_list_class li {
    font-size: 13px;
    padding: 0 15px 10px 15px;
    background-color: transparent;
    border-left: none;
    border-right: none;
    background: url("https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/transparent-texture.png") #efefef !important;
}
.lang_list_class li a {
    text-decoration: none;
    color: #686868;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    height: 13px;
    overflow: hidden;
}

.lang_list_class li a:hover {
    color: #d94f5c;
}





.globe_class {
    background-image: url(https://cdn2.hubspot.net/hubfs/2581615/teen-clients/icon/language_grey_192x192.png);  
    width: 22px;
    height: 22px;
}


body{

    color:#2d2d2d;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'nexa_slab_bold_italicitalic';*/
    font-family: 'Raleway';
    font-weight: 600 !important;
    text-transform: none !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    /*font-family: 'nexa_slab_bold_italicitalic';*/
    font-family: 'Raleway';
    font-weight: 600 !important;
    text-transform: none !important;

}

 
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

h1, h1 a {
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    margin: 0;
    font-size: 51px;
    line-height: 53px;
}



ul.ul-2cols{

    float: left;
    margin-right: 35px !important;
    display: block;
    margin-bottom: 50px !important;
}
ul.ul-2cols:last-child {
    margin-right: 0 !important;
}

.bg-orange1 h1 {
    font-size: 31px !important;
    font-weight: 600 !important;
    padding: 20px !important;
    line-height: 32px;
}

.bg-yellow1 .striph1 h1{
    font-size: 31px !important;
    font-weight: 600 !important;
    padding: 50px 20px 0 !important;
    line-height: 32px;
}

.bg-gray1{
    /*background-color:  !important;*/
    background: url("https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/transparent-texture.png") #a3a3a3 !important;
}

.bg-gray-pattern{
    background: url("https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/ricepaper.png") #fafafa !important;
    /*background: url("https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/transparent-texture.png") #fafafa !important;*/
}


.bg-darkgray-pattern{
    background: url("https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/transparent-texture.png") #eaeaea !important;
}


.bg-gray-pattern .section-header p {
    margin: 4px 0px 31px;
}

.hero-banner{
    margin-top: 170px;
    margin-bottom: 0;
}

.footer div {
    font-size: 15px;
}


.footer-info .cta_button,
.social-footer .cta_button {
    width: 190px;
    margin-top: 15px;
    font-size: 24px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.social-footer .triangle {
    display: none;
}


.social-footer ul {
    text-align: left;
}
.social-footer ul li {
    margin: 0px 65px 0 0;
    
}

.social-footer2 ul {
    text-align: center;
}
.social-footer2 ul li {
    padding: 20px 0px;
    display: inline-block;
    margin: 0px 15px 0 15px;
}

.social-footer2 h2 {
  
    margin-top: 25px;
    margin-bottom: -8px;
}
.social-footer2 ul li a i {
    color: #fff;
    font-size: 45px;
}

.footer-info {
    background-color: #2d2d2d;
    padding-top: 13px;
}

.footer-info .widget-type-form form textarea {
    margin-top: 7px;   
}

.footer-info p, .footer-info p a {
    color: #c2c2c2 !important;
    font-size: 16px;
}
.footer-info h3 {
    font-size: 19px;
    margin: 32px 0px 10px 0px;
    font-family: Palanquin;
    font-weight: 500;
    color: #c2c2c2;
}

.footer {
    background-color: #232323;
}
.footer-info .form-columns-1 .hs-input {
    width: 100% !important;
}
.footer-info fieldset {
    max-width: 100% !important;
}

/*container*/
.container {
    max-width: 1870px;
}

/*TOP MENU*/
.sticky-head {
    height:92px !important;
}

.sticky-head-logo {
    background-size: 144px !important;
}
.sticky-head-li{ 
line-height:89px !important;
}

.sticky-head-a{
    font-size: 15px !important;
}

#logo-responsive{display:none;}



#fixed-top-menu {
        position: fixed;
        top: 0;
        z-index: 9999;
        height: 32px;
    }    

header.header #menu ul li.hs-menu-depth-1 > ul {
   
    margin-top:-25px;
    border-bottom: none;
    background: url("https://www.speakinitaly.com/hubfs/teen-clients/pattern/ricepaper.png?t=1513346482183") #fafafa !important;
    left:auto;
    right: 0 !important;
    min-width: 100% !important;
}
/*header.header #menu ul li.hs-menu-depth-1 > ul li a{
   
    text-align: right;
}*/

#menu-social {
    width: 40%;
    margin: 0;
    }
#menu-services {
    width: 60%;
    margin: 0;
    }



#menu-social.hidden,
#menu-services.hidden {
    display: none;
}

#menu-social li {
    margin: 0px 0 0 10px;
    height: 32px;
}


#menu-services li {
    margin: 0px 10px 0 0px;
    height: 32px;
    float: right;
}

#menu-services li:first-child {
    margin-right: 0;
}


#menu-social li a.fa {
    text-indent: -9999999px;
    top: 3px;
    position: relative;
    color: #fff;
    background-color: #888;
    border-radius: 30px;
    height: 23px;
    position: relative;
    width: 23px;
}


#menu-services li a {
    padding: 6px 12px 3px 0px !important;
}

#menu-services li a:after {
    border-right: 1px solid #b2b2b2;
    content: "";
    position: relative;
    right: -11px;
    top: 1px;
}

#menu-services li:first-child a:after {
    border-right: none;
}

#menu-social li a.fa:before {
    text-indent: 9999999px !important;
    position: absolute;
    top: 4px;
    margin: auto;
    font-size: 15px;
    right: 8px;
}
#menu-social li a.fa-instagram:before {
    right: 5px;
}

#main-menu-wrapper header {
    background: url("https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/ricepaper.png") #fafafa !important;
    height: 148px;
    top: 31px;
}

#main-menu-wrapper header .widget-span.widget-type-cell {
    width: 100%;
    margin: 0 auto;
    float: none;
}

header.header #menu {
    float: none;
    display: block !important;
    text-align: center;

}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block;
 }

header.header--white #menu ul li.hs-menu-item.hs-menu-depth-1 {
    width: 20%;
    line-height: 145px;
 }
 header.header--white #menu ul li.hs-menu-depth-1 a {
    color: #676767;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;


    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}




header.header--white #menu ul > li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 > a,
header.header--white #menu ul > li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 > a:hover,
header.header--white #menu ul > li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 > a:visited,
header.header--white #menu ul > li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 > a:active{
    background: none !important;
    text-indent: 0 !important;
}

.homeslider .slide {

    margin-top: 40px;

     -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 10s ease-in forwards;
  animation: zoomin 10s ease-in forwards;
  transition: all .5s ease-in-out;
  overflow: hidden;
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.10);}
  100% {transform: scale(1.20);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.10);}
  100% {transform: scale(1.20);}
} /*End of Zoom in Keyframes */


.quotes_teen .services {
    margin: 51px auto;
    text-align: center;
    width: 67%;
    color: #626262;
}
.quotes_teen div {
    text-align: center;
}
.quotes_teen span {
    text-align: center !important;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

/* FOTER CF with GDPR */

.footer-info .widget-type-form label span {
    font-size: 17px !important;
}
.footer-info .widget-type-form form input {
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 2px;
}

.footer-info .widget-type-form form textarea {
    min-height: 85px;
}

.footer-info .widget-type-form form div:first-of-type div:first-of-type div:first-of-type input:first-of-type {
    margin-top: -33px;
    display: none;
}
.footer-info form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span {
    padding-left: 22px;
    display: block;
    
}

@media (max-width: 1980px) {

    .container {
        max-width: 1350px;
    }
}
@media (max-width: 1550px) {

    .container {
        max-width: 1170px;
    }
}


@media (max-width: 1200px) {

    .social-footer .text span {
        font-size: 39px;
    }

}

@media (max-width: 971px){


    .footer div, .footer div a {
    font-size: 14px !important;
    }


    .hero-banner {
    margin-top: 108px;
    }

/*TOP MENU*/


    .slicknav_menu {

        top: 45px;
    }
   
    
    /*css per logo */
    header.header .widget-type-logo img.hs-image-widget {
    max-width: 116px;
    max-height: 500px;
    width: auto;
    
    -webkit-transform: none;
    -moz-transform:  none;
    -ms-transform:  none;
    -o-transform:  none;
    transform:  none;
    top: 2px;
    z-index: 999;
    left:-13px;
    }

      /**/

    #logo-responsive{display:block;}


    .slicknav_nav li ul li:before {
    top: 5px;
    margin-left: 5px;
    }
    
    .slicknav_menu .slicknav_icon-bar {
    background-color: transparent;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
    }

    #main-menu-wrapper header {
    height: 78px !important;
    }

    .header--white .slicknav_nav {
    background: url(https://cdn2.hubspot.net/hubfs/2581615/teen-clients/pattern/transparent-texture.png) #f0f0f0!important;
    margin-top: 64px;
    }

    .slicknav_nav > li + li + li {
        display: none;
    }
    .slicknav_nav > li + li + li + li{
        display: block;
    }

    .header--white .slicknav_nav a {
    color: #676767;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 4px;

    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    }

    

    span.slicknav_arrow:before,
    .slicknav_nav li.slicknav_open > a > span.slicknav_arrow:before {
    content: '\f107';
    background-image: none;
    position: absolute;
    height: 21px;
    width: 21px;
    right: 3px;
    top: -4px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #676767;
    }

    .header--white .slicknav_nav .slicknav_row:hover {
    background: url("https://www.speakinitaly.com/hubfs/teen-clients/pattern/ricepaper.png?t=1513346482183") #fafafa !important;
    border-radius: 0;
    }
    header.header--white .slicknav_nav ul {
     background: url("https://www.speakinitaly.com/hubfs/teen-clients/pattern/ricepaper.png?t=1513346482183") #fafafa !important;
    margin-left: 6px;
    margin-right: 5px;
    margin-top: 5px;
    }
    .slicknav_nav li.slicknav_open {
    padding-bottom: 0px;
    border-bottom: none !important;
    }

    ul.ul-2cols{

    width: 50%;
    margin-right: 0 !important;
    }


    .quotes_teen .services {
    width: 90%;
    }
      

}


@media (max-width: 767px) {

    .footer-info .widget-type-form form {
    margin-bottom: 50px;
    }

    .social-footer ul {
    text-align: center;
    }
    .social-footer ul li {
    margin: 0px 13px;
    }

    .social-footer .triangle {
    right: 0;
    left: 0;
    margin: 0 auto;
    }

    .footer-info .cta_button,
    .social-footer .cta_button {
    width: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    display: block;
    }

    .footer-logos {
   
    text-align: center;
    }

    #fixed-top-menu { 
    width: 100%;
    }
    #menu-social{
    display: inline-block !important;
    width: 32%;
    float: left;
    }
    #menu-services {
    display: inline-block !important;
    width: 68%;
    float: right;
    }
    .active-branch {
    width: auto;
    }
     ul.ul-2cols{

    width: 100%;
    }

    ul.ul-2cols:last-child{

    margin-top: -60px !important;

    }
    .footer-info .container {
    padding: 0 40px;
    }

    .mouse_scroll {
    display: block !important;
    bottom: 6px;
    }

}
@media (max-width: 767px) and (orientation: landscape){
    .mouse_scroll {
    display: none !important;
    }
    
}


@media (max-width: 568px) {
    #menu-social{
    display: inline-block !important;
    width: auto;
    float: left;
    }
    #menu-services {
    display: inline-block !important;
    width: auto;
    float: right;
    }

   #menu-social li {
    display: inline-block;
    float: left;
    }
    #menu-services li {
    display: inline-block;
    float: right;
    width: auto;
    margin: 0 2px;
    }

    #menu-social li a, #menu-services li a {
    font-size: 11px !important;
    padding: 8px 4px 3px 0px !important; 
    }

    #menu-services li a:after {
    right: -4px;
    }  

    #menu-social ul > li.hs-menu-item.hs-menu-depth-1 {
    display: none;
    }
    #menu-social ul > li.hs-menu-item.hs-menu-depth-1 + li.hs-menu-item.hs-menu-depth-1 {
    display: none;
    }
    #menu-social ul > li.hs-menu-item.hs-menu-depth-1 + li.hs-menu-item.hs-menu-depth-1 + li.hs-menu-item.hs-menu-depth-1 {
    display: block;
    }
   
}

@media (max-width: 360px) {

    #menu-social li a, #menu-services li a {
    font-size: 10px !important;
    }
    #menu-social li a:after {
    border-right: 1px solid #b2b2b2 !important;
    content: "" !important;
    position: relative !important;
    right: -4px !important;
    top: 1px !important;
    }

    .mouse_scroll {
    display: none !important;
    }
      


}